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;}

.discountBox-new {max-width: 100%; text-align: left; background: #FFF; box-shadow: 0px 0px 10px 0px #CCC; border-radius: 10px;}
        .discount-li-check {width: 20px; margin-right: 10px;}
        .asse-btn span {font-weight: 600;}
        .discountBox-new .action-btn {width: auto; display: inline-block; margin: 0px auto; padding: 5px 20px;}
        .discountBox-new .action-btn:hover {text-decoration: none; color: #FFF;}
        .discountBox .credituser {background: #EDFFF4; padding: 20px; border-radius: 0px 0px 10px 10px;}
        .discountBox .credituser p {font-weight: 500; margin: 0;}
        .discountBox .credituser .credituserImg {width: 70px;}
        .discountBox .discounttop {background: url('../images/discount-icon.png?01') no-repeat; background-size: cover; text-align: center; text-transform: uppercase; width: 270px; height: 270px; margin: 0px auto; padding: 55px 0px;}
        .discountBox .discounttop h2 {font-size: 26px; font-weight: 700; color: #FFF; text-shadow: 2px 2px 0px rgba(0,0,0,0.35);}
        .discountBox .discounttop h2 span {font-size: 90px; font-weight: 700; display: block;}
        .discountBox .discountbottom {text-align: center;}
        .discountBox .discountbottom h2 {font-size: 90px; font-weight: 700; color: #2DAD91; text-shadow: 2px 2px 0px #FBA936;}
        .discountBox .discountbottom h2 span {font-size: 42px; font-weight: 500; color: #535353; text-decoration: line-through; text-shadow: 0px 0px 0px #FBA936;}
        .without-assessment {display: block; font-size: 14px; font-weight: 500; margin-top: 10px;}
        .without-assessment a {cursor: pointer; color: #4e99f0;}
        .without-assessment a:hover {color: #000 !important;}
        .asses-benifits {text-align: left; margin: 20px 0px 0px 0px; padding: 20px; border-radius: 20px;}
        .asses-benifits ul {}
        .asses-benifits ul li {font-size: 14px; font-weight: 500; display: block; margin-bottom: 10px; margin-right: 25px;}
        .asses-benifits ul li img {width: 20px; margin-right: 15px;}
        .assess-dashboard {padding: 20px;}
        .assessment-report-img {width: 100%; max-width: 400px;}
        .assess-dashboard .action-btn {position: absolute; left: 50%; border-radius: 5px; width: 220px; text-align: center; margin-left: -105px; color: #FFF !important;}
        #withoutassessment .modal-body {text-align: center;}
        .modal-header .close {padding: 0;}
        #withoutassessment h2 {font-size: 20px;}
        #withoutassessment .staContent {width:80%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 20px auto;}
        #withoutassessment .staContent span {width: 50%; text-align: left; margin-bottom: 20px;}
        #withoutassessment .staContent span img {width: 20px; margin: 0 5px 0px 0;}
        .asse-btn h3 {font-size: 18px; font-weight: 600; color: #000; background: #e9e9e9; padding: 10px;}
        .asse-btn h5 {background: #fff0f0; font-size: 16px; text-align: left; color: #484848; padding: 10px; border: 1px #e10000 solid; border-radius: 5px;}
        .asse-btn h5 img {width: 20px; margin-right: 5px;}
        .asse-btn .action-btn {background: #F9B14C; color: #FFF; border: 1px #F9B14C solid; width: 100%; border-radius: 5px; padding: 20px; font-size: 20px; font-weight: 600;}
        .asses-benifits span {display: flex; align-items: flex-start; column-gap: 2px; font-size: 0.8rem; font-weight: 400; margin-bottom: 8px;}
        .asses-benifits span img {width: 20px; margin-right: 5px;}

        /* .myAccountPage ul.tabs {margin: 0px; padding: 0px; list-style: none;}
        .myAccountPage ul.tabs li {display: inline-block;}
        .myAccountPage ul.tabs li a {background: #ededed; font-weight:600; color: #222; display: inline-block; margin: 0px 10px 0px 0px; padding: 10px 15px; cursor: pointer; border-radius:5px;}
        .myAccountPage ul.tabs li a:hover {text-decoration: none;}
        .myAccountPage ul.tabs li.current a {background: #F9B14C; color: #FFF;}
        .myAccountPage ul.tabs li.current {background: #F9B14C; color: #FFF !important;}
        .myAccountPage .tab-content { background: #ededed; margin: 10px 0px 0px 0px; padding: 15px; border-radius:5px;}
        .myAccountPage .tab-content.current {display: inherit;} */

        .profileSec {display: flex; flex-wrap: wrap; column-gap: 10px;}
        .profileSec > div {width:16%; display: flex; flex-direction: row; justify-content: space-between; column-gap: 5px; background: #FFF; margin-bottom: 10px; padding: 10px; border-radius: 5px; box-shadow: 0px 0px 5px 0px #ccc}
        .profileSec > div span {display:block;}
        .profileSec > div span:nth-of-type(1) {font-weight: 600;}
        .profileSec > div span:nth-of-type(2) {font-weight: 500; line-height:18px; word-break: break-all;}
        .profileSec .imgBox {background: rgb(249 177 76 / 40%); padding: 10px; border-radius: 50%;}
        .profileSec img {width: 25px;}
        .cibiloffer-img span {font-weight: 600;}

        .my-acc-tab h2 {font-size: 20px;}
        .asse-btn {margin-top: 20px;}
        .asse-btn a:hover {color: #FFF; text-decoration: none;}

        .con-btn {display: flex; column-gap: 20px; align-items: center; justify-content: center; }
        .con-btn .btn {width: 100%; padding: 10px;}

        h5.popup {width: 100px; height: 100px; border-radius: 100px; margin: 15px auto; display: flex; align-items: center; justify-content: center;}
        h5.popup img {width: 50px; height: 50px; object-fit: contain;}
        .popuprisk {font-size: 20px; line-height: 27px;}
        .popuprisk span  {font-weight: 600; color: #e10000; display: block;}
		    button.close {z-index: 1;}
        .planRight {border: 1px #ccc solid; padding: 20px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 10px 0px #ccc; margin: 50px auto;}
        .planRight .planPrice {font-size: 16px; font-weight: 600; line-height: 26px; display: flex; flex-direction: column;}
        .planRight .planPrice .price {display: block; font-size: 30px; color: #f9b14c; line-height: 30px; width: 100px;}
        .planRight .action-btn {padding: 15px; font-size: 20px; margin-top: 20px; margin-bottom: 10px;}
        .paymentSucess {text-align: center; max-width: 500px; margin: 0px auto; margin-bottom: 75px;    background: #fff;
    box-shadow: 0px 0px 10px 0px #ccc;
    border-radius: 10px; padding:20px}
        .paymentSucess h2 {font-size: 22px; font-weight: 700; color: #2DAD91; margin: 20px 0px;}
        .paymentSucess h2 span {color: #FBA936;}
        .paymentSucess p {background: #F7F7F7; padding: 5px 20px; font-size: 12px; font-weight: 500; color: #000; display: inline-block; border-radius: 5px;}
        .paymentSucess i {margin-right: 5px;}
        .paymentSucess .transactiondetails {padding: 35px 15px 15px 15px; border: 1px #E3E3E3 solid; border-radius: 10px; background: #FFEFDC; position: relative; margin: 45px 0px 20px 0px; border: 2px #FBA936 solid;}
        .paymentSucess .transactiondetails h3 {font-size: 18px; font-weight: 500; color: #000; text-align: left; margin: 5px 0px;    background: #FBA936;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 27px;
    position: absolute;
    top: -28px;
    width: 200px;
    text-align: center;
    left: 50%;
    margin-left: -100px;}

.plan-white.orderPlan-ul input { margin-right: 10px;}

    .orderPlan h2 {font-size: 20px;}
.ordernewPlan .orderPlan-ul ul li img { width: 20px !important;
    margin-right: 5px;
    margin-bottom: 10px;}

    .paymentFailed .transactiondetails {padding: 35px 15px 15px 15px; border: 1px #E3E3E3 solid; border-radius: 10px; background: #FFF2F2; position: relative; margin: 45px 0px 20px 0px; border: 2px #D92F2F solid;}
        .paymentFailed .transactiondetails h3 {font-size: 18px; font-weight: 500; color: #000; text-align: left; margin: 5px 0px;    background: #D92F2F;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 27px;
    position: absolute;
    top: -28px;
    width: 200px;
    text-align: center;
    left: 50%;
    margin-left: -100px;}

        .paymentSucess .transactiondetails > div {font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: space-between; padding: 10px; border-bottom:1px #e3e3e3 solid;}
        .paymentSucess .transactiondetails > div span:nth-of-type(1) {font-weight: 500;}
        .paymentSucess .transactiondetails > div:last-child {padding-bottom: 0; border-bottom: 0px #000 solid;}
        .paymentFailed h2 span {color: #dd3333;}
        .paymentSucess img, .paymentFailed img {width: 80px;}
        .transactiondetails .action-btn {padding: 15px;}

        .disclaimer-Checkbox {margin: 10px 0px; text-align: left; display: flex; align-items: flex-start; column-gap: 10px;}
        .disclaimer-Checkbox a:hover {color: #000;}
        .tabs-scroll {overflow: auto; margin-bottom: 10px;}
        .tabs-scroll ul.tabs-nav {display: flex; column-gap: 10px; margin-bottom: 10px; padding: 0;}
        .tabs-scroll ul.tabs-nav li {list-style-type: none;}
        .tabs-scroll ul.tabs-nav li a {background: #EEE; padding: 10px 15px; display: inline-block; font-weight: 600; color: #000; white-space: nowrap; border-radius: 5px;}
        .tabs-scroll ul.tabs-nav li a:hover {text-decoration: none;}
        .tabs-scroll ul.tabs-nav li.current a {background: #F9B14C; color: #FFF;}
        .myaccounttab-section {margin-top: 18px; border: 1px solid #e8edf5; border-radius: 14px; padding: 16px; background: #fff;}
        .myaccounttab-section-head {padding: 14px 16px; border-bottom: 1px solid #e8edf5; display: flex; justify-content: space-between; gap: 12px; align-items: flex-start;}
        .myaccounttab-section-head h3 {margin: 0; font-size: 19px; color: #14213d;}
        .flag-GREEN { background:#dbfce7; color:#007a52; }
        .flag-YELLOW { background:#fef3c7; color:#b46800; }
        .flag-ORANGE { background:#ffedd5; color:#d25618; }
        .flag-RED { background:#fee2e2; color:#be1818; }
        .flag-BLUE { background:#dbeafe; color:#0d47a1; }
        .score-pill {border-radius: 999px; padding: 8px 12px; font-weight: bold; display: inline-block; font-size: 12px;}
        .myaccounttab-section-body {padding: 16px;}
        .myaccounttab-section-body h4 {font-size: 20px; margin: 15px 0px;}
        .kv-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
        .kv {border: 1px solid #e8edf5; border-radius: 12px; padding: 10px; background: #fbfcff;}
        .kv span {display: block; font-size: 11px; color: #667085; text-transform: uppercase;}
        .kv b {font-size: 14px; word-break: break-word;}
        .simple-table { width:100%; border-collapse:collapse; margin-top:10px; font-size:13px; }
        .simple-table th { background:#0b1f3a; color:#fff; text-align:left; padding:9px; }
        .simple-table td { border:1px solid #e8edf5; padding:8px; vertical-align:top; }
        .down-report {display: inline-block; margin-top: 10px; padding: 8px 16px; background: #2DAD91; color: #fff; border-radius: 5px; font-size: 14px; font-weight: 600;}
        .down-report:hover {color: #fff; text-decoration: none;}

        /* pricing */
        .accordion .card {margin-bottom: 10px;}
        .accordion button {background: transparent; color: #000; padding: 0px; width: 100%; text-align: left; border: none; outline: none; transition: background-color 0.3s ease;}
        .accordion .card-header {padding: 0px 10px 10px 10px; background: #fff9f1; cursor: pointer;}
        .pricingBox {display: flex; column-gap: 10px; justify-content: space-between; cursor: pointer;}
        .pricingsubBox {}
        .pricingBox-title {font-size: 16px; font-weight: 600; color: #000;}
        .pricingpgae .section-title p {font-size: 14px;}
        .pricingBox-header {}
        .pricingBox-header > span:nth-of-type(1) {}
        .pricingBox-header > span:nth-of-type(2) {}
        .pricingBox-price {text-align: right;}
        .pricingBox-price span:nth-of-type(1) {font-size: 20px; font-weight: 600; color: #000;}
        .pricingBox-price span:nth-of-type(2) {font-size: 14px; font-weight: 500; color: #000; text-decoration: line-through;}
        .accordion .action-btn {display: inline-block; padding: 10px 20px; border-radius: 30px;}
        .accordion .action-btn:hover {text-decoration: none; color: #FFF;}
        .accordion h3 {font-size: 18px; font-weight: 600; margin-bottom: 10px;} 
        .accordion .card .card-body {border-bottom: 1px #e3e3e3 solid; padding: 0px 20px 20px 20px;}
        .offeringtag {width: 50%; font-size: 12px; font-weight: 600; background: #e4feee; color: #2dbf5b; border: 1px #bab2bf solid; padding: 5px 10px; border-radius: 30px;}
        .priceoffertag {width: 100%; font-size: 12px; font-weight: 600; background: #E3FEEE; color: #22C55E; border: 1px #bab2bf solid; padding: 5px 10px; border-radius: 30px; display: block;}

        .pricing-new-btn {display: flex; column-gap: 10px; align-items: center; margin-top: 10px;}
        .pricing-new-btn a {width: auto; font-size: 12px; margin-top: 0 !important;}
        .pricing-new-btn .continue-btn {width: auto; margin: 0;}
        .pricing-new-btn .continue-btn a {font-size: 12px; font-weight: 500; color: #2DAD91; background: transparent; margin-top: 0; padding: 10px; border: 1px #2DAD91 solid;}

        .accordion-btn.active .offeringtag {background: #2dbf5b; color: #FFF;}

        .show-loan-btn {background: #ddd; color: #000; border: 1px #ddd solid; width: 100%; border-radius: 5px; padding: 10px; font-size: 14px; font-weight: 500; cursor: pointer;}

        .accordion-btn:focus {
  outline: none;
  box-shadow: none;
}
/* payment */
.newpayment .card {
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 16px;
  padding: 30px 25px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  position: relative;
  margin: 0px auto;
}

.newpayment .close {
  position: absolute;
  top: 15px;
  right: 18px;
  font-size: 20px;
  color: #888;
  cursor: pointer;
}

/* ICON */
.newpayment .icon {
  width: 200px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #fff;
}
.newpayment h2 {font-size: 20px;}

/* FAILED */
.newpayment .failed .icon {
  background: #ef4444;
}

.newpayment .failed h2 {
  color: #ef4444;
}

/* SUCCESS */
.newpayment .success .icon {
  background: #22c55e;
}

.newpayment .success h2 {
  color: #16a34a;
}

/* TEXT */
.newpayment h2 {
  margin-bottom: 10px;
}

.newpayment p {
  color: #555;
  font-size: 14px;
  margin-bottom: 20px;
}

/* INFO BOX */
.newpayment .info {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}

.newpayment .failed .info {
  background: #fee2e2;
  color: #991b1b;
}

.newpayment .success .info {
  background: #dcfce7;
  color: #166534;
}

.newpayment .info p {margin: 0;}

.newpayment .info img {width: 35px;}
.newpayment .info span {text-align: left; line-height: 20px;}

/* BUTTONS */
.newpayment .btn {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: none;
  margin-top: 10px;
  font-size: 15px;
  cursor: pointer;
}

.newpayment .btn-primary {
  color: #fff;
}

.newpayment .failed .btn-primary {
  background: #ef4444;
}

.newpayment .success .btn-primary {
  background: #16a34a;
}

.newpayment .btn-secondary {
  background: #22c55e;
  border: 1px solid #22c55e;
  color: #FFF;
}

.pricingBox {position: relative; padding: 10px 10px 10px 30px;}

#planDisplay {text-align: left;}

.collapse-box .card-body {padding: 0px 10px 20px 10px;}
.collapse-box h3 {font-size: 20px;}
.collapse-box ul {margin: 0; padding: 0; max-height: 195px; overflow: auto;}
.collapse-box ul li {list-style-type: none; position: relative; padding-left: 28px; font-weight: 500; margin-bottom: 5px;}
.collapse-box ul li::before {content: ''; background: url('https://dreamtoit2.s3.ap-southeast-1.amazonaws.com/credbharat/aws_icon/69f99159951461777963353.png') no-repeat; background-size: cover; width: 20px; height: 20px; position: absolute; left: 0px; top: 0;}

.collapse-box .action-btn {
    background: var(--theme-color);
    color: #FFF;
    width: 100%;
    cursor: pointer;
    border: 0px #000 solid;
    padding: 10px;
    border-radius: 5px;
    display: block;
    font-weight: 600;
    margin-top: 10px;}

.arrow-icon {
	position: absolute;
	left: 3px;
	top: 44%;
	transform: translateY(-50%);
	transition: transform 0.3s ease;
	font-size: 16px;
    font-weight: 700;
	color: #000;
}
.pricingpgae .card {margin-bottom: 10px; border-radius: 10px;}

/* Rotate only (keep vertical center intact) */
button[aria-expanded="true"] .arrow-icon {
	transform: translateY(-50%) rotate(180deg);
}

.transactiondetails h3 {font-size: 20px;}
.transactiondetails div {display: flex; justify-content: space-between;}

.collapse-box {
  display: none;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.collapse-box.show {
  display: block;
}

.accordion-btn {
  width: 100%;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  background: #EEE;
  border: 1px #eee solid;
  border-radius: 10px 10px 0px 0px;
}

.arrow-icon {
  transition: transform 0.3s ease;
}

.accordion-btn.active .arrow-icon {
  transform: rotate(180deg);
  color: #FFF;
}

.accordion-btn.active {
  background: #f8aa41;
  border: 1px #f8aa41 solid;
}
.collapse-box.show {border: 1px #f8aa41 solid; border-radius: 0px 0px 10px 10px;}

.accordion-btn.active .pricingBox-title {color: #FFF;}
.accordion-btn.active .pricingBox-price span:nth-of-type(1) {color: #FFF;}
.accordion-btn.active .pricingBox-price span:nth-of-type(2) {color: #fbd197;}

.newaccordion {}

.ordernewpage {
  padding: 20px;
}

.ordernewpage .order-card {
  width: 100%;
  max-width: 550px;
  margin: auto;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Header */
.ordernewpage .order-header {
  background: #e6d6c3;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  font-size: 18px;
}

/* Body */
.ordernewpage .order-body {
  padding: 20px;
}

/* Plan row */
.ordernewpage .plan-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.ordernewpage .plan-title {
  font-size: 22px;
  font-weight: 600;
}

.ordernewpage .save-badge {
  background: #d4f5df;
  color: #2bb673;
  text-align: center;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

/* Price */
.ordernewpage .price-row {
  margin: 0;
}

.ordernewpage .price {
  font-size: 40px;
  font-weight: bold;
}

.ordernewpage .old-price {
  text-decoration: line-through;
  color: #888;
  margin-left: 10px;
  font-size: 18px;
}

/* Includes */
.ordernewpage .include-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.ordernewpage .features {
  list-style: none;
  padding: 0;
}

.ordernewpage .features li {
  margin-bottom: 10px;
  position: relative;
  padding-right: 25px;
}

/* Check icon on right */
.ordernewpage .features li::after {
  content: "✔";
  color: #f4a742;
  position: absolute;
  right: 0;
}

/* Disclaimer */
.ordernewpage .disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  margin: 15px 0;
}

.ordernewpage .disclaimer input {
  margin-top: 4px;
}

.ordernewpage .disclaimer a {
  color: #007bff;
  text-decoration: underline;
}

/* Button */
.ordernewpage .buy-btn {
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 30px;
  background: linear-gradient(90deg, #3dbb9c, #2fae8d);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.ordernewpage .buy-btn:hover {
  opacity: 0.9;
}

.upgradePlan {background: #eee; padding: 10px; border-radius: 5px;}
.upgradePlan p {font-size: 20px;}
.upgradePlan .action-btn.primary-btn {padding: 10px; display: inline-block; border-radius: 5px;}
.upgradePlan .action-btn.primary-btn:hover {text-decoration: none; color: #FFF;}
.ordernewPlan {padding: 0px 0px 0px 0px;}
.planRight.ordernewPlan h5 {background: #feefdd; padding: 10px; border-radius: 10px 10px 0px 0px;}
.ordernewPlan .orderPlan {display: flex; justify-content: space-between; padding: 10px;}
.plan-white.orderPlan-ul {padding: 20px;}
.ordernewPlan .orderPlan-ul ul {margin: 0; padding: 0; max-height: 200px; overflow: auto;}
.ordernewPlan .orderPlan-ul ul li {font-size: 14px; font-weight: 500; display: block; list-style-type: none; text-align: left;}

.tab-content h3 {font-size: 24px;}
.downloadPDF {text-align: right; margin-bottom: 20px;}

.acc-tab {}
.main-acc-tab {margin: 0px 0px 20px 0px; padding: 0 0 6px 0; display: flex; justify-content: center; align-items: center; border-bottom: 1px #ccc solid;} 
.main-acc-tab li {list-style-type: none;}
.main-acc-tab li a {background: #eee; font-size: 16px; font-weight: 500; color: #000; padding: 10px 20px; border-right: 1px #ccc solid;}
.main-acc-tab li:nth-of-type(1) a {border-radius: 0px 0px 0px 0px; border-right: 0px #ccc solid; margin-top: 0; display: inline !important;}
.main-acc-tab li:nth-of-type(2) a {border-radius: 0px 0px 0px 0px; border-left: 0px #ccc solid;}
.main-acc-tab li.active a {background: #F9B14C; color: #FFF;}

.upgrade-con {display: flex; align-items: center; justify-content: center;}

.upgrade-con li:nth-of-type(1) a {border-radius: 0px 0px 0px 0px;}


@media (max-width: 767px) {
.main-acc-tab {margin-top: 60px; padding-bottom: 7px;}
.main-acc-tab li:nth-of-type(2) a {border-radius: 0px 0px 0px 0px;}

.upgrade-con {position: absolute; top: 10px; width: 340px;}


.main-acc-tab li:nth-of-type(1) a {border-radius: 0px 0px 0px 0px;}
.upgrade-con li:nth-of-type(1) a {border-radius: 0px 0px 0px 10px;}
.btn-upgrade {border-radius: 0px 0px 0px 0px;}

.upgrade-con li a {border-radius: 0px 0px 0px 0px;}
.upgrade-con li a, .upgrade-con li button {font-size: 12px !important; padding: 11px 11px !important;}

.upgrade-con li button {padding: 9px 11px !important; border-radius: 0px 0px 0px 0px;}

	.main-acc-tab li:nth-of-type(3) a {font-size: 0.85rem; border-radius: 0px 0px 0px 0px;}
	.main-acc-tab li:nth-of-type(4) button {font-size: 0.82rem;}
	
	.main-acc-tab li:nth-of-type(3) {position: absolute; top: 5px; left: 10px;}
	.main-acc-tab li:nth-of-type(4) {position: absolute; top: -3px; right: 5px;}

    .downloadPDF {text-align: center; margin-bottom: 20px;}
    .assess-dashboard .action-btn {width: 94%; left: 50%; margin-left: -47%; padding: 15px; font-size: 18px; font-weight: 600;}
    .main-acc-tab {justify-content: center;}
    .main-acc-tab li a {font-size: 14px; padding: 10px 12px;}
}

.continue-btn {margin-top: 20px;} 
.continue-btn a {margin-top: 10px; font-weight: 400; background: #ddd; width: 100%; display: block; padding: 7px; color: #727272; border-radius: 5px;}
 
/* .loanofferBtn {background: #2dad91 !important;} */

.unlock-screen-container {position: relative; min-height: 400px; background: url('https://dreamtoit2.s3.ap-southeast-1.amazonaws.com/credbharat/aws_icon/69f9918d4d7d31777963405.jpg') no-repeat; background-size: cover;}
.unlock-screen {position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 400px; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #333; z-index: 10;}
.unlock-screenBox {max-width: 400px; padding: 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.unlock-screenBox img {width: 80px; margin-bottom: 20px;}
.unlock-screen h2 {font-size: 16px; font-weight: 600; }
.unlock-screen p {font-size: 0.8rem; margin-top: 10px; font-weight: 500;}
.unlock-screen-btn {font-size: 16px; font-weight: 500; margin-top: 20px; padding: 8px 20px; background: #2DAD91; color: #fff; border: none; cursor: pointer; border-radius: 5px;}
.unlock-screen-btn:hover {color: #FFF; text-decoration: none;}

.totalprice {border: 1px #ccc solid; margin: 10px; padding: 8px 20px 0px 20px; border-radius: 10px;}
.totalprice .planPrice {flex-direction: row; justify-content: space-between; font-size: 16px; padding: 5px 0px;}
.totalprice .planPrice span:nth-of-type(1) {width: 200px; text-align: left;}
.totalprice .planPrice:nth-of-type(3) {border-top: 1px #ccc solid; padding: 10px 0px;}
.totalprice .planPrice .price {width: 200px; font-size: 16px; text-align: right; color: #000}
.totalprice .planPrice:nth-of-type(3) .price, .totalprice .planPrice:nth-of-type(3) {color: #F9B14C;}
/* .kb-table th, .kb-table td {word-break: break-word;} */

/* My Account Css Start */

.acc-body h4 {font-size: 19px;}
.kb-card {padding: 10px;}
.metric-box .m-value.sm {font-size: 1rem;}

/* My Account Css End */

/*
@media (max-width: 767px) {
	.tabs-scroll {display: none;}
	.tab-content {max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; border-radius: 0px 0px 10px 10px; margin-bottom: 8px; padding: 0 16px;}
	.tab-content.current {max-height: 1000px; padding: 14px 16px; overflow: auto; word-wrap: anywhere; border: 0.5px solid #F9B14C;}
	.acc-header {display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #EEE; border: 0.5px solid #ddd; border-radius: 10px; margin-bottom: 4px; font-size: 14px; font-weight: 600; cursor: pointer;}
	.acc-header.open {background: #F9B14C; color: #FFF; border-radius: 10px 10px 0 0; margin-bottom: 0; border-bottom: none;}
	.acc-header .chevron {font-size: 11px; transition: transform 0.25s; display: inline-block;}
	.acc-header.open .chevron {transform: rotate(180deg);}
    .unlock-screenBox {padding: 15px; margin: 10px;}
}

@media (min-width: 768px) {
	.acc-header { display: none;}
}
*/

 /* 404 Page */
    .error-page-container {color:#333; display:flex; align-items:center; justify-content:center; text-align: center; min-height: 600px;}
    .error-card {background:#fff; padding:40px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.08); position:relative; overflow:hidden;}
    .error-card::before {content:""; position:absolute; top:-50px; left:-50px; width:200px; height:200px; background:rgba(243,156,18,0.15); border-radius:50%;}
    .error-card::after {content:""; position:absolute; bottom:-60px; right:-60px; width:220px; height:220px; background:rgba(26,188,156,0.15); border-radius:50%;}
    .error-card h1 {font-size:80px; color:#f39c12; margin-bottom:10px;}
    .error-card h2 {font-size:24px; margin-bottom:15px;}
    .error-card p {color:#666;margin-bottom:30px;}
    .errorBox {position: relative; z-index: 1;}
    @media (min-width: 320px) and (max-width: 768px) {
      .error-page-container {min-height: auto;}
      .error-card h2 {font-size: 18px;}
    }

 /* 404 Page */

.category-flag-box {display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.kb-card + .row .col-md-6 {margin-bottom: 10px;}


:root {
  --green:  #1a7a4a; --green-bg:  #e6f5ec;
  --yellow: #856404; --yellow-bg: #fff8db;
  --orange: #7d3c0a; --orange-bg: #fef0e6;
  --red:    #721c24; --red-bg:    #fde8ea;
  --blue:   #0d4fa0; --blue-bg:   #e8f0fb;
  --card-radius: 12px;
  --shadow: 0 2px 12px rgba(0,0,0,.07);
}
/*body { background:#f4f6fb; font-family:'Segoe UI',sans-serif; color:#1e2a3a; }*/
.page-wrap { width:100%; margin:0 auto; padding:28px 16px 60px; }
.page-header { text-align:center; margin-bottom:10px; }
.page-header h1 { font-size:1.9rem; font-weight:700; color:#0d4fa0; }
.plan-badge {
  display:inline-block; background:#e8f0fb; color:#0d4fa0;
  padding:4px 16px; border-radius:20px; font-size:.88rem; margin-top:6px;
}
.btn-upgrade {
  margin-top:0px;
  background:#0d4fa0; color:#fff; padding:8px 22px;
  border-radius:0px 10px 0px 0px; text-decoration:none; font-size:.9rem; border-left: 1px #ccc solid !important;
}
.btn-upgrade:hover { background:#0a3d80; color:#fff; }

.main-acc-tab li a.btn-upgrade {border-radius: 0px 10px 0px 0px;}

.tabs-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.tabs-nav {
  display:flex; gap:6px; padding:0 2px 10px;
  border-bottom:2px solid #dde3ee; list-style:none; margin:0;
  white-space:nowrap; min-width:max-content;
}
.tabs-nav li a {
  display:block; padding:8px 16px; border-radius:8px; background: #EEE;
  color:#555; text-decoration:none; font-size:.88rem; font-weight:500;
  transition:.2s;
}
.tabs-nav li.current a,
.tabs-nav li a:hover {
  background:#0d4fa0; color:#fff;
}
.kb-card {
  background:#fff; border-radius:var(--card-radius);
  box-shadow:var(--shadow); padding:20px; margin-bottom:20px;
}
.kb-card.border-l-blue  { border-left:4px solid #0d4fa0; }
.kb-card.border-l-green { border-left:4px solid #1a7a4a; }
.kb-card.border-l-yellow{ border-left:4px solid #f0b429; }
.kb-card.border-l-orange{ border-left:4px solid #e07b39; }
.kb-card.border-l-red   { border-left:4px solid #c0392b; }

.score-badge {
  text-align:center; padding:10px 18px;
  border-radius:10px; min-width:88px; flex-shrink:0;
}
.score-badge strong { font-size:1.4rem; display:block; }
.score-badge span   { font-size:.75rem; font-weight:600; text-transform:uppercase; }
.flag-green  { background:var(--green-bg);  color:var(--green);  }
.flag-yellow { background:var(--yellow-bg); color:var(--yellow); }
.flag-orange { background:var(--orange-bg); color:var(--orange); }
.flag-red    { background:var(--red-bg);    color:var(--red);    }

/* ── PROGRESS BAR ───────────────────────────────── */
.kb-progress { height:9px; border-radius:5px; background:#eee; overflow:hidden; }
.kb-progress-bar { height:100%; border-radius:5px; transition:width .6s ease; }

/* ── METRIC GRID ────────────────────────────────── */
.metric-grid { display:grid; gap:14px; margin-bottom:16px; }
.metric-grid-4 { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
.metric-grid-2 { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.metric-box {
  background:#f8fafc; border:1px solid #dde3ee;
  border-radius:10px; padding:16px; text-align:center;
}
.metric-box .m-label { font-size:.75rem; text-transform:uppercase; color:#6c757d; letter-spacing:.4px; }
.metric-box .m-value { font-size:1.7rem; font-weight:700; color:#1e2a3a; margin:4px 0 0; }
.metric-box .m-value.sm { font-size:1.2rem; }

/* ── INFO TABLE ─────────────────────────────────── */
.kb-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.kb-table th, .kb-table td { padding:10px 14px; border-bottom:1px solid #eee; text-align:left; }
.kb-table th { background:#f8fafc; font-weight:600; color:#495057; width:38%; }
.kb-table tr:last-child th, .kb-table tr:last-child td { border-bottom:none; }

/* ── LIST ITEMS ─────────────────────────────────── */
.point-list { list-style:none; padding:0; margin:0; }
.point-list li { padding:7px 0; border-bottom:1px solid #f2f2f2; font-size:.92rem; }
.point-list li:last-child { border-bottom:none; }
.point-list .ico { font-size:1rem; margin-right:6px; }

/* ── SECTION LABEL ──────────────────────────────── */
.sec-label {
  font-size:.72rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:#6c757d; margin-bottom:10px;
}

/* ── FLAG PILL ──────────────────────────────────── */
.flag-pill {
  display:inline-block; padding:2px 10px; border-radius:20px;
  font-size:.75rem; font-weight:700; text-transform:uppercase;
}

/* ── TIP CARD ───────────────────────────────────── */
.tip-card {
  border-radius:10px; padding:14px 16px; margin-bottom:10px;
  display:flex; align-items:flex-start; gap:12px;
}
.tip-card .tip-icon { font-size:1.3rem; flex-shrink:0; }
.tip-card .tip-title { font-weight:600; font-size:.93rem; }
.tip-card .tip-detail { font-size:.84rem; color:#555; margin-top:2px; }

/* ── BENCHMARK ROW ──────────────────────────────── */
.bench-row {
  display:flex; align-items:center; gap:12px;
  padding:10px 0; border-bottom:1px solid #f0f0f0; font-size:.9rem;
}
.bench-row:last-child { border-bottom:none; }
.bench-range { font-weight:700; min-width:90px; }

/* ── INDUSTRY COMPARE GRID ───────────────────────── */
.ind-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; }
.ind-box  { border-radius:8px; padding:12px; text-align:center; font-size:.85rem; }
.ind-box strong { display:block; font-size:.75rem; text-transform:uppercase; margin-bottom:4px; }

/* ── STEP CARD ───────────────────────────────────── */
.step-card {
  display:flex; gap:14px; align-items:flex-start;
  background:#f8fafc; border-radius:10px; padding:14px; margin-bottom:10px;
}
.step-num {
  background:#0d4fa0; color:#fff; border-radius:50%;
  width:32px; height:32px; display:flex; align-items:center;
  justify-content:center; font-weight:700; flex-shrink:0;
}

/* ── STRENGTH / WEAKNESS CARD ───────────────────── */
.sw-card {
  display:flex; align-items:flex-start; gap:10px;
  padding:10px 14px; border-radius:8px; margin-bottom:8px;
}

/* ── COMPONENT ROW ──────────────────────────────── */
.comp-row {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0; border-bottom:1px solid #f0f0f0; font-size:.9rem;
  flex-wrap:wrap; gap:8px;
}
.comp-row:last-child { border-bottom:none; }

/* ── DOWNLOAD BTN ────────────────────────────────── */
.btn-download {
 background:#EEE; color:#000;
  padding:6px 20px; border-radius:0px 10px 0px 0px; text-decoration:none;
  font-weight:600; font-size:.95rem; margin-top:0px; border: 0px #000 solid;
}
.btn-download:hover { background:#0a3d80; color:#fff; }

/* ── RESPONSIVE ─────────────────────────────────── */
@media(max-width:600px){
  .page-header h1 { font-size:1.4rem; }
  .metric-box .m-value { font-size:1.3rem; }
}

/* ── ACCORDION (mobile only) ─────────────────────── */
.accordion-nav { display:none; }

.acc-tab {margin-top: 10px;}

@media(max-width:768px){
  /* Hide desktop tab bar */
  .tabs-scroll { display:none; }

  /* Show accordion nav */
  .accordion-nav { display:block; margin-bottom:16px; }

  .acc-item {
    border:1px solid #dde3ee;
    border-radius:10px;
    margin-bottom:8px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 1px 6px rgba(0,0,0,.05);
  }

  .acc-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:13px 16px;
    background:#fff;
    cursor:pointer;
    font-size:.92rem;
    font-weight:600;
    color:#1e2a3a;
    text-decoration:none;
    border:none;
    width:100%;
    text-align:left;
    transition:background .2s;
  }
  .acc-item.active .acc-header,
  .acc-header:hover {
    background:#F9B14C;
    color:#fff;
  }
  .acc-chevron {
    font-style:normal;
    font-size:.8rem;
    transition:transform .25s;
    flex-shrink:0;
  }
  .acc-item.active .acc-chevron { transform:rotate(180deg); }

  .acc-body {
    display:none;
    padding:16px;
    background:#f8fafc;
    border-top:1px solid #dde3ee;
  }
  .acc-item.active .acc-body { display:block; }
}
.spinner {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
    vertical-align: middle;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.ph-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
  overflow-x: auto;
}
.ph-cell {
  border-radius: 8px;
  padding: 8px 6px;
  text-align: center;
  font-size: 11px;
  line-height: 1.5;
  border: 1px solid transparent;
}
.ph-month  { font-weight: 600; font-size: 12px; margin-bottom: 2px; }
.ph-status { font-size: 10px; font-weight: 500; margin-bottom: 2px; }
.ph-meta   { font-size: 9px; opacity: 0.85; }

.ph-paid    { background:#d4f0e0; border-color:#a3d9b8; color:#1a6b40; }
.ph-nodata  { background:#f0f0f0; border-color:#cccccc; color:#555555; }
.ph-minor   { background:#fff3cd; border-color:#ffc107; color:#7d5a00; }
.ph-delayed { background:#ffd6d6; border-color:#f5a0a0; color:#8b1a1a; }
.ph-sev     { background:#ffb3b3; border-color:#e05252; color:#6b0000; }
.estimated-loan-amount {grid-template-columns: repeat(2, 1fr);}

@media (max-width: 767px) {
  .estimated-loan-amount {grid-template-columns: repeat(1, 1fr);}
}



		@media (max-width: 767px) {
      .tab-content h3 {font-size: 24px;}
      .discountBox .discounttop {width: 150px; height: 150px; padding: 40px 0px;}
      .discountBox .discounttop h2 {font-size: 16px;}
      .discountBox .discounttop h2 span {font-size: 45px;}
	    /* .myAccountPage ul.tabs {display: flex; flex-wrap: wrap;} */
	    .myAccountPage ul.tabs li {width: auto; font-size: 12px; text-align: center; padding: 5px;}
		.profileSec {flex-direction: column;}
		.profileSec > div {width: 100%;}
      .myAccountPage ul.tabs li a {font-size: 15px; padding: 10px 10px;}
      .discountBox .discountbottom h2 {line-height: 70px;}
      .asses-benifits {padding: 5px;}
      .asse-btn .action-btn {padding: 5px; font-size: 16px;}
      .asse-btn h5 {text-align: center;}
      .popuprisk {font-size: 16px;}
      .asse-btn h3 {font-size: 14px;}
      .asse-btn h5 img {width: 40px; display: block; margin: 0px auto;}
      
      .assess-dashboard .section-title h1 {font-size: 22px;}
      .asses-benifits ul {margin: 0; padding: 0;}
      .assess-dashboard .action-btn {position: fixed; bottom: 15px; z-index: 2;}
      .assess-dashboard {padding: 10px 5px 5px 5px;}
      .asses-benifits ul li img {width: 15px; margin-right: 7px;}
      .asses-benifits ul li {font-size: 12px;}
      .newpayment .card {padding: 15px;}
      .con-btn {flex-direction: column;}
      .con-btn .action-btn {padding: 10px; margin-bottom: 5px;}
      .upgradePlan p {font-size: 16px; margin-bottom: 10px;}
      .myaccounttab-section {padding: 0px;}
      .kv-grid {grid-template-columns: repeat(1, 1fr);}
      .bench-row {flex-wrap: wrap;}
    }

@media (max-width: 767px) {
  .sponsered-by {left: 0;}
  .category-flag-box {flex-wrap: wrap; display: flex;}
  .kb-card {padding: 15px;}
  .metric-box {background: #FFF !important;}
  .ph-grid {grid-template-columns: repeat(3, 1fr) !important;}
}

@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;}

  .pricingpgae .section-title h1 {font-size: 22px;}

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

.h-pre-banner {border: 1px #eee solid; width: 100%; background: rgb(249, 177, 76, 0.2); margin-top: 10px; padding: 0px; border-radius: 10px; box-shadow: 0px 0px 5px 0px #eee; margin-bottom: 10px;}
.o-account-summary {display: flex; justify-content: space-between; background: #525252; margin: 0px; padding: 10px;}
.h-pre-banner h2 {font-size: 16px; font-weight: 500; color: #FFF; text-align: left; margin: 0; border-radius: 5px 5px 0px 0px;}
.h-pre-banner .crSummary {display: flex; width: 100%;}
.h-pre-banner .crSummary .crBox {width: 100%; display: flex; justify-content: space-between; background: #FFF; margin: 10px; border: 1px #ddd solid; padding: 10px; border-radius: 10px;}
.h-pre-banner .crSummary .crBox > div {display: flex; flex-direction: column; font-size: 14px; font-weight: 500; color: #000; text-align: left;}
.h-pre-banner .crSummary .crBox > div:nth-of-type(3) {text-align: right;}
.h-pre-banner .crSummary .crBox > div span {font-size: 14px; font-weight: 600; color: #000;}
.h-pre-banner .crSummary .crBox > div span img {width: 70px;}
.h-pre-banner .crSummary .crBox > div span:nth-of-type(2) {font-size: 20px; font-weight: 600; color: #000;}
.bl-space {background: #eee; width: 1px; height: 100%;}

.all_product {display: flex; justify-content: center;border: 0px #eee solid; width: 100%; background: rgb(249, 177, 76, 0.2); margin-top: 10px; padding: 0px; border-radius: 10px; box-shadow: 0px 0px 5px 0px #eee; margin-bottom: 10px;}


.all_product .crBox {width: 100%; display: flex; justify-content: space-between; background: #FFF; margin: 10px; border: 1px #ddd solid; padding: 10px; border-radius: 10px;}
.all_product .crBox > div {display: flex; flex-direction: column; font-size: 14px; font-weight: 500; color: #000; text-align: left;}
.all_product .crBox > div:nth-of-type(3) {text-align: right;}
.all_product .crBox > div span {font-size: 14px; font-weight: 600; color: #000;}
.all_product .crBox > div span img {width: 70px;}
.all_product .crBox > div span:nth-of-type(2) {font-size: 20px; font-weight: 600; color: #000;}

@media (max-width: 767px) {
    .h-pre-banner .crSummary {display: block;}
    .h-pre-banner .crSummary .crBox {width: auto; align-items: center; margin: 10px; padding: 7px;}
    .h-pre-banner .crSummary .crBox > div span {font-size: 11px;}
    .h-pre-banner .crSummary .crBox > div span:nth-of-type(2) {font-size: 14px;}
    .h-pre-banner + p {display: none;}
    .all_product {display: block;}
    .all_product .crBox {width: auto;}
    .btn-upgrade {border-radius: 0px 10px 10px 0px;}
}
.download-con {
    background: #eee;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  border: 1px #ccc solid;
  width: auto;
  cursor: pointer;
}


.assessment-banner-desktop {display: block;}
.assessment-banner-mobile {display: none;}
@media (max-width: 767px) {
  .assessment-banner-desktop {display: none;}
  .assessment-banner-mobile {display: block;}
}