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: 500px; margin: 20px 0px;}
.categoryBox {margin-top: -120px;}

.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: 2px #333 solid;}
.form-control {height: auto; padding: 15px; border: 2px #333 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;}

.form-group {position: relative;}
.form-group label {font-size: 12px; font-weight: 600; text-transform: uppercase; position: absolute; left: 10px; top: -10px; background: #FFF; padding: 0px 10px; border-radius: 5px;}

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

.top-loan-Box {display: flex; justify-content: center; column-gap: 20px; position: relative; z-index: 1;}

.top-loan-Box > div {background: #FFF;}

.loanBox {width: 100%; background: url('../images/loanbox-bg.png') no-repeat #FFF; background-size: cover; padding: 30px; border: 1px #EDEDED solid; box-shadow: 0px 0px 5px 0px #ccc; border-radius: 10px;}
.loanbox-text {}

.loanbox-textHeader {display: flex; justify-content: space-between; width: 100%; column-gap: 20px;}

.loanBox h2 {font-size: 24px; font-weight: 600; color: #000;}
.loanBox p {font-size: 14px; font-weight: 500; color: #585858;}
.loanBox ul {margin: 0px 0px 30px 0px; padding: 0;}
.loanBox ul li {font-size: 12px; color: #585858; font-weight: 500; list-style-type: none; position: relative; margin: 5px 0px 5px 0px; padding-left: 30px;}
.loanBox ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url('../images/h-loanbox-li-icon.png') no-repeat; background-size: contain;}
.loanBox .check-offer {background: var(--theme-color); font-size: 16px; font-weight: 500; color: #FFF; position: absolute; bottom: -20px; padding: 8px 50px 8px 20px; border-radius: 5px;}
.loanBox .check-offer::before {content: ''; position: absolute; top: 14px; right: 20px; width: 16px; height: 12px; background: url('../images/check-offer-arrow.png') no-repeat; background-size: contain;}
.loanBox .check-offer:hover {text-decoration: none;}
.loanBox-img img {width: 60px;}

.bannerSubBox11 small {font-size: 12px; font-weight: 500;}
.bannerSubBox11 img {width: 50px;}

.leadingPartner .section-title {}
.leadingPartner .section-title h1 {font-size: 30px; text-align: left; margin: 40px 0px 0px 0px;}
.leadingPartner .section-title p {display: none;}


.our-offer-con {padding: 50px 0px;}
.h-offer {background: #EFFFFC; display: flex; justify-content: space-between; padding: 14px 20px; border: 1px #e9e9e9 solid; border-radius: 3px;}
.h-offer img {width: 40px; margin-bottom: 10px; mix-blend-mode: darken;}
.h-offer h2 {font-size: 14px; font-weight: 600; color: var(--primary-color); margin: 0px 0px;}
.h-offer small {font-size: 11px; color: var(--text-color);}
.h-offer small span {font-size: 20px; color: var(--theme-color); font-weight: 600; display: block;}
.h-offer .apply-now {position:initial ; right: -44px; top: 61px; text-align: center;}
.h-offer .apply-now span {background: var(--theme-color); color: #FFF; -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; margin: 46px -80px 0px 0px;}
/* .h-offer:hover span {background: var(--theme-color); color: #FFF;} */

.h-offer ul {margin: 0px 60px 0px 0px; padding: 0;}
.h-offer ul li {font-size: 12px; color: #585858; font-weight: 500; list-style-type: none; position: relative; margin: 10px 0px 10px 0px; padding-left: 30px;}
.h-offer ul li::before {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url('../images/h-loanbox-li-icon.png') no-repeat; background-size: contain;}


.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; object-fit: cover; background: #EAF4FF; border-radius: 50%;}
.testimonialsCon .testimonials-profile .profile-img img {border: 1px #BDBDBD solid; border-radius: 50%;}
.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;}

.processing-new {min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.processingimg-new img {max-width: 150px; mix-blend-mode: color-burn;}
.processingimg-new + .processingtext {margin: 0px auto !important; margin-top: 150px; position: static !important;}
.processingimg-new + .processingtext .banner-animated-heading {text-align: center;}
.processingimg-new + .processingtext .banner-animated-heading img {width: 20px;}
.processing-new .processingtext h1 {font-size: 22px;}
.processingBox .processingtext {position: absolute; left: 50%; top: 45%; font-size: 18px; color: #000; font-weight: 500; width: 100%; max-width: 700px; 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; position: relative; 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:last-child {margin-bottom: 0px;}

.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-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, .upload-form-loan-8-tab, .upload-form-loan-9-tab, .upload-form-loan-10-tab, .upload-form-loan-11-tab, .upload-form-loan-12-tab, .upload-form-loan-13-tab, .upload-form-loan-14-tab, .upload-form-loan-15-tab, .upload-form-loan-16-tab, .upload-form-loan-17-tab, .upload-form-loan-18-tab, .upload-form-loan-19-tab, .upload-form-loan-20-tab, .upload-form-loan-21-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;}

.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; border: 0px #000 solid !important;}

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

.radioBox {display: flex; column-gap: 20px; margin: 10px 0px; padding-top: 30px;}
.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);}


/* thank You */

.thankyoucontainer {width: 100%; height: auto; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px 0px;}
/* .thankyoucontainer::before { content: ''; position: absolute; top: 100px; left: 0; width: 450px; height: 500px; background: url('../images/before.png') no-repeat; background-size: cover;}
.thankyoucontainer::after { content: ''; position: absolute; top: 100px; right: 0; width: 350px; height: 500px; background: url('../images/after.png') no-repeat; background-size: cover;} */
.thankyoucontainer {}
.thankyoubox {width: 100%; max-width: 800px; text-align: center; background: url('../images/thank-you-bg.png') no-repeat; background-size: cover; box-shadow: 0px 0px 10px 0px #ccc; padding:0px 30px 60px 30px; border-radius: 30px; position: relative;}
.thankyoucontainer img {width: 100%; max-width: 600px;}

.thankyou-loan {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; max-width: 500px; margin: 0px auto;}
.thankyou-loan > div {width: 48%; color: #FFF; margin-bottom: 10px; padding: 10px; border-radius: 10px; border: 1px #b96a02 solid;}
.thankyou-loan > div small {font-weight: 600;}
.thankyou-loan > div:nth-of-type(1) {width: 100%;}
.thankyou-loan > div h2 {color: #FFF; margin: 0;}
.thankyou-loan > div:nth-of-type(1) h2 {font-size: 30px; font-weight: 700; margin: 0;}


.thankyoucontainer .brandname {font-size: 20px; font-weight: 600; color: #FFF;}
.thankyoucontainer h1 {font-size: 48px; font-weight: 900; color: #FFF; margin: 20px 0px;}
.thankyoucontainer h2 {font-size: 20px; font-weight: 500; color: #D821FF; margin: 20px 0px;}
.thankyoucontainer p {font-size: 20px; font-weight: 600; color: #FFF; margin: 0px 0px; padding-bottom: 0px; position: relative; margin-bottom: 0px;}
.thankyoucontainer p span {font-size: 60px; display: block;}

/* .thankyoucontainer p:after { content: ''; position: absolute; width: 100px; height: 2px; background: #FFF; left: 50%; bottom: 0; margin-left: -50px;} */
.thankyoucontainer .checkicon {width: 80px; height: 80px; object-fit: contain;}
.thankyoulogo {margin-bottom: 20px;}
.brandlogo {max-width: 150px !important; display: block; margin: 0px auto 30px auto; background: #FFF; padding: 10px; border-radius: 0px 0px 20px 20px;}

.thanku-heading {position: relative;}
.thanku-heading h3 {position: relative; text-align: center;}
.thanku-heading h3::before {content: ''; position: absolute; top: 12px; left: 0; width: 100%; border-top: 2px var(--secondary-color) solid;}
.thankyouboxulbox {border-radius: 10px; margin: 0px auto; margin-top: 0px; width: 100%; max-width: 800px; padding: 20px 30px 30px 30px;}
.thankyouboxulbox h3 {font-size: 20px; font-weight: 600; color: #000;}
.thanku-heading h3 span {background: #FFF; display: inline-block; padding: 0px 10px; position: relative; z-index: 1;}
.thankyouboxulbox ul {display: block; column-gap: 20px; margin:20px 0px 0px 0px; padding: 0;}
.thankyouboxulbox ul li {width: 100%; text-align: left; font-size: 14px; color: #000; background: #FFF; list-style-type: none; position: relative; margin-bottom: 15px; padding: 10px 10px 10px 10px; border-radius: 5px; display: inline-block; box-shadow: 0px 0px 5px 0px #ccc;}
.thankyouboxulbox ul li img {width: 20px; margin-right: 5px;}
/* ul li::before {content: ''; width: 8px; height: 8px; background: #000; position: absolute; left: 5px; top: 14px; border-radius: 50%;} */

.confetti-container {user-select: none; z-index: 10; position: relative;}
.confetti {position: fixed; left: 0; right: 0; display: flex;}
.confetti .square {width: 1rem; height: 1rem; background-color: var(--bg); transform: rotate(-140deg);}
.confetti .rectangle {width: 1rem; height: 0.5rem; background-color: var(--bg);}
.confetti .hexagram {width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 1rem solid var(--bg); position: relative;}
.confetti .hexagram:after {content: ""; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 1rem solid var(--bg); position: absolute; top: 0.33rem; left: -0.5rem;}
.confetti .pentagram {width: 0rem; height: 0rem; display: block; margin: 0.5rem 0; border-right: 1rem solid transparent; border-bottom: 0.7rem solid var(--bg); border-left: 1rem solid transparent; transform: rotate(35deg); position: relative;}
.confetti .pentagram:before { content: ""; width: 0; height: 0; display: block; border-bottom: 0.8rem solid var(--bg); border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; transform: rotate(-35deg); position: absolute; top: -0.45rem; left: -0.65rem;}
.confetti .pentagram:after {content: ""; width: 0rem; height: 0rem; display: block; border-right: 1rem solid transparent; border-bottom: 0.7rem solid var(--bg); border-left: 1rem solid transparent; transform: rotate(-70deg); position: absolute; top: 0.03rem; left: -1.05rem;}
.confetti .dodecagram {background: var(--bg); width: 0.8rem; height: 0.8rem; position: relative;}
.confetti .dodecagram:before {content: ""; height: 0.8rem; width: 0.8rem; background: var(--bg); transform: rotate(30deg); position: absolute; top: 0; left: 0;}
.confetti .dodecagram:after {content: ""; height: 0.8rem; width: 0.8rem; background: var(--bg); transform: rotate(60deg); position: absolute; top: 0; left: 0;}
.confetti .wavy-line {position: relative;}
.confetti .wavy-line::after, .confetti .wavy-line::before {content: ""; height: 1rem; width: 8rem; background-size: 2rem 1rem; position: absolute; left: -9rem; transform: rotate(90deg);}
.confetti .wavy-line::before {background-image: linear-gradient(45deg, transparent, transparent 50%, var(--bg) 50%, transparent 60%); top: 1rem;}
.confetti .wavy-line::after {background-image: linear-gradient(-45deg, transparent, transparent 50%, var(--bg) 50%, transparent 60% );}
.confetti i {width: 3rem; height: 3rem; margin: 0 0.2rem; animation-name: confetti; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: calc(70s / var(--speed));}
.confetti i:nth-child(even) {transform: rotate(90deg);}
@keyframes confetti {
    0% {
        transform: translateY(-100vh);
    }
    100% {
        transform: translateY(100vh);
    }
}




.thankyou-new {
  max-width: 1400px;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  position: relative;
  overflow: hidden;
}

.left-section {
  width: 48%;
  text-align: center;
}

.left-section .checkmark {
  font-size: 60px;
  color: #00b341;
}

.left-section h1 {
  font-size: 32px;
  font-weight: 700;
  margin: 10px 0;
  color: #333;
}

.left-section h3 {
  margin: 0;
  color: #ff7a00;
  font-weight: 600;
  font-size: 18px;
}

.left-section p {
  margin: 5px 0 15px;
  font-size: 16px;
  color: #666;
}

.amount {
  font-size: 40px;
  font-weight: 800;
  color: #333;
}

.flexi {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.loan-details {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 15px;
  flex-wrap: wrap;
}

.loan-box {
  background: #f5fdf8;
  padding: 10px 15px;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  color: #00b341;
  font-weight: 600;
  min-width: 100px;
}

.loan-box:nth-child(2) {
  color: #0077cc;
  background: #f0f8ff;
}

.loan-box:nth-child(3) {
  color: #ff4c4c;
  background: #fff0f0;
}

.right-section {
  width: 48%;
  background: #fff;
  border: 2px solid #f6a94b;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.right-section .thankyouboxulbox {position: relative;}

.right-section .thanku-heading {
  position: absolute;
  width: 100%;
  top: -34px;
  left: 0;
}

.right-section h4 {
  color: #f6a94b;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}

.step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  gap: 10px;
}

.step i {
  color: #00b341;
  font-size: 20px;
  margin-top: 3px;
}

.step span {
  font-size: 15px;
  color: #333;
}

/* Coins */
.coin {
  position: absolute;
  width: 30px;
  animation: float 3s infinite ease-in-out;
}

.coin:nth-child(1) { top: -10px; left: 50px; }
.coin:nth-child(2) { top: -20px; left: 200px; }
.coin:nth-child(3) { top: -15px; right: 150px; }
.coin:nth-child(4) { top: -5px; right: 50px; }

.approval-rate-new img {width: 55px;}
.loan-box small {font-size: 12px; font-weight: 600; color: #555;} 
.loan-box span {display: block; font-size: 20px;}



.grievance-redressal {background: url('gr-bg.png') no-repeat; background-size: cover; border:5px #EF7640 solid; border-radius: 30px; padding: 30px; margin: 50px 0px;}
    .grievance-redressal h2 {font-weight: 600;}
    .grievanceredressalbottom .smallline {font-size:15px; font-weight: 500; color: #EF7640; line-height: 1.7; display: block; margin: 20px 0px;}
    /* .grBox span:nth-of-type(1) {width: 50px; height: 50px; display: flex;justify-content: center; align-items: center;} */
    .grievanceBox {margin-bottom:40px; padding: 20px; border-bottom: 2px #EF7640 solid; border-radius: 30px; box-shadow: 0px 6px 12px 5px #eee;}
    .grBox {margin-bottom: 10px;}
    .grBox span:nth-of-type(1) {width: 35px; height: 35px; display: flex;justify-content: center; align-items: center; background: rgba(255, 237, 229, 1); border-radius: 5px; margin-bottom: 5px;}
    .grBox span:nth-of-type(1) img {width: 20px;}
    .grBox span:nth-of-type(2) {font-size:14px; font-weight: 600; color: #000;}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}




.slider {
  margin: 2.5em 0 1em 0;
  padding: 60px 0px 0px 0px;
}

.range {
  position: relative;
  /* float: left; */
  width: 100%;
  /* padding: 0 0.9375rem; */
}
input[type=range] {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 10px;
  padding: 0;
  border-radius: 10px;
  background: #6c6d70;
  box-sizing: content-box;
}
input[type=range]:focus {
  outline: none;
}

/* Chrome, Safari, Edge */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  border-radius: 50%;
  background: #FF1717;
  cursor: pointer;
  margin-top: 0px; /* Adjust to center thumb vertically */
  box-shadow: 0px 0px 5px 0px #333;
}

/* Firefox */
input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid #FFF;
  border-radius: 50%;
  background: #FF1717;
  cursor: pointer;
  box-shadow: 0px 0px 5px 0px #333;
}

/* Would be nice doesn't show in Chrome
input[type=range]::-webkit-slider-thumb:before {
  content: attr(data-count);
  display: block;
  background: green;
  width: 10px;
  height: 10px;
}
*/ 

.current-value {
  position: absolute;
  top: -3.2em;
  left: 50%;
  width: 80px;
  height: auto;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: 400;
  white-space: nowrap;
  background: #FF1717;
  padding: 1px 5px;
  border-radius: 5px;
}

.current-value:before, .current-value:after {
  height: 0;
  border: 10px solid transparent;
  content: "";
  position: absolute;
  width: 0;
  z-index: 5;
}
.current-value:after {
  z-index: 4;
}
.bubble__arrow-top:before, .bubble__arrow-top:after, .bubble__arrow-bottom:before, .bubble__arrow-bottom:after {
  /* transform: translateX(50%); */
  left: 50%;
  margin-left: -14px;
}
.bubble__arrow-top:before {
  border-bottom-color: #FF1717;
  top: -28px;
}
.bubble__arrow-top.with-border:after {
  border-bottom-color: #000;
  border-width: 16px;
  margin-left: -16px;
  top: -32px;
}
.bubble__arrow-bottom:before {
  border-top-color: #FF1717;
  bottom: -20px;
}
.bubble__arrow-bottom.with-border:after {
  border-top-color: #000;
  border-width: 16px;
  margin-left: -16px;
  bottom: -32px;
}

.minmaxrange {width:100%; justify-content: space-between; margin-top: 15px; padding: 0px 0px;}
.min-value, .max-value {width: auto; color: #6c6d70; font-size: 15px; font-weight: 500;}

.range-input {width:140px; margin: 0px auto; display: flex; align-items: center; column-gap: 10px;}
.range-input .form-control {font-size: 20px; font-weight: 500; text-align: center;}

.lapTextbox, .homeloanTextbox, .busilapTextbox {display: none;}


.cibiloffer-img {font-size: 16px; font-weight: 600; width: 100%; max-width: 700px; margin: 10px auto; border: 1px var(--secondary-color) solid; padding: 5px; border-radius: 10px;}
.cibiloffer-img img {width: 60px;}


.sponsered-by {position: absolute; top: 0px; background: #f1c7b4; padding: 0px 8px; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #585151; border-radius: 3px; left: 50px;}

.ui-datepicker table {font-size: 12px !important;}
.ui-datepicker .ui-datepicker-title select {font-size: 12px !important; margin: 1px 3px !important; font-weight: 500 !important; padding: 4px !important; border-radius: 5px !important;}
.ui-datepicker th {padding: .2em .3em !important; text-align: center !important; border: 0 !important; font-size: 12px !important; font-weight: 600 !important;}
.ui-datepicker td span, .ui-datepicker td a {text-align: center !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #F9B14C !important; background: #F9B14C !important; color: #FFF !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #2DAD91 !important; background: #2DAD91 !important; font-weight: normal !important; color: #ffffff;}
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: 0.3em 0em !important;}
.ui-widget-header {border: 1px solid #F9B14C !important; background: #F9B14C !important; color: #FFF !important; font-weight: 600 !important;}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {background: #F9B14C !important; border: 1px solid #F9B14C !important; pointer-events: none;}

.addBanner { max-width: 1600px; padding:5px; margin: 0px auto 20px auto; box-shadow:0px 0px 5px 0px #ccc; border-radius:5px;}
.addBanner img {width: 100%; border-radius:5px;}
.sponsoredbox {margin:0px;}
.offerdivbox:has(.norecordfound) {background: transparent; margin: 0; padding: 0;}
.norecordfound {display: none;}

@media (max-width: 767px) {
  .sponsered-by {left: 0;}
}

@media (min-width: 1200px) {
  .container {max-width: 1600px;}
}
@media (max-width: 767px) {
  body {background-size: 100%, 35%, 26%;}
  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: 200px; max-width: 200px; height: 110px; margin: 0px auto 0px auto !important; box-shadow: 0px 0px 0px 0px #ccc; background: transparent; border: 0px #000 solid;}
  .offerpage .section-title h1 span {display: inline;}
  /* .offerpage p {display: none;} */
  .section-title h1 {font-size: 28px;}
  .section-hi h1 {font-size: 22px;}
  .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; position: absolute;}
  .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 {margin-bottom: 10px; padding: 10px 10px 10px 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 .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;}
  .thankyoubox {padding: 0px;}
  .thankyoulogo {width: 100%; max-width: 150px !important;}
  .thankyoucontainer {padding: 20px; margin-top: 20px; margin-bottom: 20px;}
  .thankyoucontainer::before, .thankyoucontainer::after {display: none;}
  .thankyoucontainer h1 {font-size: 28px;}
  .thankyoucontainer p {font-size: 18px;}
  .thankyoubox ul li {width: 100%;}
  .thankyoucontainer p span {font-size: 45px; line-height: 45px; margin-bottom: 25px;}
  .thankyoucontainer {width: 100%; margin: 0; padding: 0;}
  .thankyouboxulbox {width: 100%; padding: 10px 15px 15px 15px;}
  .thankyouboxulbox h3 {font-size: 14px;}
  .thanku-heading h3::before {top: 8px;}
  .newheading {color: #c40016 !important; text-align: center; margin: 15px 0px 5px 0px;}
  .processing-new {min-height: 400px;}
  .loanBox {position: relative; margin-bottom: 40px; padding: 20px;}
  .loanBox .check-offer {bottom: -22px;}
  .footerBottom {margin: 20px 0px;}
  
  .top-loan-Box {display: block;}

  .offerBox:nth-child(odd) {
    background-color: #f9f9f9;
  }
  

  .offerBox h3 {font-weight: 700;}
  .offerBox .offersubBox.multifield small {display: block; font-weight: 500; color: #555;}
  /* .offerBox .offersubBox.multifield .product-name:nth-of-type(3) h3 {font-size: 20px; font-weight: 700;}

  .offerBox .offersubBox.multifield .product-name:nth-of-type(2) small {font-size: 12px; font-weight: 700; color: #0dbd5f;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(2) img {width: 60px; margin: 0px auto !important;}

  .offerBox .offersubBox.multifield .product-name:nth-of-type(1) {order: 2;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(3) {order: 2; width: 100%; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(4) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(5) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(6) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(7) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(8) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(9) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(10) {order: 2; background: #f8f8f8; padding: 5px;}
  .offerBox .offersubBox.multifield .product-name:nth-of-type(2) {order: 5; width: 100%;} */
  /* .offerBox .offersubBox.multifield .product-name:nth-of-type(2) small {display: none;} */
  
  .offerBox .offersubBox.multifield .product-name.max_loan_amount {width:100%}
  .offerBox .offersubBox.multifield .product-name.max_loan_amount h3 {font-size:24px}

  .offerBox .offersubBox.multifield .product-name.score_img {order: 4; width: 100%;}
  .offerBox .offersubBox.multifield .product-name.score_img small {font-size: 12px; font-weight: 700; color: #0dbd5f;}
  .offerBox .offersubBox.multifield .product-name.score_img img {width: 60px; margin: 0px auto !important;}

  .offerBox .offersubBox .product-btn {order: 8; margin-top: 0;}
  .product-btn .primary-btn {width: 100%;}


.grievance-redressal {margin: 20px 0px; padding: 15px;}
.grievance-redressal h2 {font-size: 24px;}


  .offerBox .offersubBox.multifield .product-name.max_loan_amount {font-size: 20px; font-weight: 700;}


  /* .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;} */

.form-group label {font-size: 11px;}

.thankyou-new {text-align: center; display: block;}
.left-section, .right-section {width: 100%;}
.amount {line-height: 20px;}
.thankyou-new {padding: 10px;}
.loan-details {flex-wrap: nowrap;}
.loan-box small {font-size: 10px;}
.loan-box span {font-size: 12px;}
.loan-box {padding: 10px 5px;}
.right-section {margin-top: 20px;}
.right-section .thanku-heading {top: -30px;}

.loanBox .check-offer {bottom: -22px; left: 25%;}

}
@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; position: absolute;}
  .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;}
}