/* Carousel Fix for Why Choose SfD section */

/* Ensure carousel container doesn't overflow */
#why-choose-sfd {
    overflow: hidden;
}

/* Fix owl carousel structure */
#why-choose-sfd .owl-carousel {
    display: block !important;
}

#why-choose-sfd .owl-stage-outer {
    overflow: hidden !important;
}

#why-choose-sfd .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

#why-choose-sfd .owl-item {
    float: none !important;
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
}

#why-choose-sfd .item {
    height: 100%;
    width: 100%;
}

/* Ensure card-box fills its container */
#why-choose-sfd .card-box {
    width: 100%;
    height: 100%;
    min-height: 450px;
}

/* Responsive breakpoints */
@media (max-width: 1400px) {
    #why-choose-sfd .card-box {
        gap: 250px;
        min-height: 420px;
    }
}

@media (max-width: 1200px) {
    #why-choose-sfd .card-box {
        gap: 200px;
        min-height: 400px;
    }
}

@media (max-width: 1100px) {
    #why-choose-sfd .card-box {
        gap: 150px;
        min-height: 380px;
    }
}

@media (max-width: 992px) {
    #why-choose-sfd .card-box {
        gap: 100px;
        min-height: 350px;
    }
}

@media (max-width: 768px) {
    #why-choose-sfd .card-box {
        gap: 80px;
        min-height: 300px;
    }
}

@media (max-width: 576px) {
    #why-choose-sfd .card-box {
        gap: 60px !important;
        min-height: 250px !important;
    }
}

/* Prevent content overflow */
#why-choose-sfd .card-box .top,
#why-choose-sfd .card-box .bottom {
    flex-shrink: 0;
}

/* Fix staging padding at different breakpoints */
@media (max-width: 1100px) {
    #why-choose-sfd.owl-carousel {
        margin: 0 -15px;
    }
}