@media (max-width: 767px) {
    .about-bg-graphic.mobile {
        display: none;
    }

    .about-bg-graphic.desktop {
        display: none;
    }

    .about-bg-graphic.tablet {
        display: block;
    }

    .about-bg-graphic.mobile {
        display: block;
    }
    .success-wrapper {
        grid-template-columns: 1fr;
    }
    .about-bg-graphic.tablet {
        display: none;
    }

    .about-bg-graphic.desktop {
        display: none;
    }

    .about-center-section {
        padding: 50px 18px;
    }

    .about-center-container {
        justify-content: center;
    }

    .about-content h2 {
        font-size: 34px;
    }

    .about-content p {
        font-size: 15px;
    }

    .about-btn {
        width: 100%;
        font-size: 13px;
    }

    .about-content {
        margin-right: 16px;
    }

    .why-choose-section {
        padding: 50px 16px;
    }

    .why-bg-shape {
        object-position: left center;
    }

    .why-container {
        gap: 30px;
        grid-template-columns: 1fr;
    }

    .why-small-title {
        font-size: 18px;
    }

    .why-right h2 {
        font-size: 42px;
    }

    .why-right p {
        font-size: 16px;
        line-height: 1.8;
    }

    .why-btn {
        width: 100%;
        font-size: 18px;
    }

    .why-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-card {
        min-height: auto;
    }

    .why-card h3 {
        font-size: 20px;
    }

    .why-choose-section {
        padding: 40px 12px;
    }

    .why-bg-shape {
        object-position: left bottom;
    }

    .why-right h2 {
        font-size: 34px;
    }

    .why-right p {
        font-size: 15px;
    }

    .why-btn {
        width: 100%;
        min-height: 56px;
        font-size: 16px;
        padding: 10px 18px;
    }

    .why-btn svg {
        width: 28px;
        height: 28px;
    }

    .why-card {
        background: rgb(255 255 255 / 82%);
        backdrop-filter: none;
    }

    /* .why-cards {
        grid-template-columns: 1fr;
    } */

    .why-card {
        border-radius: 18px;
        padding: 22px 16px;
    }

    .why-card img {
        width: 32px;
        height: 32px;
    }

    .why-card h3 {
        font-size: 19px;
    }

    .why-card p {
        font-size: 14px;
    }

    .success-stories-section {
        padding: 35px 14px 24px;
        /* padding-top: 160px; */
    }

    .success-heading h2 {
        font-size: 25px;
    }

    .success-cards {
        grid-template-columns: 1fr;
        padding: 18px;
    }

    .success-card {
        min-height: 260px;
    }

    .success-left-shape {
        left: -89px;
        /* bottom: 0px; */
        top: 100px;
    }

    .success-card {
        min-height: 650px;
    }

    .success-right-dots {
        right: -99px;
        top: 18px;
    }

    .latest-articles-section {
        padding: 38px 15px 60px;
    }

    .articles-heading h2 {
        font-size: 30px;
    }

    .articles-grid {
        grid-template-columns: 1fr;
        max-width: 320px;
    }

    .article-card img {
        height: 200px;
    }

    .articles-zigzag {
        left: -190px;
        top: -15px;
    }
    .articles-leaf {
        left: -40px;
        bottom: -54px;
    }






        .success-cards{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        scrollbar-width: none;
    }

    .success-cards::-webkit-scrollbar{
        display: none;
    }

    .success-card{
        flex: 0 0 85%;
        max-width: 85%;
        scroll-snap-align: start;
    }
}