/* custom card css */


@media (max-width: 1200px) {
    .slides-wrapper {
        max-width: 800px;
    }
}

@media (max-width: 991px) {

    .main-body section {
        margin-top: 2rem;
    }

    .main-body .heading {
        font-size: 2.5rem;
    }
    
    .main-body .intro-block .link-buttons {
        margin-top: 2rem;
    }

    .feature-card {
        min-width: calc(50% - 16px);
        gap: 12px;
    }
}

/* Tablet — 2 cards (match JS: <= 960px) */
@media (max-width: 960px) {
    .slide-box {
        width: calc(100% / 2);
    }
    
    .why-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}



/* Mobile — 1 card (match JS: <= 640px) */
@media (max-width: 640px) {
    .slides-wrapper {
        max-width: 320px;
        margin: auto;
    }

    .slide-box {
        width: 100%;
    }

    .slide-box .box-content {
        /* width: min(300px, 100%); */
        width: 300px;
        height: max(100dvh, 300px);
        aspect-ratio: unset;
        padding: 0 1rem;
    }

    .slide-box .box-content h2 {
        font-size: 1rem;
    }

    .card .ellipsis-2 {
        /* text-align: justify; */
        font-size: 12px;
    }

}


@media (max-width: 576px) {
    .feature-card {
        min-width: 85%;
    }

    .carousel-btn {
        display: none;
    }

}

@media (max-width: 560px) {
    .main-body .heading {
        font-size: 2rem;
    }

    .main-body section {
        margin-top: 2rem;
    }

    .main-body .information {
        font-size: 16px;
    }


    .grid {
        grid-template-columns: 1fr;
    }

    .side-image {
        height: 250px;
        /* width: 500px; */
    }
    
    .why-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .why-cta-block {
        padding: 1.5rem 1rem;
    }
    .why-cta-title {
        font-size: 1.25rem;
    }
}

/* custom card css end */