@charset "utf-8";

@media (max-width: 1850px) {
    .hero_new .hero__animation img:nth-child(4) {
        right: 1%;
        top: 15%;
    }
}

@media (max-width: 1599px) {
    .hero_new .btn-group {
        padding-bottom: 70px;
    }

    .hero_new .hero__thumb img {
        max-width: 100%;
    }

    .hero_new .hero__thumb::before {
        left: 18%;
        background-size: 70%;
    }

    .hero_new .hero__thumb::after {
        right: -5%;
        background-size: 80%;
        height: 118px;
    }

    .hero_new .hero__animation img:nth-child(2) {
        position: absolute;
        left: 3%;
        bottom: 5%;
    }
}

@media (min-width:1400px) {
}

@media(max-width:1400px) {
    .apply_btn {
        padding: 8px 47px;
    }

    .hero_new .hero__animation img:nth-child(3) {
        left: 44%;
    }

    .hero_new .hero__animation img:nth-child(5) {
        width: 8%;
    }
}

@media (min-width:1024px) and (max-width:1299px) {
}

@media (min-width:992px) and (max-width:1024px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media(max-width:1199px) {
    .apply_btn {
        padding: 5px 34px;
    }

    .hero_new .hero__thumb::before {
        background-size: 58%;
    }

    .hero_new .hero__thumb::after {
        right: -8%;
        background-size: 63%;
        bottom: -5%;
    }

    .hero_new .section__content-text {
        font-size: 18px;
    }

    .hero_new .hero__animation img:nth-child(2) {
        width: 4%;
    }

    .hero_new .hero__animation img:nth-child(3) {
        display: none;
    }

    .hero_new .hero__animation img:nth-child(4) {
        width: 4%;
    }
}

@media (max-width:991px) {
    .apply_btn {
        padding: 2px 22px;
        font-size: 14px;
        left: 41%;
    }

    .hero_new .btn-group {
        gap: 10px;
        margin-top: 20px;
        padding-bottom: 0;
    }

    .btn_theme {
        padding: 12px 22px;
        font-size: 14px;
    }

    .trust_bar ul {
        flex-wrap: wrap;
        font-size: 14px;
    }

        .trust_bar ul li {
            width: 48%;
        }

    .hero_new .hero__thumb {
        text-align: center;
    }

        .hero_new .hero__thumb img {
            max-width: 60%;
        }

        .hero_new .hero__thumb::before {
            background-size: 58%;
            top: 35px;
            left: 30%;
        }

        .hero_new .hero__thumb::after {
            right: 13%;
            background-size: 57%;
            bottom: -7%;
        }

    .hero_new .hero__animation img:nth-child(1) {
        display: none;
    }

    .hero_new .hero__animation img:nth-child(4) {
        width: 6%;
    }

    .hero_new .hero__animation img:nth-child(2) {
        width: 6%;
    }

    .hero_new .hero__animation img:nth-child(5) {
        display: none;
    }

    .hero_new .section__content-title .word {
        letter-spacing: 4px;
        margin-right: 0;
    }

    .hero_new .section__content-title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .creditScorebanner {
        border-radius: 15px;
        min-height: 169px;
        margin: auto;
        padding: 15px 0;
        display: block;
        overflow: hidden;
    }

    .bannerText {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .creditScore_banner p {
        font-size: 12px;
        width: 50%;
        margin: auto;
    }

    .creditBtn {
        padding: 10px 15px;
        font-size: 12px;
        min-width: auto;
    }
}

@media (max-width:767px) {
    .hero h1 {
        font-size: 2rem;
    }

    .emi-value {
        font-size: 2rem;
    }

    .section-title {
        font-size: 1.6rem;
    }

    .apply_btn {
        padding: 2px 26px;
        left: 39%;
    }

    .hero_new .hero__thumb img {
        max-width: 75%;
    }

    .hero_new .hero__thumb::before {
        background-size: 51%;
        top: 35px;
        left: 27%;
    }

    .hero_new .hero__thumb::after {
        right: 2%;
        background-size: 55%;
        bottom: -8%;
    }

    .bank-header {
        padding: 24px 22px;
    }

    .rpls {
        border-radius: 0;
        margin-bottom: 20px;
        height: auto;
        width: 100%;
        padding: 10px;
    }

    .emi-result {
        padding: 20px;
    }

    .hs-item {
        padding-right: 15px;
        margin-right: 15px;
        text-align: left;
    }

    .hero-stats {
        gap: 20px;
    }

    .cc-img {
        width: 100%;
    }

    .cc-card .cc-detail a {
        font-size: 14px;
    }

    .cc-card .cc-detail .cta-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .feature-card {
        padding: 20px 15px;
    }

    .leadership-content li {
        font-size: 14px;
    }

    .policy-card {
        padding: 12px;
    }
    .logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:576px) {
    .apply_btn {
        display: none;
    }

    .hero_new .hero__thumb img {
        max-width: 100%;
    }

    .hero_new .hero__thumb::before {
        left: 19%;
    }

    .hero_new .hero__thumb::after {
        right: -14%;
    }

    .hero_new .section__content-sub-title {
        font-size: 18px;
    }

    .hero_new .section__content-text {
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .hero_new .hero__thumb img {
        max-width: 100%;
    }

    .hero_new .hero__thumb::before {
        left: 21%;
        background-size: 40%;
    }

    .hero_new .hero__thumb::after {
        right: -67px;
        bottom: -57px;
        background-size: 42%;
    }

    .hero_new .hero__animation img:nth-child(2),
    .hero_new .hero__animation img:nth-child(4) {
        display: none;
    }

    .hero--quaternary {
        padding: 150px 0 0;
    }
}

@media (max-width: 372px) {
    .hero_new .btn_theme {
        width: 100%;
    }
}
