@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Thin.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-ExtraLight.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Light.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Regular.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Medium.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-SemiBold.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Bold.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-ExtraBold.woff2') format('woff2')
}

@font-face {
    font-display: swap;
    font-family: 'Spartan';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://maxcash.com/wp-content/themes/maxcashtheme/assets/fonts/Spartan-Black.woff2') format('woff2')
}

*,:after,:before {
    box-sizing: border-box
}

.has-regular-font-size {
    font-size: 1em
}

.has-larger-font-size {
    font-size: 2.625em
}

.has-normal-font-size {
    font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
    font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
    text-align: center
}

.has-text-align-left {
    text-align: left
}

.has-text-align-right {
    text-align: right
}

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

body {
    --container-pad-x: 30px;
    --gad-80: 80px;
    --orange-color: #29b379;
    --dark-green-color: #27432d;
    --heading-color: #333;
    --text-color: #090808;
    --green-txt-color: #29b379;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--text-color);
    font-family: 'Spartan',sans-serif;
    background: #fff;
    margin: 0;
    padding: 0
}

#page.site {
    margin: 0 auto;
    width: 100%;
    position: relative
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0
}

p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: var(--text-color);
    margin-bottom: 30px
}

p strong {
    font-weight: 600
}

a {
    color: inherit
}

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

.btn {
    max-width: 230px;
    width: 100%;
    font-weight: 700;
    font-size: 14px;
    margin: 0;
    padding: 18px 60px;
    color: var(--green-txt-color);
    border: 1px solid var(--green-txt-color);
    text-decoration: none
}

.btn:hover {
    text-decoration: underline
}

.orangeGrdBgBtn {
    color: #fff;
    border: none;
    background: #29b379
}

.orangeTxt {
    color: var(--green-txt-color)
}

.noBreak {
    white-space: nowrap
}

.align-center {
    text-align: center
}

.pt-50,.py-50 {
    padding-top: 50px !important
}

.pb-50,.py-50 {
    padding-bottom: 50px !important
}

.pt-80,.py-80 {
    padding-top: 50px !important
}

.pb-80,.py-80 {
    padding-bottom: 50px !important
}

.pt-100,.py-100 {
    padding-top: 50px !important
}

.pb-100,.py-100 {
    padding-bottom: 50px !important
}

.pt-200,.py-200 {
    padding-top: 200px !important
}

.pb-200,.py-200 {
    padding-bottom: 200px !important
}

.container {
    width: 100%;
    padding-right: var(--container-pad-x);
    padding-left: var(--container-pad-x);
    margin-right: auto;
    margin-left: auto
}

.container-fluid {
    width: 100%
}

@media (min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media (max-width: 767px) {
    .container {
        --container-pad-x:15px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--container-pad-x)*-.5);
    margin-left: calc(var(--container-pad-x)*-.5)
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--container-pad-x)*.5);
    padding-left: calc(var(--container-pad-x)*.5)
}

.col,.col-12 {
    flex: 1 0 0%;
    padding-right: calc(var(--container-pad-x)*.5);
    padding-left: calc(var(--container-pad-x)*.5)
}

@media (min-width: 768px) {
    .col-md-7 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

@media (min-width: 992px) {
    .col-md-6 {
        flex:0 0 auto;
        width: 50%
    }

    .col-md-4 {
        width: 33.33333333%
    }
}

@media (min-width: 1024px) {
    .col-lg-6 {
        flex:0 0 auto;
        width: 50%
    }
}

.d-none {
    display: none !important
}

.headingWrap .subheadline {
    font-weight: 600;
    font-size: 14px;
    line-height: 52px;
    color: var(--dark-green-color);
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: .31em
}

.headingWrap .headline {
    font-weight: 800;
    font-size: 38px;
    line-height: 52px;
    color: var(--heading-color);
    text-transform: capitalize
}

@media (max-width: 767px) {
    .headingWrap .headline {
        font-size:28px;
        line-height: 45px
    }

    .headingWrap .subheadline {
        line-height: 45px
    }
}

@media (max-width: 1023px) {
    .desktopVer {
        display:none
    }
}

@media (min-width: 1024px) {
    .mobileVer {
        display:none
    }
}

.site-header {
    position: absolute;
    z-index: 999;
    width: 100%
}

@media (max-width: 1024px) {
    .site-header {
        margin:0 15px;
        width: calc(100% - 30px)
    }
}

.site-header .innerWrap {
    height: 121px;
    padding: 0 63px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    max-width: 1440px
}

.site-header #site-navigation .menu-wrapper {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.site-header #site-navigation .menu-wrapper .menu-item {
    padding: 5px;
    margin: 0 18px
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children {
    padding-right: 18px;
    position: relative
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #353535;
    position: absolute;
    top: calc(50% - 2px);
    right: 0
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children:hover:after {
    border-bottom: 4px solid #353535;
    border-top: unset
}

.site-header #site-navigation .menu-wrapper .menu-item a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #353535;
    text-decoration: none
}

.site-header #site-navigation .menu-wrapper .menu-item:hover {
    text-decoration: underline
}

.site-header #site-navigation .menu-wrapper .menu-item .sub-menu-toggle {
    display: none
}

.site-header #site-navigation .menu-wrapper .menu-item .sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: max-content;
    top: 100%;
    left: 0;
    border: 1px solid #353535;
    border-radius: 4px;
    padding: 5px;
    background: #fff
}

.site-header #site-navigation .menu-wrapper .menu-item .sub-menu .menu-item {
    padding: 10px 15px;
    border-bottom: 1px solid #353535;
    margin: 0
}

.site-header #site-navigation .menu-wrapper .menu-item .sub-menu .menu-item:last-child {
    border: none
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children:hover>.sub-menu {
    display: block
}

.additionalNavWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px
}

.additionalNavWrap .loginLinkWrap .loginlink {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #353535;
    text-decoration: none;
    position: relative;
    padding-left: 20px
}

.additionalNavWrap .loginLinkWrap .loginlink .icon {
    position: absolute;
    content: "";
    width: 10px;
    height: 12px;
    top: calc(50% - 7px);
    left: 0
}

.additionalNavWrap .loginLinkWrap .loginlink:hover {
    text-decoration: underline
}

@media (min-width: 1024px) {
    .additionalNavWrap .loginLinkWrap .applyBtnWrap .btn {
        white-space:nowrap
    }
}

@media (max-width: 1400px) {
    .site-header .innerWrap {
        padding:0 50px
    }

    .additionalNavWrap {
        gap: 30px
    }
}

@media (max-width: 1200px) {
    .site-header .innerWrap {
        padding:0 30px
    }

    .additionalNavWrap .routeBtnWrap .btn {
        padding: 18px 40px
    }

    .site-header #site-navigation .menu-wrapper .menu-item {
        margin: 0 10px
    }
}

.mobileNavVer {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100vh;
    background: #fff;
    z-index: 99999;
    padding: 70px 20px 150px;
    overflow-y: scroll
}

.mobileNavVer .primary-menu-container .menu-wrapper .sub-menu-toggle {
    display: none
}

.mobileNavVer .primary-menu-container .menu-wrapper {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobileNavVer .primary-menu-container .menu-wrapper .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobileNavVer .primary-menu-container .menu-wrapper .sub-menu li {
    padding-left: 20px
}

.mobileNavVer .primary-menu-container .menu-wrapper li {
    border-top: 1px solid #000
}

.mobileNavVer .primary-menu-container .menu-wrapper>li:first-child {
    border-top: none
}

.mobileNavVer .primary-menu-container .menu-wrapper li a {
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    padding: 10px 15px;
    color: #0a142f;
    opacity: .7;
    display: block
}

.mobileNavVer .primary-menu-container .menu-wrapper li.menu-item-has-children:not(.open) .sub-menu {
    display: none
}

.mobileNavVer .primary-menu-container .menu-wrapper li.menu-item-has-children {
    position: relative
}

.mobileNavVer .primary-menu-container .menu-wrapper li.menu-item-has-children:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    border: solid #0a142f;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 18px;
    opacity: .7
}

.mobileNavVer .primary-menu-container .menu-wrapper li.menu-item-has-children.open:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.mobileNavVer .closeBtn {
    appearance: none;
    border: 1px solid #0a142f;
    background: 0 0;
    border-radius: 50%;
    margin: 0;
    padding: 5px;
    position: absolute;
    top: 20px;
    right: 30px
}

.mobileNavVer .closeBtn .dropdown-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.mobileNavVer .additionalNavWrap {
    display: block;
    text-align: center;
    margin-top: 30px
}

.mobileNavVer .additionalNavWrap .loginLinkWrap .applyBtnWrap a.btn {
    display: inline-block
}

.mobileNavVer .additionalNavWrap .loginLinkWrap {
    margin-bottom: 20px
}

.mobileNavVer .additionalNavWrap .loginLinkWrap .loginlink {
    font-size: 16px;
    display: inline-block
}

.mobileNavVer .additionalNavWrap .routeBtnWrap .btn {
    display: block;
    max-width: 100%
}

body.primary-navigation-open {
    overflow: hidden
}

body.primary-navigation-open:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999
}

body.primary-navigation-open .mobileNavVer {
    display: block
}

.site-header #site-navigation #primary-mobile-menu {
    background: 0 0;
    border: none;
    -webkit-appearance: none;
    appearance: none
}

@media (min-width: 1024px) {
    .mobileNavVer {
        display:none
    }
}

@media (max-width: 1023px) {
    .site-header .innerWrap {
        height:100px;
        padding: 0 15px;
        border-color: #090808
    }

    .site-header #site-navigation .fullNavWrap {
        display: none;
        position: absolute
    }

    .site-header .primary-menu-container {
        display: none
    }

    .site-header .additionalNavWrap {
        display: none
    }
}


.site-header {
    position: relative
}

.btn.gradientBtn {
    display: inline-block;
    max-width: 215px;
    background: linear-gradient(94deg,#29b57a 10.76%,#20856d 125.49%);
    box-shadow: 0px 4px 21px 0px rgba(0,0,0,.05);
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 20px;
    text-decoration: none !important
}

@media (min-width: 992px) {
    .col-lg-3 {
        flex:0 0 auto;
        width: 25%
    }
}

.site-header .site-branding .site-logo {
    padding-top: 0 !important
}

.site-header .topNav {
    display: none
}

.site-header {
    position: relative;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,.02)
}

.site-header .innerWrap {
    height: 110px;
    border-bottom: none
}

.site-header .site-logo .custom-logo-link+p {
    display: none
}

.site-logo img {
    max-width: 178px
}

@media (max-width: 1200px) {
    .site-header .innerWrap {
        padding:0 24px
    }

    .site-header {
        margin: 0;
        width: 100%
    }
}

@media (max-width: 1030px) {
    .site-header .innerWrap {
        padding:0 20px
    }
}

@media (max-width: 767px) {
    .site-header .site-logo .custom-logo-link {
        display:flex;
        margin-bottom: 5px;
        justify-content: center
    }

    .site-header .site-logo .custom-logo-link+p {
        margin-bottom: 0;
        color: #211e1e;
        text-align: center;
        font-size: 8px;
        font-weight: 400;
        line-height: 12.135px
    }
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children:after {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: calc(50% - 4px)
}

.site-header #site-navigation .menu-wrapper .menu-item.menu-item-has-children:hover:after {
    border-bottom: 2px solid
}

.additionalNavWrap .loginLinkWrap {
    display: none
}

.additionalNavWrap .callLinkWrap {
    display: block !important
}

.additionalNavWrap .callLinkWrap a {
    color: #211e1e;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none
}

.additionalNavWrap .callLinkWrap a span {
    display: none
}

.additionalNavWrap .callLinkWrap a .link span {
    display: inline-block
}

.additionalNavWrap .callLinkWrap a .link {
    padding-top: 2px;
    display: block;
    background: linear-gradient(180deg,#29b57a 0%,#20856d 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800
}

footer.site-footer.additional {
    display: block !important
}

footer.site-footer {
    background: #fafafa;
    padding-top: 40px
}

footer .col5Wrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding: 0;
    margin-bottom: 0
}

footer .col5Wrap .col {
    margin-bottom: 0
}

footer .col5Wrap .col.logoCol {
    display: none
}

footer .footerNavWrap .widget-title,footer .footerNavWrap .footerNavTitle {
    color: #211e1e;
    font-size: 16px;
    font-weight: 500;
    line-height: 33.6px;
    letter-spacing: -.14px;
    margin-bottom: 5px
}

footer .footerNavWrap nav,footer .footerNavWrap .footerNav {
    margin-top: 0
}

footer .footerNavWrap nav ul li,footer .footerNav ul li {
    margin-bottom: 5px
}

footer .footerNavWrap nav ul li a,footer .footerNav ul li a {
    color: #474747;
    font-size: 13px;
    font-weight: 500;
    line-height: 31.2px
}

footer .footerNavWrap {
    position: relative;
    height: 100%;
    margin: 0
}

footer .footerNavWrap:after {
    content: "";
    position: absolute;
    border-left: 1px solid #e8e8e8;
    height: 100%;
    right: 50px;
    top: 0
}

footer .col5Wrap .col:last-child .footerNavWrap:after {
    display: none
}

footer .footerNavWrap nav ul li a,footer .footerNav ul li a {
    opacity: 1
}

footer .copyRightText {
    margin: 35px 0;
    padding: 0;
    border: none;
    text-align: left;
    color: #211e1e;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    opacity: 1
}

footer .disclaimerWrap p {
    color: #211e1e;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    opacity: 1
}

footer ul.socialLinks li a {
    opacity: 1
}

footer .socialLinksWrap.mobile-view {
    display: none
}

@media (max-width: 1024px) {
    footer .col5Wrap {
        grid-template-columns:repeat(2,1fr)
    }

    footer .footerNavWrap:after {
        display: none
    }

    footer .col5Wrap .col {
        text-align: left
    }

    footer .col5Wrap .col:first-child {
        margin-bottom: 50px
    }

    footer ul.socialLinks {
        justify-content: left !important;
        gap: 10px
    }

    footer ul.socialLinks li a img {
        width: 26px
    }

    footer ul.socialLinks {
        display: none
    }

    footer .socialLinksWrap.mobile-view {
        display: block;
        margin-top: 30px
    }

    footer .socialLinksWrap.mobile-view ul.socialLinks {
        display: flex;
        justify-content: center !important
    }

    footer .copyRightText {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    footer ul.socialLinks {
        justify-content:center !important;
        gap: 5px 15px
    }

    footer ul.socialLinks li a i {
        font-size: 20px
    }
}

/* hero section */
.heroSectionWrap {
    position: relative;
    padding: 65px 0;
}
.heroSectionWrap .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 1600px;

    border-radius: 31px;
    overflow: hidden;

    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: -1;

    background: #000;
}
.heroSectionWrap .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.52;
}
.heroSectionWrap > .container > .row {
    align-items: center;
}
.heroSectionWrap .headlineWrap h1 {
    color: #FFF;
    font-size: 47px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 25px;
}
.heroSectionWrap .headlineWrap p {
    color: rgba(255, 255, 255, 0.88);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px; /* 138.889% */
}
.heroSectionWrap .formSectionWrap {
    border-radius: 32px;
    background: #FFF;
    padding: 26px;
}
.heroSectionWrap .formSectionWrap .formHeader {}
.heroSectionWrap .formSectionWrap .formHeader h2 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 22.68px; /* 126.002% */

    margin-bottom: 18px;
}
.heroSectionWrap .formSectionWrap .form-row {}
.heroSectionWrap .formSectionWrap .form-group {
    margin-bottom: 18px;
}
.heroSectionWrap .formSectionWrap .form-group label {
    color: rgba(18, 20, 29, 0.49);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    margin-bottom: 4px;
    display: block;
}
.heroSectionWrap .formSectionWrap .form-group label.error {
    color: #dc3545;
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 10px;
    line-height: normal;
    font-weight: 500;
}

.heroSectionWrap .formSectionWrap .form-group input,
.heroSectionWrap .formSectionWrap .form-group textarea,
.heroSectionWrap .formSectionWrap .form-group select {

    border-radius: 5px;
    border: 1px solid #DDE1E0;
    background: #FFF;

    padding: 8px 20px;

    width: 100%;

    color: #12141D;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    font-family: 'Spartan',sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.heroSectionWrap .formSectionWrap .form-group .form-control.error {
    border-color: #dc3545;
}
.heroSectionWrap .formSectionWrap .form-group .selectWrap {
    position: relative;
}
.heroSectionWrap .formSectionWrap .form-group .selectWrap::after {
    content: "";
    position: absolute;

    top: calc(50% - 2px);
    right: 16px;
    width: 8px;
    height: 8px;

    border: 1px solid #12141D;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg) translateY(-50%);
}
.heroSectionWrap .formSectionWrap .submitBtnWrap {}
.heroSectionWrap .formSectionWrap .submitBtnWrap .btn {
    border-radius: 10px;
    background: #14B082;
    padding: 16px 20px;

    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px; /* 150% */

    width: 100%;
    max-width: 100%;

    cursor: pointer;
    text-decoration: none;
}


/* whySectionWrap */
.whySectionWrap {
    position: relative;
    padding: 110px 0 150px;
}
.whySectionWrap .headlineWrap {
    margin-bottom: 50px;
}
.whySectionWrap .headlineWrap .headline {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px; /* 137.143% */
    margin-bottom: 0;
}
.whySectionWrap .numStepWrap {
    position: relative;
    margin-bottom: 50px;
}
.whySectionWrap .numStepWrap .numWrap {
    width: 66px;
    height: 66px;
    background: #C9ECDE;

    color: #278C61;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    border-radius: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 26px;
}
.whySectionWrap .numStepWrap .headline {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 11px;
}
.whySectionWrap .numStepWrap p {
    color: rgba(0, 0, 0, 0.41);
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
}
.whySectionWrap .numStepWrap p:last-child {
    margin-bottom: 0;
}
.whySectionWrap .imgWrap img {
    width: 100%;
    height: auto;
}
.whySectionWrap .imgWrap .mobileOnly {
    display: none;
}
/* offerSectionWrap */
.offerSectionWrap {
    position: relative;
    background: #E8F7F1;
    padding: 75px 0 85px;
}
.offerSectionWrap .headlineWrap {
    text-align: center;
    margin-bottom: 50px;
}
.offerSectionWrap .headlineWrap .subheadline {
    color: #FF8A00;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}
.offerSectionWrap .headlineWrap .headline {
    color: #000;
    font-size: 35px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 15px;
}
.offerSectionWrap .headlineWrap p {
    color: rgba(0, 0, 0, 0.59);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px; /* 138.889% */
    margin-bottom: 0;
    max-width: 750px;
    margin: 0 auto;
}

.offerSectionWrap .headlineWrap p a {
    color: #29B57A;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    text-decoration-line: underline;
}

.offerSectionWrap .iconWrapWrap {
    border-radius: 17px;
    background: #FFF;
    padding: 18px 17px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 25px;
}
.offerSectionWrap .iconWrapWrap .iconWrap {
    border-radius: 17px;
    background: #B4E8D2;
    width: 91px;
    height: 91px;
    flex: 0 0 91px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 19px;
}
.offerSectionWrap .iconWrapWrap .txtWrap h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 0;
}

/* bannerWrap */
.bannerWrap {
    position: relative;
    margin: 80px 20px;
    overflow: hidden;
}
.bannerWrap .bg {
    position: absolute;
    max-width: 1200px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    margin: auto;

    overflow: hidden;
    border-radius: 19px;
}

.bannerWrap .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bannerWrap .bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), transparent 50% / cover no-repeat;
    z-index: 3;
}
.bannerWrap .bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(93deg, #000 10.2%, rgba(0, 0, 0, 0.00) 89.16%);
}

.bannerWrap .container {
    padding: 65px 70px 55px;
    position: relative;
    z-index: 5;
}
.bannerWrap .txtWrap {

}
.bannerWrap .txtWrap h2 {
    color: #FFF;
    font-size: 47px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50px;
}
.bannerWrap .txtWrap .underline {
    position: relative;
}
.bannerWrap .txtWrap .underline::after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    width: 100%;
    height: 20px;
    background: url("./images/icon-green-underline.svg") no-repeat;
    background-position: bottom right;
    background-size: contain;
}
.bannerWrap .txtWrap p {
    margin-bottom: 0;
}
.bannerWrap .txtWrap .btn.whiteBg {
    color: #29B57A;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    border: unset;
    border-radius: 5px;
    background: #FFF;
    padding: 18px 20px;

    width: 100%;
    max-width: 200px;
    display: inline-block;
    text-align: center;
}

@media (max-width: 991px) {
    .heroSectionWrap {
        padding: 80px 0 65px;
    }

    .heroSectionWrap .bg {
        border-radius: 0;
        max-height: 500px;
    }
    .heroSectionWrap .bg img {
        opacity: 0.3;
    }
    .heroSectionWrap .col-12 {
        width: 100%;
        flex: 0 0 100%;
    }
    .heroSectionWrap .formSectionWrap {
        box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.11);
        margin-top: 35px;
    }

    .whySectionWrap {
        padding-top: 50px;
    }
    .whySectionWrap .col-md-6 {
        width: 50%;
        flex: 0 0 50%;
    }

    .offerSectionWrap {
        margin-bottom: 60px;
        padding-bottom: 80px;
    }
    .offerSectionWrap .col-12 {
        width: 100%;
        flex: 0 0 100%;
    }
    .offerSectionWrap .iconWrapWrap {
        margin-bottom: 24px;
        justify-content: start;
    }

    .offerSectionWrap .row > .col-12:last-child .iconWrapWrap {
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .heroSectionWrap .headlineWrap h1 {
        color: #FFF;
        font-size: 34px;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 25px;
    }
    .heroSectionWrap .headlineWrap p {
        color: rgba(255, 255, 255, 0.88);
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        margin-bottom: 0;
    }
    .heroSectionWrap .bg {
        max-height: 550px;
    }

    .heroSectionWrap .formSectionWrap {
        border-radius: 22px;
        padding: 38px 20px 40px;
    }

    .whySectionWrap .col-12 {
        width: 100%;
        flex: 0 0 100%;
    }
    .whySectionWrap .numStepWrap .headline {
        font-size: 22px;
    }

    .whySectionWrap .numStepWrap {
        margin-bottom: 32px;
    }

    .whySectionWrap .imgWrap .desktopOnly {
        display: none;
    }
    .whySectionWrap .imgWrap .mobileOnly {
        display: block;
    }

    .offerSectionWrap .headlineWrap .subheadline {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .offerSectionWrap .headlineWrap .headline {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .offerSectionWrap .headlineWrap p {
        color: rgba(0, 0, 0, 0.59);
        text-align: center;
        font-size: 16px;
    }

    .bannerWrap .bg::before {
        display: none;
    }

    .bannerWrap .bg::after{
        background: #000;
        opacity: 90%;
    }
    .bannerWrap .container {
        padding: 40px;
    }
    .bannerWrap .txtWrap .underline:after {
        display: none;
    }
    .bannerWrap .txtWrap h2 {
        font-size: 34px;
        margin-bottom: 16px;
    }
}