@media(max-width:1400.98px) {



    .review-text {
        font-size: 0.80rem;
    }

    .card-text-side {
        padding: 20px;
    }

    .testimonial-card {
        max-height: 380px;
    }

    .reviewer-label {
        font-size: 0.6rem;
    }
}


@media(max-width:1399.98px) {

    .lending-partner .card-footer {
        padding: 10px;
    }


    .lending-partner .fs-12 {
        font-size: 0.65rem;
    }

    .web-link {
        font-size: 13px;
    }

    .lending-logo {
        width: 150px;
    }



    .lending-partner h5 {
        font-size: 16px;
    }

    .hero-content h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3rem;
    }

    .list-wrap p {
        font-size: 14px;
    }

    .about-us {
        min-height: 360px;
    }

    .step-card1 {
        margin-top: -65px;
    }

    .advantage-container::before {
        background-size: 82% 100%;
        background-position: left center;
                top: 17%;
        height: 226px;
        rotate: 347deg;
        background-size: 83% 100%;
    }

    .eligibility p,
    .documents p {
        font-size: 12px;
        line-height: normal;
    }

    .eligibility img,
    .documents img {
        width: 30px;
    }

    .key-benefits h4 {
        font-size: 20px;
    }

    .product-card .card-title {
        font-size: 18px;
    }

    .repay-banner {
        min-height: 415px;
    }

    .how-it-work-card .card p {
        font-size: 13px;
        line-height: 22px;
    }

    .how-it-work-card .card {
        min-height: 205px;
    }

    .step-number {
        font-size: 65px;
    }

}


@media(max-width:1240.98px) {
    /* .loan-card img {
        width: 50px;
    } */

    /* .loan-card h5 {
        font-size: 18px;
    }

    .loan-card p {
        font-size: 0.85rem;
        line-height: normal;
    } */

    .loan-card::after {
        width: 150px;
        height: 150px;
    }

    .left-content {
        padding: 30px;
    }
}


@media(max-width:1199.98px) {


    .lending-partner .fs-12 {
        font-size: 12px;
    }
  .custom-app-coin {
    right: 473px;
    position: relative;
    top: 84px;
}


    .lending-logo {
        width: 150px;
    }



    .contact-wrapper {
        background-image: none;
        background: linear-gradient(180deg, #0BB0A2 0%, #8BD5B9 83.4%);
    }

    .product-card .card-title {
        font-size: 16px;
    }

    .product-card p {
        font-size: 13px;
    }

    .page-wrapper {
        margin-top: 76px;
    }

    .hero-content h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    .social-box img {
        width: 120px;
    }


    .choose-img {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .choose-card .card-footer {
        min-height: auto;
        font-size: 13px;
    }

    .review-text {
        font-size: 0.70rem;
    }

    .reviewer-name {
        font-size: 0.75rem;
        margin-bottom: 0px;
    }

    .reviewer-info {
        margin-top: 15px;
    }

    .card-text-side {
        padding: 16px;
    }

    .testimonial-card {
        min-height: 330px;
    }


    .title {
        font-size: 18px;
    }

    .about-us::before {
        height: 280px;
    }

    .about-us {
        min-height: 335px;
    }

    .advantage-container::before {
        top: 22%;
        height: 211px;
        rotate: 349deg;
        background-size: 78% 100%;
    }

}


@media(max-width:1100.98px) {
    .nav-link-custom {
        padding: 0 5px !important;
    }

    .btn.btn-primary {
        padding: 10px 14px;

    }

    .about-us::before {
        height: 240px;
    }

    .about-us {
        min-height: 300px;
    }

    .fs-res-13 {
        font-size: 13px;
    }
}

@media (max-width: 1024px){
    .custom-app-coin {
    right: 498px;
    position: relative;
    top: 84px;
  }
}


@media (max-width: 991.98px) {

    .smart-loan::before{
        background:none;
    }
     .custom-app-coin {
    right: 503px;
    position: relative;
    top: 84px;
  }

     .smart-loan{
        background-color: #006777;
    }  

    .how-it-work-card .card {
        min-height: 230px;
    }

    .left-content {
        padding: 30px 20px;
    }

    .apply-box {
        padding-right: 0px;
    }

    .how-it-work-card img {
        width: 300px;
    }


    .advantage-container::before {
        top: 22%;
        height: 221px;
        rotate: 349deg;
        background-size: 78% 100%;
    }

    .nav-link-custom {
        margin-bottom: 20px;
        text-align: left;
    }

    .nav-link-custom.active {
        border-bottom: 2px solid var(--accent-color);
    }

    li.nav-item.desktop-apply-btn {
        display: none;
    }

    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }

    .navbar-collapse {
        position: absolute;
        top: 73px;
        left: 0;
        text-align: center;
        width: 100%;
        background: var(--bg-light);
        padding: 24px 24px 0 24px;
    }

    .card-row::before {
        display: none;
    }

    .about-us::before {
        height: 216px;
    }

    .about-us {
        min-height: 275px;
    }



}



@media (max-width: 932.98px) {

    .testimonial-card {
        min-height: 345px;
    }
}



@media (max-width: 884.98px) {
    .smart-loan::before{
        width: 100%;
        background-size: cover;
    }
    .testimonial-card {
        min-height: 380px;
    }
}

@media (max-width: 840.98px) {
    .testimonial-card {
        min-height: 400px;
    }

        .custom-app-coin {
        right: 409px;
        position: relative;
        top: 84px;
    }
}


@media (max-width: 787.98px) {
    .testimonial-card {
        min-height: 440px;
    }

        .custom-app-coin {
        right: 409px;
        position: relative;
        top: 84px;
    }

}


@media (max-width: 799.98px) {

    .social-box img {
        width: 110px;
    }

    .hero-content p {
        font-size: 13px !important;
    }

    .btn.btn-primary {
        font-size: 12px;
    }

}





@media (max-width: 899.98px) {

    .hero-content h1 {
        font-size: 2.9rem;
    }

    h2 {
        font-size: 2.2rem;
    }
}


@media (max-width: 894.98px) {
    .advantage-container::before {
        top: 19%;
        height: 242px;
        rotate: 348deg;
        background-size: 77% 100%;
    }
}

@media (max-width: 864.98px) {
    .advantage-container::before {
                top: 21%;
        height: 271px;
        background-size: 80% 100%;
    }
}

@media (max-width: 821.98px) {
    .advantage-container::before {
        rotate: 344deg;
                top: 15%;
        height: 271px;

    }
}

@media(max-width: 768px) {
    .img-main {
        height: 200px;
    }
      .custom-app-coin {
        right: 361px;
        position: relative;
        top: 73px;
    } 
}
@media(max-width: 740px) {
       .custom-app-coin {
        right: 600px;
        position: relative;
        top: 73px;
    }
}


@media (max-width: 767.98px) {

    .repay-card-step .card h5 {
        font-size: 16px !important;
    }

    .repay-card-step .card p {
        font-size: 13px !important;
    }


    .repay-banner {
        background-image: none;
        background: linear-gradient(180deg, #0BB0A2 0%, #8BD5B9 83.4%);
        min-height: auto;
    }

    .img-icon {
        width: 75px;
        height: 75px;
    }

    .advantage-container::before {
        display: none;
    }

    .step-card1 {
        margin-top: 0px;
    }

    .step-card {
        margin-top: 30px;
        padding: 20px;
        border-radius: 20px;
        border: 1px solid var(--accent-color) !important;
        background-color: var(--bg-light) !important;
    }

    .step-card img {
        display: none;
    }

    .step-count {
        width: 75px;
        height: 75px;
        position: static;
        margin: 0 auto;
    }

    .step-count {
        font-size: 80px;
    }



    .about-us {
        min-height: 150px;
    }

    .about-us::before {
        display: none;
    }

    .container-fluid {
        padding-right: var(--bs-gutter-x, .5rem);
        padding-left: var(--bs-gutter-x, .5rem);
    }

    .hero-content p {
        width: 320px;
    }

    .testimonial .owl-nav {
        width: 100%;
    }

    .testimonial-card.is-active {
        transform: scale(1);
    }

    .testimonial-card {
        background: #ffffff;
    }

    .testimonial-card .reviewer-name,
    .testimonial-card .review-text {
        color: #1a2433;
    }

    .testimonial-card .reviewer-label {
        color: #6b7a90;
    }

    .testimonial-card .card-img-side::after {
        opacity: 0;
    }

    .testimonial-card .reviewer-name .avatar-icon {
        background: lightgray;
    }

    .testimonial-card {
        min-height: auto;
    }

    .card-img-side img {
        object-position: inherit;
    }


    .testimonial .owl-nav {
        display: flex;
        justify-content: center;
        position: inherit;
        gap: 10px;
        margin-top: 20px
    }

    .testimonial .owl-dots {
        margin-top: 0px;
    }


    .app-mockup-img {
        width: 70%;
        margin: 0 auto;
        display: block;

    }

}

@media (max-width: 633.98px) {
    .how-it-work-card .card {
        min-height: 245px;
    }
    .custom-app-coin {
    right: 523px;
    position: relative;
    top: 84px;
  }
}

@media (max-width: 575.98px) {
    .how-it-work-card .card {
        min-height: auto;
    }


    .w-sm-auto {
        width: auto !important;
    }
}

@media (max-width: 425.98px) {
    .navbar-collapse {
        top: 59px;
    }
      .custom-app-coin {
    right: 400px;
    position: relative;
    top: 50px;
  }

    .logo-img {
        width: 100px;
    }

    .navbar-toggler {
        padding: 0;
    }

    .page-wrapper {
        margin-top: 58px;
    }

    .social-box a {
        margin-bottom: 5px;
    }

    .testimonial-card {
        min-height: 450px;
        max-height: 450px;
    }


    .small-card {
        flex-direction: column;
    }

    .img-side {
        width: 100%;
        height: 200px;
        object-position: top center;
        object-fit: contain;
    }

}

/* ── Responsive ── */
@media (max-width: 400.98px) {
    .testimonial-card {
        flex-direction: column-reverse;
        min-height: auto;
        max-height: fit-content;
    }

    .card-text-side,
    .overlay-card .card-text-side {
        flex: none;
        width: 100%;
    }

    .card-img-side,
    .overlay-card .card-img-side {
        flex: none;
        width: 100%;
        height: 275px;
    }

    .testimonial .owl-carousel .owl-stage-outer {
        padding: 10px 0 0px;
    }


    .testimonial .owl-nav {
        margin-top: 45px;
    }

}


@media (max-width: 375.98px) {

    .step-count {
        font-size: 90px;
        width: 90px;
        height: 90px;
    }

    .custom-app-coin {
    right: 300px;
    position: relative;
    top: 31px;
  }


    .d-res-block {
        display: block !important;
        text-align: center;
    }

    .d-res-block img {
        width: 35px;
        margin-bottom: 8px;
    }

    .d-res-block h5 {
        font-size: 15px !important;
        margin-bottom: 0px !important;
    }

    .d-res-block p {
        font-size: 13px !important;
    }

    .scan-qr {
        width: 150px;
        height: 150px;
    }

    .d-xs-block {
        display: block !important;
    }

}

@media (max-width: 359.98px) {
    .service-area .card{
        width: 300px!important;
    }
}   

/* @media (max-width: 375.98px) {
    .section-title {
        font-size: 1.5rem;
        padding: 0 16px;
    }

    .card-text-side {
        padding: 28px 24px 24px;
    }
} */