.main_nav ul ul,.resendBtn.active {
    pointer-events: none
}

.main_nav,.ul-img,.xloan-charge-join {
    float: right
}

.bank-cc a,.breard-crumb ul a,.insurance-link-box,.investment-card,.loan-card-link,.loginBtn,.main_nav ul li a,.personal-loan-card-link,.resendBtn,.thm-btn,.thm-btn1,.thm-btn:hover,a.pre-btn,a.ul-div-link {
    text-decoration: none
}

:root {
    --primaryColor: #ff9302;
    --secondryColor: #00796a;
    --headingPurpel: #6824cf;
    --headingBlue: #10417f;
    --greyColor: #333;
    --xs-font: 0.75rem!important;
    --small-font: 0.825rem!important;
    --regular-font: 0.875rem!important;
    --medium-font: 1rem!important;
    --large-font: 1.125rem!important
}

header.d-md-block.d-none {
    z-index: 1200!important
}

.header-form-area,.heroSection .heroContent .headMain_carousel ul.slick-dots {
    z-index: 0!important
}

.fond {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.contener_general {
    -webkit-animation: 1s infinite animball_two;
    -moz-animation: 1s infinite animball_two;
    -ms-animation: animball_two 1s infinite;
    animation: 1s infinite animball_two;
    width: 44px;
    height: 44px
}

.contener_mixte {
    width: 44px;
    height: 44px;
    position: absolute
}

.ballcolor {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.ball_1,.ball_2,.ball_3,.ball_4 {
    position: absolute;
    -webkit-animation: 1s infinite animball_one;
    -moz-animation: 1s infinite animball_one;
    -ms-animation: animball_one 1s infinite ease;
    animation: 1s infinite animball_one
}

.addressArea h2,.box,.br_head,.dialogwrapper,.featured-heading-box span.sub-heading-in,.heading_line,.inner-hero-banner.hdfc_cr,.input-box-ulock,.lq-form,.lq-heading-box,.main_nav ul li,.offer-marquee-container,.process__inner,.regalia-xcard,.rw_list_wrap .sub-heading-in h5,.v-stepper,.wdr,.what-card,img.loan-card-img,li.prli,section.loan-inner-HeroBanner,section.process-section .container,select#fund-req,ul.what-ul li {
    position: relative
}

.ball_1 {
    background-color: var(--dark-green);
    top: 0;
    left: 0
}

.ball_2,.ball_3 {
    background-color: var(--dark-yellow)
}

.ball_2 {
    top: 0;
    left: 24px
}

.ball_3 {
    top: 24px;
    left: 0
}

.ball_4 {
    background-color: var(--dark-green);
    top: 24px;
    left: 24px
}

#loading,.applyHeaderCard {
    background-color: #fff;
    width: 100%
}

@-webkit-keyframes animball_one {
    0%,100% {
        position: absolute
    }

    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: .5
    }
}

@-moz-keyframes animball_one {
    0%,100% {
        position: absolute
    }

    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: .5
    }
}

@-ms-keyframes animball_one {
    0%,100%,50% {
        position: absolute
    }

    50% {
        top: 12px;
        left: 12px;
        opacity: .5
    }
}

@keyframes animball_one {
    0%,100% {
        position: absolute
    }

    50% {
        top: 12px;
        left: 12px;
        position: absolute;
        opacity: .5
    }
}

@-webkit-keyframes animball_two {
    0% {
        -webkit-transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(360deg) scale(1.3)
    }

    100% {
        -webkit-transform: rotate(720deg) scale(1)
    }
}

@-moz-keyframes animball_two {
    0% {
        -moz-transform: rotate(0) scale(1)
    }

    50% {
        -moz-transform: rotate(360deg) scale(1.3)
    }

    100% {
        -moz-transform: rotate(720deg) scale(1)
    }
}

@-ms-keyframes animball_two {
    0% {
        -ms-transform: rotate(0) scale(1)
    }

    50% {
        -ms-transform: rotate(360deg) scale(1.3)
    }

    100% {
        -ms-transform: rotate(720deg) scale(1)
    }
}

@keyframes animball_two {
    0% {
        transform: rotate(0) scale(1)
    }

    50% {
        transform: rotate(360deg) scale(1.3)
    }

    100% {
        transform: rotate(720deg) scale(1)
    }
}

#loading {
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 1900;
    text-align: center
}

#loading-image,.gr,.main_nav ul li i,.main_nav ul ul,.playButton,.video_controls {
    position: absolute
}

#moileheader,.main_nav ul ul li a {
    background: #022329
}

#loading-image {
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%,-50%)
}

#loading-image img {
    width: 100px!important
}

#loading-image .float {
    animation: 3s ease-in-out infinite float
}

.applyHeaderCard {
    margin: 10px auto auto;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 9px;
    height: max-content
}

.applyHeaderCard h3 {
    font-size: 20px!important
}

.applyHeaderCard p {
    margin: 0!important
}

#moileheader {
    padding: 15px 30px;
    align-items: center;
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1200
}

.mheadWrapper {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mheadWrapper .header_left a img {
    width: 170px
}

.nav_ico {
    display: block;
    width: 40px;
    cursor: pointer
}

.main_nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.main_nav ul li {
    float: left;
    margin: 0 0 0 5px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 300
}

.main_nav ul li a {
    color: #fff;
    display: block;
    padding: 5px 15px;
    transition: .3s ease-out
}

.main_nav ul li:hover>a,.main_nav ul li:hover>i {
    color: var(--primaryColor)
}

.main_nav ul li i {
    right: 0;
    top: 14px;
    color: #fff;
    height: 10px;
    width: 11px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg)
}

.main_nav ul ul {
    left: 0;
    top: calc(100% + 15px);
    white-space: nowrap;
    opacity: 0;
    transition: .3s ease-out
}

.header_right .main_nav {
    position: fixed;
    left: 0;
    top: 72px;
    padding: 0;
    background: #022329;
    z-index: 5;
    height: calc(100vh - 74px);
    overflow: auto;
    width: calc(100% - 20px);
    transition: .3s ease-out;
    transform: translateX(-100%)
}

.header_right .active {
    transition: .3s ease-out;
    transform: translateX(0)!important
}

.main_nav ul ul li {
    float: none;
    margin: 0;
    border-bottom: 1px solid #fff;
    overflow-x: scroll!important
}

.main_nav>ul>li>ul:after {
    content: "";
    position: absolute;
    bottom: 100%;
    height: 16px;
    width: 100%;
    left: 0
}

.main_nav ul ul ul {
    left: 100%;
    top: 0
}

.main_nav ul li:hover>ul {
    opacity: 1;
    pointer-events: auto
}

.main_nav ul li:hover ul li:hover>a {
    color: #fff;
    background: var(--primaryColor)
}

.main_nav ul ul li i {
    transform: rotate(-90deg)
}

.main_nav ul ul li:hover i,.st-white,.thm-btn1:hover,.thm-btn:hover {
    color: #fff
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main_nav ul li {
        margin:0;
        font-size: 14px
    }

    .main_nav ul li a {
        padding: 5px
    }
}

@media screen and (min-width: 768px) {
    #menuTrigger,.nav_ico {
        display:none
    }
}

.ratingWrapper .bar,.ratingWrapper .bar-1,.ratingWrapper .bar-2,.ratingWrapper .bar-3,.ratingWrapper .bar-4,.ratingWrapper .bar-5 {
    height: 18px;
    border-radius: 15px
}

.countArea ul li h2,.resendBtn:hover {
    color: var(--secondryColor)
}

.subMenuLevel2 li a {
    font-size: 13px!important;
    font-weight: 400
}

.loanCrouselitem .imgSection {
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.chkbox-area {
    padding: 0 0 9px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    margin: 27px 0;
    display: flex;
    gap: 7px
}

.chkbox-area input#otpCheckbox {
    height: 32px;
    width: 46px;
    display: inline-block;
    position: relative;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.resendBtn {
    cursor: pointer;
    color: var(--primaryColor);
    transition: .3s
}

button {
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer
}

.on {
    color: #ff9800;
    cursor:default
}

.off {
    color: #ccc;
    cursor:pointer
}

.stars {
    display: flex;
  }
  
  .star {
    /* font-size: 24px; */
    cursor: pointer;
    /* color: #ffcc00;  */
  }
  
  .star.half {
    position: relative;
  }
  
  .star.half::before {
    content: "★";
    color: #ffcc00;
    position: absolute;
    width: 50%;
    overflow: hidden;
  }
  
  .star.empty {
    color: #ccc; /* Empty star color */
  }
  
  .star.full {
    color: #ffcc00; /* Full star color */
  }
  
  

.btn-bg {
    background-color: var(--secondryColor)!important;
    transition: .3s!important;
    color: #fff!important
}

.btn-bg:hover {
    background-color: var(--primaryColor)!important
}

.ratingWrapper {
    width: 100%;
    display: flow-root;
    margin: auto
}

.ratingWrapper .heading {
    font-size: 25px;
    margin-right: 25px
}

.otp-popup-box .verifyOtpTitle,.ratingWrapper .fa,.total-content h2.in-banner-heading,h1.in-banner-heading.text-capitalize {
    font-size: 25px
}

.ratingWrapper .fafa {
    font-size: 16px;
    margin-left: 5px
}

.ratingWrapper .checked {
    color: orange
}

.ratingWrapper .side {
    float: left;
    width: 15%;
    margin-top: 10px;
    font-size: 15px;
    display: flex
}

.ratingWrapper .middle {
    margin-top: 10px;
    float: left;
    width: 70%
}

.ratingWrapper .right {
    text-align: right
}

.ratingWrapper .row:after {
    content: "";
    display: table;
    clear: both
}

.ratingWrapper .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: #fff;
    border-radius: 15px
}

.ratingcomponent {
    font-size: 30px;
    text-align: center
}

.distribution-card .dis-text,.form-error,.main-description .row,.pro-rating,.subsidy-card-list-location span,table.table_cards_Table.margin,ul.calculator-list {
    margin: 0
}

.ratingWrapper .bar-5 {
    width: 60%;
    background-color: #04aa6d
}

.ratingWrapper .bar-4 {
    width: 30%;
    background-color: #2196f3
}

.ratingWrapper .bar-3 {
    width: 10%;
    background-color: #00bcd4
}

.ratingWrapper .bar,.ratingWrapper .bar-1,.ratingWrapper .bar-2 {
    background-color: #ff9800
}

.ratingWrapper .bar-2 {
    width: 7%
}

.ratingWrapper .bar-1 {
    width: 15%
}

.dialogwrapper {
    display: flex;
    max-width: 500px;
    min-height: 350px;
    height: auto;
    box-sizing: border-box
}

.dialogwrapper .leftContent {
    background-color: #2874f0;
    padding: 40px 30px;
    color: #fff;
    width: 40%
}

.dialogwrapper .leftContent p {
    font-size: 18px;
    margin-top: 16px;
    line-height: 150%;
    color: #dbdbdb
}

.dialogwrapper .leftContent img {
    width: -webkit-fill-available;
    margin-top: 50px
}

.best-ic img,.card-flex-box a .type-of-card-box,.contact-inner-img img,.dialogwrapper .rightContent,.featur-list.rt,.home-feature .featur-list,.hw-ap-video img,.invest-benefit-img img,.investment-card-icon img,.mapPnl iframe,.personal-laoncard:hover a.pre-btn:after,.rc_credit_img img {
    width: 100%
}

.dialogwrapper .rightContent .login {
    display: flex;
    flex-direction: column;
    padding: 40px;
    width: 100%;
    justify-content: center
}

.dialogwrapper .rightContent .login p {
    color: #878787;
    font-size: 12px;
    font-weight: 400
}

.dialogwrapper .rightContent .login .loginBtn,.dialogwrapper .rightContent .register .signupBtn {
    background: #fb641b;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-transform: none
}

.dialogwrapper .rightContent .login h6 {
    margin-top: 16px;
    text-align: center;
    color: #878787
}

.dialogwrapper .rightContent .login .requestBtn,.dialogwrapper .rightContent .register .loginToggle {
    border: none;
    line-height: 180%;
    text-align: center;
    color: #2874f0;
    background-color: #fff;
    margin-top: 16px;
    padding: 10px 20px;
    text-transform: none
}

.dialogwrapper .rightContent .login .signupToggle {
    cursor: pointer;
    color: #2874f0;
    text-align: center;
    margin-top: 22px
}

.dialogwrapper .rightContent .register {
    flex-direction: column
}

.associate-row,.franchiseModel .modelInner_Section .franchiseModel-img,.pro-rating-image,.startedArea {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.startedArea .leftarea {
    max-width: 525px;
    color: var(--darkGrey)
}

.startedArea .leftarea h1 {
    font-size: 76px;
    color: var(--darkGrey);
    font-weight: 700;
    margin-bottom: 20px
}

.startedArea .leftarea h1 span {
    font-size: 76px;
    color: var(--secondryColor)
}

.startedArea .leftarea p {
    font-size: 21px
}

.startedArea .getForm {
    max-width: 350px;
    background: #fff;
    -webkit-box-shadow: 0 0 26px 0 rgb(189 226 223 / 37%);
    -moz-box-shadow: 0 0 26px 0 rgba(189,226,223,.37);
    box-shadow: 0 0 26px 0 rgb(189 226 223 / 37%);
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 25px
}

.countArea ul li,.investArea .box {
    box-shadow: rgb(205 233 239 / 32%) 0 0 4px 0,rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.startedArea .getForm h2 {
    font-size: 35px
}

.startedArea .getForm h2 img {
    height: 57px;
    width: auto
}

.startedArea .getForm form {
    padding: 30px 0 0
}

.startedArea .getForm input {
    border: none;
    border-bottom: 1px solid #ddf1ee;
    border-radius: 0;
    height: auto;
    padding-top: 15px!important
}

.startedArea .getForm input:focus {
    box-shadow: none
}

.startedArea .getForm .form-floating>label {
    padding: 0;
    font-size: 12px;
    color: var(--secondryLight);
    font-weight: 400;
    opacity: 1
}

.startedArea .getForm a {
    margin-top: 15px;
    width: 100%
}

.countArea ul {
    display: flex;
    column-gap: 15px;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    list-style: none
}

.countArea p {
    font-size: 10px
}

.countArea ul li {
    max-width: 250px;
    width: 100%;
    padding: 20px 30px;
    text-align: center;
    font-size: 19px;
    background-color: #fff
}

.countArea ul li h2 {
    font-size: 41px;
    font-weight: 700;
    padding-bottom: 10px
}

.countArea ul li h2 span {
    color: var(--darkGrey)
}

.productArea {
    padding: 30px 60px;
    display: flex;
    flex-wrap: wrap
}

.productArea .proBox {
    max-width: 33%;
    width: 100%;
    background: #fff
}

.productArea .proBox .inner {
    padding: 30px;
    max-width: 100%;
    box-shadow: 0 0 26px 0 rgb(189 226 223 / 48%);
    margin: 15px;
    display: flex;
    flex-direction: column;
    border-radius: 8px
}

.productArea .proBox .inner h2 {
    font-size: 26px;
    color: var(--darkGrey);
    padding-bottom: 15px;
    padding-top: 20px;
    font-weight: 500
}

.productArea .proBox .inner .imgBox {
    width: 100%;
    height: 140px
}

.productArea .proBox .inner .imgBox img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain
}

.productArea .proBox .inner ul li {
    font-size: 17px;
    padding: 3px 0;
    font-weight: 400;
    color: #333
}

.productArea .proBox .inner ul li::before {
    content: '\f1df';
    font-family: 'Material Icons';
    color: #71c3b49e;
    margin-right: 8px
}

.productArea .proBox .inner .moreBtn {
    width: max-content;
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-color: var(--secondryLight);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 0 25px;
    display: flex;
    align-self: end;
    align-items: center
}

.productArea .proBox .inner .moreBtn:hover {
    background-color: var(--primaryColor)
}

.becomeHeading {
    background-color: var(--secondryColor);
    width: max-content;
    padding: 20px 40px;
    color: #fff;
    font-size: 44px;
    font-weight: 500;
    border-radius: 60px;
    margin: auto
}

.becomeSection .contentRow {
    display: flex;
    padding: 50px 0 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -20px
}

.becomeSection .contentRow .contentBox,.becomeSection .contentRow .imgBox {
    max-width: 560px
}

.becomeSection .contentRow .contentBox span {
    font-size: 19px;
    color: var(--primaryColor)
}

.becomeSection .contentRow .contentBox h3 {
    color: var(--darkGrey);
    font-size: 34px;
    font-weight: 600
}

.becomeSection .contentRow .contentBox p {
    color: var(--lightGrey);
    font-size: 19px;
    font-weight: 400;
    margin-top: 15px
}

.butImg {
    text-align: center;
    padding: 20px 0;
    height: auto;
    width: 10px
}

.investArea {
    display: flex;
    column-gap: 20px
}

.investArea .box {
    flex: 1;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    padding: 0;
    align-items: center
}

.breard-crumb ul,.feature-card:hover {
    box-shadow: 2px 5px 7px #2f2f2f2f
}

.investArea .box img {
    margin-right: 40px
}

.investArea .box h2 {
    font-size: 28px;
    color: var(--darkGrey);
    font-weight: 600;
    padding-right: 25px
}

.contactArea span.subtitle {
    font-size: 19px;
    color: var(--darkGrey);
    padding-left: 35px
}

.contactArea h2 {
    font-size: 76px;
    font-weight: 700;
    color: var(--darkGrey);
    margin-bottom: 20px
}

.franchiseModel .modelInner_Section,.franchiseModel h2 {
    background-color: #eaf8f6;
    color: var(--secondryColor);
    font-size: 44px;
    font-weight: 600
}

.contactArea h2 span {
    font-size: 31px;
    margin-right: 3px;
    float: left
}

.franchiseModel {
    background-color: #eaf8f6;
    padding-bottom: 20px
}

.franchiseModel h2 {
    padding-bottom: 20px;
    text-align: center
}

.franchiseModel .modelInner_Section {
    padding: 20px 0 0
}

.modal-content.video-model-content,.video-model-content {
    background: 0 0;
    border: 0
}

.franchiseModel .modelInner_Section li {
    font-size: 20px;
    color: var(--darkGrey);
    padding-bottom: 8px;
    font-weight: 300
}

.franchiseModel .modelInner_Section li::before {
    content: '\e876';
    font-family: 'Material Icons';
    color: #71c3b49e;
    margin-right: 8px
}

.franchiseModel .modelInner_Section .franchiseModel-img ul {
    list-style: none!important
}

.franchiseModel-img img {
    max-width: 400px;
    width: 100%
}

.calculator-what-heading,.charges-box,.count-type,.document-innerPsge-section,.faqSection,.hyno-forms,.in-hc-image,.in-hero-content-left,.in-hero-text-inner,.inner-page-right,.loginBtn,.loibh-form-box,.range-box,.shopabout-img,.term-condition,.total-content .in-hero-content-box,.verifyBtn,.verifyOtpTitle,ul.advantage-ul.doc-type-ul.banner-fe-list {
    display: flex
}

.faqSection .imgBox {
    min-width: 494px;
    margin: auto
}

.faqSection .imgBox img {
    max-width: 100%;
    height: auto
}

.faqSection .faqBox {
    width: 100%;
    flex: 1
}

.faqSection .faqBox h2.heading {
    width: max-content;
    padding-bottom: 2px;
    border-bottom: 5px solid var(--primaryColor);
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 600
}

.f-heafing h4,section.process-section .featured-heading-box p {
    font-size: 20px
}

.amaze .h2.head {
    text-align: center;
    font-size: 40px;
    font-weight: 600
}

.box {
    width: 100%;
    height: auto;
    max-height: 500px
}

.lifestyle-card-list ul,.main-container,.modal-body.video-model-body,.rangeArea,.rangeHead,section.shopabout.htmlblog,ul.calculator-list li {
    padding: 0
}

.playButton {
    width: 80px;
    height: 80px;
    opacity: .6;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px
}

.bg_video,.main-img-user-home img,.offer-popup-section .dialogwrapper img,.video-model-dialog {
    height: 100%;
    width: 100%
}

button.btn-close.thm-btn.feature-four__top-btn:hover {
    color: #fff!important;
    opacity: 1!important
}

.modal-body.video-model-body .box {
    left: 0
}

button.btn-close.thm-btn.feature-four__top-btn {
    color: #fff!important;
    opacity: 1;
    border-radius: 0!important;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    height: 30px!important;
    width: 30px!important;
    text-align: center;
    font-weight: 700;
    background: #ff9800;
    min-width: auto;
    right: 7px
}

.modal-header.video-model-header {
    border: 0;
    padding: 0;
    height: 0
}

.playButton.hide {
    opacity: 0;
    visibility: hidden
}

.video-model-dialog {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    max-width: 100%!important
}

.video-model {
    overflow: hidden!important;
    z-index: 1299!important
}

.video-model-content {
    width: 70%;
    max-width: 776px;
    height: 70%;
    max-height: 500px
}

.video-play-button,.video-play-button1 {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    box-sizing: content-box;
    display: block;
    width: 18px;
    height: 25px;
    border-radius: 50%;
    padding: 23px 20px 21px 28px
}

.in-hBanner,.ques-dsa-box-right {
    display: flex;
    justify-content: end
}

.feature-card-content::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 30%;
    width: 50%;
    background-image: url(testimonial-two-shape-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    mix-blend-mode: luminosity;
    opacity: .3;
    transition: .3s
}

.feature-card-content::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: -8%;
    height: 75px;
    width: 75px;
    background: #c8e2fe;
    border-radius: 50%
}

.video-play-button1:after,.video-play-button1:before,.video-play-button:after,.video-play-button:before {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 35px;
    height: 35px;
    background: #009688;
    display: block;
    content: "";
    border-radius: 50%;
    left: 50%
}

.feature-card-img {
    position: absolute;
    top: -30px;
    left: 20px;
    height: 71px;
    width: 71px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    transition: .3s
}

.feature-card-img img {
    position: absolute;
    transition: .3s;
    top: 50%;
    left: 50%;
    height: 80%;
    transform: translate(-50%,-50%)
}

img.fb-white {
    opacity: 0;
    transition: .3s
}

.feature-card:hover .feature-card-content::after {
    mix-blend-mode: unset;
    opacity: 1
}

.feature-card:hover img.fb-black,.feature-card:hover img.fb-white,.type-of-card-box:hover .img-with-color {
    opacity: 1
}

.feature-card:hover .feature-card-img {
    box-shadow: 0 7px 11px -5px #2f2f2f2f
}

.f-heafing h4,.faq-content-heading h2 b,.htp,.what-heading h2 b,p.txt-black {
    font-weight: 700
}

.about_content_wrap,.bestcc-img,.contact-inner-img,.header-row1,.life,.play-btn,.play-btn1,.rc_credit_img,.rc_credit_wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

.feature-card p {
    font-size: 15px
}

.video-play-button1:before,.video-play-button:before {
    z-index: 0;
    animation: 1.5s ease-out infinite pulse-border
}

.video-play-button1:after,.video-play-button:after {
    z-index: 1;
    transition: .2s
}

.video-play-button:hover:after {
    background-color: darken(#fa183d,10%)
}

.video-play-button img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto
}

.video-play-button span,.video-play-button1 span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 12px solid #fff;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.card-flex-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 29px;
    margin-top: 29px
}

.type-of-card-box:hover::after {
    transform: translate3d(0,0,0)
}

.type-of-card-box:hover {
    color: #141619
}

.type-of-card-box:hover .img-color {
    opacity: 0
}

.type-of-card-box::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition: .5s;
    transform: translate3d(0,101%,0);
    z-index: -2;
    background: rgb(200 226 254)
}

.type-of-card-box {
    text-align: center;
    background: #fff;
    box-shadow: 2px 5px 10px #2f2f2f2f;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: .5s;
    cursor: pointer
}

.card-flex-box a {
    width: 47%;
    max-width: 300px
}

.type-of-card-box-icon {
    position: relative;
    height: 70px;
    width: 70px;
    margin: auto auto 15px
}

.type-of-card-box-icon img {
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease-in
}

img.img-with-color {
    opacity: 0;
    color: #dc3545
}

.type-of-card-box h5 {
    font-size: 19px;
    font-weight: 700;
    color: #000
}

.type-of-card-box p {
    font-size: 16px;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2
}

.hero-anim,.hero-anime,span.circle-h {
    display: inline-block;
    position: relative
}


span.circle-h {
    height: 17px;
    width: 17px;
    background: #009688;
    border-radius: 50%
}

.hero-anim p {
    background: #ff930287;
    color: #000;
    padding: 5px 20px 5px 12px;
    border-radius: 7px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px
}
p.pro-inner-rating {
    background: #007f86;
    padding: 5px 12px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}
h1.in-banner-heading.text-capitalize {
    font-size: 20px;
    margin-bottom: 7px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
}
.pro-rating button span {
    font-size: 19px;
    color: #FF9800;
}

.pro-rating button {
    padding: 0;
    margin-left: 5px;
}
.hero-anim img {
    animation: 5s infinite h-anim;
    position: absolute;
    top: -20px
}

@keyframes h-anim {
    0% {
        left: 0;
        top: -20px;
        transform: rotate('180deg')
    }

    50% {
        left: 87%;
        top: -20px
    }

    100% {
        left: 0;
        top: -20px
    }
}

.in-hero-content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

section.inner-hero-banner.card-page .container {
    position: relative;
    z-index: 3;
    height: 100%
}

.otp-popup-box .verifyOtp,section.inner-hero-banner.card-page .container .row {
    height: 100%
}

.breard-crumb ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 20px;
    margin: 0;
    background: #fff
}

.feature-card p,.type-content-section p {
    display: -webkit-box;
    overflow: hidden
}

.breard-crumb ul a {
    color: #009688;
    font-weight: 600
}

.breard-crumb,.loan-wdr {
    display: flex;
    justify-content: center
}

section.beard-crumb-section {
    position: relative;
    margin-top: -35px;
    z-index: 3
}

.inner-pagebnt {
    background: #009688;
    color: #fff;
    font-size: 18px;
    border-radius: 0
}


h2.in-banner-heading {
    font-size: 30px;
    color: #000;
    margin-bottom: 7px;
    font-weight: 500
}

.hero-btn-box,.inner-hero-banner1 .hero-btn-bx {
    margin-top: 32px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px
}

h2.in-banner-heading b {
    color: #022329;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 27px;
    letter-spacing: initial
}

.ins-text p b,li.insurance-item:hover h5 {
    color: #ff9302
}

p.inb-subheading {
    width: 82%;
    margin: 0;
    font-size: 15px
}

.common-button {
    display: inline-block;
    min-width: 130px;
    width: max-content;
    border: 0;
    outline: 0
}

.card-section,.card-table,.card-type-section,.shopabout,.what-section,section.card-section,section.eligibility-section,section.unloack-section,section.what-personal-section {
    padding: 65px 0
}

.sub-heading-in {
    font-size: 15px;
    color: #ff9800;
    margin-bottom: 10px;
    display: inline-block
}

.common-heading {
    font-size: 25px;
    font-weight: 400
}

.type-content-section {
    width: 83%
}

.type-content-section p {
    text-align: justify;
    margin: 15px 0;
    line-height: 28px;
    font-size: 16px;
    -webkit-line-clamp: 7;
    line-clamp: 7
}

.type-heading b {
    color: #022329
}

.thm-btn,.thm-btn1 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    min-width: 114px;
    outline: 0!important;
    text-align: center;
    background-color: #ff9302;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    border-radius: 55px;
    padding: 10px 20px;
    transition: .5s linear;
    overflow: hidden;
    z-index: 1;
    border: 0
}

.thm-btn1:before,.thm-btn:before {
    position: absolute;
    content: '';
    background-color: #615e5e;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0,68%,0) scale3d(0,0,0);
    z-index: -1
}

button.btn.thm-btn.feature-four__top-btn {
    color: #fff;
    font-weight: 700;
    background: #009688;
    border: 0
}

.thm-btn1:after,.thm-btn:after {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    transform: translate3d(0,-100%,0);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1);
    z-index: -1
}

.thm-btn1:hover::before,.thm-btn:hover::before {
    transform: translate3d(0,0,0) scale3d(1,1,1);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.thm-btn1:hover::after,.thm-btn:hover::after {
    transform: translate3d(0,0,0);
    transition-duration: 50ms;
    transition-delay: 0.4s;
    transition-timing-function: linear
}

section.Features-section {
    background: #0096881c;
    padding: 65px 0
}

.feature-card {
    background: #fff;
    border-radius: 5px;
    position: relative;
    transition: .3s;
    margin-bottom: 50px
}

.feature-card p {
    margin: 0;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    width: 80%
}

.feature-card-content {
    padding: 45px 20px 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.featured-heading-box {
    text-align: center;
    width: 70%;
    margin: auto auto 0px;
}

.dr {
    height: 32px;
    margin: 10px auto;
    width: 1px;
    background: #009688
}

.featured-heading-box span.sub-heading-in::after {
    height: 2px;
    width: 34px;
    background: #ff9800;
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%)
}

.type-of-card-box::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s .4s;
    transform: translateX(100%);
    z-index: -1;
    background-image: url('feature-one-shape-1.png')
}

.type-of-card-box:hover::before {
    transform: translateX(35%);
    right: -15%;
    opacity: .4
}

section.process-section {
    padding: 65px 0;
    background: #fefaff;
    position: relative
}

.unlock-form-box,section.process-section .featured-heading-box {
    width: 80%
}

.process-shape-1 {
    width: auto;
    position: absolute;
    top: 0;
    left: 105px
}

.process-icon,.process-icon-in {
    height: 150px;
    width: 150px;
    margin: 0 auto
}

.process-shape-1 img {
    position: relative;
    width: auto
}

.process-icon {
    position: relative;
    display: block;
    overflow: hidden
}

.process-icon-in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(200 226 254);
    border-radius: 50%;
    background-color: #fff;
    z-index: 1
}

.process-icon-in::before,span.overlay {
    top: 0;
    border-radius: 50%;
    position: absolute
}

.process-card {
    width: 230px;
    text-align: center;
    margin: auto
}

.process-card.process-card-2 {
    margin-top: 108px
}

.process-card.process-card-3 {
    margin-top: 42px
}

.process-icon-in::before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #c8e2fe;
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: .4s cubic-bezier(.62, .21, .45, 1.52);
    z-index: -1
}

.process-card:hover .process-icon-in:before {
    transform: scaleX(1)
}

span.overlay {
    left: 65%;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 1;
    font-size: 31px;
    font-weight: 900;
    color: rgb(166 200 237);
    transition: .5s ease-in-out;
    background: #fff;
    border: 2px solid #c8e2fe;
    line-height: 42px
}

.process-icon-in img {
    position: relative;
    z-index: 4
}

.process-card:hover span.overlay {
    color: #423d3d;
    opacity: 1
}

.process-text h5 {
    font-size: 18px;
    font-weight: 700
}

.faq-content-heading h2,.faq-content-heading h3 {
    color: var(--dark-yellow);
    letter-spacing: 1px;
}

.axis_card h2,.process-text p {
    font-size: 16px
}

section.faq-section {
    padding: 65px 0 120px 0;
    position: relative;
}

.my-accourdian-section {
    border: 1px solid #141619!important;
    overflow: hidden;
    margin-bottom: 9px;
    border-radius: 0!important;
    border: none!important;
    border-bottom: 1px solid #141619!important
}

.my-accourdian-section h2 button {
    background: 0 0;
    font-size: 14px
}

.my-accourdian-section h2 .accordion-button:not(.collapsed) {
    background: 0 0;
    color: #084298;
    border-bottom: 1px solid #141619
}

.faq-content-heading h3 {
    font-size: 13px;
    margin: 12px 0 20px
}

.faq-content-heading h2 {
    margin: 12px 0 0
}

span.title-img {
    display: inline-block;
    margin-bottom: 10px
}

.faq-section .faq-content-heading h2 {
    font-weight: 700;
    font-size: 25px!important;
    font-family: 'Roboto Condensed';
    margin-bottom: 20px !important;
}

.faq-ani-img {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: .4
}

.faq-content-section .hero-btn-box {
    margin-top: 9px
}

.insurance-hero-card {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    position: relative;
    margin-top: 33px
}

.ins-h-card {
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative
}

.ins-text p b {
    font-size: 32px
}

.process-text {
    margin-top: 40px;
    position: relative
}

.process-text::after,.process-text::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.process-text::after {
    height: 5px;
    width: 60px;
    background: #b0d3f9;
    border-radius: 9px
}

.process-text::before {
    height: 5px;
    width: 30px;
    background: #031e3c;
    z-index: 1;
    border-radius: 10px
}

@media screen and (max-width: 1199px) {
    .process-shape-1 {
        left:58px;
        top: -18px;
        width: auto
    }

    .process-shape-1 img {
        width: 95%
    }

    .type-of-card-box {
        width: 213px;
        padding: 13px
    }

    .card-flex-box {
        gap: 15px;
        margin-bottom: 15px
    }

    .card-type-section-row-1 {
        flex-wrap: wrap-reverse
    }
}

@media screen and (max-width: 991px) {
    .process-shape-1 img {
        display:none!important
    }

    .type-of-card-box {
        width: 47%
    }

    .featured-heading-box {
        width: 100%!important
    }

    .feature-card-2 {
        display: flex;
        justify-content: space-between;
        gap: 9px;
        flex-wrap: wrap
    }

    .feature-card-2 .feature-card {
        width: 49%
    }

    .type-content-section {
        width: 100%;
        margin-bottom: 40px
    }

    section.inner-hero-banner.card-page {
        padding: 45px 0
    }

    .contact-img,.in-hBanner-col,.why-choose-img-box img {
        display: none
    }

    .process-card.process-card-3 {
        margin: 0
    }

    .process-card.process-card-4 {
        margin: 100px 0 0
    }

    ul.loan-list {
        justify-content: center
    }

    .what-first {
        flex-wrap: wrap-reverse;
        gap: 54px
    }

    .faq_row {
        margin-top: 30px
    }

    .card-center {
        padding: 20px 15px
    }

    .navBarContainer ul li a {
        padding: 12px 7px!important;
        font-size: 14px!important
    }

    .navBarContainer ul li ul li a,.product-second {
        font-size: 12px!important;
        padding: 5px!important;
        line-height: 15px;
        white-space: break-spaces!important;
        word-break: break-word!important
    }

    .have-money-card .dhm-content h2 {
        font-size: 16px!important;
        line-height: 22px!important
    }

    .hdfc_cr h2.in-banner-heading {
        font-size: 23px;
        letter-spacing: 1px
    }

    .hdfc_cr h2.in-banner-heading b {
        font-size: 24px
    }

    .hdfc_cr .pro-rating {
        margin: 0;
    }

    header .info_section ul {
        display: block!important
    }

    header .info_section ul li a {
        font-size: 13px
    }

    header a.logoSection img {
        height: 39px!important;
        width: auto
    }

    .counter-container {
        margin: 10px 0
    }

    .franchise-bene {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width: 576px) {
    .process-card {
        margin:20px auto auto!important;
        width: auto
    }

    .form-wraps-heading {
        padding-bottom: 7px
    }

    span.bps-sub-heading.pr-bps-sub {
        font-size: 13px;
        line-height: 22px
    }

    .hdfc_detail_section .bps-top-section {
        margin-bottom: 5px!important
    }

    span.bps-sub-heading.pr-bps-sub .bps-heading-box {
        display: none
    }

    section.become-partner-section,section.process-section {
        padding: 35px 0
    }

    .shopabout-img img {
        height: 100%!important
    }

    .what-car-section {
        align-items: center;
        flex-wrap: wrap-reverse
    }

    .what-car-section-2 {
        margin-bottom: 65px
    }

    .feature-card {
        width: 100%!important
    }
}

@media screen and (max-width: 400px) {
    h2.in-banner-heading {
        font-size:25px;
        margin-bottom: 10px
    }

    .what-heading p {
        width: 100%!important;
    }

    h5.h-subheading {
        font-size: 20px!important
    }

    .common-heading,h2.in-banner-heading b {
        font-size: 20px
    }

    p.inb-subheading {
        width: auto
    }

    .hero-btn-box {
        gap: 7px
    }

    span.htp {
        font-size: 15px
    }

    .video-play-button {
        padding: 23px 15px 19px 23px
    }

    .type-of-card-box {
        width: 100%;
        margin: auto
    }
}

.bps-top-section,.cal-form .cal-btn,.card-table tr,.cardcon-image,.cardcon-text,.cardcon-title,.counter-container,.image-content,.inneradd div,.invest-benefit h5,.investment-card,.loan-card a,.lq-form,.lq-heading-box,.title-heading,.what-card,li.insurance-item {
    text-align: center
}

.insurance-Features-section {
    padding: 12rem 0  0 !important;
    background: rgb(246, 246, 246);
}

.view-morebtn-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

ul.insurance-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center
}

li.insurance-item {
    min-width: 170px
}

.insurance-img-box {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s
}

img.insurance-img {
    height: 57px;
    mix-blend-mode: darken;
}

.insurance-title {
    padding: 9px
}

.card-insu .insurance-title h5,.insurance-title h5 {
    color: #141619;
    font-size: 13px;
    margin: 0;
    font-weight: 600;
    transition: .3s
}

li.insurance-item:hover .insurance-img-box {
    background: #ff93022b
}

.input-wrapper,.input-wrappers {
    position: relative;
    line-height: 14px;
    margin: auto;
    display: inline-block;
    width: 100%
}

.input-wrapper label {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 14px;
    font-weight: 400;
    padding: 0 2px;
    pointer-events: none;
    background: #fff;
    -webkit-transition: -webkit-transform .1s;
    -moz-transition: -moz-transform .1s;
    -o-transition: -o-transform .1s;
    -ms-transition: -ms-transform .1s;
    transition: transform .1s;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

.input-wrapper input {
    font-size: 15px;
    color: #555;
    outline: 0;
    border: 1px solid #ff9302;
    padding: 10px 15px;
    border-radius: 0;
    position: relative;
    width: 100%
}

.input-wrapper input:invalid+label {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.input-wrapper input:focus {
    border-color: #2b96f1
}

.input-wrapper input:focus+label {
    color: #2b96f1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
}

ul.partner-ul:after,ul.partner-ul:before {
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.leave-question {
    max-width: 265px;
    position: absolute;
    bottom: 99%;
    height: 0;
    background: #fff;
    overflow: hidden;
    transition: .3s;
    border-top: 4px solid #ff9302;
    opacity: 0
}

.have-money-card:hover .wdr-dhm,.wdr-dhm {
    border-top: 2px solid #ebb050;
    border-left: 2px solid #ebb050
}

.lq-height {
    height: 255px;
    box-shadow: 2px 4px 5px #2f2f2f2f;
    padding: 15px;
    opacity: 1
}

.lq-heading-box {
    margin-bottom: 30px
}

.lq-heading-box h2 {
    font-size: 17px;
    font-weight: 600
}

.what-heading h2,span.sub-heaidng {
    font-weight: 500;
    text-transform: capitalize
}

.cshbck_card::after,.cshbck_card::before,.have-money-card .dhm-content p,.heading-mobile,.inner-hero-banner1 .carousel-indicators,.investArea .box,.success-box,.xcard-view-detail span,label.upload-lable input[type=file] {
    display: none
}

.lq-form button {
    font-size: 16px;
    padding: 6px 25px;
    border-radius: 0;
    margin-top: 15px;
    width: 100%
}

ul.loan-list,ul.what-ul {
    padding: 0;
    list-style: none
}

.what-heading img {
    display: inherit;
    height: 40px!important
}

span.sub-heaidng {
    font-size: 14px;
    color: #009688;
    letter-spacing: .5px;
    margin: 12px 0 0
}

.what-heading h2 {
    font-size: 25px;
    margin-bottom: 0;
    color: var(--text);
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto Condensed';
}
.what-heading h2 b{
    color:var(--dark-yellow)
}
.counter-container span,.wc-content h4 {
    text-transform: uppercase;
    letter-spacing: 1px
}

ul.what-ul {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin: 25px 0
}

ul.what-ul li {
    width: 48%;
    font-size: 14px;
    font-weight: 600;
    color: #031e3c
}

ul.what-ul li img {
    float: left;
    margin-right: 10px;
    height: 50px;
    background: #c8e2fe;
    border-radius: 50%
}

.what-heading p {
    font-size: 13px;
    margin: 0;
    width: 95%
}

ul.r-ul li::marker {
    color: #ff9302
}

.what-card {
    box-shadow: 2px 4px 7px #2f2f2f2f;
    width: 220px;
    cursor: pointer;
    z-index: 1
}

.what-car-section {
    display: flex;
    flex-direction: column;
    gap: 70px
}

.what-card-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 19px 9px
}

.what-car-section-2 {
    margin-top: 67px
}

.wc-content h4 {
    margin: 11px 0;
    font-size: 19px;
    font-weight: 700
}

.wc-content p {
    margin: 0;
    font-size: 13px;
    font-weight: 600
}

.wc-img-box img {
    height: 52px
}

.what-card::after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 80px;
    width: 80px
}

.what-card.light-yellow::after {
    background: #f90;
    right: -15px;
    bottom: -15px
}

.what-card.light-yellow .what-card-in {
    background: #efe2d1
}

.what-card.light-pink::after {
    top: -15px;
    right: -15px;
    background: #f34c6a
}

.what-card.light-pink .what-card-in {
    background: pink;
    z-index: 7
}

.what-card.light-blue .what-card-in.what-card-in {
    background: #bdbdeb
}

.what-card.light-blue::after {
    background: #00f;
    bottom: -15px;
    left: -15px
}

.what-card.light-green .what-card-in {
    background: #90ee90
}

.what-card.light-green::after {
    top: -15px;
    left: -15px;
    background: green
}

.br_head,.wdr {
    width: 51px;
    height: 2px;
    background: #c8e2fe;
    border-radius: 9px;
    margin: 7px 0 20px;
    overflow: hidden
}

.br_head::after,.wdr::after {
    position: absolute;
    width: 31%;
    height: 100%;
    background: #031e3c;
    content: '';
    border-radius: 14px;
    animation: 2s linear infinite rightToLeft
}

@keyframes rightToLeft {
    0% {
        transform: translateX(-120%)
    }

    100% {
        transform: translateX(308%)
    }
}

ul.loan-list {
    display: flex;
    gap: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.loan-card a {
    width: 210px;
    background: #ffffff;
    padding: 15px 9px;
    display: flex;
    min-height: 199px;
    flex-direction: column;
    gap: 17px;
}

.investment-card p.small,.loan-card-title p {
    display: -webkit-box
}

.loan-wdr .wdr {
    margin: 1px 0;
}

.loan-card-title h5 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}

li.lona-item.loan-card {
    position: relative;
    overflow: hidden;
    transition: .5s;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #8b8484;
}

.loan-card-title p {
    font-size: 12px;
    color: #000000c2;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 18px !important;
}

.loan-card:hover {
    box-shadow: 3px 5px 8px #2f2f2f2f
}

.loan-card::after,.loan-card::before {
    content: '';
    position: absolute;
    height: 50px;
    width: 100%;
    background: #031e3c;
    z-index: 1;
    transition: .3s cubic-bezier(.29, .71, .37, 1.07)
}

.loan-card::after {
    top: 0;
    left: -167px;
    transform: rotate(-45deg)
}

.loan-card::before {
    bottom: 0;
    right: -168px;
    transform: rotate(-45deg)
}

.loan-card:hover::before {
    right: -127px
}

.loan-card:hover::after {
    left: -127px
}

.card-con {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    border-radius: 6px;
    height: 100%;
    transition: .3s;
    padding: 15px
}

.card-con:hover {
    box-shadow: 1px 10px 16px 0 rgba(0,0,0,.3)
}

.cardcon-image {
    padding-bottom: 15px
}

.addressAreaWrap p,.cardcon-text,.font-p,.form-wraps label {
    font-size: 14px
}

.title-heading {
    font-size: 3em;
    margin: 4%;
    font-weight: 700
}

.contact-page-sec {
    padding: 65px 0;
    background: #f9f7f76e
}

.addressAreaWrap,.car_hdfc_img,.form_equi_con,.inner-hero-banner1 .in-hero-box,.invest-benefit-img-wrap,.invest-benefit-wrap,.shopaboutcontwrap,.step-wrap,.travel_refer_card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.addressArea h2::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 15%;
    background: #fc9d1a;
    left: 0;
    bottom: -8px
}

.mapPnl {
    width: 100%;
    height: 320px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden
}

.contact-page-form form {
    padding: 20px 15px 0;
    color: whitesmokes
}

@media screen and (max-width: 425px) {
    .content-inner h1 {
        font-size:30px
    }

    .addressAreaWrap {
        padding-top: 20px
    }
}

.invest-benefit h5 {
    padding-bottom: 20px;
    color: #ff9302;
    text-align: left;
}

.in-benefit b,.xcard-charge-join .trav {
    font-weight: 500
}

.invest-benefit-img {
    width: 500px
}

.invest-card-section {
    padding: 180px 0 65px !important;
    background: #fefaff
}

.main-inner-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

.go-corner,.have-money-card {
    align-items: center;
    overflow: hidden
}

.investment-card-icon {
    width: 87px;
    background: #fff;
    padding: 12px;
    border-radius: 50%
}

.go-corner,.investment-card:before {
    height: 32px;
    width: 32px;
    position: absolute
}

.investment-card h5 {
    font-size: 15px;
    font-weight: 600;
    margin: 15px 0;
    letter-spacing: 1px
}

.investment-card p.small {
    font-size: 13px;
    overflow: hidden;
    -webkit-line-clamp: 5;
    line-clamp: 5
}

.go-corner {
    display: flex;
    justify-content: center;
    top: 0;
    right: 0;
    background-color: rgb(200 226 254);
    border-radius: 0 4px 0 32px
}

.go-arrow {
    margin-top: -4px;
    margin-right: -4px;
    color: #000;
    font-family: courier,sans
}

.investment-card {
    display: block;
    position: relative;
    max-width: 250px;
    background-color: #f2f8f9;
    border-radius: 4px;
    padding: 14px;
    z-index: 0;
    overflow: hidden;
    color: #000;
    box-shadow: 2px 2px 8px -3px #055160
}

.investment-card:before {
    content: "";
    z-index: -1;
    top: -13px;
    right: -13px;
    background: rgb(200 226 254);
    border-radius: 10px;
    transform: scale(1);
    transform-origin: 50% 50%;
    transition: transform .25s ease-out
}

.investment-card:hover:before {
    transform: scale(21)
}

.investment-card:hover h5,.investment-card:hover p {
    transition: .3s ease-out;
    color: #000
}

.Knowledge-card:hover::before {
    transform: scale(27)!important
}

.scheme {
    width: 560px
}

.scheme-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.scheme-card {
    position: relative;
    min-width: 220px;
    height: 320px;
    box-shadow: inset 5px 5px 5px rgba(0,0,0,.2),inset -5px -5px 15px rgba(255,255,255,.1),5px 5px 15px rgba(0,0,0,.3),-5px -5px 15px rgba(255,255,255,.1);
    border-radius: 15px;
    margin: 20px;
    transition: .5s
}

.scheme-card-img {
    padding-bottom: 20px
}

.scheme-card-img img {
    background: #fff;
    border-radius: 50%;
    width: 70px;
    padding: 10px;
    height: 70px
}

.scheme-card .box {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: #2a2b2f;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .5s
}

.scheme-card:hover .box {
    transform: translateY(-50px)
}

.box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #0096881c
}

.scheme-card:hover .scheme-card-img img {
    background: #e3f3f2
}

.scheme-card .box .content {
    padding: 20px;
    text-align: center
}

.box .content h5 {
    font-size: 17px;
    color: #fff;
    z-index: 1;
    transition: .5s;
    margin-bottom: 15px
}

.box .content p {
    font-size: 13px;
    font-weight: 300;
    color: rgba(255,255,255,.9);
    z-index: 1;
    transition: .5s
}

@media screen and (max-width: 1100px) {
    .scheme {
        width:auto
    }

    .why-choose-img-box img {
        height: auto!important;
        width: 100%!important
    }

    section.card-section .row {
        gap: 0!important
    }

    .franchaise-banner-image img,.img-box img {
        width: 100%!important
    }

    .have-money-card .dhm-money {
        min-width: 43%!important
    }
}

@media screen and (max-width: 790px) {
    .inb-subhead {
        width:100%!important
    }
}

@media screen and (max-width: 767px) {
    .main_nav ul li:hover>ul,.nav_ico {
        height:auto
    }

    .nav_ico {
        display: block;
        position: relative;
        z-index: 10;
        color: #fff;
        font-size: 30px;
        width: 27px
    }

    section.inner-hero-banner.hdfc_cr .in-hero-content-box {
        padding: 0 0 17px;
        flex-direction: inherit
    }

    p.in-hero-descriotion {
        color: #ffffffa8
    }

    .in-hero-text-inner {
        gap: 0!important;
        padding-top: 0 !important;
    }

    .hdfc_cr h2.in-banner-heading,.main_nav ul li:hover>i,p.powered-by {
        color: #fff
    }

    .header_right .main_nav {
        position: fixed;
        top: 72px;
        padding: 0;
        background: #022329;
        z-index: 5;
        height: calc(100vh - 74px);
        overflow: auto;
        width: calc(100% - 20px);
        transition: .3s ease-out;
        transform: translateX(-100%)
    }

    .header_right .active {
        transition: .3s ease-out;
        left: 0;
        transform: translateX(0)!important
    }

    .main_nav ul li {
        float: none;
        margin: 0!important;
        padding: 0!important;
        border-bottom: 1px solid #b8d8df14
    }

    .main_nav ul li a {
        display: block;
        color: #fff;
        padding: 10px 10px 10px 25px;
        font-weight: 500;
        font-size: 15px
    }

    .main_nav>ul>li:hover>a {
        background: var(--primaryColor);
        color: #fff
    }

    .main_nav ul ul {
        position: static;
        pointer-events: auto;
        opacity: 1;
        height: 0;
        overflow: hidden
    }

    .main_nav ul ul li a {
        padding-left: 20px
    }

    .main_nav ul ul ul li a {
        padding-left: 40px
    }

    .main_nav ul ul ul ul li a {
        padding-left: 600px
    }

    .main_nav ul li i {
        right: 21px!important
    }

    .main_nav ul ul li i {
        transform: rotate(45deg)
    }

    #menuTrigger {
        opacity: 0;
        position: fixed;
        width: 0;
        height: 0;
        margin: 0
    }

    .loan-list {
        justify-content: center;
        gap: 30px
    }

    .type-image-1 {
        display: none
    }

    .process-card.process-card-3,.process-card.process-card-4 {
        margin: 30px auto
    }

    .feature-card-1 {
        display: flex;
        justify-content: space-between;
        gap: 9px;
        flex-wrap: wrap
    }

    .feature-card-1 .feature-card {
        width: 49%
    }

    section.card-section .row {
        gap: 40px!important
    }

    .hdfc_cr .row {
        flex-wrap: wrap-reverse
    }
p.in-hero-descriotion {
    display: none !important;
}
    .hdfc_cr .row .hyno-forms {
        justify-content: center;
        align-items: end;
        margin-bottom: 20px;
        height: auto;
        margin-top: 25px;
    }
    
    .CardImg_box {
    margin: 24px 0 !important;
}

.CardImg_box p {font-weight: 500 !important;}
   
    .inner-hero-banner.hdfc_cr:after{
        height: 100% !important;
    }
}

@media screen and (max-width : 760px) {
    .scheme-card {
        height:300px;
        margin: 12px
    }

    .box {
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px
    }

    .main-container {
        padding: 0 13px
    }
}

.calculate {
    padding: 41px 20px;
    background: #add8e6
}

.cal-form input,.cal-form select {
    border: 1px solid #46aacb;
    border-radius: 0;
    margin-top: 5px
}

.cal-form .cal-btn {
    border-radius: 0!important
}

.cal-form label {
    font-weight: 500;
    font-size: 13px
}

form.franchise-form {
    width: 77%;
    margin-top: 40px
}

form.franchise-form .input-wrapper {
    margin-bottom: 22px
}

.prt-btn {
    width: 100%;
    border-radius: 0;
    font-size: 15px
}

.leave-question.partner-form.lq-height {
    padding: 7px 20px
}

.leave-question.partner-form.lq-height .lq-heading-box {
    margin-bottom: 12px
}

.why-choose-img-box {
    margin: 20px 0
}

.why-choose-img-box img {
    height: 100%;
    width: auto
}

h5.h-subheading {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #031e3b;
    letter-spacing: 1px
}

.counter-container {
    min-width: 200px;
    box-shadow: 2px 4px 7px #2f2f2f2f;
    padding: 20px 15px;
    background: #fff;
    border-radius: 4px
}

section.ourp-section {
    padding: 50px 0;
    background: #00968873
}

.counter-container .counter {
    font-size: 35px;
    font-weight: 900;
    color: #031e3c;
    line-height: 35px
}

.counter-container span {
    font-size: 14px;
    font-weight: 500
}

.calculatorHeading,.doc-col,.form-wraps h5,.sub-heading-in1,h2.bps-heading {
    text-transform: capitalize
}

.eligibility-card h4,.eligibility-form-box h2,.in-hc-title h3,.ser_part h5,a.pre-btn,p.generate-otp {
    text-transform: uppercase
}

.counter-container .wdr {
    margin: 7px auto 13px;
    background: #8cd0c9;
    height: 3px;
    width: 38px
}

.counter-container .wdr::after {
    background: #009688
}

.bps-top-section {
    width: 81%;
    margin: auto;
    margin-bottom: 55px!important
}

.bps-top-section .wdr {
    margin: 30px auto;
    height: 5px;
    width: 100px
}

.ser_part::after,.ser_part::before {
    content: '';
    height: 0;
    opacity: 0;
    transition: .8s ease-in-out
}

section.become-partner-section {
    padding: 65px 0;
    background: #59b5c11a
}
.bps-heading-box {
    font-size: 13px;
    font-weight: 500;
}
h2.bps-heading {
    font-size: 25px;
    color: var(--dark-green);
    margin: 0;
    font-weight: 600;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    margin-bottom: 15px;
}

span.bps-sub-heading {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    max-width: 650px;
    margin: auto
}

.title-img {
    height: 72px;
    width: 72px;
    margin: auto auto 20px;
    background: #bcd6f3;
    border-radius: 50%
}

ul.partner-ul {
    width: 91%;
    margin: 50px auto auto;
    padding: 0;
    list-style: none;
    position: relative
}

li.prli p {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    margin: 15px 0
}

li.prli:nth-child(odd) {
    max-width: 100%;
    display: flex;
    justify-content: end
}

li.prli:nth-child(odd) .ul-div {
    max-width: 450px;
    margin: 0;
    text-align: left;
    background: #eef7f9;
    position: relative
}

ul.partner-ul:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #607d8b
}

li.prli .ul-div {
    max-width: 450px;
    border: 2px solid #607d8b;
    background: #eef7f9;
    position: relative
}

.li-dots,ul.partner-ul:before {
    position: absolute;
    background: #607d8b
}

ul.partner-ul:before {
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 50%
}

.li-dots {
    width: 58px;
    height: 2px;
    left: 44%;
    transform: translateX(0);
    top: 50%
}

.have-money-card,.have-money-card .dhm-money {
    position: relative;
    z-index: 1
}

li.prli:nth-child(odd) .li-dots {
    left: 50%!important;
    top: 50%!important
}

li.prli:nth-child(odd) .ul-img {
    float: left;
    margin: 0 20px 15px 0
}

.ul-img img {
    height: 80px
}

.ul-div-in {
    padding: 20px
}

.content-ul-div h3 {
    font-size: 17px;
    margin: 0;
    font-weight: 700
}

.ul-img {
    margin: 0 0 15px 15px
}

.personal-laoncard:hover .featur-list p,.personal-laoncard:hover .featur-list span,.xcard-view-detail a:hover,a.ul-div-link {
    color: #009688
}

.have-money-card {
    display: flex;
    gap: 18px;
    box-shadow: 2px 5px 7px #2f2f2f2f;
    transition: .3s;
    padding: 20px 15px;
    max-width: 500px;
    margin: auto;
    justify-content: space-between;
    min-height: 200px;
    background: #fff;
    cursor: pointer
}

.min-ht-cc,.row.fra-bene-row,.row.header-row1 {
    align-items: center
}

.have-money-card .dhm-content h2 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
    margin: 0
}

.dhm-dot,.wdr-dhm {
    height: 50px;
    width: 50px;
    position: absolute;
    transition: .3s;
    z-index: 0
}

.wdr-dhm {
    top: 0;
    left: 0
}

.dhm-dot {
    background: #fea91d7a;
    bottom: 0;
    right: 0
}

.have-money-card:hover .wdr-dhm {
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0
}

.have-money-card:hover .dhm-dot {
    width: 100%;
    height: 100%;
    border-right: 2px solid #ebb050;
    border-bottom: 2px solid #ebb050
}

section.fra-benefits-section {
    padding: 65px 0;
    background: #00968824
}

ul.franchise-bene-ul {
    margin: 0;
    padding: 36px!important;
    list-style: none;
    background: #fff;
    max-width: 500px;
    border-left: 50px solid #009688;
    border-right: 50px solid #009688;
    box-shadow: inset 19px 0 29px -13px #d4e5e3,3px 5px 10px #2f2f2f2f
}

ul.franchise-bene-ul li {
    padding: 10px 0;
    font-weight: 600;
    color: #072421;
    border-bottom: 1px dotted;
    font-size: 13px
}

section.mobile-section {
    padding: 120px 0 65px;
}

.m-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 250px;
    background: #009688;
    border-radius: 11px;
    position: relative
}

.mobile-content {
    padding-left: 32px
}

.heaidng-mobile h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 25px
}

.heaidng-mobile h2 b {
    font-size: 71px;
    line-height: 50px;
    font-weight: 700
}

.mobile-img {
    position: absolute;
    bottom: 0;
    right: 30px
}

@media (max-width: 1060px) {
    li.prli .ul-div {
        max-width:412px!important
    }

    li.prli {
        margin: 45px 0;
        z-index: 1
    }

    section.card-section .row {
        gap: 40px
    }

    .row.fra-bene-row {
        justify-content: center
    }
}

@media (min-width: 992px) {
    .become-container.container {
        max-width:1140px
    }

    ul.franchise-bene-ul {
        margin: auto
    }

    .heaidng-mobile h2 b {
        font-size: 58px
    }

    .heaidng-mobile h2 {
        font-size: 35px
    }
}

@media (max-width: 576px) {
    ul.franchise-bene-ul {
        padding:36px 15px!important;
        border-left: 10px solid #009688;
        border-right: 10px solid #009688
    }

    h2.bps-heading {
        font-size: 20px
    }
}

@media (max-width: 480px) {
    .bps-top-section {
        width:auto;
        margin: 0 !important;
    }

    .bps-top-section p {
        text-align: justify;
        font-size: 14px;
        margin: 0
    }

    .have-money-card {
        flex-direction: column;
        text-align: center;
        padding: 57px 25px
    }

    h2.bps-heading {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0
    }

    li.prli .ul-div {
        max-width: 100%!important
    }

    .ul-img {
        float: none!important
    }

    .heaidng-mobile h2 b {
        font-size: 46px
    }
}

.eligibility-card h4,.unlock-title,a.pre-btn {
    letter-spacing: 1px;
    font-size: 14px
}

.ser_part {
    text-align: center;
    margin: 45px 0 0;
    padding: 13px;
    border-left: 1px solid #0096881c;
    position: relative;
    background: #fff
}

.ser_part h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 10px 0 5px
}

.ser_part p {
    font-size: 14px;
    line-height: 22px;
    max-height: 70px;
    overflow: hidden
}

.ser_part::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    border-top: 2px solid #354b63;
    border-left: 2px solid #354b63
}

.ser_part:hover::after,.ser_part:hover:before {
    height: 100%;
    width: 100%;
    opacity: 1
}

.ser_part::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    border-right: 2px solid #354b63;
    border-bottom: 2px solid #354b63
}

.card-table td,.card-table th {
    font-size: 14px;
    white-space: nowrap
}

.card-table tr:nth-child(odd) {
    background: #b8bdc14d
}

.card-table-tr-first {
    background: #000!important;
    color: #fff
}

.card-table tr:hover {
    background: #0096881c
}

.bg-f2 {
    background: #0096881c!important
}

.pd5 {
    padding: 5px
}

.bank-cc {
    background-color: #fff;
    text-align: center;
    border-radius: 10px
}

.min-ht-cc {
    display: flex;
    min-height: 70px;
    justify-content: center
}

.min-ht-cc:hover {
    box-shadow: 2px 2px 4px #cbc3c3b0
}

.bank-cc a {
    color: grey;
    font-size: 16px
}

.testimonial_section {
    display: block;
    overflow: hidden;
    padding: 40px 0
}

.section_title:after,.testimonial_section:after {
    display: block;
    clear: both;
    content: ""
}

.about_content {
    padding-right: 210px;
    position: relative
}

.background_layer {
    margin-left: -200px;
    right: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.section_title {
    margin-bottom: 24px;
    position: relative
}

.heading_line span {
    transition: .5s ease-in-out;
    position: relative
}

.heading_line:after {
    content: "";
    left: 0;
    margin-left: 0;
    position: absolute;
    bottom: 87px;
    width: 59px;
    border-bottom: 3px solid #ff9302
}

.section_title p {
    margin: 0 0 15px;
    font-size: 14px
}

.section_title h2 {
    padding: 10px 0
}

.layer_content {
    position: relative;
    z-index: 9;
    height: 100%
}

.card-slider-control {
    position: absolute;
    top: 23%;
    right: 10%;
    width: 87px
}

.testimonial_caption-card h6 {
    font-size: 18px;
    color: #031e3c;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0
}

.testimonial_content-card ul {
    list-style: none;
    border-left: 10px solid #c8e2fe
}

.testimonial_content-card ul li {
    padding: 2px 0 2px 11px;
    color: #000
}

.testimonial_content-card {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 13%);
    padding: 78px 20px 45px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    transition: .5s ease-in-out;
    font-size: 14px;
    width: 90%;
    margin: 50px auto auto
}

.testimonial_img {
    border: none;
    position: absolute;
    left: 43px;
    top: -21px;
    z-index: 1
}

.testimonial_img img.img-center {
    height: 180px
}

.testimonials-card {
    padding-bottom: 30px
}

.card-slider-control button.left span,.card-slider-control button.right span {
    background: #c8e2fe!important;
    display: inline-block;
    height: 40px;
    width: 40px;
    padding: 4px
}

@media screen and (max-width: 490px) {
    .testimonial_img {
        left:50%!important;
        margin-top: 5%
    }
}

.title-img.personal-title-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    margin: auto auto 6px
}

.personal-loan-card-link {
    display: inline-block;
    color: #000
}

.per-title h4 {
    font-size: 16px;
    position: relative;
    color: #009688;
    width: 75%
}

p.fe-title {
    font-size: 11px;
    margin-bottom: 0;
    transition: .3s
}

.per-feature {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    margin: 20px 0
}

.personal-laoncard {
    border: 1px solid #009688;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    background: #fff;
    transition: .3s
}

.featur-list.Cibil,.featur-list.amount,.featur-list.pf,.featur-list.roi {
    width: 45%
}

.presonal-col {
    max-width: 360px;
    position: relative
}

.featur-list span {
    font-size: 10px;
    font-weight: 700;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 5px;
    transition: .3s
}

.featur-list {
    display: flex;
    align-items: center;
    gap: 2px
}

.per-title h4:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 0;
    height: 2px;
    background: #009688;
    transition: .3s
}

.personal-laoncard:hover h4::after {
    width: 120px
}

a.pre-btn {
    position: relative;
    z-index: 2;
    color: #ff9302;
    font-weight: 700;
    transition: .3s
}

.card-insu .new-insurance-item:hover .insurance-title h5,.personal-laoncard:hover a.pre-btn {
    color: #031e3c
}

a.pre-btn:after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background: #bad2ed;
    left: 0;
    z-index: -1;
    top: 0;
    transition: .3s
}

.featur-list.Cibil {
    background: #ff000047;
    text-align: center;
    justify-content: center
}

.title-image-per {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.personal-laoncard:hover {
    border-color: transparent;
    box-shadow: 2px 5px 8px #2f2f2f2f;
    background: #bee9e5;
    color: #009688
}

.ulcok-group {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0
}

.unloack-image {
    width: 20%
}

.radio-box-out {
    display: flex;
    align-items: center;
    gap: 21px;
    min-height: 45px
}

.unlock-title {
    display: inline-block;
    position: relative!important;
    color: #000!important;
    font-weight: 600
}

.personal-card-row {
    display: flex;
    gap: 18px;
    flex-wrap: wrap
}

span.bps-sub-heading.pr-bps-sub {
    margin-bottom: 23px;
    display: inherit;
    max-width: 100%;
    font-weight: 400;
    margin-top: 11px;
    letter-spacing: inherit
}

@media screen and (max-width: 400px) {
    .featur-list {
        width:100%!important
    }

    .featur-list.Cibil {
        justify-content: left;
        font-weight: 800;
        color: #000;
        background: #ff000047;
        width: auto!important
    }

    .per-title h4 {
        width: 67%
    }
}

.accordion_display,.addintell,.btn-custom,.check-box,.umloack-row,.wrapping {
    align-items: center;
    display: flex
}

.ullock-title h3 {
    font-weight: 400;
    margin: 0;
    color: #009688
}

.ullock-title h3 b {
    font-weight: 900;
    color: #ff9302
}

.input-box-ulock input[type=tel] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #2f2f2f2f;
    padding-right: 50px;
    height: 45px;
    font-size: 13px;
    outline: 0
}

.input-box-ulock span {
    position: absolute;
    top: 50%;
    right: 0;
    color: #0000002e
}

.check-box {
    gap: 9px
}

.unloack-personal-loan {
    padding: 20px;
    box-shadow: 2px 5px 8px #00968857;
    border: 1px solid #00968857;
    border-radius: 8px
}

.radio-box-in label {
    font-size: 14px;
    margin-top: -2px
}

.radio-box-in input {
    height: 20px;
    width: 20px;
    margin: 0
}

.header_right,.radio-box-in {
    display: flex;
    align-items: center;
    gap: 10px
}

ul.advantage-ul-list {
    list-style: none;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0
}

.adlist-content h5 {
    letter-spacing: 1px;
    margin: 0
}

.ad-list,li.ad-list {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 27px
}

li.ad-list:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 20px;
    left: 2px;
    top: 2px;
    transform: rotate(-45deg);
    border-bottom: 2px solid #ff9800;
    border-left: 2px solid #ff9800
}

li.ad-list:before {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    left: -1px;
    top: 6px;
    background: #009688
}

section.what-section.advantages-section {
    background-image: url(../images/advan-banner.png);
    background-position: center;
    background-repeat: no-repeat
}

.advantages-section .what-heading {
    margin-bottom: 40px;
    width: 80%
}

.eligibility-card h4 {
    font-weight: 700;
    margin: 0
}

.eligibility-card p {
    font-size: 13px;
    line-height: 23px;
    letter-spacing: .5px;
    margin: 0
}

.eligibility-form-box {
    padding: 20px;
    background: #ff980024
}

.cef-group {
    margin-bottom: 18px
}

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

.check-eligibilit-btn {
    width: 100%;
    border-radius: 0
}

.checked-open {
    display: none;
    background: #ff9800;
    padding: 20px 20px 0;
    margin-bottom: 20px
}

.eligibility-form-box h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #ff9800;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative
}

.btn-custom,.doc-col,.eligi-radio label,p.uplogo {
    font-size: 14px;
    font-weight: 600
}

.check-box input,.eligi-radio input[type=radio] {
    height: 20px;
    width: 20px
}

.eligi-radio {
    display: flex;
    align-items: center;
    gap: 6px
}

.eligibility-content {
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.eligibility-card {
    padding-bottom: 15px;
    border-bottom: 1px dotted #009688
}

.row.doc-row {
    gap: 20px;
    flex-wrap: wrap;
    margin: 34px 0 0
}

.doc-col {
    margin: 0;
    white-space: nowrap;
    display: inline-block;
    padding: 0;
    border-radius: 5px;
    cursor: help
}

p.doc-type {
    margin: 0;
    text-align: center;
    padding: 15px
}

.doc-col:nth-child(2n) {
    border: 1px solid #009688;
    background: #00968826
}

.doc-col:nth-child(odd) {
    border: 1px solid #ff9800;
    background: #ff980026
}

.doc-ul-heading h4 {
    font-size: 15px;
    background: #009688;
    color: #fff;
    padding: 3px 6px
}

.doc-type-ul li.ad-list:before {
    width: 10px;
    height: 10px
}

.doc-type-ul .adlist-content h5 {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.doc-type-ul ul.advantage-ul-list {
    gap: 7px
}

.doc-type-ul li.ad-list:after {
    height: 7px;
    width: 15px;
    top: 3px
}

.documnet-section {
    background: #c8e2fe26
}

.lifestyle_type_card {
    padding: 40px 0;
    position: relative
}

.lifestyle_type_card::after {
    content: '';
    position: absolute;
    bottom: 36px;
    left: 175px;
    width: 400px;
    height: 300px;
    background: url('images/icon/lifestylecard/backgr-img-type.png') 0 0/cover no-repeat;
    opacity: .2;
    z-index: -1
}

.lifestyle_type_card::before {
    content: '';
    position: absolute;
    bottom: 170px;
    right: 0;
    width: 200px;
    height: 200px;
    background: url('images/icon/lifestylecard/person-holding.png') 0 0/cover no-repeat
}

.lifestyle-card-list h5 {
    text-align: center;
    padding-bottom: 10px
}

.lifestyle-card-list ul li {
    padding: 10px 0;
    border-bottom: 1px dotted
}

.lifestyle-card-list ul li a {
    text-decoration: none;
    color: #000
}

.lifestyle-card-list ul li:hover a,.xcard-view-detail a {
    color: #00f;
    padding-top: 15px;
}

.lifestyle-refer-wrap h5 {
    padding-bottom: 10px
}

@media screen and (max-width: 920px) {
    .lifestyle_type_card::after,.lifestyle_type_card::before {
        display:none
    }
}

@media screen and (max-width: 468px) {
    .lifestyle-card-list ul li {
        list-style:none
    }
}

.shopabout-cont h5 {
    padding: 15px 0
}

.rc_credit .br_head {
    width: 70px;
    height: 3px
}

.rw_list_wrap {
    padding: 5%
}

.rw_list_wrap ul li,.shopping-card-list ul li {
    list-style: none;
    padding: 10px
}

.rw_list_wrap ul li:nth-child(2n),.shopping-card-list ul li:nth-child(2n) {
    background: #c8e2fe66
}

.rw_list_wrap .sub-heading-in h5::after {
    height: 3px;
    width: 34px;
    background: #ff9800;
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%)
}

.shopabout-img {
    width: 100%;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1060px) {
    .lifestyle-card-list ul li,.lifestyle-refer p,.lifestyle-refer ul li {
        font-size:14px
    }

    .lifestyle_type_card::after {
        height: 150px;
        width: 200px
    }

    .lifestyle_type_card::before {
        height: 150px;
        width: 150px
    }
}

.home-feature .Cibil {
    position: absolute;
    top: 14px;
    right: 14px;
    width: auto;
    padding: 2px 10px;
    border: 1px solid red
}

.count-type {
    position: absolute;
    top: -22px;
    left: -22px;
    height: 50px;
    width: 50px;
    background: #607d8b;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 53px
}

.cgarges-card {
    position: relative;
    padding: 15px 20px
}

.ch-content h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px
}

.ch-content p {
    font-size: 13px;
    margin: 0
}

.charges-box {
    flex-direction: column;
    gap: 20px;
    width: 100%
}

.cgarges-card:nth-child(odd) {
    background: #00968840;
    border: 1px solid #009688
}

.cgarges-card:nth-child(2n) {
    box-shadow: 2px 0 14px #00968854
}

.what-heading.what-charges {
    text-align: left!important;
    margin-bottom: 80px;
}


.what-heading h1 {
    font-size: 25px;
    margin-bottom: 0;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 500;
    font-family: 'Roboto Condensed';
    text-align: center;
    }

.what-heading.what-charges .wdr {
    float: none!important
}

.loibh-form-box {
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    width: 95%;
    margin: auto
}

.franchise-page-row,.loibh-row.row {
    justify-content: space-between
}

.in-hero-content-left {
    height: 100vh;
    justify-content: center;
    flex-direction: column;
    width: 85%;
    align-items: center;
    gap: 30px
}

form#otp-form .input-wrapper label {
    background: #ffefd9
}

form#otp-form .input-wrapper input {
    background: 0 0
}

.top-btn-box button {
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px
}

.term-condition a,.term-condition p {
    margin: 0;
    font-size: 11px;
    text-align: left;
    display: block
}

.term-condition a {
    color: #009688;
    font-weight: 500;
    transition: .3s
}

.term-condition {
    gap: 10px;
    align-items: center
}

input#need {
    height: 28px;
    width: 28px
}

.in-hc-title {
    text-align: center;
    margin-bottom: 26px
}

.in-hc-title h3 {
    font-size: 20px;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #009688
}

.in-hc-title p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .5px
}

.in-hc-image {
    height: auto;
    justify-content: center
}

.total-content {
    float: right;
    padding: 0 118px;
    grid-column: span 7
}

section.inner-outer-section {
    display: grid;
    grid-template-columns: repeat(12,1fr)
}

.inner-page-right {
    float: left;
    overflow-x: auto;
    padding: 35px 24px 150px;
    grid-column: span 5;
    position: sticky;
    top: 124px;
    height: 100vh;
    width: -moz-available;
    width: -webkit-fill-available;
    background-color: #ff930226;
    background: linear-gradient(180deg,rgb(76 175 80 / 32%),#ff930226)
}

.total-content .in-hero-content-box {
    height: 100vh;
    padding: 45px 0 92px;
    justify-content: start
}

.document-innerPsge-section {
    align-items: center;
    position: relative;
    flex-direction: column
}

.kyc-detail {
    padding-bottom: 80px
}

.loibh-content-box h4 {
    font-size: 25px;
    font-weight: 400;
    color: #000;
    margin-bottom: 42px;
    line-height: 29px;
    letter-spacing: 1px
}

.loibh-content-box h4 b {
    font-weight: 800;
    color: #009688
}

.total-content h2.in-banner-heading b {
    font-size: 30px
}

.inner-play-btn {
    justify-content: start!important
}

.adData,.my-table td,.wrapping {
    font-size: 13px;
    text-align: center
}

.fact-sectoin {
    margin-bottom: 42px
}

thead.table-head {
    background: #009688;
    color: #fff;
    font-size: 14px;
    text-align: center
}

p.cal-text {
    width: 100%;
    margin: 30px 0;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: .5px;
    text-align: justify
}

.form-wraps h5 b,.get-parner-content h3 b,.my-table td b,.rew span,.trav,h3.ofer-content a span b {
    font-weight: 600
}

@media screen and (max-width: 1140px) {
    .presonal-col {
        max-width:350px
    }

    .personal-card-row {
        gap: 10px;
        justify-content: center
    }

    .loibh-content-box h4 {
        font-size: 22px;
        line-height: 25px
    }

    .loibh-form-box {
        width: 85%
    }
}

@media screen and (max-width: 991px) {
    .about_content {
        padding-right:0
    }

    section.inner-hero-banner.card-page .col-lg-6.col-md-6 {
        width: 100%
    }

    .total-content.inner-page-left {
        padding: 0 75px
    }

    .total-content.inner-page-left h2.in-banner-heading {
        font-size: 18px
    }

    .total-content h2.in-banner-heading b {
        font-size: 25px
    }

    .loibh-content-box h4 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .loibh-form-box {
        width: auto
    }
}

.calculator-what-heading .wdr.cal-wdr,.form-wraps h5,.xcard-charge-join p,.xloan-charge-join p,.xloan-ul ul {
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .row.advan-row {
        flex-wrap:wrap-reverse
    }

    .input-box-ulock:first-child {
        width: 100%
    }

    section.process-section .featured-heading-box p {
        font-size: 13px
    }

    section.mobile-section {
        padding: 20px 0
    }

    .inner-page-left,.inner-page-right {
        float: none
    }

    .loibh-content-box .adlist-content h5 {
        font-size: 15px
    }

    .loibh-form-box ul.advantage-ul-list {
        margin: 0
    }

    section.inner-outer-section {
        display: flex;
        flex-wrap: wrap-reverse
    }

    .loibh-form-box {
        width: 85%;
        gap: 0;
        padding: 20px 0
    }

    .loibh-content-box h4 {
        font-size: 35px;
        line-height: 45px
    }

    .inner-page-right {
        position: relative;
        padding: 19px 25px;
        top: 0;
        height: auto
    }

    .total-content .in-hero-content-box {
        height: auto;
        padding: 65px 0
    }

    .pro-rating {
        margin: 40px 0
    }

    .emi-main-row {
        gap: 40px
    }

    .offer-header {
        z-index: 2
    }
}

@media screen and (max-width: 576px) {
    .what-heading h2 {
        font-size:18px
    }

    span.sub-heaidng {
        font-size: 13px;
        line-height: 18px;
        display: inherit
    }
.advantages-section .what-heading {
    width: 100%;
    margin: 0;
}
    .adlist-content h5 {
        font-size: 13px!important;
        font-weight: 400!important;
        letter-spacing: .5px!important
    }

    .pro-rating-image li.ad-list {
        margin-bottom: 3px!important;
        padding-left: 29px!important
    }

    h1.in-banner-heading.text-capitalize {
        font-size: 20px;
        color: #fff!important
    }

    .form-wraps-heading {
        padding-bottom: 0!important
    }

    .chkbox-area {
        margin: 24px 0 7px
    }

    
    .total-content.inner-page-left {
        width: 85%;
        margin: auto;
        padding: 0
    }

    .inner-page-right {
        padding: 0
    }

    .loibh-content-box h4 {
        font-size: 19px;
        line-height: 23px
    }

    .total-content.inner-page-left h2.in-banner-heading {
        font-size: 15px;
        letter-spacing: initial
    }

    .total-content h2.in-banner-heading b {
        font-size: 19px;
        letter-spacing: initial
    }

    .bestcc-img img {
        width: 100%
    }
}

@media (min-width: 1400px) {
    section.process-section .container {
        position:relative;
        max-width: 1140px
    }
}
.side-filter .salary-type-box {
    margin: 0 0 15px 0;
    display: flex;
    justify-content: space-between;
    padding: 14px 15px;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
}
.form-group.mb-2 {
    padding: 0 15px;
}
.mapouter {
    position: relative;
    text-align: right;
    width: 600px;
    height: 400px
}

.gmap_canvas {
    background: 0 0!important;
    width: 720px;
    height: 400px
}

.gmap_iframe {
    width: 720px!important;
    height: 400px!important
}

.otpInputWrapper div:first-child {
    justify-content: center!important
}

.verifyOtpTitle {
    justify-content: center;
    margin-bottom: 15px
}

.verifyBtn {
    margin: auto
}

.loginBtn {
    align-items: center;
    font-weight: 700;
    line-height: 20px;
    color: var(--greyColor);
    padding-left: 20px
}

.hyno-forms {
    justify-content: end;
    height: 100%;
    align-items: center
}

.form-wraps {
    background: linear-gradient(0deg,rgb(255 255 255 / 98%) 0,#dae5f7 233%);
    /* box-shadow: inset 11px -14px 17px -2px #2f2f2f2f; */
    padding: 30px;
    position: relative;
    width: 100%;
    z-index: 1;
    /* border: 1px solid #ddddddc2; */
    border-radius: 12px;
}

.inner-hero-banner.hdfc_cr:after {
    position: absolute;
    content: '';
    height: 40%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(275.06deg,#009688 13.4%,rgb(255 152 0 / 23%) 41.99%),linear-gradient(298.31deg,#009688 60.3%,#ff9800 109.76%)
}

.form-wraps h5 {
    color: #022329!important;
    font-size: 17px
}

.MuiInputBase-input {
    padding: 10px
}

.MuiInput-underline:before {
    border-bottom: 1px solid #009688!important
}

p.generate-otp {
    font-size: 20px;
    font-weight: 600;
}

.MuiInput-underline:after {
    border-bottom: 2px solid red!important
}

.form-wrap .check-box input,.form-wraps .check-box input {
    height: 15px;
    width: 15px
}

.check-box label,.x-loan .xcard-charge-join .trav,.x-loan .xcard-charge-join p {
    font-size: 13px
}

.axis_card p,.form-wrap label,.grab-duration input,.my-con,.salary-mode select,.salary-mode select option,.trav {
    font-size: 12px
}

.hdfc_proof {
    border-radius: 20px 0;
    background: #e6e6fa;
    padding: 20px
}

.hdfc_proof ul {
    list-style: none;
    font-size: 14px;
    padding: 0
}

p.hdfc_note {
    color: #009587
}

.hdfcblogsteps ul {
    font-size: 13px;
    padding: 0;
    list-style: none
}

.hdfcblogsteps ul li {
    padding: 5px;
    border-bottom: 1px dashed #789
}

.hdfcblogsteps ul:nth-child(2n) {
    background: #d2eced;
    padding: 20px
}

.hdfc_ad-list h5 {
    font-size: 12px;
    font-weight: 400
}

section.hdfc-feat {
    padding: 65px 0;
    background: #c8e2fe
}

.hdfc_fe {
    text-align: left;
    color: #000;
    width: 100%;
    font-size: 13px
}

.hdfc_fe ul {
    padding: 0;
    list-style: inside
}

.in-hero-text-inner {
    flex-direction: column;
    gap: 115px;
    justify-content: space-between;
    padding: 5px 0 0 0;
}

.hdfc_fe li {
    padding: 2px 11px 0 0;
    font-size: 13px
}

.my_car .carousel-indicators [data-bs-target] {
    background-color: #009688;
    height: 20px;
    width: 20px;
    border-radius: 50%
}

.my_car .carousel-indicators {
    margin-bottom: -2rem
}

.doc_hdfc .what-heading img {
    height: auto
}

@media screen and (max-width: 990px) {
    .in-benefit p {
        font-size:14px
    }

    .invest-benefit-img,.shopabout-img {
        width: auto
    }

    .invest-row-change {
        flex-direction: column-reverse
    }

    .hdfc_detail_section .bps-top-section {
        text-align: center
    }

    .hdfc_detail_section .wdr {
        left: 50%;
        transform: translate(-50%);
        margin: inherit
    }

    .shopabout-img img {
        width: 100%!important
    }

    .doc_hdfc .feature-four__top-btn-box {
        padding-bottom: 20px
    }
}

.hdfc_detail_section .personal-laoncard:hover {
    border: 1px solid #ed1b23;
    background: #bbb8b838
}
.check-privacy {
    font-size: 12px !important;
    font-weight: 400;
}
.hdfc_detail_section .personal-laoncard .per-title h4,.hdfc_detail_section .personal-laoncard:hover a.pre-btn {
    color: #004a8f
}

.hdfc_detail_section .personal-laoncard:hover .per-title h4,.hdfc_detail_section a.pre-btn {
    color: #ed1b23
}

.hdfc_detail_section .personal-laoncard .per-title h4::after {
    background: #004a8f
}

.sbi_dsec .personal-laoncard {
    border: transparent!important;
    box-shadow: 2px 1px 6px #80808087
}

.sbi_dsec .personal-laoncard:hover {
    border: 1px solid #004a8f;
    background: #97b8f36b
}

.icici_dsec .personal-laoncard,.stan_detail .personal-laoncard {
    border: none;
    box-shadow: 2px 4px 8px -4px #789
}

.icici_dsec .personal-laoncard:hover {
    background: #f5b9bb47;
    border: none
}

.stan_detail .personal-laoncard:hover .per-title h4 {
    color: #37d200
}

.stan_detail .personal-laoncard:hover {
    border: none
}

.inner-hero-banner1 .carousel-control-next span.carousel-control-next-icon,.inner-hero-banner1 .carousel-control-prev span.carousel-control-prev-icon,.why_us {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.why_us img,img.d-block.w-60 {
    width: 50%
}

ul.advantage-ul.doc-type-ul.banner-fe-list {
    flex-direction: column;
    gap: 10px
}

@media screen and (max-width: 420px) {
    .CardImg_box img {
        width:100%
    }

    .inner-hero-banner.hdfc_cr .CardImg_box img {
        width: auto
    }

    .form-wraps {
        padding: 30px 10px
    }

    .form-wraps p {
        font-size: 13px
    }

    .form-wraps h5 {
        font-weight: 500;
        font-size: 15px
    }

    .hdfc_cr h2.in-banner-heading {
        font-size: 19px;
        margin-bottom: 20px
    }

    .hdfc_cr h2.in-banner-heading b {
        font-size: 18px
    }
}

.hdfc_detail_section .personal-laoncard {
    border: 1px solid transparent;
    background: #d9e8f791;
    box-shadow: 2px 2px 5px grey
}

.axis_detail .personal-laoncard:hover .per-title h4,.axis_detail a.pre-btn {
    color: #aa2a60
}

.axis_detail .personal-laoncard:hover {
    border: 1px solid #aa2a60;
    background: #ef4b8d21;
    border: none
}

.indus_detail .personal-laoncard:hover .per-title h4 {
    color: #830910
}

.indus_detail .personal-laoncard:hover {
    background: #ef4b8d21;
    border: none
}

.innerpage_bg {
    padding-bottom: 0!important
}

.faqSetion {
    padding: 0!important
}

.calculator-sidebar h2 {
    font-size: 23px!important;
    justify-content: center;
    background: #009688;
    color: #fff;
    text-shadow: 2px 4px 5px #2f2f2f2f;
    letter-spacing: 1px
}

ul.calculator-list li a {
    padding: 15px;
    display: block;
    transition: .3s
}

.emicontainer .left {
    flex: 2;
    padding: 0;
    border: 0
}

.calculator-header {
    background: var(--dark-green);
    padding: 152px 0 32px!important;
    margin-bottom: 45px
}

.rangeHead h2 {
    margin: 0;
    font-size: 13px
}

.benefit-card h5,.rangeHead small {
    font-size: 12px;
    font-weight: 600
}

.range-box {
    padding: 28px;
    background: #f6f6f6;
    margin-bottom: 10px;
    flex-direction: column;
    gap: 15px;
    border: 1px solid #005b6014
}

.calculator-what-heading {
    flex-direction: column;
    align-items: center;
    gap: 1px
}

.emicontainer .right {
    flex: inherit
}

.range-box .rangeHead .outputArea {
    max-width: 120px;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    overflow: hidden;
    border: 1px solid #FF9800;
    height: 35px
}

.range-box .outputArea input {
    width: 87%;
    height: 36px;
    background: 0 0;
    padding-left: 10px;
    border: 0
}

span.emi-icon {
    background: #FF9800;
    color: #fff;
    padding: 0 3px;
    text-align: center;
    min-width: 30px;
}

.carousel-control-next-icon img,.carousel-control-prev-icon img {
    height: 30px!important
}

.carousel-control-next,.carousel-control-prev {
    display: block!important
}

.title-image-per img.loan-card-img {
    height: 39px
}

.shopabout-img img {
    height: auto;
    width: auto
}

.axis_card {
    border: 1px solid #ae285e;
    padding: 15px;
    border-radius: 10px
}

.gr-1.gr:after,.gr-2.gr:after {
    bottom: 62px;
    height: 120px;
    width: 54px;
    border-radius: 119% 0 50px/87% 0 50px 22%;
    transform: rotate(345deg);
    content: ''
}

@media screen and (max-width: 1200px) {
    .axis_card {
        min-height:130px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 570px) {
    .axis_card {
        min-height:auto
    }
}

.hdfc_cap {
    position: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 450px
}

section.franchise-form-secrtion {
    padding: 75px 0 55px;
    background: #8cd0c9
}

section.franchise-form-secrtion .eligibility-form-box {
    padding: 64px 39px;
    max-width: 400px;
    box-shadow: -16px -4px 37px #8cd0c940;
    background: #009688;
    margin-top: -117px;
    background: linear-gradient(0deg,rgb(255 255 255 / 98%) 0,#dae5f7 233%);
    position: relative;
    overflow: hidden
}

.eligibility-form-heding-box {
    margin-top: -30px
}

.eligibility-form-heding-box .hyno-fimg-box {
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    z-index: 4
}

.eligibility-form-heding-box .eligibility-circle {
    position: absolute;
    top: 0;
    width: 100%;
    height: 72px;
    left: 0;
    z-index: 0;
    background: linear-gradient(275.06deg,#009688 13.4%,rgb(255 152 0 / 23%) 41.99%),linear-gradient(298.31deg,#009688 60.3%,#ff9800 109.76%);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px
}

section.franchise-form-secrtion .eligibility-form-box form {
    margin-top: 50px
}

section.franchise-form-secrtion .eligibility-form-box form .search-button {
    margin-top: 8px;
    width: 100%
}

section.franchise-form-secrtion .eligibility-form-box .search-button button {
    width: 100%!important
}

.form-floating>label {
    width: auto!important;
    left: 15px!important;
    top: 12px!important;
    padding: 0 2px!important;
    height: auto!important
}

.CardImg_box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 10px 0
}

p.powered-by {
    margin: 0;
    font-weight: 600
}

p.in-hero-descriotion {
    margin: 0;
    font-size: 14px;
    max-width: 522px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.form-wraps-heading {
    /* text-align: center; */
    position: relative;
    padding-bottom: initial;
}

.hyno-fimg-box {
    height: 70px;
    width: 70px;
    margin: -66px auto 22px;
    border-radius: 50%;
    overflow: hidden;
    background: #009688;
    background: linear-gradient(0deg,#009688 0,#dae5f7 100%);
    box-shadow: inset 2px 5px 10px #2f2f2f2f,2px 5px 10px #2f2f2f2f
}

.main-inner--container {
    min-height: auto;
    padding: 165px 0 70px;
}
.row.in-banner-col-row {
    padding-top: 0 !important;
}

.pro-rating-image li.ad-list {
    font-size: 20px;
    margin-bottom: 13px;
    padding-left: 33px
}

.pro-rating-image li.ad-list h5 {
    font-size: 13px;
    color: #fff!important;
    letter-spacing: inherit;
}
.pro-rating-image li.ad-list h5 b{
    font-family: 'Roboto Condensed';
    letter-spacing: 0.7px;
    font-size: 13px;
    font-weight: 600;
    color: #fff!important;
}
.pro-rating-image li.ad-list::before {
    height: 15px;
    width: 15px;
    top: 2px;
    background: #000
}

.pro-rating-image li.ad-list::after {
    height: 9px;
    width: 20px;
    top: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff
}

.container.factor-section-container {
    position: relative;
    background: #fff;
    padding: 30px  25px;
    border-radius: 7px;
    box-shadow: 2px 4px 10px #2f2f2f2f
}

.what-heading.factor-section-heading {
    margin-bottom: 51px
}

.pro-rating.pro-rating-section {
    background: #009688;
    box-shadow: 1px 1px 11px 6px #c3bebe2b,inset 1px 1px 11px 6px #eddbdb2b;
    padding: 20px;
    max-width: 400px;
    position: relative;
    width: 100%;
    z-index: 1;
    background: linear-gradient(0deg,rgb(255 255 255 / 98%) 0,#dae5f7 233%)
}

.gr-1.gr,.gr-2.gr {
    height: 73%;
    width: 30%;
    bottom: 0
}

.gr-1.gr,.gr-1.gr:after,.gr-2.gr,.gr-2.gr:after {
    background: linear-gradient(275.06deg,#00968800 13.4%,rgb(255 152 0 / 0%) 41.99%),linear-gradient(298.31deg,#00968821 60.3%,#ff980047 109.76%)
}

.factor-section-heading-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.gr-1.gr {
    left: 0;
    border-bottom-right-radius: 50px;
    transform: rotate(345deg)
}

.fact-sectoin.factor-section {
    position: relative;
    padding-bottom: 50px;
    margin-top: -66px;
    overflow: hidden;
    margin-bottom: 0
}

.gr-1.gr:after {
    position: absolute;
    left: 31px
}

.gr-2.gr {
    right: 0;
    border-bottom-left-radius: 50px;
    transform: rotate(13deg)
}

.gr-2.gr:after {
    position: absolute;
    right: 31px
}

.read-more-button:hover,.show-less-button:hover,.step.completed .circle {
    background-color: #009688
}

.get-parner-content h3 {
    font-size: 30px;
    font-weight: 300;
    text-shadow: 2px 4px 6px #2f2f2f2f;
    color: #031e3c
}

.get-parner-content span {
    font-size: 18px;
    font-weight: 500;
    max-width: 400px;
    display: inline-block;
    line-height: 21px;
    color: #013a35;
    margin: 20px 0
}

.card-by-tab td,.card-by-tab th {
    white-space: nowrap;
    font-size: 12px!important
}

.detail-list {
    margin-top: 7px
}

ul.detail-ul {
    margin: 0;
    padding-left: 20px!important
}

.get-parner-content {
    max-width: 500px;
    margin: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

ul.detail-ul li {
    font-size: 15px;
    color: #000;
    letter-spacing: .5px
}

@media screen and (max-width: 992px) {
    .documnet-section .what-first,.ulcok-group {
        flex-wrap:wrap
    }

    .mobile-section .mobile-img,.row.fra-bene-row .img-box,.unloack-image {
        display: none
    }

    .personal-container {
        max-width: 1140px!important
    }

    .bps-top-section,.unlock-form-box,.why-choose-img-box img {
        width: 100%
    }

    .ulcok-group {
        gap: 31px 13px
    }

    section.what-section.advantages-section {
        background-image: none
    }

    .play-btn.inner-play-btn {
        min-width: 172px
    }

    .bps-top-section .bps-heading-box p {
        font-size: 13px
    }

    .rangeHead small {
        font-size: 12px;
        font-weight: 600
    }

    .rangeHead {
        flex-wrap: wrap;
        gap: 10px
    }

    .article_list.calculator-sidebar {
        margin: 0
    }

    .hdfc_cap {
        margin: 25px auto
    }
}

@media screen and (max-width: 480px) {
    .fact-sectoin.factor-section .play-btn.inner-play-btn,.scheme {
        display:none
    }

    .scheme-card-img img {
        width: 50px;
        height: 50px
    }

    .what-first {
        gap: 0
    }
}

.doctype-row {
    padding: 0 15px
}

.read-more-button,.show-less-button {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #ff9302;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    outline: 0;
    transition: background-color .3s
}

.main-img-user img {
    height: 100%!important;
    width: 100%!important
}

.main-img-user {
    border-radius: 100%;
    display: inline-block;
    height: 36px;
    position: relative;
    text-align: center;
    width: 36px
}

.main-profile-menu .profile-user img {
    border-radius: 50%;
    box-shadow: 0 4px 15px 0 #dbe4f9;
    height: 37px;
    margin-left: 0;
    width: 37px
}

.dropdown-menu {
    position: absolute;
    left: -42px!important;
    margin-right: 20px;
    top: 78px!important;
    width: 250px!important
}

.CardImg_box img {
    max-height: 50px
}
 

@media (min-width: 320px) and (max-width:992px) {
    h1.in-banner-heading.text-capitalize {
        font-size:18px;
        font-weight: 600
    }

    .row.card-type-section-row-1 {
        flex-wrap: wrap-reverse
    }

    .card-flex-box a {
        max-width: initial;
        width: 47%
    }

    .card-flex-box {
        justify-content: space-between;
        gap: 36px
    }
}

@media (min-width: 200px) and (max-width:767px) {
    .form-wraps {
        max-width:100%;
        padding: 20px 15px
    }

    .logIn-user {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 70px;
        justify-content: space-between
    }

    .card-flex-box a {
        max-width: initial;
        width: 100%
    }

    h1.in-banner-heading.text-capitalize {
        color: #fff
    }

    .CardImg_box img {
        background: #fff;
        border-radius: 6px;
    }

    .process-card {
        width: auto
    }

    .process-card.process-card-2 {
        margin: 31px 0
    }

    /* section.faq-section,section.process-section {
        padding: 35px 0
    } */
}

@media (min-width: 320px) and (max-width:640px) {
    .sticky_nav {
        display:none!important
    }

    .logout-user {
        display: flex;
        align-items: center;
        gap: 11px;
        justify-content: space-between;
        max-height: 36px
    }

    header#moileheader {
        padding: 15px
    }

    .mheadWrapper {
        padding: 0
    }

    .header_right {
        gap: 13px;
        height: 36px
    }
}

.inner-hero-banner1 {
    background: #f5f5f5;
    background: linear-gradient(90deg,hwb(171deg 77% 3% / 39%) 18%,#f8f9fa 42%,rgba(127,221,240,.30015756302521013) 87%);
    padding: 75px 0 30px 0 !important;
    margin-top: 117px !important;
}

.carousel-control-next-icon img,.inner-hero-banner1 .carousel-control-prev-icon img {
    height: 15px!important
}

.in-hBanner1 {
    display: flex;
    justify-content: right
}

.card-insu,section.unlimited-benifites-section {
    padding: 65px 0;
    background: #fff
}

.featured-heading-box1 {
    text-align: center;
    width: 100%;
    margin: auto auto 60px
}

.sub-heading-in1 {
    position: relative;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 0;
    display: inline-block;
    line-height: 40px;
    max-width: 770px
}

.featured-heading-box1 .sub-heading-in1::after {
    height: 3px;
    width: 80px;
    background: #009688;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    border-radius: 5px
}

span .sub-head-left {
    text-align: left
}

.featured-heading-box1 .sub-head-left ::after {
    left: 7%
}

.card-insu .insurance-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center
}

.card-insu .new-insurance-item {
    max-width: 135px;
    text-align: center
}

.card-insu .insurance-img {
    height: 50px;
    width: 50px
}

.card-insu .insurance-title,.question-box.co-borrow {
    padding-top: 15px
}

.card-insu .new-insurance-item:hover .insurance-img-box {
    background: #c5fbf2de
}

.card-by-tab .featured-heading-box {
    margin: auto auto 20px
}

.card-by-tab th {
    padding: 10px;
    font-weight: 700
}

.Cibil.grab-tenure,.card-by-tab td {
    padding-top: 10px
}

.tbl-btn {
    min-width: 100px;
    padding: 6px!important
}

.card-insu .insurance-img-box {
    border: 1px solid #b0ede4;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    padding: 20px 0
}

.hw-ap {
    padding: 65px 0 90px 0;
    background: linear-gradient(90deg,hwb(171deg 77% 3% / 39%) 18%,#f8f9fa 42%,rgba(127,221,240,.30015756302521013) 87%)
}

.step {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: cream
}

.step .circle {
    background-color: #fff;
    border: 3px solid gray;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block
}

.step .line {
    top: 39px;
    left: 18px;
    height: 100%;
    position: absolute;
    border-left: 3px
}

.step.active .circle,.step.completed .circle {
    visibility: visible;
    border-color: #009688
}

.step.completed .line {
    border-left: 3px solid #009688
}

.step:last-child .line {
    border-left: 3px solid #fff;
    z-index: -1
}

.content {
    font-weight: 700;
    color: #02344a;
    margin-top: 9px;
    margin-left: 20px;
    display: inline-block;
    letter-spacing: 1px
}

.rew1,.trav,.xloan-info-name,h3.ofer-content a {
    color: var(--text)
}

.step-wrap span {
    position: absolute;
    top: 10px;
    left: 16px;
    font-weight: 700
}

.inner-hero-banner1 .carousel-control-next,.inner-hero-banner1 .carousel-control-prev,span.close-offer {
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

.bestcc {
    padding-top: 65px
}

.bestcc-icon {
    display: flex;
    padding: 10px 0;
    gap: 20px;
    align-items: center
}

.best-ic {
    width: 50px
}

.bestcc-text h2 {
    text-align: center;
    font-size: 30px;
    padding-bottom: 15px
}

.inner-hero-banner1 .carousel-control-next-icon,.inner-hero-banner1 .carousel-control-prev-icon {
    background-image: none
}

.inner-hero-banner1 .carousel-control-prev {
    left: -40px;
    width: 40px;
    height: 40px;
    border: 1px solid #2f2f2f2f;
    border-radius: 50%;
    transition: .3s
}

.inner-hero-banner1 .carousel-control-next {
    right: -40px;
    width: 40px;
    height: 40px;
    border: 1px solid #2f2f2f2f;
    border-radius: 50%;
    transition: .3s
}

.advantage-ul-list {
    list-style: none;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    gap: 7px
}

.ad-list:before {
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    left: -1px;
    top: 6px;
    background: #009688
}

.adlist-content h5 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 16px
}

.ad-list:after {
    content: '';
    position: absolute;
    height: 7px;
    width: 15px;
    top: 3px;
    left: 2px;
    transform: rotate(-45deg);
    border-bottom: 2px solid #ff9800;
    border-left: 2px solid #ff9800
}

@media screen and (max-width: 1025px) {
    .card_hdfc_img {
        width:100%
    }

    .car_hdfc_img img {
        width: 68%
    }

    .inner-hero-banner1 .carousel-control-prev-icon img {
        left: 0
    }

    .inner-hero-banner1 .in-hero-box {
        padding: 0 25px
    }

    .featured-heading-box1 {
        margin: auto auto 30px
    }
}

@media screen and (max-width: 769px) {
    span.carousel-control-next-icon,span.carousel-control-prev-icon {
        display:none
    }

    .row-chn {
        flex-wrap: wrap-reverse
    }

    .in-hero-box .hero-in-box {
        padding: 0 100px
    }

    .inner-hero-banner1 .carousel-control-prev-icon img {
        left: 10px
    }

    .inner-hero-banner1 .carousel-control-next-icon img {
        right: 10px
    }

    span.sub-heading-in1 {
        font-size: 22px;
        font-weight: 700
    }

    .inner-hero-banner1 .carousel-control-prev {
        left: -12px
    }

    .inner-hero-banner1 .carousel-control-next {
        right: -12px
    }

    .card-insu .insurance-title h5 {
        font-size: 10px
    }
    .inner-hero-banner1 {
    padding: 0px 0 30px 0 !important;
    margin-top: 19px !important;

    }

    .card-insu .insurance-img-box {
        padding: 15px 0
    }

    .card-insu .new-insurance-item {
        max-width: 85px
    }

    .card-insu .insurance-img {
        height: 30px;
        width: 30px
    }

    .in-hBanner1 {
        display: flex;
        justify-content: center
    }

    .txt-blk-mr {
        padding-top: 15px
    }

    .rew {
        margin-bottom: 0
    }

    .mar,.xcard-info {
        padding: 20px 20px 0
    }

    .xcard-info-img {
        width: 100px
    }
}

.xcard-row {
    padding: 0 10px;
    box-shadow: 0 3px 6px -3px #2f2f2f2f;
    background: #fff
}

.xcard-charges {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%
}

.xcard-info {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative
}

 

.xcard-info-img img {max-width: 120px;padding: 2px;border-radius: 4px;margin: 5px;height: 60px;}
.xcard-info-img {
    width: 269px;
}
.xcard-info-name {
    padding-left: 10px
}

.xcard-view-detail {
    width: 130px;
    min-height: 27px;
    position: relative;
    bottom: 0px;
    padding-top: 3px;
    z-index: 100;
    text-align: center;
    box-shadow: 0 4px 7px -3px #d2d0cb;
    float: right;
    left: -2%;
    top: -42px;
    box-shadow: none;
    background: 0 0
}

.xcard-applybtn {
    align-items: left;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.arrow,a.new.profile-user-home.show:after {
    height: 10px;
    width: 10px;
    transform: rotate(45deg)
}

.circle-checkmark {
    margin-bottom: 0;
    padding-left: 1rem;
    list-style: disc;
    padding-inline-start:20px!important}

.row.header-row.header-br {
    padding-bottom: 15px;
    border-bottom: 1px solid #696969
}

.arrow {
    box-sizing: border-box;
    border-style: solid;
    border-color: #00f;
    border-width: 0 1px 1px 0
}

.arrow:hover {
    border-bottom-width: 2px;
    border-right-width: 2px;
    color: green
}

.xcard-charge-join {
    display: block;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

@media screen and (max-width: 426px) {
    .in-hBanner1 img {
        width:80%
    }

    .in-hero-heading {
        font-size: 18px;
        line-height: 25px
    }

    .sub-heading-in1 {
        font-size: 18px!important;
        line-height: 27px;
        font-weight: 600
    }

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

    .inner-hero-banner1 .carousel-control-prev {
        top: 96%;
        left: 55%
    }

    .inner-hero-banner1 .carousel-control-next {
        top: 96%;
        right: 20%
    }

    .trav {
        font-size: 12px
    }

    .mar {
        padding-top: 10px
    }
}

.elegibility .slick-track,.offers-slider-box .slick-track {
    display: flex;
    gap: 15px
}

.xloan-part {
    background: #59b5c11a;
    padding: 2rem 0
}

.xloan-info-name {
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 1; */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.rew span {
    margin-left: 15px;
    color: var(--dark-green)
}

.grab-btn {
    padding-top: 10px;
    width: 100%;
    display: flex;
    justify-content: end
}

.grab-btn .tbl-grab {
    border-radius: inherit;
    padding: 6px;
    background: #005b60;
    min-width: 90px
}

.Cibil.grab-duration,.main-xloan {
    padding: 12px 0
}

.step4-acc .accordion-item,.xloan-charge-join-cibil {
    margin-bottom: 10px
}

.xloan {
    left: -8%!important
}

.rew1 {
    margin-bottom: 2px!important;
    font-weight: 700
}

.xlaon a .arrow {
    background-color: #00f
}

.xloan-mar p {
    margin-bottom: 5px
}

.xloan--rating span {
    color: #f8f8ff;
    background: var(--dark-yellow);
    width: 15px;
    display: inline-flex;
    height: 15px;
    justify-content: center;
    font-size: 12px;
    align-items: center
}

.xloan-ul ul li {
    padding: 12px 0 1px;
    font-size: 13px
}
 

.xloan-row {
    margin-bottom: 2rem!important;
}

.xloan--rating {
    padding: 0 0 10px;
    width: 37%;
    display: flex;
    align-items: center;
    gap: 4px
}

.x-loan .xcard-charge-join {
    display: block;
    width: 125px;
    text-align: center;
}
.xcard-charge-join.xcard-charge-join-3 {
    width: 220px;
}
.grab-btn:hover .tbl-grab {
    background: #ff9302!important
}

@media screen and (max-width: 769px) {
    .xloan-ul ul li {
        font-size:12px
    }
    .x-loan {
        display: block!important
    }
}
.xcard-info-img-mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .xcard-info-img-mobile {
        display: block;
    }
    .x-loan {
        display: block!important
    }
    .rew {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .xcard-info-name,.xloan-ul ul {
        padding-left:0
    }

    .xcard-charges.mar {
        display: block
    }

    .x-loan .xcard-charge-join,.xcard-charge-join {
        display: flex
    }

    .bps-heading-box {
        padding-bottom: 15px
    }

    .x-loan,.xloan-info-name {
        font-size: 12px
    }

    

    .cartable-img,.x-loan .xcard-info-img {
        width: auto
    }

    

    .xloan-charge-join-cibil .trav {
        font-size: 10px
    }

    .xloan-ul ul {
        list-style-type: none
    }

    .xloan-part {
        padding: 0
    }

    .cartable-img img {
        width: 100%
    }
}

.banner-grab {
    min-height: 20vh;
    background: var(--dark-green);
    width: 100%;
    position: relative
}

.xloan-form-wrap {
    padding: 15px;
    box-shadow: 0 3px 6px -3px #2f2f2f2f;
    background: #fff
}

.xcard-row,.xloan-form-wraps {
    border-radius: 0
}

.Cibil input,.Cibil select {
    width: 100%;
    height: 40px;
    margin-top: 5px;
    border: 1px solid #2f2f2f2f!important
}

.form-check-input:checked {
    background-color: #005b60!important;
    border-color: #005b60!important
}

.otp-popup-box .button--text-thick,span.close-offer {
    background: var(--dark-green);
    color: #fff;
    font-size: 17px
}

.form-check-input:checked+label {
    color: #005b60;
    opacity: 1
}

.nri-check {
    padding-left: 0!important
}

.grab-duration input#date {
    padding: 8px
}

.grab-duration select:focus-visible {
    border-color: none
}

.bann-form .loanType input,.bann-form .loanType select {
    border: none;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    background: #fff;
    border: 1px solid #3333331f;
    border-radius: 4px
}

.profile-user-home,span.close-offer {
    height: 36px;
    width: 36px;
    display: inline-block;
    cursor: pointer;
    line-height: 34px;
    text-align: center
}

.thm-btn1.tbl-btn1 {
    min-width: 100px;
    padding: 6px;
}

.calculatorHeading {
    font-size: 25px;
    color: #000;
    margin-bottom: 7px;
    letter-spacing: 0;
    font-weight: 500
}

.associate-content-box h1 span,.dis-number,.otp-error {
    font-weight: 800
}

.profile-user-home {
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.auth-drop-home {
    top: 116%!important;
    right: 100%!important;
    transform: translate(-71%,0)!important;
    border: 0!important;
    padding: 15px!important;
    box-shadow: 2px 5px 7px #2f2f2f2f;
    border-radius: 0!important;
    border-top: 4px solid #005b60!important
}

a.new.profile-user-home.show:after {
    content: '';
    position: absolute;
    background: #005b60;
    bottom: -3px;
    left: 10px;
    z-index: -2
}

.main-img-user-home {
    height: 40px;
    width: 40px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 2px solid #005b60
}

.auth-drop-home .dropdown-item {
    padding: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
    border-radius: 4px
}

.auth-drop-home .ms-3.my-auto {
    font-size: 17px;
    font-weight: 800;
    opacity: .8
}

.auth-drop-home .dropdown-item i {
    font-size: 19px;
    color: #005b60
}

.MuiPaper-root {
    overflow-y: initial!important;
    max-height: max-content
}

.offer-popup-section .dialogwrapper {
    width: 100%;
    max-width: 100%;
    height: auto
}

.dialogwrapper .rightContent .register {
    display: block!important;
    padding: 13px;
    height: 100%;
    width: 100%
}

.otp-popup-box .verifyOtp h2#alert-dialog-slide-title {
    padding: 9px 0;
    text-align: center;
    font-size: 16px;
    background-color: rgb(33 37 41);
    color: #fff;
    border-color: rgba(5,163,74,.2)
}

.input-otp-box {
    height: 88%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px 15px
}

.otp-popup-box .button--text-thick {
    padding: 7px 25px;
    margin-top: 15px!important;
    transition: .3s
}

.otp-popup-box .button--text-thick:hover {
    background: var(--dark-yellow)
}

.otp-popup-box {
    background: #ffffff29;
    z-index: 2029!important;
    backdrop-filter: blur(3px)
}

.otpInputWrapper label {
    margin-bottom: 5px;
    font-weight: 600;
    display: block;
    text-align: center
}

p.not-recieved {
    margin: 25px 0 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600
}

p.not-recieved a.resend {
    color: var(--dark-yellow);
    margin-left: 5px;
    text-decoration: underline!important
}

.helpDesk a {
    display: flex;
    align-items: center;
    color: #fff!important;
    gap: 10px;
    background: var(--text);
    justify-content: center;
    max-width: 163px;
    padding: 7px 13px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 5px
}

.otp-error {
    background: #f0f0f0;
    display: block;
    width: max-content;
    bottom: -17px;
    z-index: 1;
    padding: 2px 10px;
    border-radius: 3px;
    color: #ff5a5a;
    opacity: 1;
    font-size: 13px
}

.verifyOtp h2:first-child {
    padding: auto!important
}

.associate-hero-section {
    padding: 78px 0 0;
    position: relative;
    background: var(--dark-green)
}

.associate-content-box h1 {
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 16px;
    line-height: 45px;
    color: #fff
}

.associate-content-box p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffffc7
}

.associates-form {
    padding: 35px;
    background: #fff;
    box-shadow: 0 32px 43px -57px #2f2f2f2f;
    border-radius: 10px
}

section.associates-form-section {
    position: relative;
    background: #eefaf970
}

.associates-form-box {
    position: relative;
    z-index: 2
}

section.associates-form-section:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    background: var(--dark-green);
    z-index: 0
}

.associate-content-box,.ques-dsa-box,.recession-text-box {
    max-width: 620px
}

.associate-image-hero {
    border-radius: 20px;
    overflow: hidden
}

form.associates-form .feature-four__top-btn-box {
    margin-top: 20px
}

.our_distribution {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 45px
}

.distribution-card {
    max-width: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.dis-number {
    font-size: 25px;
    line-height: 25px;
    color: var(--dark-yellow)
}

.distribution-card.border-left {
    padding: 0 17px;
    border-left: 2px solid #ffffff7a;
    border-right: 2px solid #ffffff7a
}

.distribution-card.border-right {
    border-right: 2px solid #ffffff7a;
    padding-right: 17px
}

section.opportunity-section {
    padding: 100px 0 65px;
    background: #eefaf970
}

.opportunity-content-box {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.opportunity-content-box-in {
    max-width: 639px;
    text-align: justify
}

.oppertunity-title {
    font-size: 25px;
    margin: 0 0 11px;
    font-weight: 700;
    color: var(--dark-green)
}

span.oppertunity-Subtitle {
    font-size: 20px;
    line-height: 30px;
    color: var(--dark-green);
    display: inline-block;
    margin-bottom: 23px
}

.oppertunity-text p {
    font-size: 16px;
    color: var(--dark-green);
    line-height: 25px;
    font-weight: 500
}

.benefits-box {
    max-width: 600px;
    margin: 65px auto auto;
    text-align: center;
    position: relative
}

.benefit-card {
    position: absolute;
    height: 120px;
    width: 120px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    border-radius: 50%;
    border: 2px solid var(--dark-green);
    padding: 10px
}

.benefit-card.no-work {
    top: -15%;
    left: 50%;
    transform: translate(-50%,10%);
    z-index: 2
}

.benefit-card.no-paper {
    right: 19%;
    top: -5%;
    z-index: 2
}

.benefit-card.no-location {
    left: 19%;
    top: -5%;
    z-index: 2
}

.benefit-card.no-loApprovalation {
    z-index: 2;
    top: 12%;
    left: 4%
}

.benefit-card img {
    max-width: 35px;
    max-height: 35px
}

.benefit-card.no-Connectivity {
    right: 3%;
    top: 11%
}

.benefit-card.no-Flexible {
    top: 36%;
    left: 0
}

.benefit-card.no-Process {
    right: -1%;
    top: 35%
}

.benefit-card.no-Real-Time {
    right: 5%;
    bottom: 20%
}

.benefits-heading {
    padding: 14px;
    background: #056d73;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 450px;
    margin: auto;
    border-radius: 5px
}

.benefits-heading h3 {
    margin: 0;
    color: #fff;
    font-size: 25px
}

.benefit-card.no-Leads {
    bottom: 19%;
    left: 5%
}

section.recession-section {
    padding: 20px 0 65px
}

.ques-dsa-box h4,.recession-text-box h3 {
    font-size: 25px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 17px
}

.recession-content-box {
    height: 100%;
    display: flex;
    align-items: center
}

.ques-dsa-box p,.recession-text-box p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify
}

.opportunity-section-image img,.recession-images img {
    max-width: 100%
}

.working-sea,section.DSA-ques-section {
    padding-bottom: 65px
}

section.faq-section.dsa-faq-section,section.faq-section.dsa-faq-section button.accordion-button {
    background: #f8fdfc
}

.m92,.m93 {
    margin-top: 0!important
}

@media (max-width: 992px) {
    .associate-image-hero {
        display:none
    }

    .associate-content-box {
        max-width: 100%;
        padding: 35px 0 50px
    }

    .opportunity-content-box {
        padding-top: 45px
    }

    .opportunity-content-box-in,.ques-dsa-box,.recession-text-box {
        max-width: 100%
    }

    section.opportunity-section {
        padding: 53px 0
    }

    section.recession-section {
        padding: 0
    }

    .recession-images {
        margin: 27px 0 40px
    }

    .m93 {
        margin-top: 15px!important
    }
}

@media (max-width: 767px) {
    .m-row {
        justify-content:center;
        text-align: center
    }

    .mobile-content {
        padding: 15px
    }

    .associate-content-box h1 {
        font-size: 26px;
        line-height: 31px
    }

    .associate-content-box p {
        font-size: 14px;
        line-height: 24px
    }

    .our_distribution {
        gap: 9px;
        margin-top: 20px
    }

    .m92 {
        margin-top: 15px!important
    }

    .distribution-card.border-right {
        padding-right: 11px
    }

    .distribution-card.border-left {
        padding: 0 11px
    }

    .associate-content-box {
        padding: 16px 0 21px
    }

    .dis-number {
        font-size: 20px;
        line-height: 20px
    }

    form.associates-form {
        padding: 15px 30px
    }

    .benefit-card.no-location {
        left: 12%;
        top: -6%
    }

    .benefit-card.no-paper {
        right: 12%;
        top: -6%
    }

    .benefit-card.no-Connectivity {
        right: -2%;
        top: 15%
    }

    .benefit-card.no-loApprovalation {
        top: 15%;
        left: -2%
    }

    .benefit-card.no-Flexible {
        top: 38%;
        left: -6%
    }

    .benefit-card.no-Real-Time {
        right: 4%;
        bottom: 17%
    }

    .benefit-card.no-Process {
        right: -7%;
        top: 38%
    }
}

@media (max-width: 600px) {
    .benefits-image {
        display:none
    }

    .heading-mobile,.heading-mobile h3 {
        display: block;
        font-size: 25px;
        font-weight: 800;
        color: var(--text)
    }

    section.unlimited-benifites-section {
        padding: 35px 0
    }

    .heading-mobile h3 {
        margin-bottom: 25px;
        text-align: center
    }

    .heading-mobile {
        margin-bottom: 17px
    }

    .benefit-card {
        position: relative;
        top: auto!important;
        right: auto!important;
        left: auto!important;
        bottom: auto!important;
        transform: translate(0)!important;
        border-radius: 4px;
        max-width: 225px;
        height: auto;
        width: 48%;
        gap: 8px;
        border: 1px solid var(--dark-green);
        padding: 15px
    }

    .benefits-box {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        margin: 0
    }

    .benefit-card h5 {
        margin: 0;
        font-size: 14px
    }
}

@media (max-width: 576px) {
    form.associates-form {
        padding:15px;
        border-radius: 3px
    }

    .type-text {
        text-align: center
    }

    .opportunity-content-box-in,.ques-dsa-box p,.recession-text-box p,.refer-content-in .type-text {
        text-align: left
    }

    .associate-content-box p {
        line-height: 18px
    }

    .associate-content-box h1 {
        font-size: 20px;
        line-height: 25px;
        text-align: center
    }

    .associate-content-box {
        padding: 0 0 21px
    }

    .associate-content-box-top p {
        display: none
    }

    .distribution-card {
        width: 50%;
        padding: 0!important;
        border: 0!important;
        max-width: 170px
    }

    .our_distribution {
        padding: 0;
        margin-top: 0;
        justify-content: center;
        gap: 20px
    }
}

@media (max-width: 420px) {
    .our_distribution {
        padding:0;
        margin-top: 0;
        justify-content: center;
        gap: 5px 11px
    }

    .distribution-card {
        max-width: 132px
    }

    .associate-content-box p {
        font-size: 13px;
        line-height: 28px!important
    }

    .associates-form .cs-form-input {
        margin-top: 6px!important
    }

    .associates-form .cs-form-input label {
        font-size: 12px;
        font-weight: 600
    }

    .associates-form .cs-input-box input {
        height: 35px;
        padding: 0 5px;
        font-size: 12px
    }
}

.display-equity,.loantype-wrap-eqi {
    gap: 20px;
    display: flex
}

.ul-offer h2 {
    font-size: 22px
}

section.equity-form {
    padding: 30px 0;
    min-height: 85vh;
    max-height: 85vh
}

.equity_form {
    background: #f2efef12;
    padding: 2rem 2rem 1rem;
    box-shadow: 2px 3px 3px #e0dddd
}

.equity-form-head {
    font-size: 55px;
    font-weight: 700;
    color: #025a5f;
    line-height: 58px
}

.equity-check {
    justify-content: initial!important
}

.equity-ques-head {
    background: #025a5f;
    padding: 7px;
    color: #fff;
    font-size: 13px
}

.Equityy input {
    background: 0 0;
    border: none
}

.equity-forms-head p {
    font-size: 23px;
    margin-top: 15px
}

.equity-check label,.form_accordian .accordion-item button,.step4-acc .accordion-item button {
    font-size: 13px;
    font-weight: 600
}

input#myFile2 {
    z-index: 2;
    position: relative;
    margin-bottom: 20px;
    height: 150px;
    background: #efefef;
    opacity: 0
}

.addintell {
    justify-content: center;
    height: 150px;
    border: 1px solid #e1e1e1;
    background: #f1f0f054;
    position: absolute;
    top: 0;
    width: 100%
}

.loantype-wrap-eqi {
    justify-content: center;
    align-items: center
}

.equity-rev {
    font-size: 20px;
    padding: 10px 0;
    font-weight: 500
}

.adData {
    background: #f9fcfc;
    padding: 10px;
    border: 1px solid #dbdede;
    cursor: pointer
}

.Equityy {
    padding: 0!important;
    width: 100%
}

.loantype_equi input {
    background: 0 0!important;
    border: none!important
}

span.unit.unitSelect {
    position: absolute;
    width: 45px;
    height: 40px;
    left: 33px;
    z-index: 2;
    top: 110px
}

.preivew-image,.wrapping {
    width: 200px;
    height: 200px
}

.textFund textarea {
    width: 100%!important;
    border: 1px solid #dbdede!important
}

span.impEqui {
    color: red
}

.display-equity.gap-equal {
    gap: 5px!important
}

.eqi-private input[type=file] {
    width: 200px;
    height: 200px;
    background: #efefef!important;
    border: none!important;
    position: relative;
    z-index: 2;
    opacity: 0
}

.upload-pri-wrap {
    position: absolute;
    top: 10px
}

.wrapping {
    background: #efefef;
    color: #c2bebe;
    justify-content: center
}

.loanTypebtn.loan-card-box {
    justify-content: center;
    display: flex
}

@media screen and (max-width: 990px) {
    section.equity-form {
        max-height:initial;
        min-height: initial
    }

    .equity-form-head {
        font-size: 30px;
        line-height: 35px
    }

    .equity-forms-head p {
        font-size: 18px
    }
}

.preivew-image {
    border: 1px solid #f7f6f6;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    background: #fff;
    border-radius: 5px
}

.demo-image {
    opacity: .6
}

img.perview-img.uploaded-image {
    object-fit: contain;
    position: relative;
    max-height: 200px;
    max-width: 200px;
    align-self: center
}

.upload-image-box {
    max-width: 200px;
    margin: auto auto 40px;
    height: 200px;
    position: relative
}

.btn-custom {
    background: #2f2f2f2f;
    color: #5a5757;
    gap: 10px;
    padding: 5px 20px;
    margin: 3px 0;
    border-radius: 0
}

.privity-form-section {
    background: #f5f5f5;
    padding: 50px 0
}

.next-button,.pre-button,.pre-submit,.sub_form,.working-form {
    background: #fff
}

label.upload-lable {
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

p.uplogo {
    margin: auto;
    color: #333;
    opacity: .9
}

.EF-form-group {
    margin-bottom: 20px
}

.EF-form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #333
}

.EF-form-group input,.EF-form-group select,.coldflex input {
    width: 100%;
    height: 40px;
    padding: 9px;
    border-radius: 2px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    opacity: .9;
    margin-top: 5px;
    outline: 0
}

.EF-form-group input:focus,.EF-form-group select:focus {
    border-color: #025a5f;
    box-shadow: 0 5px 16px -5px #025a5f78
}

span.require {
    font-size: 13px;
    color: red
}

.accordion_display {
    gap: 30px
}
.inner-text-in{
    padding-top: 0 !important;
}
.textFund textarea {
    height: 129px
}

.acc-it {
    margin: 10px 0!important
}

select#fundRequire {
    padding-left: 3rem
}

.accordion-item.acc-it div {
    font-size: 13px;
    font-weight: 700
}

.sub_form {
    padding: 3rem 2rem 0
}

.next-button {
    margin: 2rem 0 2rem 2rem
}

.pre-button,.pre-submit {
    padding: 2rem 0 1rem 2rem
}

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

.step4-acc {
    padding-top: 2rem
}

.EF-form-group.Ef-dflex {
    display: flex;
    gap: 20px;
    padding: 1rem 0 0 1rem
}

.rcflex {
    display: flex!important;
    align-items: end
}

.coldflex input {
    height: 40px!important;
    padding: 9px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    opacity: .9;
    margin-top: 5px;
    outline: 0
}

.associate-hero-section .ass-hero {
    padding: 100px 0 0!important
}

ul.faq-limit {
    list-style: disc;
    margin-left: 1rem
}

.working-priv {
    width: 25%
}

.equity_border {
    margin-left: 20px
}

.working-form {
    padding: 30px;
    margin-top: 25px
}

.work-sub {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px
}

.mb-wc {
    margin-bottom: 10px!important
}

.working-inner-fome {
    min-width: 300px
}

section.associate-hero-section.associate-he-sec {
    padding: 100px 0 50px
}

@media screen and (max-width: 1025px) {
    .working-inner-fome {
        min-width:250px
    }

    .gap-row {
        gap: 30px
    }
}

@media screen and (max-width: 991px) {
    .why_us {
        width:auto
    }

    .pro-rating-image {
        flex-wrap: wrap
    }

    .col-lg-3.col-md-6.col-12.margin-form {
        margin-top: 10px
    }

    .margin-tap {
        margin-top: 10px!important
    }
}

@media screen and (max-width: 768px) {
    .testimonial_img {
        left:50%!important
    }

    .testimonial_box .owl-nav span {
        font-size: 18px
    }

    .rc_credit_img,.shopabout-img {
        width: auto
    }

    section.franchise-form-secrtion .eligibility-form-box {
        margin: auto
    }

    .get-parner-content {
        margin: 0 auto 57px;
        max-width: 400px;
        height: auto
    }

    .row.franchise-page-row {
        flex-wrap: wrap-reverse
    }

    .fact-sectoin.factor-section {
        margin: 0
    }

    .container.factor-section-container {
        padding: 0;
        box-shadow: none
    }

    .as-content-mb,.gr {
        display: none
    }

    .factor-section-heading-box {
        margin: 40px 0 0;
        padding: 15px
    }

    .pro-rating.pro-rating-section {
        max-width: 100%
    }

    .yup-row {
        margin-bottom: 2rem
    }

    .grab-per-form {
        display: grid;
        grid-template-areas: "grid1 grid2" "grid3 grid4" "grid5 grid6"
    }

    .question-box.co-borrow {
        width: initial;
        padding-top: 0
    }

    .grab-per-form .Cibil input,.grab-per-form .Cibil select {
        width: 70%!important
    }

    .Cibil.grab-duration {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 0
    }

    .cibil.grab-loan {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .grab-loan input[type=range] {
        width: 40%!important
    }

    .gap-row {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .col-lg-3.col-md-6.col-12.margin-tab {
        margin-top: 10px
    }

    .oppertunity-title {
        font-size: 20px
    }

    section.associate-hero-section.associate-he-sec {
        padding: 20px 0 50px
    }
}
p.otp-number {
    font-size: 14px;
    font-weight: 500;
}

p.otp-number span.fw-bold {
    color: #007f86;
}
@media screen and (max-width: 993px) {
    .main-inner--container {
        padding: 23px 0 70px;
    }
    .inner-hero-banner.hdfc_cr:after {
        height: 50%;
    }
}
@media screen and (max-width:767px) {
    .main-container.new-main-container {
        padding: 0;
    }
    h5.generate-otp-heading.in-banner-heading.text-capitalize b, h5.generate-otp-heading.in-banner-heading.text-capitalize {
        font-size: 18px;
        font-weight: 500 !important;
        color: #fff;
        font-family: 'Poppins';
        margin: 0;
    }
    .main-inner--container {
        padding:13px 0 0 0 !important;
    }
    .CardImg_box {
        margin: 0px 0 19px !important;
    }
    ul.advantage-ul.doc-type-ul.banner-fe-list {
        gap: 5px;
    }
    p.pro-inner-rating {
        padding: 0;
        background: transparent;
    }
    .doctype-row {
        padding: 0;
    }
    .desktop-title {
        display: none;
    }
    .inner-text-in {
        padding: 0 !important;
    }
    .form-wraps {
        border-radius: 10px;
    }
}
@media screen and (max-width: 576px) {
    .main-container.new-main-container {
        padding: 0;
    }
    
    .fact-sectoin.factor-section {
        margin: 0;
        padding: 0px 15px 0px 15px;
    }
    p.pro-inner-rating {
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
    
    .pro-rating-image li.ad-list h5 {
        font-size: 11px !important;
        font-weight: 500 !important;
    }
    
    .pro-rating-image li.ad-list h5 span {
        font-weight: 500 !important;
    }
    
    ul.advantage-ul.doc-type-ul.banner-fe-list {
        gap: 3px;
        padding: 0 !important;
    }
    
    .doctype-row {
        padding: 0;
    }
}
@media screen and (max-width: 320px) {
    .workingbox {
        padding-top:30px
    }
}


.container.factor-section-container table td, .container.factor-section-container table th {
    font-size: 12px !important;
}
.table-factor {
    height: 400px;
    overflow: auto;
}

.newloan{
    border-bottom: 0;
}
.loan-maney {
    box-shadow: 2px 1px 5px #e8e6e9;
}

 .inner-hero-banner.card-page,.inner-hero-banner1 {
    display: none;
}
.table-wrap-com{
    display: flex;
    gap: 30px;
}
.bps-heading-box {
    font-size: 13px;
    font-weight: 500;
}
ul.in-benefit p {
    padding: 10px 0 20px 0;
}
section.what-personal-section {
    padding: 65px 0 0;
}
.login-new-box {
    margin-top: 20px;
}

@media screen and (max-width:992px){
button.read-more-button {
    margin-bottom: 20px;
}
}

.best-product-search{
    display: flex;
    justify-content: end    ;
    margin-bottom: 10px;
    margin-right: 99px;
}

/* qa css  */
button.show-less-button {
    margin-bottom: 20px;
}
.xcard-applybtn.mar {
    padding-top: 10px;
}
.xcard-info-name {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Roboto Condensed';
}
.xcard-info-img {
    width: 100px;
}
.row.header-row {
    padding: 10px;
}
.benefits-1 .circle-checkmark {
    padding-bottom: 10px;
}
@media screen and (max-width:768x){
    .xcard-info{
        justify-content: space-around;
    }
    .xcard-info-img img{
        height: 30px!important;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


.naratri-banner-slider img {
    width: 100%;
    object-fit: cover;
}

.disclaimer {
   background: center center / cover no-repeat rgb(32, 30, 31);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  border-top: 1px solid #eee;
}

.ticker {
  display: inline-block;
  padding-left: 100%;
  animation: tickerScroll 300s  linear infinite;
}

.disclaimer  p{
    color: #fff !important;
}
.disclaimer  p strong{
    color: #00796a;
} 
.ticker-text {
  display: inline;
  margin-right: 50px;
}

  @keyframes tickerScroll {
          0% {
            transform: translateX(100%);
          }
          100% {
            transform: translateX(-100%);
          }}