:root {
    /* --primary: #ca766d; */
    --primary: #065247;
    --light-green: #e4f1ea;
    --light-green: #f2fcfe;
    /* --secondary: #ca766d; */
    --secondary: #00A9A4;
    /* --light-orange: rgb(255, 247, 247); */
    --light-orange: rgb(228, 255, 254);
    --sky: #effaff;
    --sky: #ebfcff;
    --white: #fff;
    --black: #000;
    --text: #252525;
    --light-txt: #2b2b2b;

    --font-40: 40px;
    --font-25: 25px;

    --ban-panel: 50px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: 'Inter', sans-serif; */
    font-family: 'Poppins', sans-serif;
}

/*------- top menu bar -------------*/

#verifyOTP {
    display: none;
}

.verifyBtn {
    opacity: 0.2;
    pointer-events: none;
}

.resendBtn {
    display: inline-block;
    position: absolute;
    right: 20px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
    top: 17px;
    opacity: 0.2;
    pointer-events: none;
}

.OtperrorMsg {
    color: red;
}

#otp {
    padding: 10px 10px 10px 10px;
}

.topMenu {
    align-items: center;
    border-bottom: 0.5px solid rgba(179, 179, 179) !important;
    position: sticky;
    top: 0;
    z-index: 111;
    background-color: white;
    height: 80px;

}

.logo {
    width: 100px;
}

.nav-item {
    margin: 0 10px;
    display: inline-flex;
}

.nav-link {
    font-size: 19px;
    font-weight: 500;
    color: #797979;
    padding: 20px 0;

}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
    color: var(--primary);
}

.nav-link.active {
    color: var(--primary);
    border-bottom: 4px solid var(--primary);

}

.navbar-toggler {
    font-size: 25px !important;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.signinBtn {
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    height: 38px;
    width: 100px;
    line-height: 38px;
    text-align: center;
    margin: auto;
    text-decoration: none;
    font-size: 19px;
    font-weight: 500;
}

.dropdown-menu {
    box-shadow: 0px 12px 36px rgb(0 0 0 / 16%) !important;
    border: none !important;
}

.dropdown-item {
    color: var(--black) !important;
    font-size: 16px !important;
    line-height: 26px !important;
    padding: 8px 24px;
}

.dropdown-item:hover {
    background-color: #e9ecef;
    color: var(--primary) !important;
}

/*------- /top menu bar -------------*/

/*-------- banner ----------*/
.banner {
    padding: 25px 80px;
    background-color: #fff;
    background-image: linear-gradient(var(--sky), var(--white));
}

.bannerLeft {
    padding: 60px 0;
    margin: 15px 0;
}

.bannerLeft h3 {
    font-size: 28px;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 25px;
}

.bannerLeft h6 {
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    color: var(--primary);
    margin-bottom: 10px;
}

.bannerLeft h1 {
    font-size: 26px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 30px;
    width: 300px;
    background: var(--secondary);
    padding: 10px 20px;
    border-bottom: solid 5px var(--primary);
}

.verificationBox input,
.nameBox input {
    height: 60px;
    width: 100%;
    padding: 10px 10px 10px 50px;
    outline: none;
    border: none;
    background-color: white;
    border: 1px solid #a7b6ca;
    font-size: 18px;
    border-radius: 0px !important;
}

.verificationBox,
.nameBox {
    position: relative;
}

.countrycode {
    position: absolute;
    top: 17px;
    left: 10px;
    color: #717371;
    font-size: 18px;
    font-weight: 500;

}

.applyButton {
    width: 100%;
    height: 56px;
    background: var(--primary);
    border: solid 2px var(--primary) !important;
    box-shadow: 0px 4.75px 23.75px 4.75px rgb(38 38 38 / 24%);
    color: #fff;
    border: none;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.applyButton:hover {
    background-color: var(--white);
    color: var(--primary);
    transform: translateY(-3px);
}

.error_msg {
    font-size: 15px;
    color: red;
    margin-top: 8px;
    font-weight: 400;
}

.bannerRight {
    padding: 0px 0px;
    overflow: hidden;
    margin: 7px;
}

.bannerRight img {
    width: 100%;
}

/*-------- /banner ----------*/

/*----- easy application -------*/
.easyApplication {
    padding: 55px 80px;
}

.easyApplication h1 {
    font-size: 35px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 30px;
    color: var(--primary);
}

.easyApplicationBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* padding: 0px 10px 20px; */
    /* background-color: rgba(228, 241, 234, 0.4); */
    border: solid 2px var(--primary);
    /* height: 100%; */
    /* flex-direction: column; */
    text-align: center;
    /* margin-top: 35px; */
    border-radius: 500px 20px 20px 500px !important;
    transition: all 0.3s ease-in-out;
    transform: translate(0);
}

.easyApplicationBox:hover {
    transform: translateY(-5px);
    background-color: var(--light-green);
}

/* .easyApplicationBoxLeft {
    margin-top: -35px !important;
} */

.easyApplicationBoxLeft img {
    width: 40px;
    height: 40px;
}

.easyApplicationBoxRight {
    padding-left: 20px;
}

.easyApplicationBoxRight h2 {
    font-size: 20px;
    color: var(--secondary);
    font-weight: 600;
    margin-top: 18px;
}

.easyApplicationBoxRight p {
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
}

/*----- /easy application -------*/

/*----- am i eligible ---------*/
.amIeligible {
    padding: 55px 80px;
}

.amIeligible h1 {
    font-size: 35px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 50px;
    color: black;
}

.amIeligibleCollapseTitle {
    font-size: 22px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    color: black !important;
    text-decoration: none;
    letter-spacing: 1px;
}

.amIeligibleCollapseTitle i {
    font-size: 16px;
}

hr:not([size]) {
    height: 1px;
}

.hrAccordian {
    color: #dcdcde;
    margin: 0px;
}

.card {
    border: none;
}

.amIeligibleCollapseUl li {
    margin: 12px 0;
    font-size: 16px;
    color: var(--black) !important;
}

.amIeligibleCollapseTitleP {
    margin-top: 20px;
}

.amIeligibleCollapseTitle:visited {
    color: var(--primary) !important;
}

.amIeligibleCollapseTitle:hover {
    color: var(--primary) !important;
}

/*----- /am i eligible ---------*/

/*-------- create EMI ---------*/
.createEmi {
    padding: 40px 80px;
    /* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../new_images/emi.jpeg"); */
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../new_images/new_emi_calculator.jpg");
    background-color: var(--black);
    background-size: cover;
    background-position: center;
    text-align: center;
}

.createEmi h1 {
    font-size: 35px;
    font-weight: 500;
    color: white;
    margin-top: 20px;
    margin-bottom: 30px;
}

.createEmi p {
    font-size: 20px;
    font-weight: 500;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.calculate_your_emi_button {
    width: 312px;
    height: 64px;
    background: var(--secondary);
    border: solid 2px var(--secondary);
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 20px 4px rgb(38 38 38 / 24%);
    bottom: 62px;
    left: 120px;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: auto;
}

.calculate_your_emi_button:hover {
    background-color: var(--white);
    color: var(--secondary) !important;
    transform: translateY(-3px);
}

/*-------- /create EMI ---------*/

/*------- customer ---------*/
.customer {
    padding: 40px 80px;
}

.customer h1 {
    font-size: 35px;
    font-weight: 500;
    color: black;
    margin-top: 20px;
    margin-bottom: 10px;
}

.customer p {
    font-size: 22px;
    font-weight: 500;
    color: var(--black);
    margin-top: 10px;
    margin-bottom: 40px;
}

.customerBoxLeft {
    margin-left: 0px !important;
    max-width: 290px !important;
    padding: 20px;
    background: var(--light-orange);
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px var(--primary);
}

.customerBoxLeft h1 {
    color: var(--primary);
    font-size: 50px;
    font-weight: 600;
}

.customerBoxLeft span {
    color: var(--primary);
    font-size: 18px;
    font-weight: 500;
}

.customerBoxLeft hr {
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: var(--primary);
    height: 2px;
}

.rating_img {
    width: 90%;
    margin: 20px 0;
}

.playstore_img {
    width: 80%;
    margin-top: 30px;
}

.reviewcard {
    padding: 24px 0px 24px 24px;
    position: relative;
}

.rightText {
    writing-mode: vertical-rl;
    rotate: -180deg;
    text-align: end;
    height: 412px;
    margin: 0px 15px 14px 0px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.rightText p {
    font-style: italic;
    font-weight: 300;
    font-size: 11px;
    line-height: 5px;
    color: #5a446f;
    margin: 0px;
    margin-top: -12px;
    margin-bottom: 42px;
}

.review_card_footer_line {
    width: 0px;
    height: 258px;
    background: #5a446f;
    border-left: 0.5px solid #7c54d1;
    margin-bottom: 8px;
}



/* .reviewcard2 {
    background: #d8cee3;
} */

.owl-carousel .owl-item img {
    width: 30% !important;
}

.review_card_customer_name {
    font-weight: 500;
    font-size: 18px !important;
    color: #000000 !important;
    margin-bottom: 4px !important;
}

.review_card_customer_place {
    font-weight: 400;
    font-size: 16px !important;
    color: var(--black) !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

.review_card_customer_review {
    font-weight: 400;
    font-size: 20px !important;
    color: #000000 !important;
    margin: 0 20px 20px 0px !important;
}

.review_card_footer {
    writing-mode: vertical-rl;
    rotate: -180deg;
    text-align: end;
    margin: 26px 18px 0px 0px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    margin: 5px 2px !important;
    transition: all 0.3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot span:hover {
    background-color: var(--primary) !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 50px !important;
    background-color: var(--primary) !important;
}

/*------- /customer ---------*/

/*----- what make us better -----*/
.whatmakeusBetter {
    padding: 40px 80px;
}

.whatmakeusBetter h1 {
    font-size: 35px;
    font-weight: 500;
    color: black;
    margin-top: 10px;
    margin-bottom: 40px;
}

.whatmakeusBetterBox {
    background: var(--light-orange);
    padding: 25px;
    height: 100%;
    /* outline: 3px dashed #000; */
    outline-offset: -10px;
    border-radius: 30px;
}

/* .whatmakeusBetterBox2 {
    background: #fdf2e5;
}

.whatmakeusBetterBox3 {
    background: #d8cee3;
}

.whatmakeusBetterBox4 {
    background: #b6e7ec;
} */

.whatmakeusBetterBox img {
    width: 40px;
    height: 40px;
    margin-block: 16px 24px;
}

.whatmakeusBetterBox h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 28px;
    width: 175px;
}

.whatmakeusBetterBox h2,
.whatmakeusBetterBox h3 {
    color: var(--primary);
    border-bottom: solid 2px var(--p);
}

.whatmakeusBetterBox h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    color: #434061;
    margin-bottom: 22px;
}

/*----- /what make us better -----*/

/*----- get loan in 24 hours -----*/
.getLoan {
    padding: 40px 80px;
}

.getLoan h1 {
    font-size: 35px;
    font-weight: 500;
    color: black;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;

}

.getLoan p {
    font-size: 18px;
    font-weight: 400;
    color: var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 1000px;
    margin: auto;
    text-align: center;
}


/*----- /get loan in 24 hours -----*/


/*------ feature and benifit ------*/
.feature {
    padding: 30px 80px;
    background-color: var(--light-green);
    /* border-top: solid 10px var(--primary);
    border-bottom: solid 10px var(--primary); */
}

.feature h1 {
    font-size: 35px;
    font-weight: 500;
    color: black;
    margin-top: 20px;
    margin-bottom: 10px;
    font-style: italic;
}

.feature h4 {
    font-size: 20px;
    font-weight: 400;
    color: black;
    margin-top: 20px;
    margin-bottom: 30px;
}

.feature ul li {
    margin: 15px 0;
    font-size: 17px;
}

/*------ /feature and benifit ------*/


/*------- interest collapse --------*/
.interest {
    padding: 30px 80px;
}

.interest .card {
    border-left: solid 5px var(--primary);
    border-radius: 0;
    margin-left: 10px;
}

.interesBox span {
    font-size: 16px;
    color: var(--light-txt);
    font-weight: 400;
    display: block;
    margin-bottom: 10px;
}

.interesBox h6 {
    font-size: 18px;
    color: var(--black);
    display: block;
    margin-bottom: 20px;
}

.interesBox table tr th {
    font-size: 18px;
    color: var(--light-txt);
    padding: 10px;
}

.interesBox table tr td {
    font-size: 16px;
    color: var(--light-txt);
    padding: 15px;
}

.interesBox table tr td p {
    display: flex;
    align-items: center;
}

.interesBox table tr td p i {
    font-size: 30px;
    color: var(--primary);
    font-weight: 300;
    margin-right: 10px;
}

.interesBox b {
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
    width: 140px;
}

.interesBox ul li {
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
}

.interesBox p {
    font-size: 16px;
    color: var(--black);
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 10px;
}

/*------- /interest collapse --------*/

/*------- promot --------*/
.promot {
    padding: 20px 80px;
    background-color: #f5f2f8;
    background-image: linear-gradient(90deg, var(--light-green), var(--white));
}

.promot h1 {
    color: black;
    font-size: 35px;
    font-weight: 500;
    margin-top: 70px;
    margin-bottom: 40px;
}

.appLink {
    display: flex;
    width: 100%;
}

.appLink a img {
    width: 220px;
    height: 56px;
}

.applyBtn2Down {
    width: 100%;
    margin-left: 20px;
}

.applyButton2 {
    width: 80%;
}

/*------- /promot --------*/

/*----------- homeAlert -------------*/
.homeAlertMain {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    display: none;
    z-index: 11111111;
}

.homeAlert {
    width: 50%;
    background-color: white;
    padding: 50px 40px;
    position: relative;
}

.homeAlert p {
    font-size: 16px;
    margin: 20px 0;
    line-height: 1.7;
}

.homeAlertClose {
    position: absolute;
    right: 20px;
    top: 10px;
    color: red;
    font-size: 30px;
    cursor: pointer;
}

/*----------- /homeAlert -------------*/



/*------- footer -------*/
.footer {
    padding: 40px 80px;
    /* background-image: linear-gradient(var(--light-orange), var(--white)); */
    background-color: #065247;
}

.footerBox {
    color: var(--white);
    margin: 10px 0;
}

.footerBoxlogo {
    width: 220px;
    margin-bottom: 20px;
}

.footerBox p {
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: 500;
}

.footerBox p i {
    margin-right: 5px;
}

.footerBox h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.footerBox h5 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
}


.footerBox ul {
    padding: 0;
}



.footerPlayStore {
    width: 180px;
    margin-bottom: 20px;
}

.footerBox ul li {
    list-style: none;
    margin: 8px 0;
}

.footerBox ul li a {
    color: var(--white) !important;
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
}

.footerBox ul li a:hover {
    text-decoration: underline;
}

/*------- /footer -------*/


/*-------- copyright --------*/

.copyRight {
    padding: 30px 80px;
    /* background-color: var(--sky); */
}

.copyrightBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.copyRight p {
    font-size: 15px;
    font-weight: 400;
    color: var(--black);
    align-items: center;
}

.buildWith {
    display: flex;
    align-items: center;
}

.buildWith img {
    height: 30px;
    margin-right: 10px;
}

.buildWith p {
    font-size: 11px;
    font-weight: 400;
    margin: 1px 0;
}

.socialIcon a i {
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin: 2px 5px;
}

.fa-facebook-f {
    background-color: #1877F2;
    color: #fff;
}

.fa-twitter {
    background-color: #1DA1F2;
    color: #fff;
}

.fa-youtube {
    background-color: #CD201F;
    color: #fff;
}

.fa-linkedin-in {
    background-color: #0A66C2;
    color: #fff;
}

/*-------- /copyright --------*/


/*--------- responsive ------*/
@media(max-width:599px) {
    .customerBoxLeft {
        margin: auto !important;
    }

    .homeAlert {
        width: 90%;
        padding: 40px 30px;
    }

    .homeAlert p {
        font-size: 12px;
        margin: 6px 0;
        line-height: 1.6;
    }

    .col-6 {
        width: 100%;
    }

    .logo {
        width: 75px;
    }

    .banner {
        padding: 10px 13px;
        /* background-color: #e4f1ea; */
        /* background-color: #fff; */
    }

    /* .banner .row {
        flex-wrap: wrap-reverse;
    } */

    .bannerRight {
        padding: 0px 0px;
        overflow: hidden;
        margin: 7px;
    }

    .bannerLeft {
        padding: 10px;
    }

    .bannerLeft h3 {
        font-size: 25px;
    }

    .easyApplication {
        padding: 40px 20px;
    }

    .easyApplication h1 {
        font-size: 30px;
    }

    .amIeligible {
        padding: 20px 20px;
    }

    .amIeligible h1 {
        font-size: 30px;
    }

    .amIeligibleCollapseTitle {
        font-size: 15px;
        letter-spacing: 0px;
    }

    .amIeligibleCollapseUl li {
        margin: 8px 0;
        font-size: 14px;
    }

    .createEmi {
        padding: 30px 20px;
    }

    .createEmi h1 {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .createEmi p {
        margin-top: 7px;
        margin-bottom: 26px;
        width: 300px;
        font-size: 17px;
    }

    .calculate_your_emi_button {
        width: 100%;
    }

    .customerBox .row {
        flex-wrap: wrap-reverse;
    }

    .customer {
        padding: 40px 20px;
    }

    .customer h1 {
        font-size: 35px;
    }

    .customer p {
        font-size: 16px !important;
    }

    .rating_img {
        width: 60%;
        margin: 10px 0;
    }

    .playstore_img {
        width: 32%;
        margin-top: 0px;
    }

    .whatmakeusBetterBox h2 {
        font-size: 18px;
        margin-bottom: 18px;
        line-height: 29px;
        margin-top: 10px;
    }

    .whatmakeusBetterBox h4 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 22px;
        width: 100%;
    }

    .appLink a img {
        width: 180px;
    }

    .whatmakeusBetterBox img {
        margin-block: 0px 0px;
    }

    .customerBoxLeft {
        height: auto !important;
        padding: 20px;
    }

    .customerBoxLeft span {
        font-size: 16px;
    }

    .customerBoxRight {
        margin-top: 20px;
    }

    .review_card_customer_review {
        font-size: 17px !important;
    }

    .review_card_footer_line {
        height: 232px;
    }

    .whatmakeusBetter {
        padding: 40px 20px;
    }

    .whatmakeusBetter h1 {
        font-size: 30px;
    }

    .whatmakeusBetterBox {
        margin: 10px 0;
        height: auto !important;
    }

    .getLoan {
        padding: 40px 20px;
    }

    .getLoan h1 {
        font-size: 25px;
        margin-bottom: 32px;
    }

    .getLoan p {
        font-size: 16px;
    }

    .feature {
        padding: 30px 20px;
    }

    .feature h1 {
        font-size: 30px;
    }

    .feature h4 {
        font-size: 17px;
    }

    .interest {
        padding: 30px 20px;
    }

    .promot {
        padding: 20px 20px;
    }

    .promot h1 {
        font-size: 30px;
    }

    .appLink {
        display: block;
    }

    .applyBtn2Down {
        margin-left: 0px;
        margin-top: 10px;
    }

    .applyButton2 {
        width: 100%;
    }

    .promotRight img {
        width: 100%;
        padding: 20px;
    }

    .footer {
        padding: 40px 10px;
    }

    .footerBox {
        margin: 20px 0;
        text-align: center;
        border-bottom: 1px solid var(--black);
        padding-bottom: 13px;
    }

    .footerBox ul li {
        display: inline-block;
        margin: 4px 5px;
        white-space: nowrap;
    }

    .footerBox ul li a {
        font-size: 12px;
    }

    .copyrightBox {
        flex-direction: column;
        text-align: center;
    }

    .footerBox p {
        font-size: 13px;
        margin-top: 2px;
    }

    .copyRight p {
        font-size: 12px;
    }

    .copyRight {
        padding: 20px 20px;
    }

    .socialIcon a i {
        margin: 4px 5px;
    }

    .topMenu {
        height: auto;
        padding: 5px 0 10px;
    }

    .nav-item {
        margin: 0 10px;
        display: block;
    }

    .nav-link.active {
        border-bottom: none;
    }

    .signinBtn {
        padding: 10px 20px;
    }
}

@media(min-width:600px) and (max-width:767px) {

    .homeAlert {
        width: 70%;
        padding: 40px 30px;
    }

    .homeAlert p {
        font-size: 12px;
        margin: 6px 0;
        line-height: 1.6;
    }

    .socialIcon a i {
        margin: 4px 5px;
    }

    .topMenu {
        height: auto;
        padding: 5px 0 10px;
    }

    .nav-item {
        margin: 0 10px;
        display: block;
    }

    .nav-link.active {
        border-bottom: none;
    }

    .signinBtn {
        padding: 10px 20px;
    }

    /*  .banner {
        padding: 25px 20px;
    }


    .bannerLeft {
        padding: 30px 0;
    } */

    .banner {
        padding: 10px 13px;
        /* background-color: #e4f1ea; */
        background-color: #fff;
    }

    .banner .row {
        flex-wrap: wrap-reverse;
    }

    .bannerRight {
        padding: 0px 0px;
        border-radius: 10px;
        overflow: hidden;
        margin: 7px;
    }

    .bannerLeft {
        border-radius: 14px;
        padding: 20px 14px;
    }


    .easyApplication {
        padding: 35px 20px;
    }

    .amIeligible {
        padding: 25px 20px;
    }

    .customer {
        padding: 40px 20px;
    }

    .customerBoxRight {
        margin-top: 10px;
    }

    .whatmakeusBetter {
        padding: 40px 20px;
    }

    .whatmakeusBetterBox {
        margin: 10px 0;
    }

    .getLoan {
        padding: 40px 20px;
    }

    .feature {
        padding: 30px 20px;
    }

    .interest {
        padding: 30px 20px;
    }

    .interesBox table tr td p i {
        font-size: 22px;
    }

    .amIeligibleCollapseTitle {
        font-size: 19px;
    }

    .promot {
        padding: 0px 20px;
    }

    .promotRight {
        padding-top: 20px;
    }

    .footer {
        padding: 40px 20px;
    }

}

@media(min-width:768px) and (max-width:991px) {

    .homeAlert {
        width: 50%;
        padding: 40px 30px;
    }

    .homeAlert p {
        font-size: 13px;
        margin: 8px 0;
        line-height: 1.6;
    }

    .socialIcon a i {
        margin: 4px 5px;
    }

    .topMenu {
        height: auto;
        padding: 5px 0 10px;
    }

    .nav-item {
        margin: 0 10px;
        display: block;
    }

    .nav-link.active {
        border-bottom: none;
    }

    .signinBtn {
        padding: 10px 20px;
    }


    .banner {
        padding: 25px 20px;
        background-color: #fff;

    }

    /* .banner .row {
        flex-wrap: wrap-reverse;
    } */

    .bannerRight {
        padding: 0px 0px;
        border-radius: 10px;
        overflow: hidden;
        margin: 7px;
    }

    /* .bannerLeft {
        background-color: #e4f1ea;
        border-radius: 14px;
        padding: 20px 14px;
    } */


    .customerBoxRight {
        margin-top: 10px;
    }

    .whatmakeusBetterBox {
        margin: 10px 0;
    }
}

@media(min-width:992px) and (max-width:1235px) {
    .homeAlert {
        width: 50%;
        padding: 40px 30px;
    }

    .homeAlert p {
        font-size: 14px;
        margin: 10px 0;
        line-height: 1.7;
    }

    .banner {
        padding: 25px 20px;
    }

    .bannerRight {
        padding: 0px 0px;
        border-radius: 10px;
        overflow: hidden;
        margin: 7px;
    }

    .customerBoxRight {
        margin-top: 10px;
    }

    .whatmakeusBetterBox {
        margin: 10px 0;
    }

    .easyApplication {
        padding: 55px 20px;
    }

    .amIeligible {
        padding: 55px 20px;
    }

    .customer {
        padding: 40px 20px;
    }

    .customerBox .row {
        display: block;
    }

    .whatmakeusBetter {
        padding: 40px 20px;
    }

    .review_card_customer_name {
        font-size: 16px !important;
    }

    .review_card_customer_review {
        font-size: 16px !important;
    }
}


/*=================== personal loan interest page ==========*/

.breadcomeDiv {
    margin: 15px 0;
}

.breadcomeDiv h4 {
    color: var(--primary) !important;
    font-size: 16px;
    font-weight: 500;
}

.breadcomeDiv h4 a {

    color: var(--primary) !important;
    text-decoration: none;
}

/*---------- personal loan banner ----------*/
.personalLoanBanner {
    background-image: url("../image/bg2.png");
    background-size: cover;
    background-position: center;
    padding: 60px;
}

.personalLoanBanner2 {
    background-image: url("../image/bg3.png");
}

.personalLoanBanner4 {
    background-image: url("../image/bg5.jpg");
}

.personalLoanBanner5 {
    background-image: url("../image/bg5.jpg");
}

.personalLoanBanner6 {
    background-image: url("../image/instant-loan-bg.png");
}

.personalLoanBannerInner {
    padding-top: 40px;
    padding-left: 130px;
    padding-bottom: 40px;
}

.personalLoanBannerInner h2 {
    font-size: 40px;
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
    margin-top: 10px;
}

.personalLoanBannerInner h4 {
    font-size: 20px;
    font-weight: 400;
    color: black;
    margin-bottom: 10px;
    margin-top: 20px;
}

.personalLoanButton {
    display: flex;
    margin-top: 50px;
    align-items: center;
}

.personalLoanButton a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: white !important;
    background-color: var(--secondary);
    padding: 16px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
    transition-duration: 0.5s;
}

.personalLoanButton a:hover {
    color: var(--secondary) !important;
    background-color: #fff;
    border: 1px solid var(--secondary);
    transition-duration: 0.5s;
}

.personalLoanButton img {

    margin-left: 15px;
    width: 200px;
}

/*---------- /personal loan banner ----------*/

/*----- benifit ---------*/
.personalMainPart {
    padding: 40px 220px;
}

.benifit {
    background-color: var(--sky);
    box-shadow: 0 2px 10px -4px rgb(0 0 0 / 50%);
    padding: 20px;
    margin-top: -90px;
    box-shadow: 5px 5px 0px 0px var(--secondary);
}

.benifit h2 {
    font-size: 27px;
    color: black;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.benifitBox {
    display: flex;
    justify-content: space-around;
    padding: 15px;
    margin: 5px 0;

}

.benifitBoxLeft {
    width: 30%
}

.benifitBoxRight {
    width: 70%;
}

.benifitBoxLeft img {
    width: 70px;
}

.benifitBoxRight h4 {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 10px;
}

.benifitBoxRight p {
    font-size: 16px;
    font-weight: 400;
    max-width: 80%;
}

/*----- /benifit ---------*/

/*------- loan details -------*/
.loanDetails h2 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--primary);
}

.loanDetails h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
    font-style: italic;
}

.loandetailsUl li {
    margin: 12px 0;
}

.loanDetails h3 i {
    font-size: 25px;
    color: var(--primary);
}

.loanDetails p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

.loanDetails {
    margin: 10px 0;
}

.loanDetails table tr th {
    font-size: 17px;
    padding: 12px;
}

.loanDetails table tr td {
    font-size: 16px;
    padding: 12px;
}

.loanDetails table tr td ul li {
    font-size: 16px;
    margin: 6px 0;
}

.personalCollapse p {
    display: block;
    background-color: #f1f1f1;
    padding: 8px 16px;
}

.personalCollapse p a {
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    text-decoration: none;
    letter-spacing: 1px;
    display: flex;
    justify-content: space-between;
}

.personalCollapse p a:hover {
    color: var(--primary);
}

.personalInterest_card {
    border: 4px solid #f1f1f1;
}

.personalInterest_card span {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-txt);
}

.personalInterest_card h2 {
    font-size: 22px;
    font-weight: 600;
    color: black;
    margin-top: 18px;
    margin-bottom: 8px;
}

.personalInterest_card h2 i {
    color: var(--primary);
}

.personalInterest_card p i {
    color: var(--primary);
}

.personalInterest_card p {
    font-size: 16px;
    background-color: transparent;
    margin: 6px 0;
    padding: 0;
    color: var(--light-txt);
}

.personalInterest_card span a {
    text-decoration: none;
}


.personalInterest_card table tr th {
    padding: 12px;
}

.personalInterest_card table tr td {
    padding: 12px;
}

/*------- /loan details -------*/

/*--------- instant loan -----------*/
.instant h2 {
    font-size: 24px;
    font-weight: 600;
    color: black;
    margin-bottom: 40px;
    text-align: center;
}

.instantLeft,
.instantRight {
    margin: 10px 0;
}

.instantInner {
    display: flex;
    align-items: center;
    margin: 50px 0;
}



.instantInnerLeft img {
    width: 100px;
    margin-right: 30px;
}

.instantInnerRight h3 {
    font-size: 20px;
    color: var(--primary);
    margin-bottom: 10px;
    font-weight: 600;
}

.instantInnerRight p {
    font-size: 16spx;
    color: var(--light-txt);
    margin: 8px 0;
    font-weight: 400;
}

.instantRight img {
    width: 100%;
}

/*--------- /instant loan -----------*/

/*-------- loan calculator --------*/
.loanCalculator {
    background: linear-gradient(rgb(12 12 12 / 50%), rgb(12 12 12 / 50%)), url("../image/calculator.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 30px;
}

.loanCalculator h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 70px;
    color: white;
}

.loanCalculatorBox {
    margin: 10px 0;
    background-color: white;
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loanCalculatorBox img {
    width: 50px;
}

.loanCalculatorBox h4 {
    font-size: 16px;
    text-align: center;
    color: var(--light-txt);
    font-weight: 600;
}

.loanCalculatorBox h4:hover {
    color: blue;
}

.loanCalculator a {
    text-decoration: none;
}

/*-------- /loan calculator --------*/

/*---------- personal loan  Faq --------*/
.personalLoanFaq h2 {
    font-size: 32px;
    font-weight: 600;
    color: black;
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;
}

.personalLoanFaq h2::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 100px;
    background-color: var(--primary);
    border-radius: 5px;
    bottom: -8px;
    left: 0px;
}

.personalLoanFaq p a {
    font-size: 18px;
    font-weight: 500;
    color: black;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.personalLoanFaq p a:hover {
    color: var(--primary);
}

.personalFaqCollapsae .card-body {
    padding: 0;
}

.personalFaqCollapsae h6 {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-txt);
    line-height: 1.7;
}

.personalFaqCollapsae span {
    font-size: 16px;
    font-weight: 400;
    color: var(--light-txt);
    display: block;
    margin: 15px 0;
}

/*---------- //personal loan  Faq --------*/


/*------- interlink ------*/
.interlink {
    padding: 30px 0;
    background-color: #f1f6fb;
}

.interlink h2 {
    font-size: 28px;
    font-weight: 600;
    color: black;
    margin-bottom: 50px;
    text-align: center;
}

.interlinkLeft {
    background-color: white;
    padding: 20px 20px;
    height: 55vh;
    overflow-y: auto;
}

.interlinkLeft p a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    color: var(--primary) !important;
    text-decoration: none;
}

.interlinkLeft p a:hover {
    color: var(--primary) !important;
}


.collapseHr {
    background-color: var(--light-txt);
    height: 3px;
}

.interlinkLeft .card-body {
    padding: 0;
}

.interlinkUl li {
    font-size: 15px;
    margin: 8px 0;
    color: var(--light-txt);
    cursor: pointer;
}

.interlinkUl li a {
    font-size: 15px;
    margin: 8px 0;
    color: var(--light-txt) !important;
    cursor: pointer;
    text-decoration: none;
}

.interlinkUl li a:hover {
    color: var(--primary) !important;
}

.interlinkUl li:hover {
    color: var(--primary);
}

.interLinkRight {
    margin: 10px 0;
}

.interLinkRightBox {
    padding: 25px 12px;
    background-color: #fbfbfb;
    text-align: center;
    margin: 5px 0;
}

.interLinkRightBox:hover {
    background-color: var(--primary);
}

.interLinkRightBox:hover p {
    color: #fff;
}

.interLinkRightBox img {
    height: 80px;
}

.interLinkRightBox p {
    font-size: 17px;
    font-weight: 600;
    color: var(--light-txt);
    margin-top: 10px;
}

.interLinkRight a {
    text-decoration: none;
}

.interlinkLeft {
    margin: 20px 0;
}

/*------- /interlink ------*/

@media(max-width:599px) {


    .instantInner:nth-child(even) {
        flex-direction: row-reverse;
    }

    .interlink .row {
        flex-wrap: wrap-reverse;
    }

    .interLinkRightBox {
        margin: 3px 0;
    }

    .interLinkRightBox img {
        height: 60px;
    }

    .interLinkRightBox p {
        font-size: 15px;
    }

    .personalMainPart {
        padding: 40px 20px;
    }

    .personalLoanBannerInner {
        padding-left: 0px;
        text-align: center;
    }

    .breadcomeDiv h4 {
        font-size: 14px;
    }

    .personalLoanBanner {
        padding: 10px;
    }

    .personalLoanBannerInner h2 {
        font-size: 27px;
    }

    .personalLoanBannerInner h4 {
        font-size: 17px;
        max-width: 222px;
        margin: auto;
    }

    .personalLoanButton a {
        width: 150px;
    }

    .personalLoanButton img {
        margin-left: 5px;
        width: 150px;
        height: 55px;
    }

    .benifit {
        margin-top: 0px;
        padding: 20px 10px;
    }

    .benifit h2 {
        font-size: 19px;
    }

    .benifitBox {
        padding: 0px;
    }

    .benifitBoxLeft {
        margin-right: 30px;
    }

    .benifitBoxLeft img {
        width: 90px;
    }

    .benifitBoxRight h4 {
        font-size: 18px;
    }

    .benifitBoxRight p {
        font-size: 14px;
        max-width: 100%;
    }

    .loanDetails h2 {
        font-size: 23px;
        margin-top: 10px;
    }


    .loanDetails p {
        font-size: 15px;
        margin-top: 10px;
    }

    .loanDetails table tr th {
        font-size: 15px;
    }

    .loanDetails table tr td {
        font-size: 14px;
    }

    .loanDetails table tr td ul li {
        font-size: 14px;
    }

    .personalCollapse p a {
        font-size: 16px;
    }

    .personalInterest_card span {
        font-size: 14px;
    }

    .personalInterest_card h2 {
        font-size: 18px;
    }

    .personalLoanFaq h2 {
        font-size: 22px;
    }

    .interlink h2 {
        font-size: 24px;
        margin-bottom: 40px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .instantInner:nth-child(even) {
        flex-direction: row-reverse;
    }

    .personalMainPart {
        padding: 40px 20px;
    }

    .personalLoanBannerInner {
        padding-left: 30px;
    }

    .benifit h2 {
        font-size: 21px;
    }

    .loanDetails h2 {
        font-size: 23px;
    }

    .personalCollapse p a {
        font-size: 21px;
    }

    .interLinkRightBox {
        margin: 6px 0;
    }

    .interLinkRightBox {
        margin: 5px 0;
    }

    .interLinkRightBox img {
        height: 70px;
    }

    .interLinkRightBox p {
        font-size: 15px;
    }

    .benifitBoxLeft {
        width: 20%;
        margin-right: 30px;
    }

    .benifitBoxRight {
        width: 80%;
    }

    .loanCalculatorBox {
        justify-content: space-around;
    }

    .interlink .row {
        flex-wrap: wrap-reverse;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .instantInner:nth-child(even) {
        flex-direction: row-reverse;
    }

    .personalMainPart {
        padding: 40px 20px;
    }

    .personalLoanBannerInner {
        padding-left: 30px;
    }

    .benifitBoxLeft {
        width: 48%;
    }

    .benifitBoxRight h4 {
        font-size: 18px;
    }

    .benifitBoxRight p {
        font-size: 15px;
        max-width: 100%;
    }

    .benifit h2 {
        font-size: 21px;
    }

    .loanDetails h2 {
        font-size: 23px;
    }

    .personalCollapse p a {
        font-size: 21px;
    }

    .interLinkRightBox {
        margin: 6px 0;
    }

    .interLinkRightBox {
        margin: 5px 0;
    }

    .interLinkRightBox img {
        height: 70px;
    }

    .interLinkRightBox p {
        font-size: 15px;
    }
}

@media(min-width:992px) and (max-width:1325px) {
    .personalMainPart {
        padding: 40px 20px;
    }

    .personalLoanBannerInner {
        padding-left: 30px;
    }


}

/*============ /personal loan interest page =============*/


/*==========  personal loan eligibility check =========*/

.eligibilityLoanDetails {
    margin: 18px 0;
}

.eligibilityLoanDetails h4 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 3px;
}

.eligibilityLoanDetails h4 i {
    color: var(--primary);
}

.eligibilityLoanDetails p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

.personalInterest_card p i {
    font-size: 22px;
}

.personalInterest_card a {
    font-size: 16px !important;
    color: #0A66C2 !important;
}

.personalFaqCollapsae ul li {
    list-style: none;
    margin: 12px 0;
    font-size: 17px;
    color: var(--light-txt);
}

.personalFaqCollapsae ul li i {
    font-size: 22px;
    color: var(--primary);
}

/*==========  /personal loan eligibility check =========*/

/*=========== personal loan document =============*/
.personalLoanBanner3 {
    background-image: url("../image/bg4.jpg");
}

.loanDocumentsTableUl {
    padding: 0;
}

.loanDocumentsTableUl li {
    list-style: none;
    margin: 12px 0 !important;
    font-weight: 17px;
}

.loanDocumentsTableUl li i {
    font-size: 25px;
    color: var(--primary);
}

.documentExtraDetailsUl li {
    font-size: 17px;
    margin: 8px 0 !important;
    font-weight: 500;
}

.documentExtraDetailsOl li {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 !important;
}



/*=========== /personal loan document =============*/

/*========== contact us page && privacy-policy page ================*/

.contactUpadteBox {
    background-color: #f9fafe;
}


.contactUpadteBannerLeft h1 {
    font-size: 40px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
    color: var(--primary);
}

.contactUpadteBannerLeft h1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 5px;
    background-color: var(--primary);
}

.contactUpadteBannerLeft p {
    font-size: 28px;
    font-weight: 400;
    color: black;
    margin: 10px 0;
    max-width: 90%;
}

.contactUpadteBannerLeft a {
    color: white;
    background-color: var(--primary);
    padding: 14px 20px;
    text-align: center;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: 500;
    margin-top: 30px;
    display: inline-block;
    border: solid 1px var(--primary);
    transition: all 0.3s ease-in-out;
}

.contactUpadteBannerLeft a:hover {
    background-color: var(--white);
    color: var(--primary);
    transform: translateY(-5px);
}

.contactUpadteBanner .row {
    align-items: center;
}

.contactUpdateInfo {
    padding: 30px 0;
}

.contactUpdateInfoBoxMain {
    /* box-shadow: rgb(185, 240, 248) 10px 10px 0px 0px; */
    height: 100%;
}

.contactUpdateInfoBox {
    margin: 10px 0;
    background-color: white;
    padding: 20px;
}

.contactUpadteBannerRight img {
    width: 100%;
}

.contactUpdateInfoBox h2,
.contactUpdateMapLeft h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 5px;
    color: var(--primary);
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 5px;
}

.contactUpdateInfoBox h2::before,
.contactUpdateMapLeft h2::before {
    position: absolute;
    content: "";
    height: 4px;
    width: 24%;
    background-color: var(--primary);
    bottom: 0;
    left: 0;
    border-radius: 5px;
}

.contactUpdateInfoBox p {
    font-size: 16px;
    font-weight: 500;
    color: black;
    margin-bottom: 0px;
}

.contactUpdateMapLeft p {
    font-size: 17px;
    font-weight: 600;
    color: black;
}

.contactUpdateMapLeft h6 {
    font-size: 16px;
    font-weight: 600;
}

.contactUpdateMapLeft h5 {
    font-size: 17px;
    font-weight: 500;
    color: var(--primary);
}

.contactUpdateInfoBox p a {
    color: var(--primary) !important;
    text-decoration: none !important;
}

.contactUpdateMapLeft p a {
    color: var(--primary) !important;
    text-decoration: none !important;
}

.contactUpdateMapLeft h4 a {
    color: var(--primary) !important;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 500;
}

.contactUpdateInfoBox small {
    font-size: 15px;
    color: var(--light-txt);
    display: inline-block;
    /* margin-bottom: 14px; */
}

.contactUpdateMapLeft {
    margin: 13px 0;
    background-color: white;
    padding: 20px;
    border-radius: 15px;
}

.contactUpdateJoin {
    margin: 13px 0;
    background-color: white;
    padding: 40px 20px;
    border-radius: 15px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.contactUpdateJoinLeft h1 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 2px;
}


.contactUpdateJoinLeft span {
    font-size: 17px;
    font-weight: 400;
    color: var(--light-txt);
}

.contactUpdateJoinRight h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
}


.contactUpdateJoinRight p {
    font-size: 20px;
    font-weight: 600;
    color: black;
}

.contactUpdateJoinRight p span a {
    color: var(--primary) !important;
    text-decoration: none;
}




.contact-us h2 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--primary);
}

/* .contactUsBox {
    padding: 30px 30px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border: 1px solid rgb(250, 249, 249);
    border-radius: 30px;
} */

.contactUsBox h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary);
    margin-top: 20px;
    margin-bottom: 18px;
}

.contactUsBox h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 15px 0;
    color: var(--secondary);
}

.contactUsBox p {
    font-size: 16px;
    font-weight: 400;
    margin: 7px 0;
    color: var(--text);
    text-align: justify;
}

.contactUsBox h5 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--primary);
    font-weight: 400;
}

.privacyP {
    font-size: 15px !important;
    font-weight: 400;
    margin: 12px 0 !important;
    color: var(--text);
    text-align: justify;
}

.privacyBoxUl {
    list-style: none;
}

.privacyBoxUl li {
    font-size: 15px !important;
    font-weight: 400;
    margin: 12px 0 !important;
    color: var(--text);
    text-align: justify;
}

.privacyBoxUl li::before {
    content: "\2022";
    color: var(--secondary);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

#privacyTable td,
#privacyTable th {
    border: 1px solid #ddd;
    padding: 16px;
}


#privacyTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: var(--secondary);
    color: white;
}

/*========== /contact us page  && privacy-policy page ================*/

/*========= about us page ========*/


.aboutBannerMain {
    padding-bottom: 5px !important;
}

.aboutUsLeft {
    align-items: center;
    transform: translateY(60%);
}

.aboutUsLeft h1 {
    font-size: 40px;
    font-weight: 600;
    color: var(--primary);
    line-height: 55px;
}

.aboutUsRight img {
    width: 100%;
}

.aboutUsNav {
    background-color: rgb(218, 240, 249);
    margin: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}

.aboutUsNavBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
}

.aboutUsNavBoxLeft .active {
    background-color: var(--secondary);
    color: white;
}

.aboutUsNavBoxLeft a {
    text-decoration: none !important;
    color: black;
    padding: 8px 20px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 5px;
}

.aboutUsNavBoxLeft a:hover {
    background-color: var(--secondary);
    color: white;
}

.aboutUsNavBoxRight .socialIcon .fa-facebook-f {
    background-color: #0d6efd;
    color: white;
}

.aboutUsNavBoxRight .socialIcon .fa-twitter {
    background-color: #1DA1F2;
    color: white;
}

.aboutUsNavBoxRight .socialIcon .fa-youtube {
    background-color: #CD201F;
    color: white;
}


.aboutUsNavBoxRight .socialIcon .fa-linkedin-in {
    background-color: #0A66C2;
    color: white;
}


.aboutUsDetails {
    padding: 10px 0;
}

.aboutUsDetails h4 {
    font-size: 24px;
    color: var(--secondary);
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
}

.aboutUsDetails p {
    font-size: 15px !important;
    font-weight: 400;
    margin: 12px 0 !important;
    color: var(--text);
    /*text-align: justify;*/
}

.journeyBox {
    margin-top: 40px;
    margin-bottom: 100px;
    position: relative;
}

.journeyBox::before {
    height: 2px;
    width: 100%;
    background-color: rgb(222, 222, 222);
    content: "";
    position: absolute;
    left: 0;
    bottom: -26px;
}

.journeyBoxInner {
    text-align: center;
    padding: 30px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.7s;
    height: 30vh;
    position: relative;
    margin: 10px 0;
}

.journeyBoxInner::before {
    content: "";
    position: absolute;
    bottom: -45px;
    left: 50%;
    height: 45px;
    width: 2px;
    background-color: rgb(222, 222, 222);
}

.journeyBoxInner::after {
    content: "";
    position: absolute;
    bottom: -45px;
    left: 47%;
    height: 19px;
    width: 19px;
    background-color: var(--sky);
    border-radius: 50%;
    border: solid 1px var(--primary);
}

.journey2::after {
    background-color: var(--sky);
}

.journey3::after {
    background-color: var(--sky);
}

.journey4::after {
    background-color: var(--sky);
}


.journeyBoxInner:hover {
    transform: translateY(-20px);
    border: 0.03px solid var(--primary);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.journeyBoxInner img {
    width: 40px;
}

.journeyBoxInner h6 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 5px;
    color: var(--primary);
}

.journeyBoxInner p {
    font-size: 15px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    color: var(--light-txt);
    text-align: center !important;
}

.aboutUsDetails h5 {
    font-size: 15px;
    font-weight: 400;
    color: var(--light-txt);
    margin: 14px 0;
}

.aboutBoxBottom {
    padding: 30px 0;
}

.aboutBoxBottomRight,
.aboutBoxBottomLeft {
    margin: 10px 0;
}

.aboutBoxBottomLeft {
    align-items: center;
    transform: translateY(90px);
}

.aboutBoxBottomLeft h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary);
    margin-top: 10px;
    margin-bottom: 20px;
}

.aboutBoxBottomLeft p {
    font-size: 15px !important;
    color: var(--light-txt);
    margin: 10px 0;
}

.aboutBoxBottomRight img {
    width: 100%;
}

.ourTenetMain,
.ourTeamMain {
    display: none;
}

.ourTeam h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 40px;
}

.ourTeamInner {
    margin: 26px 0;
    padding: 10px;
}

.teamImage img {
    width: 50%;
}

.teamImage {
    position: relative;
    margin-bottom: 20px;
}

.teamImage::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    background-color: darkblue;
    top: -10px;
    left: 10px;
    z-index: -1;
}

.ourTeamInner h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1px;
}

.ourTeamInner p {
    margin: 15px 0;
    text-align: justify;
    font-size: 15px;
    color: var(--light-txt);
}

.ourTeamInner a {
    display: inline-block;
}

.connectA {
    pointer-events: none;
    display: block;
    margin-bottom: 10px;
}

.teamSocial {
    background-color: #0A66C2;
    color: white !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
}



.ourTenet h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 30px;
}

.ourTenetBox h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary);
}

.ourTenetBox {
    text-align: center;
}

.ourTenetBox img {
    width: 60%;
    padding: 20px;
    border: solid 15px var(--primary);
    border-radius: 50%;
    margin: 20px auto;
}

.t2Image {
    margin-left: -24px;
    margin-top: -20px;
}

.t3Image {
    margin-left: -48px;
    margin-top: 13px;
}

.t4Image {
    margin-left: -72px;
    margin-top: -38px;
}

.ourTenetBox ul li {
    font-size: 14px;
}

.ourTenetBottom {
    padding: 30px 0;
}

.ourTenetBottom h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 30x;
}


.ourTenetBottomTop h4 {
    color: var(--primary);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.ourTenetBottomTop h4::before {
    height: 2px;
    width: 38%;
    border: 1px dashed var(--light-txt);
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
}

.ourTenetBottomTop h4::after {
    height: 2px;
    width: 38%;
    border: 1px dashed var(--light-txt);
    position: absolute;
    content: "";
    top: 12px;
    right: 0;
}

.ourTenetBottomMiddleBox {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.ourTenetBottomMiddle {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.ourTenetBottomMiddle p {
    font-size: 12px;
}

.ourTenetBottomMiddle img {
    width: 100%;
}

.dMin {
    display: none;
}

@media(max-width:599px) {

    .dImage {
        display: none;
    }

    .dMin {
        display: block;
    }

    .ourTenet h2 {
        font-size: 21px;
    }

    .ourTenetBox {
        display: flex;
        justify-content: space-evenly;
        margin: 20px 0;
    }

    .ourTenetBottomTop h4::before {
        border: none;
    }

    .ourTenetBottomTop h4::after {
        border: none;
    }

    .ourTenetBottomMiddleBox {
        grid-template-columns: 50% 50%;
    }

    .dMin {
        width: 100px !important;
        height: 100px !important;
    }

    .ourTenetBox div {
        padding-left: 30px;
    }

    .ourTenetBox div ul {
        padding: 0;
    }

    .aboutUsLeft {
        transform: translateY(0%);
    }

    .aboutUsLeft h1 {
        font-size: 24px;
        line-height: 31px;
        /* text-align: center; */
    }

    .aboutUsNavBoxRight {
        display: none;
    }

    .aboutUsNavBoxLeft a {
        padding: 8px 5px;
        margin: 0 3px;
        font-size: 12px;
    }

    .journeyBoxInner {
        margin: 13px 0;
    }

    .journeyBoxInner::before {
        background-color: transparent;
    }

    .journeyBoxInner::after {
        background-color: transparent;
    }

    .journeyBox::before {
        background-color: transparent;
    }

    .aboutBoxBottomLeft {
        transform: translateY(0px);
    }
}

@media(min-width:600px) and (max-width:767px) {


    .dImage {
        display: none;
    }

    .dMin {
        display: block;
    }

    .ourTenet h2 {
        font-size: 21px;
    }

    .ourTenetBox {
        display: flex;
        justify-content: space-evenly;
        margin: 20px 0;
    }


    .ourTenetBottomMiddleBox {
        grid-template-columns: 33% 33% 33%;
    }

    .ourTenetBottomTop h4::before {
        width: 30%;
        border: 1px dashed var(--light-txt);
    }

    .ourTenetBottomTop h4::after {
        width: 30%;
        border: 1px dashed var(--light-txt);
    }

    .dMin {
        width: 100px !important;
        height: 100px !important;
    }

    .ourTenetBox div {
        padding-left: 30px;
    }

    .ourTenetBox div ul {
        padding: 0;
    }


    .aboutUsLeft {
        transform: translateY(0%);
    }

    .aboutUsLeft h1 {
        font-size: 32px;
        line-height: 50px;
        /* text-align: center; */
    }

    .aboutUsNavBoxLeft a {
        padding: 8px 9px;
        margin: 0 4px;
        font-size: 13px;
    }

    .journeyBoxInner {
        margin: 15px 0;
    }

    .journeyBoxInner::before {
        background-color: transparent;
    }

    .journeyBoxInner::after {
        background-color: transparent;
    }

    .journeyBox::before {
        background-color: transparent;
    }

    .aboutBoxBottomLeft {
        transform: translateY(0px);
    }
}

@media(min-width:768px) and (max-width:991px) {

    .dImage {
        display: none;
    }

    .dMin {
        display: block;
    }

    .ourTenet h2 {
        font-size: 21px;
    }

    .ourTenetBox {
        display: flex;
        justify-content: space-evenly;
        margin: 20px 0;
    }

    .dMin {
        width: 100px !important;
        height: 100px !important;
    }

    .ourTenetBox div {
        padding-left: 30px;
    }

    .ourTenetBox div ul {
        padding: 0;
    }

    .ourTenetBottomMiddleBox {
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
    }

    .ourTenetBottomMiddle p {
        font-size: 10px;
    }

    .aboutUsLeft {
        transform: translateY(0%);
    }

    .aboutUsLeft h1 {
        font-size: 32px;
        line-height: 48px;
        margin-top: 30px;
    }

    .journeyBoxInner {
        margin: 18px 0;
    }

    .journeyBoxInner::before {
        background-color: transparent;
    }

    .journeyBoxInner::after {
        background-color: transparent;
    }

    .journeyBox::before {
        background-color: transparent;
    }

    .aboutBoxBottomLeft {
        transform: translateY(50px);
    }
}


@media(min-width:992px) and (max-width:1100px) {
    .ourTenet h2 {
        margin-bottom: 75px;
    }

    .ourTenetBox div {
        margin-top: -37px;
    }

    .ourTenetBox img {
        margin-bottom: 45px;
    }

    .t3Image {
        margin-top: 10px;
    }

    .t4Image {
        margin-top: -17px;
    }
}

@media(min-width:1101px) {
    .t2Image {
        margin-left: -24px;
        margin-top: -20px;
    }

    .t3Image {
        margin-left: -48px;
        margin-top: 13px;
    }

    .t4Image {
        margin-left: -72px;
        margin-top: -38px;
    }
}

/*========= /about us page ========*/

/*========= our partner page ======*/

.updatePartner {
    padding: 0 0px;
    overflow: hidden;
}

.updatePartnerBoxLeft {
    padding-left: 180px;
}

.updatePartnerBoxLeft h1 {
    font-size: 42px;
    font-weight: 500;
    margin-top: 60px;
    margin-bottom: 10px;
}

.updatePartnerBoxLeft h2 {
    font-size: 38px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 20px;
    color: var(--primary);
}

.updatePartnerBoxLeft p {
    width: 100%;
    font-size: 20px;
    font-weight: 400;
}

.updatePartnerBoxRight img {
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 39%, 100% 82%, 37% 45%, 0 22%);
}

.updatePartnerBoxRight {
    position: relative;
}

.partnerOverlay {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(rgba(14, 164, 46, 0.7), rgba(40, 165, 67, 0.7));
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 39%, 100% 82%, 37% 45%, 0 22%);
}


.updatePartnerLogo {
    padding: 0 30px 20px;
    margin-top: -120px;
}

.updatePartnerLogoBox {
    text-align: center;
    padding: 40px 20px 20px;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    position: relative;
    height: 22vh;
}


.updatePartnerLogoBox a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: blue !important;
    text-decoration: none;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.updatePartnerLogo h3 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.updateCollectionAgency {
    padding: 30px 30px 0px;
}

.updateCollectionAgency h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 200px;
}

.updateCollectionAgencyBox {
    background: linear-gradient(#bfc9d3, #bdc3c7);
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    padding: 60px 0;
    position: relative;
}

.updatePartnerInfo {
    background-color: white;
    padding: 50px 20px 30px;
    border-radius: 30px;
    border: 1px solid var(--primary);
    cursor: pointer;
}

.updateCollectionAgencyCard {
    padding: 0 30px;
    margin-top: -200px;
    position: relative;

}

.updatePartnerInfo span {
    font-size: 16px;
    color: var(--light-txt);
    font-weight: 400;
}

.updatePartnerInfo p {
    font-size: 17px;
    color: black;
    font-weight: 500;
    margin-bottom: 20px;
}

.sourcingPartner {
    padding: 40px 30px;
}

.sourcingPartner h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 40px;
}

.sourcingPartnerBox {
    margin: 14px 0;
    padding: 30px 20px 10px;
    background-color: white;
    border-radius: 15px;
    height: 250px;
    max-height: 280px;
}

.sourcingPartnerMore {
    display: none;
}

.sourcingPartnerBox h1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--primary);
    padding-bottom: 10px;
    position: relative;
}

.sourcingPartnerBox h1::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 20%;
    background-color: var(--primary);
    bottom: 0;
    left: 0;
}

.sourcingPartnerBox p {
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
}

.partnerLoadBtn {
    width: 100%;
    text-align: center;
    margin: 30px auto 10px;
}

.loadMoreBtn {
    background-color: var(--primary);
    color: white;
    padding: 14px 20px;
    border-radius: 10px;
    border: none;
    font-size: 17px;
    font-weight: 600;
}

.rbiportalBtnPartner {
    padding: 0 30px;
}

.rbiportalBtnPartner a {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
    background-color: transparent;
    border: 1px solid var(--primary);
    border-radius: 10px;
    padding: 8px 20px;
    text-decoration: none;
}

.rbiportalBtnPartner a:hover {
    background-color: #ccc;
}

.partnerpopupMain {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.42);
    z-index: 11;
    display: none;
}

#myLoanPopup {
    display: none;
}

#atlaspopup {
    display: none;
}

#muthotpopup {
    display: none;
}

#hdbpopup {
    display: none;
}

.partnerpopup {
    position: absolute;
    top: 30%;
    width: 40%;
    left: calc(50% - 20%);
    background-color: whitesmoke;
    border-radius: 20px;
    padding: 40px 30px;
}

.partnerpopupTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.partnerpopupTop img {
    width: 170px;
}

.moneyLoanBtn {
    font-size: 30px;
    color: var(--light-txt) !important;
}

.partnerpopupMiddle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.partnerpopupMiddle div span,
.partnerpopupBottom div span {
    font-size: 16px;
    color: var(--light-txt);
}

.partnerpopupMiddle div p,
.partnerpopupBottom div p {
    font-size: 18px;
    color: black;
}

.partnerpopupBottom a {
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    margin: 5px 10px;
    text-decoration: none;
    border: 1px solid var(--primary)
}

.ourPartnerMain {
    background-color: #f9fafe;
}

.lendingPartnerMain {
    background-color: #f0f6ff;
}

.lendingPartner h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    margin-bottom: 80px;
}

.lendingPartner h2::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 70px;
    background-color: var(--primary);
    left: 0;
    bottom: -6px;
}

.lendingPartnerBox {
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 18vh;
    line-height: 18vh;
    align-items: center;
    margin: 10px 0;
}

.partnerTableMain {
    background-color: #f9fafe;
}

.partnerTable {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 80px 0 !important;
}

.partnerTable h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px;
}

.partnerTableDivTable tr th {
    white-space: nowrap;
}

.partnerTableDivTable tr th,
.partnerTableDivTable tr td {
    padding: 36px 15px;
}

.partnerTableDetails {
    margin: 16px 0;
    padding-left: 25px;
}

.partnerTableDetails h6 {
    font-size: 18px;
    font-weight: 600;
    color: #555;
    position: relative;
    margin-bottom: 6px;
}

.partnerTableDetails h6::before {
    content: "•";
    color: red;
    display: inline-block;
    width: 1em;
}

.partnerTableDetails p {
    font-size: 16px;
    font-weight: 400;
    color: #555;
    padding-left: 16px;
    margin: 2px 0;
}

/*========= /our partner page ======*/


/*============= personal loan emi calculator page ============*/
.personalLoadnRange h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.personalLoadnRange p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
}

.rangePart {
    margin-top: 50px;
}

.rangePartBox {
    margin: 30px 0;
}

.rangePartBoxTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rangePartBoxTop {
    font-size: 18px;
    font-weight: 500;
    color: #525660;
}

.rangePartBoxTop input {
    border: none;
    text-align: center;
    max-width: 120px;
    width: 120px;
    padding: 6px 9px;
    outline: none;
}

.rangePartBoxTopBox,
.rangePartBoxTopBox2,
.rangePartBoxTopBox3 {
    position: relative;
}

.rangePartBoxTopBox::before {
    position: absolute;
    content: "₹";
    top: 4px;
    left: 2px;
    font-size: 18px;
    height: 100%;
}

.rangePartBoxTopBox2::before,
.rangePartBoxTopBox3::before {
    content: "";
}

.rangePartBoxTopBox2::after {
    position: absolute;
    content: "%";
    top: 4px;
    right: 36px;
    font-size: 18px;
    height: 100%;
}

.rangePartBoxTopBox3::after {
    position: absolute;
    content: "Year";
    top: 9px;
    right: 26px;
    font-size: 12px;
    height: 100%;
}

.steps,
.steps2,
.steps3 {
    display: flex;
    width: 100%;
    position: relative;
    margin-top: -4px;
}

.steps span,
.steps2 span,
.steps3 span {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}

.step-count-2 {
    position: absolute;
    left: 8.5%;
}

.step-count-3 {
    position: absolute;
    left: 16.5%;
}

.step-count-4 {
    position: absolute;
    left: 32.2%;
}

.step-count-5 {
    position: absolute;
    left: 48.5%;
}

.step-count-6 {
    position: absolute;
    left: 64.7%;
}

.step-count-7 {
    position: absolute;
    left: 81%;
}

.step-count-8 {
    position: absolute;
    left: 97%;
}

.step2-count-2 {
    position: absolute;
    left: 19.7%;
}

.step2-count-3 {
    position: absolute;
    left: 39%;
}

.step2-count-4 {
    position: absolute;
    left: 58.2%;
}

.step2-count-5 {
    position: absolute;
    left: 78%;
}

.step2-count-6 {
    position: absolute;
    left: 97%;
}

.step3-count-2 {
    position: absolute;
    left: 6.5%;
}

.step3-count-3 {
    position: absolute;
    left: 19.8%;
}

.step3-count-4 {
    position: absolute;
    left: 45.3%;
}

.step3-count-5 {
    position: absolute;
    left: 71%;
}

.step3-count-6 {
    position: absolute;
    left: 96%;
}



.rangeFirst {
    margin: 2px 0;
}

.rangeFirst input {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    outline: none;
    background-color: #ccc;
}

.rangeFirst input[type="number"] {
    width: 40px;
    padding: 4px 5px;
    border: 1px solid #bbb;
    border-radius: 3px;
}

.range_left_box {
    background-color: white;
    border-radius: 25px;
    box-shadow: 0 8.59375px 25.7812px rgba(17, 53, 112, .16);
    padding: 40px 50px 40px 40px;
}

.range_left_box h6 {
    font-size: 16px;
    font-weight: 500;
    color: #8a91a1;
}

.range_left_box h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0px;
}

.range_box_right {
    background-color: var(--sky);
    border-radius: 25px;
    box-shadow: 0 8.51393px 25.5418px rgba(17, 53, 112, .16);
    padding: 40px 30px;
    margin-left: -20px;
}

.range_box_right_title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.rangeFirst input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 100%;
    height: 13px;
    border-radius: 5px;
    background-image: linear-gradient(to right, rgb(185, 240, 248) 0%, var(--primary) 100%, rgb(185, 240, 248) 100%, var(--primary) 100%);
    background-size: 9% 100%;
    background-repeat: no-repeat;
}

/* .rangeFirst #range3 {
    background-size: 9% 100% !important;
  } */


.rangeFirst input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.rangeFirst input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.rangeFirst input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

.rangeFirst input[type="range"]::-webkit-slider-thumb:hover {
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
}

.rangeFirst input[type="range"]::-moz-range-thumb:hover {
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
}

.rangeFirst input[type="range"]::-ms-thumb:hover {
    background: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
}

/* Input Track */
.rangeFirst input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.rangeFirst input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.rangeFirst input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.rangeTotalTop {
    display: flex;
    justify-content: space-between;
    padding: 13px 15px;
}

.rangeTotalTopLeft {
    display: flex;
    justify-content: space-evenly;
    color: black;
}

.rangeTotalTopLeft img {
    width: 40px;
    margin-right: 15px;
}

.rangeTotalTopLeft p,
.range_right_details p {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin: 3px 0 !important;
    color: #8a91a1;
    text-align: left;
}

.rangeTotalTopLeft h3,
.range_right_details h3 {
    font-size: 30px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    text-align: left;
}

.monthly_interest_span {
    color: red;
}

.principal_amount_box {
    color: green;
}

.progress_line {
    height: 12px;
    width: 80%;
    border-radius: 6px;
    margin: auto;
    display: flex;
}

.progress_emi_color {
    height: 100%;
    background-color: red;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.progress_principal_color {
    height: 100%;
    background-image: linear-gradient(to right, rgb(15, 189, 103) 0%, rgb(11, 140, 76) 100%, rgba(0, 0, 0, 0.12) 100%, rgba(0, 0, 0, 0.12) 100%);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}


.apply_now_box {
    text-align: center;
    margin-top: 20px;
}

.apply_now_box a {
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    width: 250px;
    display: inline-block;
    padding: 14px 10px;
    border-radius: 6px;
    background-color: var(--primary);
}

.repayment_box {
    text-align: center;
    margin-top: 20px;
}

.repayment_box a {
    color: var(--primary);
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
}


.applyButtonChart {
    color: black !important;
    text-decoration: none !important;
    background-color: white;
    padding: 6px 10px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 400;
    border-radius: 4px;
}

.rangeTotalBottom {
    display: flex;
    justify-content: space-between;
    padding: 14px 15px 30px;
}

.rangeTotalBottomLeft,
.rangeTotalBottomRight {
    display: flex;
    justify-content: space-evenly;
}

.rangeTotalBottom img {
    width: 30px;
    margin-right: 12px;
}

.rangeTotalBottom p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px;
}

.rangeTotalBottom h6 {
    font-size: 16px;
    font-weight: 400;
}

.circle {
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: rgb(51, 102, 204);
    border-radius: 50%;
}

.circle2 {
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: red;
    border-radius: 50%;
}

.emiSchedule {
    padding-top: 60px;
    margin-top: 30px;
    display: none;
}

.emiSchedule table tr th,
.emiSchedule table tr td {
    border: 1px solid black;
}

.repayment_view {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 20px;
}

.repayment_view div {
    background-color: var(--primary);
    padding: 15px 20px;
    border-radius: 5px;
    color: white;
    width: 30%;
    text-align: center;
}

.repayment_view div p {
    margin: 0px;
    font-size: 20px;
    font-weight: 500;
}

.emiSchedule h2 {
    margin-bottom: 40px;
}

.emiSchedule.emiSchedule_active {
    display: block;
}

.emiScheduleTableTh {
    background-color: #cccccc58;

}

.emiScheduleTableTh th {
    font-weight: 500;
}

.emiSchedule table th,
.emiSchedule table td {
    padding: 16px 10px;
}

.emi-mid-section {
    background-color: #f9fafe;
}

.videoSection {
    padding: 10px 0;
}

.videoSection h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 22px;
    font-weight: 600;
}

.videoSection p {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

.videoSection h6 {
    font-size: 15px;
    font-weight: 300;
    padding: 20px 10px;
    border: 0.5px solid black;
    background-color: #E4F1EA;
}

.videoSection h3 {
    font-size: 32px;
    font-weight: 600;
    margin: 15px 0 35px;
    position: relative;
    color: var(--primary);
}

.videoSection h3::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0px;
    height: 5px;
    width: 100px;
    background-color: var(--primary);
    border-radius: 4px;
    display: none;
}

.emi_mid_left p {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px 30px;
    padding: 0px;
    text-align: left;
}

.emi_mid_left ul {
    padding: 0px;
    margin-top: 10px;
}

.emi_mid_left ul li {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    list-style: none;
    display: flex;
}

.emi_mid_left ul li i {
    color: var(--primary);
    margin-right: 15px;
}

.emi_mid_right img {
    height: 100%;
    width: 100%;
}

.videoSection h5 {
    font-size: 15px;
    font-weight: 400;
    margin: 14px 0;
}

.videoSection h5 i {
    color: var(--primary);
    font-size: 20px;
    margin-right: 2px;
}

.calculateDetails h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
}

.calculateDetails h3 i {
    color: var(--primary);
    font-size: 30px;
    margin-right: 2px;
}

.more_faq {
    display: none;
}

.faq_more_btn {
    text-align: center;
    margin-top: 30px;
}

.faq_more_btn button {
    background-color: var(--primary);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    border: none;
}

.calculateDetails p {
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0;
}

.calculateDetails p a {
    display: inline-block;
    color: blue !important;
}

.calculateDetails p i {
    font-size: 25px;
    color: var(--primary);
    margin-right: 5px;
}

.otheEmiCalculate h2 {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
}

.otheEmiCalculateBox {
    margin: 10px 0;
    border: 2px solid #0b8c4c;
    padding: 8px 5px;
    text-transform: uppercase;
    background-color: #E7F4ED;
    text-align: center;
}

.otheEmiCalculateBox a {
    text-decoration: none;
    color: #333 !important;
}

.chartDivRight {
    width: 100%;
    overflow: hidden;
}

@media(max-width:767px) {
    .rangePartBoxTopBox3::after {
        right: 14px;
    }

    .rangePartBoxTopBox2::after {
        right: 20px;
    }
}

@media(min-width:768px) {
    .rangePartBoxTopBox3::after {
        right: 14px;
    }

    .rangePartBoxTopBox2::after {
        right: 20px;
    }
}

@media(max-width:991px) {
    .personalLoadnRange {
        padding: 0 5px;
    }

    .emiSchedule {
        margin-top: 20px;
    }
}

/*============= /personal loan emi calculator page ============*/

/*========== sample loan agreement ==============*/
.agreementboxTop {
    text-align: center;
}

.agreementboxTop h4 {
    margin: 16px 0;
}

.agreementboxTop span {
    font-size: 15px;
    font-weight: 400;
}

.agreementboxSpace {
    display: flex;
    padding: 10px 150px;
}

.agreementboxSpaceLeft div {
    display: flex;
    align-items: center;
}

.agreementboxSpaceLeft div p {
    font-size: 15px;
    font-weight: 400;
    margin: 7px 14px;
    width: 200px;
}

.agreementboxSpaceLeft div span {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}

.agreementh6 {
    font-size: 14px !important;
    font-weight: 600;
    margin-top: 1px !important;
    margin-bottom: 20px !important;
    padding: 0 20px;
}

.samplePSpace {
    padding: 0 60px;
}

.innerPrivacyList {
    padding: 0 40px;
}

.applicationTo {
    margin-top: 40px;
}

.applicationTo h4 {
    margin: 4px 0 !important;
    font-weight: 500 !important;
}

.agreementPFlex {
    display: flex;
    justify-content: space-between;
}

@media(max-width:599px) {
    .agreementboxSpace {
        padding: 10px 0px;
    }

    .agreementboxSpaceLeft div p {
        font-size: 13px;
        margin: 7px 6px;
        white-space: nowrap;
        width: fit-content;
    }

    .agreementboxSpaceLeft div span {
        font-size: 13px;
        white-space: nowrap;
    }

    .agreementBox {
        padding: 30px 15px;
    }

    .samplePSpace {
        padding: 0 15px;
    }

    .innerPrivacyList {
        padding: 0 15px;
    }

}

@media(min-width:600px) and (max-width:767px) {
    .agreementboxSpace {
        padding: 10px 14px;
    }

    .samplePSpace {
        padding: 0px 30px;
    }

    .innerPrivacyList {
        padding: 0 20px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .agreementboxSpace {
        padding: 10px 45px;
    }

    .samplePSpace {
        padding: 0 26px;
    }

    .innerPrivacyList {
        padding: 0 20px;
    }
}


/*========== /sample loan agreement ==============*/

/*============ careers page=============*/
.careers {
    background-image: url("../image/career_bg_new-min.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    position: relative;
}

.careersInfo {
    position: absolute;
    top: 35%;
    left: 15%;
}

.careersInfo h1 {
    color: white;
    width: 750px;
    font-size: 45px;
    font-weight: 600;
    line-height: 60px;
}

.careerDetailsBox p {
    font-size: 17px;
    font-weight: 400;
    margin: 13px 0;
}

.careersCollapse h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.careerPDFlex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: #f8f8f8;
    padding: 15px 10px;
    border-top: 0.5px solid rgb(232, 231, 231);
    border-bottom: 0.5px solid rgb(232, 231, 231);
}

.careerInnerPDFlex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 10px;
    border-top: 0.5px solid rgb(232, 231, 231);
    border-bottom: 0.5px solid rgb(232, 231, 231);
}

.careerCollapsA {
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    color: #000000 !important;

}

.careerCollapsA:hover {
    color: var(--primary) !important;
}

.careerCardBody .card-body {
    padding: 3px 20px !important;
}

.careerInnerCollapsA {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #000000 !important;
}

.careerInnerCollapsA:hover {
    color: var(--primary) !important;
}

.careerPDFlex span {
    display: inline-block;
}

.careerP {
    font-size: 16px;
    font-weight: 400;
    margin: 7px 0;
}

.careerPIconFlex {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    margin: 7px 0;
}

.careerPIconFlex i {
    font-size: 22px;
    color: var(--primary);
    margin-right: 8px;
}

.careerQuote {
    background-color: #ebf3ff;
    padding: 30px;
}

.careerQuote h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.careerQuote p {
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 60px;
}

.careerQuote a {
    font-size: 16px;
    color: white !important;
    background-color: var(--primary);
    padding: 10px 60px;
    text-decoration: none !important;
}

.perkBenifit h1 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.perkBenifitBox {
    margin: 15px 0;
    text-align: center;
}

.perkBenifitBox img {
    width: 100px;
}

.perkBenifitBox p {
    font-size: 15px;
    font-weight: 300;
    margin: 1px 0;
}

.perkBenifitMain {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.missionText {
    background-color: #e7f4ed;
    text-align: center;
}

.missionText h2 {
    font-size: 22px;
    font-weight: 700;
}

@media(max-width:425px) {
    .careersInfo h1 {
        width: 250px;
        font-size: 29px;
        line-height: 40px;
    }

    .perkBenifitMain {
        grid-template-columns: auto auto;
    }

    .missionText h2 {
        font-size: 15px;
    }
}

@media(min-width:426px) and ((max-width:599px)) {
    .careersInfo {
        position: absolute;
        top: 25%;
    }

    .careersInfo h1 {
        width: 340px;
        font-size: 29px;
        line-height: 40px;
    }

    .perkBenifitMain {
        grid-template-columns: auto auto;
    }

    .missionText h2 {
        font-size: 17px;
    }
}


@media(min-width:600px) and ((max-width:767px)) {
    .careersInfo {
        position: absolute;
        top: 28%;
    }

    .careersInfo h1 {
        width: 450px;
        font-size: 34px;
        line-height: 40px;
    }

    .perkBenifitMain {
        grid-template-columns: auto auto;
    }

    .missionText h2 {
        font-size: 19px;
    }
}

@media(min-width:768px) and ((max-width:991px)) {
    .careersInfo {
        position: absolute;
        top: 30%;
    }

    .careersInfo h1 {
        width: 550px;
        font-size: 38px;
        line-height: 50px;
    }

    .perkBenifitBox p {
        font-size: 11px;
    }

    .missionText h2 {
        font-size: 19px;
    }
}

/*============ /careers page=============*/


/*============ debt collection agencies page =========*/
.listOfAgencies h2 {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 40px;
}

.listOfAgenciesTable tr th,
.listOfAgenciesTable tr td {
    padding: 12px 8px;
}

/*============ /debt collection agencies page =========*/

/*=========== policies page ===========*/

.Updatepolicies {
    background: linear-gradient(rgba(14, 164, 46, 0.7), rgba(40, 165, 67, 0.7)), url("../image/policiesbanner.jpg");

    height: 45vh;
    background-size: cover;
    background-position: center;
    position: relative;

}

.custom-shape-divider-bottom-1671213259 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1671213259 svg {
    position: relative;
    display: block;
    width: calc(144% + 1.3px);
    height: 191px;
}

.custom-shape-divider-bottom-1671213259 .shape-fill {
    fill: #FFFFFF;
}

.Updatepolicies h1 {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-weight: 600;
    color: white;
}

.updatePoliciesLinkBox {
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.updatePoliciesLink {
    margin: 15px 20px;
}

.updatePoliciesLink a {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary);
    background-color: white;
    padding: 14px 20px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #ccc;
    width: 100%;
    display: inline-block;
    border-radius: 7px;
}

.updatePoliciesLink a:hover {
    border: none;
    box-shadow: rgb(141, 150, 159) 0px 20px 20px -10px;
}

.updatePoliciesPart {
    padding-top: 0px !important;
}


.policies h1 {
    font-size: 28px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 40px;
}

.policiesBox a {
    font-size: 17px;
    font-weight: 500;
    color: var(--primary) !important;
    background-color: white;
    padding: 7px 20px;
    display: inline-block;
    margin: 15px 8px;
    text-decoration: none;
    border: 1px solid rgb(217, 215, 215);
    border-radius: 4px;

}

.policiesBox a:hover {
    background-color: var(--primary);
    color: white !important;
}

/*=========== /policies page ===========*/

/*============ security money view page ============*/
.security h1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 80px;
    text-align: center;
}

.securityBox {
    margin: 30px 0;
    display: flex;
    align-items: center;
}

.securityBoxLeft {
    width: 30%;
}

.securityBoxRight {
    width: 70%;
}

.securityBoxLeft,
.securityBoxRight {
    text-align: center;
}

.securityBoxLeft img {
    height: 22vh;
}

.securityBoxRight h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px;
}

.securityBoxRight p {
    font-size: 16px;
    font-weight: 400;
}

@media(max-width:599px) {
    .securityBox {
        flex-direction: column;
    }

    .securityBoxLeft,
    .securityBoxRight {
        width: 100%;
    }

    .securityBoxRight h4 {
        margin-top: 10px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .securityBoxRight p {
        font-size: 14px;
    }

    .securityBoxLeft img {
        height: 18vh;
    }
}


/*============ /security money view page ============*/

/*============ grivance  page ==============*/
.grivance h1 {
    font-size: 30px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 80px;
    margin-top: 40px;
}

.grivanceBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e7f4ed;
    border-radius: 24px;
    padding: 44px 32px;
}

.grivanceLeft,
.grivanceRight {
    width: 50%;
}

.grivanceLeft h5,
.grivanceRight h5 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.grivanceLeft p,
.grivanceRight p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.grivanceLeft a {
    width: 160px;
    height: 56px;
    background: var(--primary);
    box-shadow: 0px 4.75px 23.75px 4.75px rgb(38 38 38 / 24%);
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 28px;
    text-align: center;
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

.grivanceLeft {
    border-right: 1px solid #999;
}

.grivanceRight {
    padding-left: 40px;
}

.grivanceDown {
    margin-top: 60px;
    border-radius: 24px;
    padding: 10px 32px;
    border: 1px solid #ccc;
}

.grivanceDown p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
}

.writeBtn {
    width: 160px;
    height: 56px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 28px;
    text-align: center;
    color: var(--primary) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    border: 1px solid var(--primary);
}

#writeUsMoal input {
    height: 65px;
    outline: none;
    box-shadow: none;
    border-radius: 12px;
    margin: 20px 0;
}

#writeUsMoal textarea {
    min-height: 150px;
    outline: none;
    box-shadow: none;
    border-radius: 12px;
    margin: 20px 0;
}

#writeUsMoal span,
.officerSpan {
    font-size: 16px;
}

.writeUsBtn {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--primary);
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 0;
    border: none;
    outline: none;
}

.writeUsModal {
    border-radius: 10px;
}

.officersP {
    margin: 12px 0;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width:599px) {
    .grivanceBox {
        flex-direction: column;
    }

    .grivanceLeft,
    .grivanceRight {
        width: 100%;
    }

    .grivanceLeft {
        border-right: none;
    }

    .grivanceRight {
        padding-left: 0;
        margin-top: 50px;
    }
}

@media(min-width:600px) and (max-width:767px) {

    .grivanceLeft p,
    .grivanceRight p {
        font-size: 14px;
    }
}

/*============ /grivance  page ==============*/


/*============ personal loan  page ==============*/
.hindiBtn {
    border: none;
    padding: 10px 20px;
    background-color: var(--primary);
    color: white;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.personalLoanULWithIcon {
    list-style: none;
    padding: 0;
}

.personalLoanULWithIcon li i {
    font-size: 22px;
    color: var(--primary);
    margin-right: 5px;
}

.YoutubepromotText {
    background-color: #E4F1EA;
    color: var(--light-txt);
    border: 0.5px solid black;
    padding: 25px 20px;
}

.personalUlMiddle {
    padding: 0;
    list-style: none;
}

.personalUlMiddle li {
    font-size: 16px;
    color: var(--light-txt);
    margin: 8px 0;
}

.personalUlMiddle li i {
    font-size: 22px;
    color: var(--primary);
    margin-right: 5px;
}

.loanFlex span {
    display: inline-block;
}

.loanFlex {
    display: flex !important;
    font-size: 16px;
    font-weight: 400;
}

.loanFlex i {
    margin-right: 8px;
    color: var(--primary);
    font-size: 22px;
}

.iconSpan a {
    display: inline-block !important;
}

.loanFlex span {
    margin: 2px 0 !important;
}

/*============ /personal loan  page ==============*/


/*------------ instant personal loan for  salaried page -------*/
.YoutubepromotTextInstant {
    background-color: #FDF2E5;
}

.businessBox {
    margin: 15px 0;
    text-align: center;
}

.businessBox img {
    height: 15vh;
}

.businessBox h4 {
    font-size: 22px;
    font-weight: 400;
    text-decoration: underline;
}

.businessText {
    margin-top: 5px;
}

.businessText h6 {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    margin-bottom: 10px;
}

.businessText p {
    font-size: 13px;
    font-weight: 400;
    margin: 3px 0;
}

.businessText p a {
    text-decoration: none;
}

/*------------ /instant personal loan for  salaried page -------*/

/*--------- user consent delivery  page ---------*/

.userConsent h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 40px;
}

.userConsentDetails p {
    font-size: 15px;
    font-weight: 400;
    color: var(--light-txt);
    margin: 3px 0;
    line-height: 1.7;
}

.userConsentDetailsBold {
    font-weight: 600 !important;
}

.userConsentPFlex {
    display: flex;
}

.userConsentPFlex span:nth-child(2) {
    padding-left: 10px;
}

/*--------- /user consent delivery  page ---------*/

/*------- loan faq en   ---------*/
.loanFaqTop {
    text-align: center;
    align-items: center;
    background: url(../image/faq_loan.png);
    background-size: cover;
    background-position: center;
    padding: 30px 20px;
}

.loanFaqTop h1 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;
}

.loanFaqForm {
    position: relative;
    width: 50%;
    margin: auto;
}

.loanFaqForm input {
    width: 100%;
    height: 45px;
    outline: none;
    box-shadow: none;
    padding: 8px;
    border-radius: 14px;
    border: none;
    border: 1px solid black;
}

.emptySearch {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: gray;
    color: white;
    height: 24px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
    cursor: pointer;

}

.loanFaqMiddleLeft {
    margin: 20px 0;
    border-right: 2px solid var(--light-txt);
}

.loanFaqMiddleLeftBox {
    margin: 30px 0;
    text-align: center;
    align-items: center;

}

.loanFaqMiddleLeftBox img {
    width: 100px;
}

.loanGray {
    filter: grayscale(1);
}

.loanGray:hover {
    filter: grayscale(0);
}

.loanFaqMiddleLeftBox a {
    text-decoration: none;
}

.loanFaqMiddleLeftBox p {
    color: gray;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    text-decoration: none;
}

.loanFaqMiddleRight {
    margin: 20px 0;
    display: grid;
    grid-template-columns: 180px 180px 180px 180px;
    gap: 10px;
}

.loanFaqMiddleRightButton {
    margin: 3px 0;
}

.loanFaqMiddleRightButton button {
    background-color: white;
    padding: 10px 20px;
    border: 1px solid #000;
    outline: none;
    color: black;
    width: 100%;
    font-size: 14px;
    transition-duration: 0.3s;
}

.loanFaqMiddleRightButton button:hover {
    background-color: var(--secondary);
    color: white;
    transition-duration: 0.3s;
    border: 1px solid var(--secondary);
}

.loansFaqFlexh6 {
    display: flex;
}

.loansFaqFlexh6 i {
    color: var(--primary);
    font-size: 22px;
    margin-right: 8px;
}

.loansFaqFlexh6 span {
    margin: 0 !important;
}

.loansFaqUl li {
    list-style: disc !important;
}

@media(max-width:320px) {
    .loanFaqMiddleRight {
        grid-template-columns: 140px 140px;
        gap: 4px;
    }

    .loanFaqMiddleRightButton button {
        padding: 10px 11px;
        font-size: 11px;
    }

    .loanFaqMiddleLeft {
        border-right: none;
    }

    .loanFaqMiddleLeft {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .loanFaqMiddleLeftBox img {
        width: 80px;
    }

    .loanFaqMiddleLeftBox p {
        font-size: 13px;
    }

    .loanFaqForm {
        width: 90%;
    }

    .loanFaqTop h1 {
        font-size: 25px;
    }
}

@media(min-width:321px) and (max-width:599px) {
    .loanFaqMiddleRight {
        grid-template-columns: auto auto;
        gap: 4px;
    }

    .loanFaqMiddleRightButton button {
        padding: 10px 9px;
        font-size: 12px;
    }

    .loanFaqMiddleLeft {
        border-right: none;
    }

    .loanFaqMiddleLeft {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .loanFaqMiddleLeftBox img {
        width: 80px;
    }

    .loanFaqMiddleLeftBox p {
        font-size: 13px;
    }

    .loanFaqForm {
        width: 90%;
    }

    .loanFaqTop h1 {
        font-size: 25px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .loanFaqMiddleRight {
        grid-template-columns: auto auto;
        gap: 4px;
    }

    .loanFaqMiddleRightButton button {
        padding: 10px 9px;
        font-size: 12px;
    }

    .loanFaqMiddleLeft {
        border-right: none;
    }

    .loanFaqMiddleLeft {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .loanFaqMiddleLeftBox img {
        width: 80px;
    }

    .loanFaqMiddleLeftBox p {
        font-size: 13px;
    }

    .loanFaqForm {
        width: 90%;
    }

    .loanFaqTop h1 {
        font-size: 25px;
    }
}

@media(min-width:768px) and (max-width:1202px) {
    .loanFaqMiddleRight {
        grid-template-columns: auto auto auto;
        gap: 7px;
    }

    .loanFaqMiddleRightButton button {
        padding: 10px 8px;
        font-size: 12px;
    }
}

@media(min-width:1300px) and (max-width:1500px) {
    .loanFaqMiddleRight {
        grid-template-columns: auto auto auto auto;
    }
}

/*------- /loan faq en   ---------*/

.readStoryBtn {
    color: var(--primary) !important;
    font-size: 16px;
    font-weight: 600;
}

/*----- contact us page responsive -----*/
@media(max-width:599px) {

    .contactUpadteBannerRight img {
        width: 70%;
    }

    .contactUpadteBanner .row {
        flex-direction: column-reverse;
    }

    .contactUpadteBannerLeft h1 {
        font-size: 27px;
        margin-top: 33px;
    }

    .contactUpadteBannerLeft h1::before {
        left: calc(50% - 60px);
    }

    .contactUpadteBannerLeft p {
        font-size: 20px;
        margin: 10px 0;
        max-width: 100%;
    }

    .contactUpadteBannerLeft {
        text-align: center;
    }

    .contactUpadteBannerLeft a {
        padding: 14px 10px;
        font-size: 14px;
        margin-top: 15px;
        display: inline-block;
    }

    .contactUpdateInfoBox {
        height: auto;
        padding: 20px 14px;
    }

    .contactUpdateMapLeft p {
        font-size: 16px;
    }

    .contactUpdateJoin {
        padding: 40px 20px;
        flex-direction: column;
        align-items: normal;
    }

    .contactUpdateJoinLeft {
        margin: 15px 0;
    }

    .contactUpdateJoinRight p {
        font-size: 16px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .contactUpadteBanner .row {
        flex-direction: column-reverse;
    }

    .contactUpadteBannerRight img {
        width: 60%;
    }

    .contactUpadteBannerLeft h1 {
        font-size: 32px;
        margin-top: 33px;
    }

    .contactUpadteBannerLeft h1::before {
        left: calc(50% - 60px);
    }

    .contactUpadteBannerLeft p {
        font-size: 23px;
        margin: 10px 0;
        max-width: 100%;
    }

    .contactUpadteBannerLeft {
        text-align: center;
    }

    .contactUpadteBannerLeft a {
        padding: 14px 24px;
        font-size: 16px;
        margin-top: 15px;
        display: inline-block;
    }

    .contactUpdateInfoBox {
        height: auto;
        padding: 20px 14px;
    }

    .contactUpdateMapLeft p {
        font-size: 16px;
    }

    .contactUpdateJoin {
        padding: 40px 20px;
        flex-direction: column;
        align-items: normal;
    }

    .contactUpdateJoinLeft {
        margin: 15px 0;
    }

    .contactUpdateJoinRight p {
        font-size: 16px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .contactUpadteBannerLeft h1 {
        font-size: 28px;
    }

    .contactUpadteBannerLeft p {
        font-size: 21px;
    }

    .contactUpadteBannerLeft a {
        font-size: 15px;
    }

    .contactUpdateInfoBox {
        height: auto;
    }

    .contactUpdateMapLeft p {
        font-size: 16px;
    }

    .contactUpdateMapLeft h5 {
        font-size: 16px;
    }

}

@media(min-width:992px) and (max-width:1024px) {
    .contactUpdateInfoBox h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .contactUpdateInfoBox p {
        font-size: 15px;
    }

    .contactUpdateInfoBox {
        height: auto;
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .contactUpdateInfoBox h2 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .contactUpdateInfoBox p {
        font-size: 15px;
    }

    .contactUpdateInfoBox {
        height: auto;
    }
}

/*----- /contact us page responsive -----*/

/*--------- policies page responsive -----*/
@media(max-width:320px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto;
    }

    .updatePoliciesPart {
        margin-top: -40px;
        position: relative;
        z-index: auto;
    }

    .updatePoliciesLink a {
        font-size: 12px;
        padding: 6px 15px;
    }

    .Updatepolicies h1 {
        font-size: 29px;
    }

    .Updatepolicies {
        height: 47vh;
    }
}

@media(min-width:321px) and (max-width:425px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto;
    }

    .updatePoliciesPart {
        margin-top: -40px;
        position: relative;
        z-index: auto;
    }

    .updatePoliciesLink a {
        font-size: 13px;
        padding: 10px 15px;
    }

    .Updatepolicies h1 {
        font-size: 29px;
    }

    .Updatepolicies {
        height: 47vh;
    }
}

@media(min-width:426px) and (max-width:599px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto;
    }

    .updatePoliciesPart {
        margin-top: -40px;
        position: relative;
        z-index: auto;
    }

    .updatePoliciesLink a {
        font-size: 15px;
        padding: 10px 12px;
    }

    .Updatepolicies h1 {
        font-size: 29px;
    }

    .Updatepolicies {
        height: 47vh;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto;
    }

    .updatePoliciesPart {
        margin-top: -40px;
        position: relative;
        z-index: auto;
    }

    .updatePoliciesLink a {
        font-size: 16px;
        padding: 12px 12px;
    }

    .Updatepolicies h1 {
        font-size: 29px;
    }

    .Updatepolicies {
        height: 47vh;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto auto;
    }

    .updatePoliciesLink a {
        font-size: 16px;
        padding: 12px 12px;
    }

    .Updatepolicies h1 {
        font-size: 45px;
    }

}

@media(min-width:992px) and (max-width:1105px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto auto auto;
    }

    .updatePoliciesLink a {
        font-size: 15px;
        padding: 12px 12px;
    }

    .Updatepolicies h1 {
        font-size: 45px;
    }

}

@media(min-width:1320px) and (max-width:1355px) {
    .updatePoliciesLinkBox {
        grid-template-columns: auto auto auto auto;
    }

    .updatePoliciesLink a {
        font-size: 15px;
        padding: 14px 12px;
    }
}

/*--------- /policies page responsive -----*/

/*--------- our partner page responsive -----*/
@media(max-width:320px) {
    .partnerpopup {
        top: 15%;
        width: 90%;
        left: calc(50% - 45%);
        padding: 40px 20px;
    }

    .partnerpopupTop img {
        width: 150px;
    }

    .partnerpopupMiddle {
        display: block;
    }

    .partnerpopupBottom a {
        font-size: 13px;
        padding: 10px 10px;
        margin: 5px 10px;
    }

    .updatePartner .row {
        flex-direction: column-reverse;
    }

    .updatePartnerBoxLeft {
        padding-left: 0;
        padding: 0 20px;
    }

    .updatePartnerLogo {
        margin-top: 0px;
        padding: 0 10px;
    }

    .updatePartnerBoxLeft h1 {
        font-size: 35px;
        margin-top: 0px;
    }

    .updatePartnerBoxLeft h2 {
        font-size: 29px;
    }

    .updatePartnerBoxLeft p {
        font-size: 16px;
    }

    .updatePartnerLogo h3 {
        font-size: 32px;
        margin-top: 30px;
    }

    .updatePartnerLogoBox {
        margin: 12px 0;
    }

    .updateCollectionAgency h1 {
        font-size: 23px;
        margin-bottom: 200px;
    }

    .sourcingPartner h1 {
        font-size: 24px;
    }

    .sourcingPartnerBox {
        min-height: 320px;
    }

    .sourcingPartnerBox h1 {
        font-size: 17px !important;
    }

    .sourcingPartnerBox p {
        font-size: 15px;
        margin: 15px 0;
    }
}

@media(min-width:321px) and (max-width:599px) {

    .partnerpopup {
        top: 15%;
        width: 90%;
        left: calc(50% - 45%);
        padding: 40px 20px;
    }

    .partnerpopupTop img {
        width: 150px;
    }

    .partnerpopupMiddle {
        display: block;
    }

    .partnerpopupBottom a {
        font-size: 13px;
        padding: 10px 10px;
        margin: 5px 10px;
    }



    .updatePartner .row {
        flex-direction: column-reverse;
    }

    .updatePartnerBoxLeft {
        padding-left: 0;
        padding: 0 20px;
    }

    .updatePartnerLogo {
        margin-top: 0px;
        padding: 0 10px;
    }

    .updatePartnerBoxLeft h1 {
        font-size: 35px;
        margin-top: 0px;
    }

    .updatePartnerBoxLeft h2 {
        font-size: 29px;
    }

    .updatePartnerBoxLeft p {
        font-size: 16px;
    }

    .updatePartnerLogo h3 {
        font-size: 32px;
        margin-top: 30px;
    }

    .updatePartnerLogoBox {
        margin: 12px 0;
    }

    .updateCollectionAgency h1 {
        font-size: 23px;
        margin-bottom: 200px;
    }

    .sourcingPartner h1 {
        font-size: 24px;
    }

    .sourcingPartnerBox h1 {
        font-size: 17px !important;
    }

    .sourcingPartnerBox p {
        font-size: 15px;
        margin: 15px 0;
    }
}

@media(min-width:600px) and (max-width:767px) {

    .partnerpopup {
        top: 20%;
        width: 70%;
        left: calc(50% - 35%);
        padding: 40px 20px;
    }

    .partnerpopupTop img {
        width: 150px;
    }

    .partnerpopupMiddle div span,
    .partnerpopupBottom div span {
        font-size: 14px;
    }

    .partnerpopupMiddle div p,
    .partnerpopupBottom div p {
        font-size: 16px;
    }


    .updatePartner .row {
        flex-direction: column-reverse;
    }

    .updatePartnerBoxLeft {
        padding-left: 40px;
    }

    .updatePartnerBoxLeft h1 {
        margin-top: 0px;
    }

    .updatePartnerLogo {
        padding: 0 0px 0px;
        margin-top: 30px;
    }

    .updatePartnerLogoBox {
        margin: 12px 0;
    }

    .updateCollectionAgency {
        padding: 30px 0px 0px;
    }
}

@media(min-width:768px) and (max-width:991px) {

    .partnerpopup {
        top: 20%;
        width: 50%;
        left: calc(50% - 25%);
        padding: 40px 20px;
    }

    .partnerpopupTop img {
        width: 150px;
    }

    .partnerpopupMiddle div span,
    .partnerpopupBottom div span {
        font-size: 14px;
    }

    .partnerpopupMiddle div p,
    .partnerpopupBottom div p {
        font-size: 16px;
    }

    .updatePartnerBoxLeft {
        padding-left: 100px;
    }

    .updatePartnerLogo {
        padding: 0 30px 20px;
        margin-top: 40px;
    }

    .updatePartnerBoxLeft h2 {
        font-size: 28px;
    }

    .updatePartnerBoxLeft p {
        font-size: 16px;
    }

    .updatePartnerLogoBox {
        margin: 15px 0;
    }

    .sourcingPartnerBox p {
        font-size: 15px;
        margin: 9px 0;
    }
}

@media(min-width:992px) and (max-width:1205px) {

    .partnerpopup {
        top: 22%;
        width: 50%;
        left: calc(50% - 25%);
        padding: 40px 20px;
    }

    .partnerpopupTop img {
        width: 150px;
    }

    .partnerpopupMiddle div span,
    .partnerpopupBottom div span {
        font-size: 14px;
    }

    .partnerpopupMiddle div p,
    .partnerpopupBottom div p {
        font-size: 16px;
    }


    .updatePartnerBoxLeft {
        padding-left: 80px;
    }

    .updatePartnerLogo {
        padding: 0 30px 20px;
        margin-top: 40px;
    }

    .updatePartnerLogoBox img {
        width: 100%;
    }

    .sourcingPartnerBox p {
        font-size: 14px;
        margin: 10px 0;
    }
}

@media(min-width:1200px) and (max-width:1500px) {
    .updatePartnerLogo {
        margin-top: 50px;
    }

}

/*--------- /our partner page responsive -----*/

/*------ new credit personal loan mw first page -----*/
.newCreditBanner {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../image/newcreditBg.jpg");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 40vh;
}

.newCreditBreadcame p,
.newCreditBreadcame p a {
    color: white !important;
    font-size: 14px;
    font-weight: 500;
}

.newCreditBreadcame p a {
    text-decoration: none;
}

.newCreditBannerTitle {
    font-size: 45px;
    font-weight: 500;
    color: white;
    margin-bottom: 10px;
}

.newCreditUrl ul {
    list-style: none;
    padding: 0;
    height: 50px;
    background-color: transparent;
    overflow: hidden;
}

.newCreditUrl ul li {
    color: white;
    font-size: 35px;
    font-weight: 600;
    color: gold;
    position: relative;
    top: 0;
    animation: slideUp 12s steps(4) infinite;
}

@keyframes slideUp {
    100% {
        top: -200px;
    }
}

.newCreditMain {
    background-color: #f9fafe;
    padding: 70px 30px;
}

.newCreditInfo1 {
    margin-bottom: 70px;
    padding: 60px 30px;
    background-color: white;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.newCreditInfo1 h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px;
}

.newCreditInfo1 p {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
}

.newCreditInfo1 p a {
    color: #1877F2 !important;
    text-decoration: none;
    font-weight: 600;
}

.newCreditFeature {
    padding: 50px 0;
}

.newCreditFeature h2 {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 60px;
}

.newCreditFeatureBox {
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.newCreditFeatureInnerBox {
    text-align: center;
    margin: 10px 15px;
}

.newCreditFeatureInnerBox img {
    width: 60px;
    margin-bottom: 20px;
}

.newCreditFeatureInnerBox p {
    font-size: 15px;
}

.newCreditEligibility {
    padding: 60px 30px 30px;
    background-color: white;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.newCreditEligibility h2 {
    font-size: 26px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 40px;
}

.newCreditEligibilityLeft ul {
    padding: 0;
    list-style: none;
}

.newCreditEligibilityLeft ul li {
    display: flex;
    margin: 7px 0;
}

.newCreditEligibilityLeft ul li span i {
    color: var(--primary);
    margin-right: 10px;
    font-size: 18px;
}

.newCreditEligibilityLeft ul li span p {
    font-size: 16px;
}

.newCreditEligibilityRight img {
    width: 100%;
}

.newCreditInterest {
    margin-top: 70px;
    padding: 60px 30px 30px;
    background-color: white;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.newCreditInterest h2 {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 20px;
}


.newCreditStep {
    padding: 40px 0;
    margin-top: 40px;
}

.newCreditStep h2 {
    color: var(--primary);
    font-size: 25px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 40px;
}

.newCreditStepLeftMain {
    position: relative;
    padding-left: 60px;
}

.newCreditStepLeftMain::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 95%;
    background-color: #ccc;
    border-radius: 4px;
    left: 32px;
    top: 0;
    z-index: 1;
}

.newCreditStepLeftInner {
    padding: 0px 20px;
    border: 2px solid #ccc;
    border-radius: 15px;
    position: relative;
    margin: 30px 0;
    cursor: pointer;
    transition-duration: 0.5s;
}

.newCreditStepLeftInnerActive {
    border: 2px solid var(--primary);
    margin-left: 50px;
    transition-duration: 0.5s;
}

.newCreditStepLeftInner p {
    font-size: 15px;
    font-weight: 400;
    padding-top: 30px;
    color: #ccc;
}

.newCreditStepLeftInnerActive p {
    color: black;
}

.newCreditStepLeftInner h6 {
    font-size: 12px;
    color: white;
    background-color: #ccc;
    padding: 6px 8px;
    width: fit-content;
    position: absolute;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.newCreditStepLeftInnerActive h6 {
    background-color: var(--primary);
}

.newCreditStepLeftInner img {
    position: absolute;
    top: -2px;
    left: -40px;
    width: 24px;
    filter: grayscale(100%);
    z-index: 5;
}

.newCreditStepLeftInnerActive img {
    filter: grayscale(0%);
}

.newCreditStepLeftInnerActive img {
    left: -90px;
}

.newCreditStepLeftInner:nth-child(2) img {
    top: 20px;
}

.newCreditStepLeftInner:nth-child(3) img {
    top: 20px;
}

.newCreditStepLeftInner:nth-child(4) img {
    top: 20px;
}

.newCreditStepLeftInner:nth-child(5) img {
    top: 50%;
}

.newCreditStepRightBox {
    background-color: white;
    padding: 40px 20px 60px;
    width: 70%;
    height: 520px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
}

.newCreditStepRight {
    position: relative;
}

.creditLeftAngle {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 16px;
    color: var(--primary);
    padding: 20px;
    background-color: rgb(235, 234, 234);
    border-radius: 5px;
    cursor: pointer;
}

.creditRightAngle {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: var(--primary);
    padding: 20px;
    background-color: rgb(235, 234, 234);
    border-radius: 5px;
    cursor: pointer;
}

.newCreditStepRightBox img {
    width: 55%;
    margin-top: 20px;
}

.newCreditStepRightBox p {
    font-size: 16px;
    font-weight: 400;
    margin: 20px 0;
}

.newCreditStepRightBox p a {
    color: #0d6efd !important;
    text-decoration: none;
}

#stepImg2,
#stepImg3,
#stepImg4,
#stepImg5 {
    display: none;
}

.newCreditFAQ {
    padding: 50px 0 10px;
}

.newCreditFAQ h2 {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 50px;
}

.newCreditFAQbox {
    margin: 15px 0;
}

.newCreditFAQbox p a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary) !important;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
    padding: 15px 20px;
}

.newCreditCollapseBox {
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}

.newCreditCollapseBox p {
    font-size: 16px;
    font-weight: 400;
}

.creditApplyLoan {
    position: fixed;
    right: -312px;
    top: 70%;
    transition-duration: 0.3s;
}


.creditApplyLoanBox {
    padding: 30px 20px;
    background: linear-gradient(#2193b0, #6dd5ed);
    border: 2px solid white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: white;
    position: relative;
}

.creditLoanBtn {
    position: absolute;
    top: 70px;
    left: -82px;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 12px;
    background-color: tomato;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: rotate(90deg);
    border: 1px solid white;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.creditCloseBtn {
    position: absolute;
    top: 70px;
    left: -62px;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 12px;
    background-color: tomato;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transform: rotate(90deg);
    border: 1px solid white;
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
}



.creditApplyLoanBox h4 {
    font-size: 16px;
    font-weight: 600;
}

.creditApplyLoanBoxInner {
    display: flex;
    justify-content: space-evenly;
}

.creditApplyLoanBoxInner img {
    width: 60px;
}

.creditApplyLoanBoxInner div ul {
    padding: 0 10px 0 15px;
}

.creditApplyLoanBoxInner div ul li {
    font-size: 15px;
    font-weight: 400;
}

.creditApplyLoanBoxInner div a {
    color: white !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    border: 1px solid white;
    background-color: tomato;
    text-align: center;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.newCreditCollapseBox ul li {
    font-size: 15px;
    margin: 12px 0;
}

@media(max-width:599px) {
    .newCreditBanner {
        height: auto;
    }

    .newCreditBannerTitle {
        font-size: 25px;
        text-align: center;
    }

    .newCreditUrl ul {
        height: 29px;
    }

    .newCreditUrl ul li {
        font-size: 19px;
        text-align: center;
    }

    @keyframes slideUp {
        100% {
            top: -110px;
        }
    }

    .newCreditMain {
        background-color: #f9fafe;
        padding: 50px 0px;
    }

    .newCreditInfo1 h2 {
        font-size: 22px;
    }

    .newCreditInfo1 p {
        font-size: 14px;
        margin: 0px 0;
    }

    .newCreditFeature h2 {
        font-size: 23px;
        margin-bottom: 40px;
    }

    .newCreditFeatureInnerBox img {
        width: 50px;
    }

    .newCreditFeatureInnerBox p {
        font-size: 14px;
    }

    .newCreditFeatureBox {
        grid-template-columns: auto auto;
    }

    .newCreditEligibility h2 {
        font-size: 20px;
    }

    .newCreditEligibilityLeft ul li span p {
        font-size: 15px;
    }

    .newCreditInterest h2 {
        font-size: 20px;
    }

    .newCreditStep h2 {
        font-size: 20px;
    }

    .newCreditStepLeftMain {
        padding-left: 32px;
    }

    .newCreditStepLeftMain::before {
        left: 5px;
    }

    .newCreditStepLeftInner p {
        font-size: 13px;
    }

    .newCreditStepRight {
        display: none;
    }

    .newCreditFAQ {
        padding: 10px 0 10px;
    }

    .newCreditFAQ h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .newCreditFAQbox p a {
        font-size: 15px;
    }

    .newCreditCollapseBox p {
        font-size: 14px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .newCreditBannerTitle {
        font-size: 42px;
    }

    .newCreditFeatureBox {
        grid-template-columns: auto auto;
    }

    .newCreditStepRight {
        display: none;
    }

    .newCreditFAQbox p a {
        font-size: 16px;
    }

    .newCreditCollapseBox p {
        font-size: 14px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .newCreditBannerTitle {
        font-size: 40px;
    }

    .newCreditEligibilityRight img {
        margin-top: 40px;
    }

    .newCreditStepRightBox {
        width: 85%;
    }

    .newCreditStepLeftInner p {
        font-size: 14px;
    }
}

/*------ /new credit personal loan mw first page -----*/


/*-------- service request page ---------*/
.serviceRequestLeft {
    margin: 15px 0;
}

.serviceRequestLeft h2 {
    font-size: 27px;
    font-weight: 600;
    color: var(--primary);
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
}

.serviceRequestLeft h2::before {
    position: absolute;
    content: "";
    width: 8%;
    height: 3px;
    background-color: var(--primary);
    border-radius: 4px;
    left: 0;
    bottom: 0;
}

.serviceRequestLeft p {
    font-size: 16px;
    font-weight: 400;
}

.serviceRequestLeftImg img {
    width: 60%;
}

.serviceRequestRight {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 30px 40px;
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.serviceRequestRight h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    padding-bottom: 10px;
}

.serviceRequestRight h2::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 10%;
    background-color: var(--primary);
    left: 0;
    bottom: 0;
    border-radius: 4px;
}

.serviceForm1Box {
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
}

.serviceForm1Box p {
    font-size: 15px;
    color: black;
    margin-bottom: 5px;
}

.serviceForm1Box input {
    border: none;
    border: 1px solid #ccc;
    padding: 11px 10px;
    width: 100%;
    padding-left: 50px;
    font-size: 15px;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
}


.serviceForm1Box textarea {
    border: none;
    border: 1px solid #ccc;
    padding: 11px 10px;
    width: 100%;
    font-size: 15px;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
}

.serviceForm1Box input::placeholder {
    font-size: 15px;
}

.validstar {
    color: red;
}

.serviceForm1AcceptBox {
    display: flex;
}

.serviceForm1AcceptBox div input {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.serviceForm1AcceptBox div p {
    font-size: 14px;
}

.serviceForm1Button {
    margin-top: 10px;
}

.serviceForm1Button input {
    font-size: 16px;
    font-weight: 600;
    color: white;
    text-align: center;
    width: 100%;
    background-color: var(--primary);
    border: none;
    padding: 14px 10px;
    border-radius: 10px;
}


.serviceForm2Box {
    margin-top: -50px;
}

.serviceOTP {
    padding-left: 46px !important;
}

.serviceerror {
    font-size: 13px;
    color: red !important;
    font-weight: 400;
}

.serviceErrorMsg {
    font-size: 15px;
    color: red !important;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
}

.serviceForm1 {
    display: none;
}

.serviceForm2 {
    display: none;
}

.serviceForm3 {}

#productRelatedBox {
    display: none;
}

.serviceSuccess {
    display: none;
}

#applicationRelatedBox,
#rateBox,
#technicalBox,
#partPaymentBox,
#documentBox,
#processBox,
#otherBox {
    display: none;
}

.serviceSuccess p {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

.serviceForm1Box select {
    border: none;
    border: 1px solid #ccc;
    padding: 11px 10px;
    width: 100%;
    padding-left: 50px;
    font-size: 15px;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
}

/*-------- /service request page ---------*/

/*---- customer review page -----*/
.adReviewTop {
    background-image: url("../image/reviews-bg.jpg");
    background-size: cover;
    background-position: center;
}

.addReviewInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.addReviewInnerLeft h4 {
    font-size: 35px;
    font-weight: 400;
    color: white;
}

.addReviewInnerLeft p {
    font-size: 15px;
    font-weight: 400;
    color: white;
}

#rateYo {
    z-index: 1;
}

.addReviewInnerRight img {
    width: 80%;
}

.reviewWrite {
    padding: 30px 0;
}

.reviewWriteLeft {
    margin: 15px 0;
    padding-left: 50px;
}

.reviewWriteLeft h4 {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.reviewWriteLeft h4 span {
    position: relative;
}

.reviewWriteLeft h4 span::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 30%;
    background-color: var(--primary);
    bottom: 0;
    left: 0;
}


.reviewFiltertype select,
.reviewFiltertype input {
    border: none;
    border: 1px solid #ccc;
    padding: 10px 7px;
    border-radius: 5px;
    outline: none;
    width: 100%;
    cursor: pointer;
}

.reviewFiltertype select option {
    font-size: 15px;
}

#banknameList2,
#banknameList {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 11;
}

#mytable,
#mytable2 {
    border: 1px solid #ccc;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: none;
}

#mytable tr,
#mytable2 tr {
    padding: 0;
}

#mytable tr td,
#mytable2 tr td {
    font-size: 15px;
    margin: 4px 0;
    padding: 4px 8px;
    cursor: pointer;
}

#mytable tr td:hover,
#mytable2 tr td:hover {
    background-color: #0A66C2;
    color: white;
}

.reviewFiltertype {
    position: relative;
}

.filterDownAngle {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 15px;
    pointer-events: none;
}

.writeRediveDiv {
    margin: 20px 0;
}

.writeRediveDiv label {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    width: 120px;
}

.writeRediveDiv input {
    width: 30%;
    height: 45px;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    border: none;
    border: 1px solid #ccc;
}

.writeRediveDiv input::placeholder {
    font-size: 16px;
}

.writeRediveDiv textarea {
    width: 100%;
    min-height: 100px;
    outline: none;
    box-shadow: none;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    border: none;
    border: 1px solid #ccc;
}

#writReviewSubmit {
    border: none;
    background-color: darkgreen;
    color: white;
}

.reviewWriteRight {
    margin: 5px 0;
    background-color: #f7fafd;
    padding: 30px 15px 20px;
}

.reviewWriteRight h4 {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.reviewWriteRight h4 span {
    position: relative;
}

.reviewWriteRight h4 span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 30%;
    background-color: var(--primary);
}

.reviewBox {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin: 30px 0;
}

.reviewProduct {
    font-size: 14px;
    font-weight: 400;
}

.reviewRating ul {
    padding: 0;
    margin: 0;
}

.reviewRating ul li {
    display: inline-block;
    list-style: none;
    color: orange;
}

.grayStar i {
    color: #ccc;
}

.reviewTitle {
    font-size: 14px;
    font-weight: 500;
    margin-top: 8px;
}

.reviewText {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 20px;
}

.reviewOwner {
    display: flex;
    align-items: center;
}

.reviewOwner img {
    width: 50px;
    margin-right: 5px;
}

.reviewOwner p {
    font-size: 14px;
    margin: 3px 0;
}

.reviewOwner p:nth-child(1) {
    font-weight: 500;
}

.reviewOwner p:nth-child(2) {
    font-weight: 400;
}

.viewReviewBtn {
    background-color: darkgreen;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500;
}

.reviewWait {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.54);
    display: none;
}

.reviewWait img {
    width: 100px;
}

@media (max-width:599px) {
    .addReviewInnerRight {
        display: none;
    }

    .addReviewInnerLeft {
        padding: 20px 0;
    }

    .addReviewInnerLeft h4 {
        font-size: 26px;
    }

    .reviewWriteLeft {
        padding-left: 0px;
        padding: 0 30px;
    }

    .reviewFiltertype {
        margin: 8px 0;
    }

    .writeRediveDiv input {
        width: 100%;
    }
}

@media (min-width:600px) and (max-width:767px) {
    .addReviewInnerRight {
        display: none;
    }

    .addReviewInner {
        padding: 30px 0;
    }

    .addReviewInnerLeft h4 {
        font-size: 30px;
    }

    .reviewWriteLeft {
        padding-left: 0px;
    }

    .reviewFiltertype {
        margin: 10px 0;
    }

    .writeRediveDiv input {
        width: 45%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .addReviewInnerRight img {
        width: 55%;
    }

    .addReviewInner {
        padding: 30px 0;
    }

    .addReviewInnerLeft h4 {
        font-size: 30px;
    }

    .reviewWriteLeft {
        padding-left: 0px;
    }

    .reviewFiltertype {
        margin: 10px 0;
    }

    .writeRediveDiv input {
        width: 45%;
    }

    .reviewText {
        font-size: 13px;
    }

    .reviewOwner p {
        font-size: 13px;
    }

    .reviewOwner img {
        width: 45px;
    }
}


/*---- /customer review page -----*/


/*----  review page -----*/
.allReview {
    padding: 30px;
}

.allReviewTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.allReviewTopLeft h4 {
    font-size: 24px;
    font-weight: 400;
}

.allReviewTopLeft h4 span {
    position: relative;
}

.allReviewTopLeft h4 span::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 40%;
    background-color: var(--primary);
    content: "";
}

.allReviewTopRight a {
    text-decoration: none;
    color: white !important;
    background-color: darkgreen;
    padding: 13px 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
}

.allReviewFilter {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 20px 10px;
    background-color: whitesmoke;
}

.allReviewFilterBox {
    width: 200px;
    height: 45px;
    margin: 0 5px;

}

.allReviewFilterBox select {
    height: 45px;
    width: 100%;
    border: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
}

.allReviewFilterBox:nth-child(1),
.allReviewFilterBox:nth-child(2),
.allReviewFilterBox:nth-child(3) {
    width: 140px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 5px;

}

.reviewCheck {
    width: 15px;
}

.allReviewFilterBox label {
    font-size: 14px;
    font-weight: 400;
    line-height: 45px;
    display: inline-block;
    width: calc(100% - 25px);
    cursor: pointer;
}

.allReviewBankDiv,
#AllReviewProduct {
    display: none;
}

.allReviewBox {
    margin: 40px 0;
}

.allReviewBoxInner {
    background-color: whitesmoke;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    position: relative;
}

.allReviewTitle {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.allReviewProductName {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 2px;
}

.allReviewText {
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: justify;
    height: 220px;
    overflow: hidden;
}

.allReviewUser {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.allReviewUser img {
    width: 40px;
    margin-right: 10px;
}

.allReviewUser p:nth-child(1) {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 2px;
}

.allReviewUser p:nth-child(2) {
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
    margin-bottom: 2px;
}

.allReviewPagination {
    margin: 40px 0 0;
}

.activePagi {
    background-color: darkgreen;
    color: white !important;
}

.paginationUl li a:hover {
    background-color: darkgreen;
    color: white;
}

@media(max-width:599px) {
    .allReview {
        padding: 30px 10px;
    }

    .allReviewTopRight a {
        padding: 9px 8px;
        font-size: 14px;
    }

    .allReviewTopLeft h4 {
        font-size: 21px;
    }

    .allReviewFilterBox {
        margin: 3px 5px;
    }


}

@media(min-width:600px) and (max-width:767px) {
    .allReview {
        padding: 30px 10px;
    }

    .allReviewFilterBox {
        margin: 3px 5px;
    }

    .allReviewText {
        height: 160px;
    }

}

@media(min-width:768px) and (max-width:991px) {

    .allReviewFilterBox {
        margin: 3px 5px;
    }
}

/*---- / review page -----*/

/*---- understand about civil credit score page ---*/
.understandTableContent {
    width: 60%;
    background-color: #cccccc52;
    padding: 10px;
    margin: 10px 0;
}

.understandTableContent h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

.understandTableContent ul li {
    margin: 10px 0;
}

.understandTableContent ul li a {
    color: blue !important;
    font-weight: 16px;
    font-weight: 400;
    text-decoration: none;
}

.understandAboutUl {
    padding: 0;
    list-style: none;
}

.understandAboutUl li {
    display: flex;
    align-items: baseline;
    margin: 12px 0 !important;
}

.understandAboutUl li span {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    color: black;
}

.understandAboutUl li span:nth-child(2) {
    padding-left: 10px;
}

.understandAboutUl li span i {
    color: var(--primary);
    font-size: 22px;
}

.useFullBox {
    display: flex;
}

.useFullBox p {
    font-size: 18px;
    font-weight: 500;
}

.useFullBox div:nth-child(2) {
    padding-left: 30px;
}

.useFullBox div a {
    display: inline-block;
    margin: 2px 10px;
    text-decoration: none;
    color: #000 !important;
    padding: 4px 10px;
    text-align: center;
    font-size: 16px;
    border: 2px solid var(--primary);
    width: 120px;
}

#understandPositive,
#understandNegative {
    display: none;
}

.useFullComment p {
    margin-bottom: 0;
}

.useFullComment span {
    font-size: 15px;
    margin: 6px 0;
    display: inline-block;
}

.useFullComment textarea {
    width: 65%;
    min-height: 150px;
    outline: none;
    box-shadow: none;
    padding: 5px;
}

.useFullComment h6 {
    font-size: 13px;
    font-weight: 400;
    width: 65%;
}

.useFullComment button {
    color: white;
    border: none;
    border-radius: 3px;
    background-color: var(--primary);
    padding: 4px 20px;
}

.understandingMain {
    padding-top: 0px;
}

@media(max-width:599px) {
    .useFullComment textarea {
        width: 100%;
    }

    .useFullComment h6 {
        width: 100%;
    }

    .understandTableContent {
        width: 100%;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .useFullComment textarea {
        width: 80%;
    }

    .useFullComment h6 {
        width: 80%;
    }

    .understandTableContent {
        width: 80%;
    }
}

/*---- /understand about civil credit score page ---*/

/*----- corporate Disclosure -----*/
.corporateDisclosure h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 35px;
    padding-bottom: 15px;
}

.corporateDisclosure h3 span {
    position: relative;
}

.corporateDisclosure h3 span::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 30%;
    background-color: var(--primary);
}

.corporateCollapseA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #000 !important;
    text-decoration: none;
}

.corporateCollapseA:hover {
    color: var(--primary) !important;
}

.corporateCollapseP {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.corporateCollapseCardBody {
    padding: 0;
}

.corporateCollapseUl li {
    margin: 10px 0;
}

.corporateCollapseUl li a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}


.corporateDisclosure h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 50px;
}

.corporateDisclosure h4 a {
    text-decoration: none;
}

/*----- /corporate Disclosure -----*/


/*----- faq  -----*/
.faqMain {
    background-image: linear-gradient(#4d3ecc1a, #4d3ecc05);
}

.faqInnerMain h2 {
    font-size: 35px;
    font-weight: 600;
    color: black;
}

.faqInnerMain h2 span {
    color: var(--primary);
}

.faqInnerMain p {
    font-size: 20px;
    font-weight: 500;
    color: black;
    text-align: center;
    margin-bottom: 40px;
}

.faqInnerCarousel .owl-carousel .item {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 22px 15px;
    border-radius: 5px;
}

.faqInnerCarousel .owl-carousel .item img {
    width: 20% !important;
}

.faqInnerCarousel .owl-carousel .item h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

.faqSection {
    padding-top: 15px;
    padding-bottom: 15px;
}

.faqCollapseDiv {
    margin-top: 30px;
    margin-bottom: 15px;
}

.faqCollapseDiv .corporateCollapseA {
    padding: 0 20px;
}

.faqCollapseDiv p {
    margin-bottom: 0;
}

.faqCardBody {
    padding: 20px 10px;
}

.faqCardBody p {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

@media(max-width:599px) {

    .corporateDisclosure h3 {
        font-size: 20px;
    }

    .corporateDisclosure h3 span::before {
        width: 50%;
    }

    .faqInnerMain p {
        text-align: left;
        font-size: 14px;
    }

    .faqCollapseDiv .corporateCollapseA {
        padding: 0 0px;
    }

    .corporateCollapseA {
        font-size: 16px;
    }

}

@media(min-width:600px) and (max-width:991px) {

    .corporateDisclosure h3 {
        font-size: 23px;
    }

    .corporateDisclosure h3 span::before {
        width: 30%;
    }

    .faqInnerMain p {
        text-align: left;
        font-size: 15px;
    }

    .faqCollapseDiv .corporateCollapseA {
        padding: 0 0px;
    }

    .corporateCollapseA {
        font-size: 17px;
    }

}

/*----- /faq  -----*/


/*----- sitemap  -----*/
.siteMapSingle {
    margin: 20px 0;
}

.siteMapMain h3 {
    font-size: 25px;
    font-weight: 600;
    margin: 20px 0;
}

.siteMapMain h3 span {
    position: relative;
}

.siteMapMain h3 span::before {
    position: absolute;
    content: "";
    height: 5px;
    width: 40%;
    left: 0;
    bottom: -5px;
    background-color: var(--primary);
    border-radius: 5px;
}

.siteList a {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #0A66C2 !important;
    margin: 4px 12px;
    padding: 3px 15px;
    text-decoration: none;
    position: relative;
}

.siteList a::after {
    position: absolute;
    content: "";
    top: 20%;
    right: 0;
    height: 60%;
    width: 1px;
    background-color: #0A66C2;
}


@media(max-width:320px) {
    .siteList a {
        font-size: 14px;
        margin: 4px 1px;
        padding: 3px 7px;
    }
}

@media(min-width:321px) and (max-width:599px) {
    .siteList a {
        font-size: 15px;
        margin: 4px 1px;
        padding: 3px 7px;
    }
}

@media(min-width:600px) and (max-width:991px) {
    .siteList a {
        font-size: 16px;
        margin: 4px 1px;
        padding: 3px 10px;
    }
}

/*----- /sitemap  -----*/

@media(max-width:425px) {
    .range_left_box {
        padding: 20px 15px 10px 15px;
        margin-bottom: 40px;
    }

    .range_box_right {
        padding: 40px 15px;
        margin-left: 0px;
    }

    .rangeTotalTop {
        display: block;
    }

    .rangeTotalTopLeft {
        display: block;
    }

    .rangeTotalBottom {
        display: block;
    }

    .rangeTotalBottomLeft,
    .rangeTotalBottomRight {
        display: block;
    }

    .repayment_view {
        display: block;
    }

    .repayment_view div {
        padding: 11px 20px;
        margin: 10px 0;
        width: 100%;
    }

    .repayment_view div p {
        font-size: 18px;
    }

    .emiSchedule table th,
    .emiSchedule table td {
        padding: 11px 8px;
        white-space: nowrap;
    }
}

@media(min-width:426px) and (max-width:599px) {
    .range_left_box {
        padding: 40px 23px 40px 20px;
    }

    .range_box_right {
        padding: 30px 15px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .rangeTotalTop,
    .rangeTotalBottom {
        padding: 13px 0px;
    }

    .rangeTotalTopLeft h3,
    .range_right_details h3 {
        font-size: 25px !important;
    }

    .emiSchedule table th,
    .emiSchedule table td {
        white-space: nowrap;
    }

    .repayment_view {
        justify-content: space-between;
    }

    .repayment_view div {
        padding: 15px 6px;
        color: white;
        width: 48%;
    }

    .repayment_view div p {
        font-size: 16px;
    }
}

@media(min-width:600px) and (max-width:767px) {
    .range_box_right {
        margin-left: 0px;
        margin-top: 20px;
    }

    .repayment_view div {
        padding: 15px 8px;
        width: 44%;
    }

    .repayment_view div p {
        font-size: 17px;
    }
}

@media(min-width:768px) and (max-width:991px) {

    .rangeTotalTop,
    .rangeTotalBottom {
        padding: 13px 0px;
    }

    .rangeTotalTopLeft h3,
    .range_right_details h3 {
        font-size: 20px !important;
    }

    .rangeTotalTopLeft p,
    .range_right_details p {
        font-size: 16px !important;
    }

    .range_left_box h3 {
        font-size: 24px;
    }

    .range_left_box h6 {
        font-size: 15px;
    }

    .repayment_view div {
        width: 40%;
    }

    .repayment_view div p {
        font-size: 18px;
    }
}

@media(min-width:992px) and (max-width:1024px) {

    .rangeTotalTopLeft h3,
    .range_right_details h3 {
        font-size: 26px !important;
    }

    .repayment_view div p {
        font-size: 17px;
    }
}

/*---- desclaimer -----*/
.disclaimer h2 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.disclaimer h2::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 80px;
    background-color: var(--secondary);
    border-radius: 5px;
    left: 0px;
    bottom: -5px;
}

.disclaimer p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
}

.disclaimer p b {
    font-weight: 500;
    color: #000;
}

@media(max-width : 767px) {
    .disclaimer h2 {
        font-size: 26px;
    }

    .disclaimer h2::before {
        width: 70px;
    }

    .disclaimer p {
        font-size: 15px;
        line-height: initial;
    }
}

@media(min-width : 768px) and (max-width : 991px) {
    .disclaimer p {
        font-size: 15px;
        line-height: 25px;
    }
}

/*---- /desclaimer -----*/


.rate-box {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    height: 100%;
}

.rate-title {
    font-weight: 600;
    color: #000;
}

.rate-value {
    color: var(--secondary);
    font-weight: bold;
}

.table thead {
    background-color: #f8f9fa;
    font-weight: 600;
}

.cust-table th {
    background-color: var(--light-green);
}

.cust-table td {
    color: var(--secondary);
    font-weight: 600;
}


.inner-banner {
    /* background-color: var(--primary); */
    /* color: var(--white); */
    text-align: center;
    font-weight: 700;
}

.inner-banner h2 {
    font-size: var(--font-40);
}

.ban-panel {
    padding-top: var(--ban-panel);
    padding-bottom: var(--ban-panel);
}

.contactUpdateInfoBoxMain h2 {
    color: var(--secondary);
    font-size: var(--font-25);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.cust-ico {
    padding: 15px 15px 10px;
    background-color: var(--light-orange);
    border-radius: 50%;
    box-shadow: 1px 1px 2px 0px var(--primary);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-box {
    background-color: var(--sky);
    padding: 20px;
    border-radius: 100px 100px 0 0;
    box-shadow: 1px 1px 2px 0px var(--primary);
    width: 70%;
    margin: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tab-box img {
    max-width: 40px;
    max-height: 40px;
}

.tab-head {
    color: var(--primary);
    font-size: 16px;
    margin: 10px 0 0;
}

.cntct-box {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
}

.cntct-icon {
    color: var(--white);
    background-color: var(--primary);
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}




h1.dec-heading {
    /* font-size: 40px; */
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    color: var(--primary);
}

h1.dec-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 5px;
    background-color: var(--primary);
    border-radius: 50px;
}

h1.dec-heading.center::before {
    right: 0;
    margin: auto;
}

.cust-list {
    list-style: none;
    /* remove default bullets */
    padding: 0;
    margin: 20px 0;
}

.cust-list li {
    position: relative;
    padding-left: 28px;
    /* space for the icon */
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.6;
}

.cust-list li::before {
    content: "\f560";
    /* Font Awesome check */
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    /* required for solid style */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--secondary);
    /* green */
}


.reviewcard {
    /* font-size: 40px; */
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    color: var(--secondary);
}

.reviewcard::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 5px;
    background-color: var(--secondary);
    border-radius: 50px;
}

.reviewcard.center::before {
    right: 0;
    margin: auto;
}

ul li::marker,
ol li::marker {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 700;
}

ol li,
ul li {
    padding-left: 10px;
}

.getLoan li {
    margin-bottom: 20px;
}

@media (max-width:991px) {
    .dropdown-menu {
        box-shadow: none !important;
        border-top: solid 1px var(--primary) !important;
        border-left: solid 3px var(--primary) !important;
        border-radius: 0 !important;
    }
}

.user-ico {
    position: relative;
}

.user-ico::before {
    content: "\f007";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    position: absolute;
    left: 16px;
    top: 50%;
    color: var(--secondary);
    transform: translateY(-50%);
    font-size: 19px;
}
  .h3, h3 {
    color: var(--secondary);
  }
@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 22px;
  }
}
.list-ico{
    color: var(--secondary);
    margin-right: 10px;
    margin-top: 5px;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px !important;
  }
}
.ms-auto {
  margin-left: auto !important;
}