.hero-ul li:after,.thm-btn1:after,.thm-btn:after {
    content: '';
    position: absolute;
    left: 0
}

*,.tgl,.tgl *,.tgl :after,.tgl :before,.tgl+.tgl-btn,.tgl:after,.tgl:before {
    box-sizing: border-box
}

.btn2 .icon,.btn2 .icon:after,.btn2 .icon:before {
    height: 3px;
    width: 30px;
    background-color: #009688;
    position: absolute
}

.btn2 .icon:after,.btn2 .icon:before {
    content: ""
}

.btn2,.btn2 .icon,.btn2 .icon:after,.btn2 .icon:before,.btn2.open .icon {
    transition-duration: .5s
}

.refer-container,.sidebar-input-box .loanType,body,ul {
    padding: 0
}

.shape-2,.shape-3 {
    transform: rotate(-45deg)
}

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

.thm-btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    /* min-width: 114px; */
    outline: 0!important;
    background-color: var(--dark-green);
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    border-radius: 8!important;
    padding: 7px 12px 7px 13px;
    transition: .5s linear;
    overflow: hidden;
    z-index: 1;
    border: 2px solid  transparent;
}

.best-top .besth6,.best-top p,.common-big-heading,.hero-ul li {
    color: var(--text)
}

.bests-icon-box,.bests-tab,.desktop-header .navbar-brand {
    display: flex;
    align-items: center
}

.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,a.pre-btn,a.ul-div-link {
    text-decoration: none
}

.tgl-light:checked+.tgl-btn,.why-list-check:after,a.thm-btn.feature-four__top-btn.refer-btn::after,section.cs-hero-banner,section.refer-earn-section,ul.status-list .status-ul.active:before {
    background: var(--dark-green)
}

.thm-btn1:after,.thm-btn:after {
    top: -1px;
    width: 100%;
    transform: translate3d(0,-100%,0);
    z-index: -1;
    height: 100%;
    background-color: #000
}

.best-mid-wrap,.imp,.imp-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px
}

.thm-btn:after {
    height: 109%;
    background-color: var(--dark-yellow)
}

.best-rel-pro .nav-pills .nav-link.active .best-icon-txt,.hdfc-apy-btn a,.nav-pills .show>.nav-link .best-icon-txt {
    color: #fff
}
 

.mobile-hero-heading h1 {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 26px;
    color: var(--text)
}

section.what-section {
    position: relative;
    padding: 65px 0;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: revert;
    min-height: 322px
}

section.what-section:after {
    content: '';
    position: absolute;
    width: 26%;
    height: 63%;
    top: 0;
    right: 0;
    background: url(../images/about-6-bg-c-1.png) top right/contain no-repeat;
    z-index: -1;
    opacity: .6;
    display: none
}

.why-refer-img-home {
    position: relative;
    z-index: 0
}

.why-refer-img-home img {
    width: 478px!important;
    aspect-ratio: 1
}

.refer-exp {
    position: absolute;
    left: 4%;
    bottom: 2%;
    line-height: 25px;
    display: none
}

.mob-app-st p span,.refer-exp,.refer-exp span {
    color: var(--dark-yellow)
}

.refer-exp span {
    font-size: 40px;
    font-weight: 900
}

.why-referloan-heading {
    font-size: 30px;
    font-weight: 600!important;
    color: var(--text);
    margin: 0 0 20px;
    padding-left: 12px;
    position: relative
}

.why-referloan-content p {
    font-size: 15px;
    color: var(--text);
    line-height: 25px
}

.why-referloan-heading:after {
    content: '';
    position: absolute;
    height: 87%;
    width: 5px;
    border-left: 2px solid var(--text);
    border-right: 2px solid var(--text);
    display: none
}

.why-referloan-heading.new-why-refer {
    padding: 0;
    margin-bottom: 7px
}

.why-referloan-heading.new-why-refer span {
    font-size: 25px;
    color: var(--text);
    font-weight: 600
}

.why-referloan-content span {
    color: var(--text);
    font-weight: 500;
    font-size: 15px
}

span.type.refer-heading.new-type {
    min-height: 25px;
    display: inline-block
}

.why-list-content {
    max-width: 606px;
    margin-left: 31px
}

.why-list-content h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 40px
}

.why-about-ul {
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.why-about-ul ul {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0
}

.why-referloan-content ul li {
    font-size: 16px;
    line-height: 24.5px;
    display: flex;
    gap: 14px
}

.why-list-check {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    position: relative;
    border: 1px solid var(--dark-green);
    margin-top: 7px;
    padding: 0!important
}

.why-list-check:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    border: 0!important
}

.play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

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

section.cs-hero-banner {
    padding-top: 155px !important;
}

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

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

.video-play-button:after {
    z-index: 1;
    top: 50%;
    transition: .2s
}

.video-play-button 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
}

section.refer-earn-section {
    overflow: hidden;
    position: relative;
    min-height: 350px;
    height: 100%;
    display: flex;
    align-items: end
}

.shape-1 {
    display: inline-block;
    position: absolute;
    height: 200px;
    width: 200px;
    top: -11%;
    z-index: 1;
    left: -3%;
    border-radius: 50%;
    background: #067076;
    opacity: .5
}

.shape-2 {
    bottom: 0;
    left: 0;
    border: 3px solid #067076;
    border-radius: 50px
}

.shape-2,.shape-2:after,.shape-3,.shape-3:after {
    height: 90px;
    width: 200px;
    opacity: .5;
    position: absolute
}

.shape-2:after,.shape-3:after {
    content: '';
    bottom: -23px;
    left: -12px;
    border: 1px solid #067076;
    border-radius: 50px;
    background: #067076
}

.shape-3 {
    right: 0;
    top: 0;
    border: 3px solid #067076;
    border-radius: 50px
}

.refer-content {
    display: flex;
    align-items: center;
    height: 100%
}

.refer-content-in {
    width: 90%;
    position: relative;
    z-index: 3
}

.refer-heading {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    height: 48px;
    display: block
}

span.type::after {
    content: "|";
    display: inline;
    animation: .7s infinite blink
}

.typed-cursor {
    opacity: 0;
    display: none
}

.text-content {
    color: #fff;
    opacity: .9;
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0 20px
}

.text-content p {
    color: #fff;
    font-weight: 200
}

.btn-dis {
    display: flex;
    gap: 20px
}

a.thm-btn.feature-four__top-btn.refer-btn {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff
}

.mobil-img-box,.refer-earn-img {
    display: flex;
    justify-content: end
}

.offer-header {
    height: 31px;
    position: relative;
    box-shadow: 1px 0 15px -4px #2f2f2f2f;
    z-index: 20000
}

h3.ofer-content,h3.ofer-content a {
    font-size: 15px;
    margin: 0;
    line-height: 30px
}

h3.ofer-content a span {
    color: var(--dark-green);
    font-weight: 600!important
}

span.close-offer {
    border-radius: 2px;
    right: 4px;
    z-index: 2000
}

.offer-popup-section {
    background: #005b607a;
    z-index: 2005!important;
    backdrop-filter: blur(3px)
}

button.close-popup {
    position: absolute;
    color: #fff;
    top: -36px;
    right: 0;
    font-size: 26px;
    padding: 0;
    text-shadow: 1px 3px 2px #2f2f2f2f
}

@media screen and (max-width: 991px) {
    .refer-content-in {
        width:71%;
        padding: 40px 0;
        margin: auto;
        text-align: center
    }

    section.refer-earn-section {
        min-height: 300px
    }

    span.type.refer-heading {
        font-size: 13px;
        line-height: 16px!important
    }

    .btn-dis {
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .best-rel-pro.mobile-pro {
        display:block;
        min-height: 667px;
        padding: 25px 0
    }

    .offer-header {
        z-index: 2
    }

    .btn-dis {
        justify-content: flex-start
    }
}

section.credit-section {
    padding: 65px 0;
    background: url(../images/left-bg.png) left top no-repeat,url(../images/right-bg.png) right top no-repeat
}

.financial-heading {
    gap: 15px
}

.check-credit-box-out {
    margin-top: 16px;
    position: relative;
    width: 100%
}

.check-credit-card {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 30px;
    border-radius: 6px;
    background: linear-gradient(to right,#b6d7de 30%,#e6f4f7 41%,#e6f4f7 76%,#b6d7de 93%)
}

.best-top1,.check-credit-card {
    justify-content: space-between
}

.eni-calculator .check-credit-card {
    background: linear-gradient(to right,rgb(255 193 7 / 56%) 30%,rgb(255 193 7 / 17%) 41%,rgb(255 193 7 / 13%) 76%,rgb(255 193 7 / 50%) 93%);
    border-color: #ff9800
}

.check-credit-card.emi-card {
    padding: 15px 0
}

.check-link-c h5 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 0
}

.check-link-c .check-c b {
    font-weight: 700;
    color: var(--dark-green)
}

 
.check-credit-card .feature-four__top-btn-box,section.cs-emicalculator .check-credit-box-out {
    margin-top: 0
}

.financial-btn .thm-btn.feature-four__top-btn {
    padding: 7px 16px;
    font-size: 14px
}

.incentive-form-box-out {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%
}

.incentive-form-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    max-width: 401px;
    width: 389px;
    padding: 20px;
    border-top: 6px solid #2f2f2f2f;
    border-left: 6px solid #2f2f2f2f;
    box-shadow: 9px 8px 20px -19px #2f2f2f2f
}

.incentive-form-heding-box {
    padding: 0 0 20px;
    color: #fff
}

.incentive-floating,.income-box {
    margin-bottom: 15px
}

.incentive-floating label {
    display: block;
    font-size: 13px;
    color: var(--text);
    opacity: .9;
    font-weight: 600;
    margin-bottom: 4px
}

.check-incentive-form.call-back-form .search-button {
    width: 100%!important;
    margin-top: 15px
}

.check-credit-card img {
    height: 100px
}

.best-top1,.col-check-row,.dow-anchor,.mob-store,.why-about-ul {
    display: grid
}

.feature-div-subsidy.feature-div-subsidy-2nd h6,.form-group.salayried span,.mob-app-st .headh2,span.Know-more {
    font-weight: 600
}

.no-risk {
    background: #f5f7fa;
    padding: 84px 0;
    position: relative;
    z-index: 4
}

section.no-risk:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 27%;
    background: hsl(260 20% 91% / 1);
    z-index: -1
}

.best-pro-question-box {
    background: #fff;
    position: relative;
    box-shadow: 0 12px 17px -12px #2f2f2f2f;
    max-width: 450px;
    border-radius: 0 0 10px 10px
}

.best-pro-question-box-heading {
    padding: 15px;
    color: #fff;
    background: var(--dark-green)
}

.best-pro-question-box-heading h3 {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    margin: 0
}

.best-offer-bank p,.filter-group p,.row.pin-row label,.sidebar h2,.subsidy-check label {
    font-size: 14px;
    color: var(--text)
}

.find-best-pro-form {
    padding: 16px 18px 42px
}

.question,.question-1 {
    font-weight: 600;
    color: var(--text)
}

.question {
    font-size: 15px
}

.question-1 {
    font-size: 11px;
    opacity: .8
}

.row.pin-row input[type=text],.row.pin-row select,select {
    margin: 0;
    font-size: 13px!important;
    font-weight: 600;
    color: var(--text);
    opacity: .8;
    padding: 0 10px;
    outline: 0
}

.find-best-pro-form .amout-title label {
    margin: 0!important
}

.best-pro-row.row.do-any-box {
    padding: 10px 5px 12px;
    margin: 12px 0;
    background: #f5f7fa
}

.col-check-row.best-pro-check {
    display: flex;
    margin: 8px 0
}

.question-check-box p {
    margin: 0 0 6px
}

.col-check-row {
    flex-wrap: wrap;
    gap: 10px 20px;
    display: flex
}

.find-best-pro-form .financial-br {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    width: 245px
}

.swiper.product-slider {
    padding: 0 11px
}

 
 

.icon:after,.pro-card:after,span.icon::before {
    position: absolute;
    background: #005b60;
    transition: .5s;
    content: ''
}

.pro-card {
    padding: 30px;
    background-color: #fff;
    position: relative;
    border: 1px solid #005b60;
    transform: translateY(0);
    transition: .3s;
    border-radius: 17px
}

.row.elegibility .col-md-6 {
    padding: 13px
}

.pro-card:hover {
    border: 1px solid transparent;
    box-shadow: 1px 7px 12px -10px #005b60
}

.pro-card:after {
    height: 30px;
    width: 30px;
    right: 5px;
    bottom: 5px;
    clip-path: polygon(100% 0,0% 100%,100% 100%);
    border-radius: 5pc
}

.pro-card:hover:after {
    height: 45px;
    width: 45px
}

span.icon {
    padding: 16px;
    position: relative;
    display: inline-block;
    height: 70px;
    width: 70px
}

span.icon::before {
    height: 100%;
    width: 4px;
    top: 0;
    left: 0
}

.icon:after {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0,1);
    transform-origin: left;
    z-index: -1
}

.pro-card:hover span.icon::after {
    transform: scale(1,1)
}

.pro-card:hover .icon1 img {
    padding: 25px;
    display: block;
    z-index: 999
}

span.icon .pro-image-withuot-hover,span.icon .pro-img-on-hover {
    position: absolute
}

.best-offer-bank p {
    margin: 30px 0;
    opacity: .8;
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

span.Know-more {
    color: #005b60;
    display: none
}

@media screen and (max-width: 760px) {
    .pro-card {
        width:98%
    }
}

section.mobile-app-section .container,section.product-list-header {
    z-index: 1;
    position: relative
}

.mobile-app-section {
    position: relative;
    color: #fff;
    background: var(--dark-green);
    overflow: hidden
}

.mobile-content-row {
    display: flex;
    justify-content: center;
    height: 100%;
    z-index: 1;
    padding: 47px 0
}

.m-content h4 {
    font-size: 35px;
    font-weight: 500;
    line-height: 40px
}

.ap-btn .thm-btn.feature-four__top-btn {
    color: #000;
    background: #fff;
    display: flex
}

.dow-anchor {
    align-items: center;
    justify-content: center;
    gap: 5px
}

.ap-btn span img {
    margin-right: 10px
}

.mob-store {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%
}

.mob-app-st .headh2 {
    font-size: 2rem
}

.mob-app-st p {
    padding: 0;
    color: #fff
}

.best-top span,p.count-people {
    font-weight: 500;
    color: #005b60
}

.mob-app-st p span {
    font-size: 30px;
    font-weight: 900;
    margin-right: 10px
}

@media screen and (max-width: 1025px) {
    .best-offer-heading-box h3.heading-offer,.check-link-c .check-c {
        font-size:19px
    }

    .incentive-form-heding-box .inc-hrad {
        font-size: 19px;
        margin: 0
    }

    .incentive-form-heding-box p {
        margin: 0
    }

    .pro-card {
        padding: 15px
    }

    .best-offer-bank p {
        text-align: left
    }

    .m-content h4 {
        font-size: 27px;
        line-height: 30px
    }

    .mob-app-st .headh2 {
        font-size: 22px
    }

    .mob-store {
        padding: 2rem 0
    }
}

@media screen and (max-width: 768px) {
    .mobile-app-section {
        padding:20px 0
    }

    .mobile-content-row {
        align-items: center;
        text-align: center;
        padding: 0
    }

    section.our-impact {
        padding: 35px 0
    }
}

section.our-impact {
    padding: 0px 0 65px;
}

.best-top {
    margin-bottom: 30px;
    max-width: 50%
}

.best-top span {
    letter-spacing: 2px;
    font-size: 15px
}

.best-top .besth6 {
    font-size: 30px;
    font-weight: 600;
    margin: 3px 0 14px
}

.best-top p {
    font-size: 17px;
    line-height: 30px
}

.best-mid {
    max-width: 100%!important
}

.c-short-he {
    font-size: 16px;
    font-weight: 600
}

p.count-people {
    font-size: 34px;
    margin: 13px 0
}

.best-top.best-mid span {
    font-size: 16px;
    color: var(--text)
}

.bests-icon-box {
    border: 1px solid #dbe8f9;
    padding: 0 18px;
    border-radius: 6px;
    min-height: 80px;
    max-width: 220px;
    justify-content: center;
    background: #fff;
    box-shadow: 0 12px 13px -13px #ecf4ff;
    transition: box-shadow .3s
}

.best-top1 .bestheadh2,.best-top1 h2,.incentive-form-heding-box .inc-hrad {
    font-size: 30px;
    font-weight: 600;
    color: var(--text)
}

.bests-icon-box:hover {
    box-shadow: 0 12px 13px -13px #ecf4ff;
    border: 1px solid #dbe8f9
}

.bests-icon-box:hover~.bests-icon-box {
    box-shadow: none;
    border: 1px solid transparent
}

@media screen and (max-width: 426px) {
    .check-credit-card {
        display:block;
        text-align: center
    }

    .check-link-c {
        text-align: left;
        margin: 15px 0
    }

    .bests-icon-box {
        width: 100%
    }
}

section.partner-acc {
    padding: 65px 0;
    background: #f5f7fa
}

.best-top1 {
    align-items: center;
    padding: 0 15px 11px
}

.bests-tab {
    justify-content: space-between;
    min-height: 100%
}

@media screen and (max-width: 1150px) {
    .best-rel-pro .best-icon-txt {
        width:90%;
        line-height: initial
    }
}

.bests-tab,.pro-row {
    flex-wrap: wrap;
    gap: 17px;
    justify-content: center
}

@media screen and (max-width: 1025px) {
    section.our-impact {
        padding:43px 0
    }

    ul.menubul {
        margin-top: 12px;
        padding-right: 6%
    }

    .bests-tab {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px
    }
}

@media screen and (max-width: 992px) {
    section.credit-section {
        padding:35px 0
    }

    .check-credit-box-out {
        margin-top: 15px
    }

    .financial-heading h3 {
        font-size: 19px;
        font-weight: 800;
        margin-bottom: 15px
    }

    .check-credit-card {
        padding: 15px 32px
    }

    .financial-btn .thm-btn.feature-four__top-btn {
        padding: 7px 0;
        font-size: 12px
    }

    .incentive-form-box-out {
        margin-top: 27px;
        position: relative;
        display: block
    }

    .incentive-form-box {
        max-width: 100%;
        width: 100%;
        box-shadow: 0 9px 22px -14px #2f2f2f2f;
        padding: 0 0 15px
    }

    .incentive-form-heding-box {
        background: hsl(260 20% 91% / 1);
        border: 1px solid;
        padding: 15px;
        text-align: center
    }

    form.check-incentive-form.call-back-form .input-boxes {
        display: grid;
        grid-template-areas: 'radio radio radio' 'name phone pin ';
        gap: 10px;
        padding: 0 20px;
        margin: 0
    }

    .incentive-floating.en-name {
        grid-area: name
    }

    .incentive-floating {
        margin-bottom: 8px
    }

    .incentive-floating.en-phone {
        grid-area: phone
    }

    .incentive-floating.en-pin {
        grid-area: pin
    }

    .incentive-radio {
        margin: 0!important;
        padding: 7px 0 9px 14px;
        background: #f5f7fa;
        grid-area: radio
    }

    .check-incentive-form.call-back-form .search-button {
        padding: 0 20px 8px;
        width: 202px!important
    }

    form.check-incentive-form.call-back-form .search-button {
        padding: 0;
        margin-top: 0
    }

    a.track img,li.nav-item img {
        height: 21px
    }

    .best-pro-question-box {
        margin: auto;
        max-width: 100%
    }

    .best-offer-bank p {
        text-align: left;
        margin: 10px 0
    }

    .why-about-ul {
        display: flex
    }

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

    .why-list-content {
        margin: 30px 0 0
    }

    .mobile-col,.refer-earn-img,.why-refer-img-home,.why-referloan-heading:after,h1 .why-referloan-heading:after {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .best-top {
        max-width:100%;
        margin-bottom: 5px
    }

    .best-top .besth6 {
        font-size: 25px;
        font-weight: 700;
        margin: 0 0 4px
    }

    .best-top p {
        font-size: 16px;
        line-height: 22px;
        margin: 15px 0
    }

    .best-top1 .bestheadh2,.best-top1 h2 {
        width: 70%;
        text-align: left!important;
        font-size: 19px
    }

    .apli-detail,.why-about-ul {
        display: flex
    }

    .why-about-ul {
        gap: 0
    }

    .why-about-ul ul {
        margin-bottom: 9px
    }
}

@media screen and (max-width: 577px) {
    .mobile-content-row {
        padding-top:1rem
    }

    .ap-btn .thm-btn.feature-four__top-btn {
        padding: 5px
    }

    .best-top {
        max-width: initial
    }

    .loanTypebtn.salry-box-card.dmt-account-box {
        flex-direction: column;
        gap: 8px;
        align-items: baseline
    }

    h4.c-short-he {
        font-size: 14px
    }

    .best-top1 .bestheadh2,.best-top1 h2,.incentive-form-heding-box .inc-hrad,p.count-people {
        font-size: 25px
    }

    .incentive-form-heding-box {
        padding: 7px 15px;
        margin-bottom: 14px
    }

    .incentive-form-box {
        border: 0;
        background: #f5f7fa
    }

    form.check-incentive-form.call-back-form .search-button {
        margin: auto
    }

    .best-top1 {
        display: block;
        padding: 0
    }

    .why-list-content h2 {
        margin-bottom: 13p
    }

    .why-referloan-content ul li {
        font-size: 14px;
        line-height: 29.5px
    }

    .why-about-ul ul {
        gap: 0;
        margin: 0
    }
}

@media screen and (max-width: 500px) {
    .check-link-c .check-c {
        font-size:17px;
        font-weight: 900
    }

    .check-link-c .check-c b {
        color: var(--dark-yellow)
    }

    form.check-incentive-form.call-back-form .input-boxes {
        grid-template-areas: radio 'name ' phone pin
    }

    .app-btn-mobile.ap-btn {
        display: flex
    }

    .mobil-img-box,.offer-header,.refer-earn-img {
        display: none
    }

    .best-offer-heading-box,.best-top1 .bestheadh2,.best-top1 h2 {
        width: 100%
    }

    .bests-tab {
        gap: 10px
    }
}

@media screen and (max-width: 427px) {
    .why-about-ul {
        display:block
    }

    section.what-section {
        min-height: 602px
    }

    section.refer-earn-section {
        min-height: 330px
    }

    .type-text {
        text-align: center;
        min-height: 40px
    }

    .partner-acc h2,section.testimonial_Area.new-testmonial .heading {
        font-size: 19px
    }

    .why-list-content {
        height: 252px;
        margin: 0
    }
}

.boxCard {
    position: relative;
    width: auto;
    background: #ffff;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #008577
}

.boxCard::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    transition: .5s ease-in-out;
    background: #008577
}

.boxCard:hover::before {
    width: 100%;
    background: #ecc3763b
}

.boxCard .content {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 20px 0
}

.boxCard .content .icon {
    position: relative;
    min-width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    transition: .5s ease-in-out
}

.boxCard .content .text p {
    margin-bottom: 0;
    font-size: 16px;
    color: var(--text);
    transition: .5s ease-in-out
}

.boxCard:hover .content .text p {
    color: #000
}

@media screen and (max-width: 576px) {
    .refer-content-in p,ul.ofer-hero-banner {
        display:block
    }

    a.thm-btn.feature-four__top-btn.nav-home-btn {
        height: 27px;
        min-width: inherit;
        padding: 0 10px
    }

    .mobile-pro input,.mobile-pro select {
        height: 33px!important;
        border-radius: 0!important
    }

    .check-credit-card {
        flex-direction: column;
        text-align: center;
        padding: 18px
    }

    span.icon {
        padding: 8px;
        height: 50px;
        width: 50px
    }

    .boxCard {
        height: 60px
    }

    .boxCard .content {
        margin: 10px 0;
        height: auto
    }

    .col-md-6.boxCard-spec {
        margin-top: 15px!important
    }
}

.card-bot-spec {
    margin-top: 15px!important
}

.find-best-pro-form .question-box {
    height: 100%;
    margin: 0
}

.best-refer-text-wrap {
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

@media screen and (max-width: 1400px) {
    .pro-card {
        padding:15px
    }

    .offer-card-top .ico-h5 {
        font-size: 14px
    }
}
table td p {
    padding: 0!important;
    font-size: 12px !important;
}