/**
 * Features Section - Spacing Fix
 * Add proper padding between feature boxes (1-3 and 2-4)
 */

/* Add vertical spacing between rows of feature boxes */
.features-4 .fbox-wrapper .row > .col-md-6 {
    margin-bottom: 15px;
}

/* Remove bottom margin from last row items */
.features-4 .fbox-wrapper .row > .col-md-6:nth-last-child(-n+2) {
    margin-bottom: 0;
}

/* Ensure proper spacing on all screen sizes */
@media (min-width: 768px) {
    .features-4 .fbox-wrapper .row > .col-md-6 {
        margin-bottom: 20px;
    }
    
    .features-4 .fbox-wrapper .row > .col-md-6:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .features-4 .fbox-wrapper .row > .col-md-6 {
        margin-bottom: 25px;
    }
    
    .features-4 .fbox-wrapper .row > .col-md-6:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}

/* Alternative approach: Add padding to the feature boxes themselves */
.features-4 .fbox-4 {
    margin-bottom: 15px;
}

.features-4 .row > .col-md-6:nth-last-child(-n+2) .fbox-4 {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .features-4 .fbox-4 {
        margin-bottom: 20px;
    }
    
    .features-4 .row > .col-md-6:nth-last-child(-n+2) .fbox-4 {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .features-4 .fbox-4 {
        margin-bottom: 25px;
    }
    
    .features-4 .row > .col-md-6:nth-last-child(-n+2) .fbox-4 {
        margin-bottom: 0;
    }
}

/* Ensure the row has proper spacing */
.features-4 .fbox-wrapper .row {
    row-gap: 15px;
}

@media (min-width: 768px) {
    .features-4 .fbox-wrapper .row {
        row-gap: 20px;
    }
}

@media (min-width: 992px) {
    .features-4 .fbox-wrapper .row {
        row-gap: 25px;
    }
}

/* Mobile: Keep consistent spacing */
@media (max-width: 767px) {
    .features-4 .fbox-wrapper .row > .col-md-6 {
        margin-bottom: 12px;
    }
    
    .features-4 .fbox-wrapper .row > .col-md-6:last-child {
        margin-bottom: 0;
    }
    
    .features-4 .fbox-wrapper .row {
        row-gap: 12px;
    }
}