html {scroll-behavior: smooth;}
body {font-family: "Montserrat", sans-serif; line-height: 1.7; background: url(../images/h-body-bg.png),  url(../images/h-bg-left.png),  url(../images/h-bg-right.png); background-repeat: no-repeat; background-position: top center,  top left,  top right; font-weight: 400; font-size: 14px; margin: 0; padding: 0;}
:root {
  --theme-color: #2DAD91;
  --primary-color: #252B42;
  --secondary-color: #F9B14C;
  --text-color: #737373;
  --apply-now: #DFFFF8;
  --profile-name: #0CA4D3;
}
img {width: 100%;}
header {text-align: center; padding: 30px 0px;}
header .logo {width: 100%; max-width: 300px; display: block; margin: 0px auto;}

.h-main-img img {width: 100%; max-width: 800px; margin: 20px 0px;}

.section-title {margin: 40px 0px;}
.section-title h1 {font-size: 36px; font-weight: 800; color: var(--primary-color);}
.section-title span {font-weight: 400; color: var(--secondary-color);}
.section-title p {color: var(--text-color); font-size: 16px; font-weight: 500; width: 100%; max-width: 800px; margin: 0px auto;}

.form-section {width: 100%; max-width: 500px; margin: 0px auto;}
.form-section .form-control {height: 55px; padding: 15px; border: 1px var(--secondary-color) solid;}
.form-control {height: auto; padding: 15px; border: 1px var(--secondary-color) solid;}
.action-btn {background: var(--theme-color); color: #FFF; cursor: pointer; border: 0px #000 solid;}
.form-section .action-btn {background: var(--theme-color); color: #FFF; cursor: pointer; border: 0px #000 solid;}

.please-wait {padding: 10px 0; line-height: 17px;}

.our-offer-con {padding: 50px 0px;}
.h-offer {background: #fafafa; display: flex; justify-content: space-between; padding: 30px 20px; border: 1px #e9e9e9 solid; border-radius: 3px;}
.h-offer img {width: 40px;}
.h-offer h2 {font-size: 14px; font-weight: 600; color: var(--primary-color); margin: 10px 0px;}
.h-offer small {font-size: 11px; color: var(--text-color);}
.h-offer .apply-now {position: absolute; right: -44px; top: 61px; text-align: center;}
.h-offer .apply-now span {background: var(--apply-now); color: var(--theme-color); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); float: left; padding: 8px 20px; width: 160px; text-transform: uppercase; font-weight: 500;}
.h-offer:hover span {background: var(--theme-color); color: #FFF;}

.easy-step {display: flex; column-gap: 20px; align-items: center; position: relative; padding: 20px 40px; border: 10px var(--secondary-color) solid; border-radius: 80px;}
.numeric {font-size: 48px; font-weight: 800; color: var(--secondary-color);}
.easy-step h3 {font-size: 20px; color: var(--primary-color); font-weight: 600; margin-bottom: 10px;}
.easy-step p {line-height: 18px;}
.easy-step::before {content: ''; position: absolute; top: 15px; left: -50%; width: 105px; height: 105px; background: url('../images/round-arrow.png') no-repeat; background-size: cover;}
.easy-step-con .row .col-md-3:nth-of-type(1) .easy-step::before {display: none;}

.testimonials-con {background: #FAFAFA; padding: 50px 0px;}
.testimonialsCon {background: #FFF; padding: 40px; border: 1px #dedede solid;}
.star-img {width: auto !important; margin-bottom: 10px;}
.testimonialsCon .testimonials-profile {display: flex; column-gap: 20px; align-items: flex-start;}
.testimonialsCon .testimonials-profile .profile-img {width: 40px; height: 40px; background: #EAF4FF; border-radius: 50%; border: 1px #BDBDBD solid;}
.testimonialsCon .testimonials-profile h5 {font-size: 14px; margin: 0; color: var(--profile-name);}
.testimonialsCon .testimonials-profile p {font-size: 12px; font-weight: 500; margin: 0; color: var(--theme-color);}

.parsley-errors-list, #msg1, #msg_mobile, #msg2  {text-align: left; font-size: 12px; color: #f00; display:block; font-weight: 600; margin:0; padding:0;} 
.parsley-errors-list li {font-weight:600; list-style-type:none;}

.faqsection {padding: 50px 0px;}
.faqsection .faq-drawer {background: #fafafa; margin-bottom: 20px; padding: 20px; border-radius: 5px; border: 1px #e9e9e9 solid;}
.faqsection .faq-drawer__content-wrapper {font-size: 1.25em; line-height: 1.4em; max-height: 0px; overflow: hidden; transition: 0.25s ease-in-out;}
.faqsection .faq-drawer__title {cursor: pointer; display: block; font-size: 14px; font-weight: 600; color: #000; padding: 0; position: relative; margin-bottom: 0; border-radius: 30px; transition: all 0.25s ease-out;}
.faqsection .faq-drawer__title::after {border-style: solid; border-width: 2px 2px 0 0; content: " "; display: inline-block; float: right; height: 10px; left: 2px; position: relative; color: var(--secondary-color); right: 20px; top: 2px; transform: rotate(135deg); transition: 0.35s ease-in-out; vertical-align: top; width: 10px;}
/* OPTIONAL HOVER STATE */
.faqsection .faq-drawer__title:hover {color: #4E4B52;}
.faqsection .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {max-height: 350px;}
.faq-drawer__content p {font-size: 14px; font-weight: 400; line-height: 22px; color: #000; margin: 0;}
.faqsection .faq-drawer__trigger:checked + .faq-drawer__title::after {transform: rotate(-45deg); transition: 0.25s ease-in-out;}
.faqsection input[type="checkbox"] {display: none;}

.marquee-wrap {position: relative; display: block; overflow: hidden; width: 100%;}
.marquee-wrap, .marquee-wrap ul {margin-left: 0; padding-left: 0; list-style-type: none;}

/* .marquee-wrap ul:nth-of-type(1) {} */
/* .marquee-wrap ul:nth-of-type(2) {background: blue;} */

.marquee-wrap > li {display: flex; align-items: center; width: var(--scroller-size); will-change: transform; animation: text-scroller 15000ms linear 0ms normal infinite; text-indent: 0; justify-content: space-around; -webkit-transition: all 3000ms linear 0ms; -moz-transition: all 3000ms linear 0ms; -ms-transition: all 3000ms linear 0ms; -o-transition: all 3000ms linear 0ms; transition: all 3000ms linear 0ms; white-space: nowrap;}
@keyframes text-scroller {
  100% {
    transform: translateX(calc(var(--scroller-size)*-0.5));
  }
}
.marquee-wrap > li:nth-child(1) ul {/* background: rgb(28,235,209); background: linear-gradient(180deg, rgba(28,235,209,1) 0%, rgba(2,61,235,1) 100%);} */}
.marquee-wrap > li:nth-child(1) {color: #FFF;}
.marquee-wrap > li:nth-child(2) ul {/* background: rgb(28,235,209); background: linear-gradient(180deg, rgb(41, 41, 41) 0%, rgb(5, 5, 5) 100%);} */}
.marquee-wrap > li:nth-child(2) {animation-direction: reverse; color: #FFF;}
.marquee-wrap > li > ul li {display: inline-block; padding: 20px 30px;}

:root {
  --scroller-size: 150vw;
}
@media only screen and (max-width: 600px) {
  :root {
    --scroller-size: 500vw;
  }
}

.footerBottom {background: var(--secondary-color); color: #fff; display: flex; align-items: center; margin: 50px 0px; padding: 0px 0px; border-radius: 70px; position: relative; z-index: 1;}
.footerBottom > div:nth-of-type(1) {width: 100%; padding: 15px 50px;}
.footerBottom > div:nth-of-type(2) {width: 50%; background: #DE9937; padding: 50px; border-radius: 0px 70px 70px 0px;}
.footerBottom h2 {margin: 0; font-weight: 700; color: #FFF;}
.footerBottom h2 span {font-weight: 300;}
.footerBottom h3 {margin: 0; color: #FFF;}
.footerBottom h3 a {text-align: center; margin: 0; color: #FFF;}
.footerBottom p {margin: 0; color: #FFF;}
 
footer {background: #251500; margin: -110px 0px 0px 0px; padding: 100px 0px 10px 0px;}
.footerbox {display: flex; justify-content: space-between; align-items: center;}
.footer-logo {width: 280px;}
.footerbox ul {margin: 0; padding: 0;}
.footerbox ul li {list-style-type: none; display: inline; margin: 0px 10px;}
.footerbox ul li a {color: #FFF;}
.copyright {color: #FFF; text-align: center; position: relative; margin: 40px 0px  20px 0px;}
.copyright::before {content: ''; position: absolute; top: 11px; left: 0; width: 100%; height: 1px; background: #D3D3D3;}
.copyright p {background: #251500; display: inline-block; z-index: 1; position: relative; padding: 0px 10px;}

.processingBox {text-align: center; position: relative; margin: 40px 0;}
.processingBox .processingimg {}
.processingBox .processingimg img {width: 100%; max-width: 500px;}
.processingBox .processingtext {position: absolute; left: 50%; top: 45%; font-size: 18px; color: #000; font-weight: 500; width: 300px; height: 130px; padding: 20px; margin-left: -150px; margin-top: -65px; color: var(--primary-color);}
.processingtext span {font-size: 36px; font-weight: 800; color: var(--primary-color); display: block;}
.offerdivbox {background: #f8f8f8; margin-bottom: 20px; padding: 10px; border-radius: 10px;} 
.offerBox {margin-bottom: 20px; background: #FFF; margin: 0px 0px 20px 0px; padding: 10px; border: 1px #eee solid; border-radius: 5px;}
.offersubBox {display:flex; align-items: flex-start; column-gap: 10px;}
.thankyoucontainer .offersubBox h2 {font-size: 48px; font-weight: 500; color: #ef7640; margin: 20px 0px; width: 100%;}

.offerBox {margin-bottom: 20px;}
.offerBox .offersubBox .product-brand {min-width: 200px; max-width: 200px; height: 110px; object-fit: contain; object-position: center; margin: 0;border: 1px #eee solid; padding: 5px; background: #FFF; box-shadow: 1px 1px 2px 1px #eee;}
.offerBox h3 {font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; margin-bottom: 5px}
.offerBox h3 img {width: 85px;}

.offerBox .offersubBox .product-name {width: 100%; max-width: 285px; text-align: center;}
.offerBox .offersubBox .product-description {width: 100%;}
.offerBox .offersubBox .product-description p {font-weight: 400; margin: 0;}
.offerBox .offersubBox .product-btn {width: 300px; text-align: center; margin-top: 15px;}
.offerBox .offersubBox small {font-size: 14px; font-weight: 600; color: #ef7640;}
.product-btn .primary-btn {background: #009688; width: 100px; display: block; margin: 0px auto; padding: 10px 10px 10px 10px; font-size: 14px; border-radius: 5px; color: #FFF;}

.upload-form-loan-2-tab, .upload-form-loan-3-tab, .upload-form-loan-4-tab, .upload-form-loan-5-tab, .upload-form-loan-6-tab, .upload-form-loan-7-tab {display: none;}
button.close {border: 1px #d51c1c solid; background: #d51c1c; opacity: 1; color: #FFF; font-size: 30px; font-weight: 300; width: 40px; border-radius: 50%; height: 40px; position: absolute; right: -15px; top: -15px;}

.thankyou {text-align: center;}
.thankyou img {width: 500px; mix-blend-mode: color-burn;}
.thankyou-text {margin-top: -30px;}
.thankyou h1 {font-size: 36px; font-weight: 600;}
.thankyou p {font-size: 18px;}

.privacy-policy h3 {font-size: 20px; font-weight: 600;}
.privacy-policy p {font-size: 14px; color: #000; font-weight: 500;}
.privacy-policy ul li {font-size: 14px; color: #000; font-weight: 500;}

#resend_otp {font-size: 14px; font-weight: 600;}
.action-btn-container {display: flex; column-gap: 10px;}
.secondary-btn {background: var(--secondary-color); color: #FFF; cursor: pointer;}

.processingimg3 {mix-blend-mode: color-burn;}

.radioBox {display: flex; column-gap: 20px; margin: 40px 0px;}
.radioSub [type="radio"] + label {background: #FFF; color: #000; padding: 10px 20px; border: 2px #D2D2D2 solid; border-radius: 30px;}
.radioSub [type="radio"]:checked, .radioSub [type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radioSub [type="radio"]:checked + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--secondary-color); border: 2px var(--secondary-color) solid;}
.radioSub [type="radio"]:checked + label, .radioSub [type="radio"]:not(:checked) + label {position: relative; padding-left: 45px;cursor: pointer; line-height: 20px; display: inline-block;}
.radioSub [type="radio"]:checked + label:before, .radioSub [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 7px; top: 7px; width: 25px; height: 25px; border: 1px solid #d2d2d2; border-radius: 100%;background: #fff;}
.radioSub [type="radio"]:checked + label:after, .radioSub [type="radio"]:not(:checked) + label:after {content: ''; width: 15px; height: 15px; background: var(--secondary-color); position: absolute; top: 12px; left: 12px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radioSub [type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radioSub [type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

@media (min-width: 1200px) {
  .container {max-width: 1600px;}
}
@media (max-width: 767px) {
  body {background-size: 100%, 35%, 35%;}
  header .logo {max-width: 215px;}
  .h-main-img img {margin: 0px 0px 20px 0px;}
  .section-title {margin: 0px 0px 20px 0px;}
  .our-offer-con {padding: 20px 0px;}
  .faqsection {padding: 0px;}
  .offerBox .offersubBox .product-brand {min-width: 125px; max-width: 125px; height: 75px;}
  .offerpage .section-title h1 span {display: inline;}
  .offerpage p {display: none;}
  .section-title h1 {font-size: 28px;}
  .section-title h1 span {display: block;}
  .h-offer {margin-bottom: 10px;}
  .easy-step {padding: 20px; margin-bottom: 10px; border-radius: 10px;}
  .h-offer .apply-now {right: 0;}
  .h-offer .apply-now span {margin: 0px -44px 0px 0px;}
  .marquee-wrap > li > ul li {padding: 15px;}
  .marquee-wrap > li > ul li img {width: 150px;}
  .footerBottom {display: block; border-radius: 10px;}
  .footerBottom > div:nth-of-type(1) {padding: 20px;}
  .footerBottom > div:nth-of-type(2) {width: 100%; padding: 20px; border-radius: 0px;}
  .footerBottom h3 {font-size: 18px;}
  .footerbox {display: block; text-align: center;}
  .footerbox ul {margin-top: 20px;}
  .footerbox ul li {margin: 0px 12px;}
  .offerBox {padding: 10px 10px 20px 10px;}
  .offerBox .offersubBox {flex-wrap: wrap;}
  .offerBox .offersubBox img {display: block; margin: 10px auto !important;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(1) {width: 100%;}
  .offerBox .offersubBox.multifield small {display: block;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(1) small {display: none;}
  .offerBox .offersubBox.multifield .product-name {width: 46%; max-width: 100%; text-align: center; margin-bottom: 10px;}
  .modal-dialog {position: relative; width: auto; margin: 1.5rem;}
  .privacy-policy .section-title h1 span {display: inline;}
  .offerBox .offersubBox .product-btn {width:100%; max-width: 100%; text-align: center;}

  .offerBox .offersubBox .product-name:nth-of-type(1) {order: 1;}
  .offerBox .offersubBox .product-brand {order: 2;}
  .offerBox .offersubBox .product-name:nth-of-type(2) {order: 3;}
  .offerBox .offersubBox .product-name:nth-of-type(3) {order: 4;}
  .offerBox .offersubBox .product-name:nth-of-type(4) {order: 5;}
  .offerBox .offersubBox .product-name:nth-of-type(5) {order: 6;}
  .offerBox .offersubBox .product-name:nth-of-type(6) {order: 7;}
  .offerBox .offersubBox .product-btn {order: 8;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .container {max-width: 850px;}
  body {background-size: 100%, 35%, 35%;}
  .offersubBox {flex-wrap: wrap;}
  .h-main-img img {width: 100%; max-width: 500px;}
  .easy-step {flex-direction: column; align-items: flex-start; padding: 10px; border-radius: 10px;}
  .easy-step::before { content: ''; position: absolute; top: 40%; left: -68%; width: 60px; height: 60px; background: url(../images/round-arrow.png) no-repeat; background-size: cover; display: none;}
  .easy-step-con .row .col-md-3 {-webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}
  .faqsection .row {flex-direction: column;}
  .faqsection .row .col-md-4, .faqsection .row .col-md-8 {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} 
  .faqsection {padding: 0px 0px;}
  .footerBottom h2 {font-size: 22px;}
  .footerBottom > div:nth-of-type(2) {padding: 50px 10px;}
  .footerBottom h3 {font-size: 20px;}
  .h-offer .apply-now {right: 0;}
  .h-offer .apply-now span {margin: 0px -44px 0px 0px;}
  .offerBox .offersubBox .product-btn {width:100%; max-width: 100%; text-align: center;}
  .offerBox .offersubBox .product-brand {margin: 0px 0px 10px 0px;}
  .offerBox .offersubBox.multifield .product-name {width: 31%;}
}
@media (min-width: 1024px) and (max-width: 1200px) {
 .easy-step-con .row .col-md-3 {-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
 .easy-step::before {content: ''; position: absolute; top: 65px; left: -33%; width: 65px; height: 65px;}
 .easy-step {border-radius: 10px;}
 .offerBox .offersubBox .product-brand {min-width: 150px; max-width: 150px; height: 90px;}
 .product-btn .primary-btn {background: #009688; width: 85px; padding: 7px 5px 7px 5px; font-size: 12px; border-radius: 5px; color: #FFF; display: block;}
 .footerBottom h2 {font-size: 24px;}
}

@media (min-width: 1201px) and (max-width: 1585px) {
.product-btn .primary-btn {
  padding: 10px 10px 10px 10px;
  display: block;}
}