@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap');


* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Readex Pro", sans-serif;}
html, body {
    scroll-behavior: smooth;
}
body {font-family: "Readex Pro", sans-serif;}

:root{
    
    --transition: 0.3s ease-in;
    overflow-x: hidden;
    --transition-medium: 0.3s ease-in;
    --primary-color: #de3341;
    --secondary-color: #3b82f6;
    --background-color: #f8fafc;
    --text-color: #000000;
    --footer-text:#fff;
    --transition: 0.3s ease-in;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background:#d86060 !important}


/* .row{margin: 0!important;} */

/* Common CSS */
.p-text{font-size: 14px;font-weight: 400;line-height: 21px;margin: 0;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}
@keyframes fadeInDown {from {opacity: 0;transform: translateY(-30px);}to {opacity: 1;transform: translateY(0);}}
@keyframes slideIn {from {opacity: 0;transform: translateX(30px);}to {opacity: 1;transform: translateX(0);}}
@keyframes slideInLeft {from {opacity: 0;transform: translateX(-30px);}to {opacity: 1;transform: translateX(0);}}

.fade-element {opacity: 0;transition: all 0.5s ease-in-out;}
.fadeInDown-active {animation: fadeInDown 0.5s ease-in-out forwards;}

.primary-btn{padding: 16px;background-color: #111111;color: #fff;font-size: 16px;margin: 0;text-decoration: none;width: fit-content;border-radius: 100px;transition: all 0.3s ease-in;margin: auto;border: none !important;cursor: pointer;}
.primary-btn:hover{background-color: var(--primary-color);transition: all 0.3s ease-in;color: #fff;}


/* Header Section */
.header{position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;}
/* .header-logo{height: 42px !important;} */
/* .header.is-sticky {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);backdrop-filter: blur(10px);animation: slideDown 0.35s ease-out;} */
@keyframes slideDown {from {transform: translateY(-100%);}to {transform: translateY(0);}}

/* @media (max-width: 991px) {
    .nav-active .nav-menu {left: 0;background: #ffffff;}
    .nav-list {flex-direction: column;padding: 0;width: 100%;}
    .nav-item {width: 100%;}
    .nav-link {width: 100%;padding: 10px 14px;border-bottom: 1px solid transparent;}
    .nav-link.active::after {display: none;}
    .img-col{display: none;}
} */


/* Navigation Menu */
.navbar {display: flex;justify-content: space-between;align-items: center;padding: 12px 2rem;width: 100vw;background: #ffffff !important;transition: var(--transition-medium);}
.nav-menu {display: flex;align-items: center;gap: 10px;}
.nav-list {display: flex;list-style: none;margin-bottom: 0;display: flex;align-items: center;padding: 0;}
.nav-item {position: relative;}
.nav-link {color: var(--text-color);text-decoration: none;font-weight: 500;transition: all var(--transition);display: flex;align-items: center;gap: 5px;color: #000000;padding: 10px;}
.nav-link:hover{color: var(--primary-color) !important;text-decoration: none !important;}
.nav-link.active{color: var(--primary-color) !important;}
.nav-toggle {display: none;cursor: pointer;background: transparent;padding: 0.6rem;transition: all var(--transition) !important;}
.nav-toggle:hover {background: transparent; transition: all var(--transition) !important ;}
.hamburger {width: 24px;height: 20px;position: relative;}
.hamburger span {display: block;width: 100%;height: 2px;background: var(--primary-color);position: absolute;transition: all var(--transition-medium);border-radius: 10px;}
.hamburger span:first-child {top: 0;}
.hamburger span:nth-child(2) {top: 9px;width: 70%;}
.hamburger span:last-child {top: 18px;}
/* Mobile Menu Active State */
.nav-active .hamburger span:first-child {transform: rotate(45deg);top: 9px;}
.nav-active .hamburger span:nth-child(2) {opacity: 0;width: 0;}
.nav-active .hamburger span:last-child {transform: rotate(-45deg);top: 9px;}


.main-content{top: 76px;position: relative;overflow: hidden;}


/* Banner Section */
.banner-section{padding: 48px 0;background-color: #fff;position: relative;}
.banner-section::before{background: #000c;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.7;}
.banner-section .banner-bg-img {height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;object-position: top;}
.banner-section .banner-div{padding:0 60px ;position: relative;z-index: 2;}
.banner-section .banner-content{display: flex;flex-direction: column;gap: 30px;}
.banner-section .banner-content .banner-heading{font-size: 42px;font-weight: bold;margin: 0;color: #000000;color: #fff;}
.banner-section .banner-content .banner-heading .sub-banner-heading{color: var(--primary-color);}
.banner-section .banner-content .bullet-content{display: flex;flex-direction: column;gap: 15px;width: fit-content;}
.banner-section .banner-content .bullet-content .content{font-size: 18px;text-align: left;padding-left: 25px;background: url(../images/bullet2.png) no-repeat top 2px left;background-size: 16px;line-height: 20px;margin: 0;color: #fff;width: fit-content;}
.banner-section .banner-content .banner-text{color: #ffffff;font-size: 14px;font-weight: bold;}


/* Banner Form */
.banner-section .form-col-div {display: flex;align-items: center;justify-content: center;}
.banner-section .form {max-width: calc(100vw - 40px);height: auto;background: #ffffff;box-shadow: 0 0 40px -10px #fff;margin: 18px auto;box-sizing: border-box;position: relative;width: 500px;margin: 0 !important;border-radius: 5px;}
.banner-section .main-div{padding: 15px 30px;}
.form .form-heading {margin: 0;padding-bottom: 7px;width: 100%;padding: 15px 17px;color: #fff;font-size: 22px;font-weight: 600;margin-bottom: 0px;font-size: 22px;background-color: var(--primary-color) ;text-align: center;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.banner-section .form-group {margin-bottom: 5px !important;}
.banner-section .form-group > label {margin: 0 !important;margin-bottom: 5px !important;color: #000;font-size: 14px;}
.banner-section .form-control {font-size: 15px;box-shadow: none;padding: 8px 12px !important;}
.form-control {color: #212121;}
.banner-section select{border: 2px solid #ddd;}
.banner-section .checkbox {clear: both;margin-bottom: 10px;padding: 10px 0 0 !important;}
.banner-section .checkbox > label {color: #000000;font-size: 12px;line-height: 1.3;padding: 0;cursor: pointer;margin: 0;}
.banner-section .checkbox input {float: left;height: 17px;margin: 0 10px 10px 0 !important;position: static !important;width: 17px;cursor: pointer;accent-color: var(--primary-color);}
.banner-section .checkbox .form-links {color: var(--primary-color);font-weight: 500;}

.tright {text-align: center;}
.tright .primary-btn{width: 100%;padding: 10px;}
/* .startBtnCls {margin: 0;border: none;background: #1a8791;;color: #ffffff;border-radius: 100px;display: inline-block;background-image: none;padding: 10px 12px;transition: var(--transition);width: fit-content;}
.startBtnCls:focus, .startBtnCls:hover, .startBtnCls:active {color: #FFF;background: #000000;cursor: pointer;} */ */


.security-section .security-img{width: 100%;animation: slideInLeft 0.5s ease-in-out;}





/* benefit-section */
.benefit-section{padding: 48px 0;background-color: #fff;}
.benefit-section .benefit-div{display: flex;flex-direction: column;gap: 32px;}
.benefit-section .benefit-div .heading{color: var(--primary-color);font-size: 38px;margin: 0;}
.benefit-section .benefit-div .card-div{display: flex;flex-direction: column;gap: 24px;}
.benefit-section .card-div .icon-div{display: flex;background-color: #f7f7f7;display: flex;height: 62px;width: 62px;align-items: center;justify-content: center;border-radius: 100px;}
.benefit-section .card-div .content{display: flex;flex-direction: column;gap: 12px;}
.benefit-section .card-div .content .card-heading{font-size: 28px;margin: 0;color:#111111;}
.benefit-section .card-div .content .card-text{color: #545454;font-size: 18px; margin: 0;}
.benefit-section .benefit-div .primary-btn{padding: 16px;background-color: #111111;color: #fff;font-size: 16px;margin: 0;text-decoration: none;width: fit-content;border-radius: 100px;transition: all 0.3s ease-in;margin: auto;}
.benefit-section .benefit-div .primary-btn:hover{background-color: var(--primary-color);transition: all 0.3s ease-in;}
.benefit-section .benefit-div .row{row-gap: 40px;}


/* Provide Section */
.provide-section{padding: 48px 0;background-color: #f7f7f7;}
.provide-section .provide-div{display: flex;flex-direction: column;gap: 32px;}
.provide-section .provide-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.provide-section .provide-div .heading-div .heading{color: var(--primary-color);font-size: 38px;margin: 0;}
.provide-section .provide-div .heading-div span{color: var(--primary-color);}
.provide-section .provide-div .heading-div .p-text{font-size: 16px;}
.provide-section .provide-div .card-div{display: flex;flex-direction: column;gap: 20px;background: #ffffff;padding: 20px;border-radius: 10px;text-align: center;height: 100%;}
.provide-section .provide-div .card-div .card-heading{font-size: 20px;margin: 0;color: #000;font-weight: 600}
.provide-section .provide-div .card-div .card-text{font-size: 16px;color: #111111;margin: 0;}
.provide-section .provide-div .row{row-gap: 24px;}


/* Step Section */
.step-section{padding: 48px 0;background-color: #fff;}
.step-section .step-div{display: flex;flex-direction: column;gap: 32px;}
.step-section .step-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.step-section .step-div .heading-div .heading{color: var(--primary-color);font-size: 38px;margin: 0;}
.step-section .step-div .heading-div .p-text{font-size: 16px;}
.step-section .step-div .card-div{display: flex;flex-direction: column;gap: 20px;background-color: #f7f7f7;padding: 20px;border-radius: 10px;text-align: center;height: 100%;}
.step-section .step-div .card-div .card-heading{font-size: 20px;margin: 0;color: #000;font-weight: 600}
.step-section .step-div .card-div .card-text{font-size: 16px;color: #111111;margin: 0;}
.step-section .step-div .row{row-gap: 20px;}
.step-section .step-div .img-div{height: 100%;}
.step-section .step-div .step-img{width: 100%;border-radius: 48px;height: 100%;object-fit: cover;}


/* Rates Section */
.rates-section{padding: 48px 0;background-color: #ffffff;}
.rates-section .rates-div{display: flex;flex-direction: column;gap: 35px;}
.rates-section .rates-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.rates-section .rates-div .heading-div .heading{color: var(--primary-color);font-size: 38px;margin: 0;}
.rates-section .rates-div .heading-div .p-text{font-size: 16px;}
.rates-section .rates-div .content{display: flex;flex-direction: column;gap: 20px;}
.rates-section .rates-div .content .sub-heading-div{display: flex;flex-direction: column;gap: 10px;text-align: start;}
.rates-section .rates-div .content .sub-heading{font-size: 20px;margin: 0;color: #000000;font-weight: 600;}
.rates-section .rates-div .content .sub-heading-div .p-text{font-size: 14px;color: #111111;margin: 0;}
.rates-section .rates-div .content .ul{display: flex;flex-direction: column;gap: 5px;margin: 0;}
.rates-section .rates-div .content .ul li::marker{color: var(--primary-color);}
.rates-section .rates-div .btn-div{display: flex;justify-content: space-between;margin: auto;gap: 120px;align-items: center;}
.rates-section .rates-div .btn-context{display: flex;flex-direction: column;gap: 15px;}
.rates-section .rates-div .btn-context .btn-heading{font-size: 20px;margin: 0;color: #000;font-weight: 600;}
.rates-section .rates-div .btn-context .btn-text{font-size: 14px;margin: 0;color: #111111;}
.rates-section .rates-div .btn-div .primary-btn{margin: 0;}

/* Footer */
.footer{padding: 40px 0;background-color: #000000 !important;}
.footer .main-div{padding: 0 100px;width: 100vw;}
.footer .footer-div{display: flex;flex-direction: column;gap: 20px;}
.footer .footer-div .footer-logo{width: fit-content;height: 50px;}
.footer .para-div{display: flex;flex-direction: column;gap: 25px;width: fit-content;}
.footer .para-div .footer-links-div{display: flex;gap: 5px 10px;color: #fff;align-items: center;justify-content: center;flex-wrap: wrap;}
.footer .para-div .footer-links-div .links{color: #fff;font-size: 14px;margin: 0;text-decoration: underline;color: #ffffff !important;transition: all 0.3s ease-in;}
.footer .para-div .footer-links-div .links:hover, .footer .para-div .footer-links-div .links.active{color: var(--primary-color) !important;text-decoration: none;}
.footer .para-div .footer-heading{font-size: 18px;color: #fff;font-weight: 500;width: fit-content;}
.footer .para-div .p-text.footer-text{font-size: 14px;color: #ffffff;margin: 0;width: fit-content;text-align: justify;}
.footer .para-div .p-text.copyright{font-weight: 600;color: #000000;color: #ffffff;}


/* Sub Page */
.sub-page-section .main-div{padding: 0 100px;}
.sub-page-section .content{display: flex;flex-direction: column;}
.sub-page-section .content .banner-div{padding: 48px 0;}
.sub-page-section .content .banner-div .heading-div {display: flex;flex-direction: column;gap: 20px;text-align: center;}
.sub-page-section .content .banner-div .heading-div .heading{display: flex;flex-direction: column;gap: 40px;margin: auto;}
.sub-page-section .content .banner-div .main-heading{font-size: 42px;font-weight: bold;line-height: 48px;margin: 0;color: var(--primary-color);}
.sub-page-section .content .banner-div .request-btn {margin: auto;padding: 15px;background: #468ee5;color: #fff;text-decoration: none;text-transform: uppercase;border-radius: 15px;margin: auto;width: fit-content;transition: var(--transition);}
.sub-page-section .content .banner-div .request-btn:hover{background: #000;}
.sub-page-section .content .context-div{display: flex;flex-direction: column;gap: 20px;padding: 48px 0 !important;}
/* .sub-page-section .content .context-div table{animation: slideIn 0.5s ease-in-out !important;} */
.sub-page-section .content .context-div.faqss-divs{padding: 48px 0 100px 0 !important;}
.sub-page-section .content .context-div .fraud-heading{display: flex;flex-direction: column;gap:15px;}
.sub-page-section .content .inner-heading{font-weight: 700;font-size:22px;color: #000000;line-height: 24px;margin: 0;text-align: start;}
.sub-page-section .content .para-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .content .inner-text{font-size: 14px;color: #444; margin: 0;text-align: justify;line-height: 24px ;}
.sub-page-section .content .inner-span{font-weight: 700;}
.sub-page-section .content .sub-page-links{list-style-type: decimal;margin-left: 20px;font-size: 14px;color: #333;display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .content .lower-roman{list-style-type: lower-roman;margin-top: 10px !important;font-size: 13px;display: flex;flex-direction: column;gap: 5px;margin-bottom: 10px !important;}
.sub-page-section .content .check-bullet{display: flex;align-items: center;width: fit-content;}
.sub-page-section .content .check-bullet .bullet-img{width: 20px;height: 20px;margin-right: 10px !important;}
.sub-page-section .content .warning-bullet {display: flex;align-items: center;width: fit-content;}
.sub-page-section .content .warning-bullet .warning-img{width: 24px;margin-right: 10px !important;}
.sub-page-section .content .content-link {text-decoration: underline;color: #009dff;}
.sub-page-section .content .context-div .step-section{padding: 0;}

.sub-page-section .content .context-div .purpose-section{margin-top: 76px;}
.sub-page-section .content .context-div .purpose-section .heading{display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .content .context-div .purpose-section .purpose-icon{font-size: 22px;color: var(--primary-color);margin: 0;}
.sub-page-section .step-section .step-div .heading-div .heading{color: #000 !important;}
.sub-page-section .step-section .step-div .card-div .card-heading{color: var(--primary-color);}

/* Econsent */
.sub-page-section .content .e-consent-links{list-style: none;display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .content .e-consent-links li::before{content: "•";color: var(--primary-color);font-weight: bold;display: inline-block;width: 10px;margin-left: -16px;vertical-align: top;}
.sub-page-section .content .e-consent-links .inner-text{display: inline-block;}

/* CCPA Links */
.sub-page-section .content .ccpa-links{list-style-type: lower-alpha;margin-left: 20px;margin-top: 10px !important;}
.sub-page-section .content .ccpa-links li ul{list-style: none;}
.sub-page-section .content .ccpa-links li ul li{margin-bottom: 10px;}
.sub-page-section .content .ccpa-links li ul li::before {width: 10px;margin-left: -15px;margin-top: 2px;content: "•";color: var(--primary-color);font-weight: bold;display: inline-block;width: 10px;margin-left: -16px;vertical-align: top;}
.sub-page-section .content .ccpa-links .inner-text{display: inline-block;}

/* FAQs */
/* FAQs Section */
.faq-section{padding: 48px 0;position: relative;background: #f7f7f7;width: 100% !important;}
.faq-section .faq-content{display: flex;flex-direction: column;gap: 20px;}
.faq-section .faq-content .content-div{display: flex;flex-direction: column;gap: 32px;}
.faq-section .faq-content .content-div .faq-img{width: 100%;height: 100%;border-radius: 20px;}
.faq-section .faq-content .sec-heading-div{display: flex;flex-direction: column;gap: 36px;justify-content: center;align-items: start;}
.faq-section .faq-content .sec-heading-div  .heading{font-weight: 700;text-align: start;font-size: 38px;margin: 0;}
.faq-section .faq-content .p-text{font-size: 16px; line-height: 24px;text-align: justify;}
.faq-section .faq-content .sec-btn{display: flex;gap: 8px;text-decoration: none;color: #111111;font-size: 16px;margin: 0;}
.faq-section .faq-content .arrow-icon{font-size: 16px;display: flex;align-items: center;}
.faq-section .faq-content .question {font-size: 16px;font-weight: 600;padding: 18px 24px;position: relative;display: flex;align-items: center;cursor: pointer;margin: 0;border-radius: 12px;text-align: start;}
.faq-section .faq-content .accordian-class {background-color: white;color: black;border-radius: 12px;box-shadow: none !important;margin: 20px 0;border: 1px solid rgba(0, 0, 0, 0.15);}
.faq-section .faq-content .answer {padding: 0 24px 24px;}
.faq-section .faq-content .answercont {border: none;}

.accordian-class {background-color: white;color: black;border-radius: 20px;}
.question {font-size: 16px;font-weight: 500;padding: 24px 0;position: relative;display: flex;align-items: center;cursor: pointer;margin: 0;border-radius: 20px;text-align: start;}
.question::after {content: "\002B";font-size: 30px;position: absolute;right: 20px;transition: 0.2s;}
.question.active::after {transform: rotate(45deg);}
.question.active{color: var(--primary-color);}  
.answercont {max-height: 0;overflow: hidden;transition: 0.3s;display: flex;flex-direction: column;border-bottom: 1px solid #c1bdbd;}
.answer {padding: 0 0 32px 0;margin: 0;animation: slideIn 0.5s ease-in-out !important;font-weight: 300;font-size: 15px;}
.accordian-class .inner-links{text-decoration: none;}
.answer.p-text{padding-bottom: 10px !important;}


.faq-content .answer .p-text{color: #444;}
.faq-content .answer .text-div{display: flex;flex-direction: column;gap:10px;}
.faq-content .answer .text-div ul{margin: 0;}
.text-div .sub-li .p2-text{font-weight: 700;}

/* Apply Page */
.apply-page {padding: 48px 0;}
.apply-page .main-div{padding: 0 100px;}
.apply-page .main-div .apply-form{display: flex;justify-content: center;align-items: center;}
.apply-page .main-div .form-body{width: 66%;}
.form-step {position: absolute;width: 100%;opacity: 0;transform: scale(0.8) translateY(50px);transition: all 0.5s ease;}
.form-step.active {opacity: 1;transform: scale(1) translateY(0);position: relative;}
.step-header {position: absolute;top: -30px;right: 30px;background: #16a085;color: #fff;padding: 0.5em 1em;border-radius: 30px;font-weight: 600;animation: slideIn 0.5s forwards;}
h2 {margin-bottom: 1em;color: #333;font-weight: 600;text-align: center;}
.apply-page .form-step .heading-section{display: flex;flex-direction: column;gap:20px;margin-bottom: 50px;}
.apply-page .form-step .form-h2{font-size: 28px;font-weight: bold;line-height: 34px;margin: 0;text-align: center;}
.apply-page .form-step .form-para{font-size: 15px;margin: 0;text-align: center; text-transform: uppercase;letter-spacing: 0.3em;color: #336a80;}
.apply-page .helpnote {position: relative;background-color: #F3F3FB !important;padding: 1.125em 1.5em;font-size: 12px;border-radius: 1rem;margin-top: 15px;}
.apply-page .helpnote::before {content: '';position: absolute;width: 0;height: 0;bottom: 100%;left: 1.5em;border: .75rem solid transparent;border-top: none;border-bottom-color: #F3F3FB;}
.apply-page .helpnote >p{margin: 0 !important;}
label {display: block;margin-top: 1em;color: #555;font-weight: 500;}
input[type="text"],input[type="email"],input[type="file"],textarea {width: 100%;padding: 8px 12px;margin-top: 0.5em;border: 2px solid #ddd;border-radius: 10px;font-size: 1em;outline: none;transition: border-color 0.3s;}
input:focus,textarea:focus {border-color: var(--primary-color);}
input[type="checkbox"] {margin-right: 0.5em;}
.buttons.form-btn {display: flex;justify-content: center;/* flex-direction: column; *//* margin-top: 2em; */padding-top: 30px;gap: 15px;}
button {padding: 16px 32px;border: none;border-radius: 30px;cursor: pointer;font-size: 1em;font-weight: 600;transition: background 0.3s, transform 0.3s, box-shadow 0.3s;gap: 20px;}
.next-step,.home-btn{background: #000000;}
.next-step,.prev-step,.home-btn {color: #fff;}
.prev-step{background-color: #F2EFE7;color: #000;}
.next-step:hover,.prev-step:hover {background: var(--primary-color);transform: translateY(-3px);color: #fff;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}
@keyframes fadeInDown {from {opacity: 0;transform: translateY(-30px);}to {opacity: 1;transform: translateY(0);}}
@keyframes slideIn {from {opacity: 0;transform: translateX(30px);}to {opacity: 1;transform: translateX(0);}}
.form-body .add-div{display: flex;justify-content: space-between;margin: 10px 0;}
.form-control:focus{border-color:  var(--primary-color);}
.btn-outline-secondary{margin: 0;}
.button-div{width: 100%;}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {padding-top: 1.625rem;padding-bottom: .625rem;box-shadow: none;}
.apply-page   label {display: block;margin: 10px 0;}
.form-radio-div{display: flex;justify-content: space-between;margin: 0 -10px;width: 100% !important;}
.form-radio-div .field-choice {width: 50%;margin: 0 10px;}
.field-choice label.radio-btn {color: #2B2945 !important;font-size: 14px;font-weight: 100;}
.field-choice label.radio-btn {background: #fff;color: #313168;border-color: #dbe2e6;cursor: pointer;height: 74px;font-size: 18px;font-weight: 600;line-height: 1.2;display: flex;align-items: center;justify-content: center;position: relative;margin: 0;padding-left: 10px;padding-right: 10px;text-align: center;transition: all 0.6s ease;font-size: 14px;}
.radio-btn  {height: 50px;border: 1px solid #dbe2e6;background: #fff;font-size: 17px;font-weight: 500;padding: 6px 20px;box-shadow: none !important;border-radius: 10px;}
.field-choice label.radio-btn :hover {border-color: #6a7e9d;}
/* .field-choice input:checked + label.radio-btn {background: linear-gradient(90deg, #1a8791 0%, #0db1c0 100%);border-color: #fff;color: #fff !important;font-weight: 700;} */
.field-choice input:checked + label.radio-btn {background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 100%);border-color: #fff;color: #fff !important;font-weight: 700;}
.apply-page .form-choice.mobile-wrap {flex-wrap: wrap;justify-content: flex-start;display: flex;}
.mobile-wrap .field-choice {width: 48%;margin: 5px;}
.apply-page .sub-div, .apply-page .income-message, .monthly-stay-div, .bank-monthly {display: none;}
.form-group-row {display: flex;justify-content: space-between;}
.form-group-row .form-group {width: 49%;}
.mobile-wrap.time .field-choice {width: 22.5%;}
.apply-page .content-div{display: flex;flex-direction: column;gap: 30px;}
.content-div .checkbox input {display: none;}
.content-div .checkbox label {font-weight: 400;color: #000;padding-left: 70px;position: relative;min-height: 50px;cursor: pointer;display: flex;align-items: center;}
.checkbox input:checked + label:before {content: "\2713";background: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.checkbox label:before{background: #fff;width: 50px;height: 50px;line-height: 48px;text-align: center;border: 1px solid #dbe2e6;border-radius: 10px;position: absolute;top: 0;left: 0;transition: all 0.6s ease;}
.section-terms p.term-paragraph {margin-bottom: 30px;margin-top: 0;font-size: 14px;}
.income-message > p{margin: 0;}
.mobile-wrap.time .field-choice {width: 22.5%;}
/* Loan Purpose */
.form-choice.loan-purpose-input {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -10px;}
.form-choice.loan-purpose-input .field-choice {width: 30%;margin: 10px 0;flex-shrink: 0;}
.form-choice.loan-purpose-input .field-choice input:checked + label.form-control img {filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);}
.form-choice.loan-purpose-input .field-choice label.form-control img {width: 50px;height: 50px;}
  
/* Loader */
.loader{width: 100px;height: 100px;border-radius: 100%;position: relative;margin: 0 auto;}

/* LOADER 1 */

#loader-1:before, #loader-1:after{content: "";position: absolute;top: -10px;left: -10px;width: 100%;height: 100%;border-radius: 100%;border: 10px solid transparent;border-top-color: var(--primary-color);}
#loader-1:before{z-index: 100;animation: spin 1s infinite;}
#loader-1:after{border: 10px solid #ccc;}
@keyframes spin{
  0%{-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
}
  
/* Animation Page */
.animation-page {background-color: #ffffff;}
.animation-page .main-div{position: relative;display: flex;justify-content: center;align-items: center;height: 100vh;gap: 30px;flex-direction: column;text-align: center;width: 510px;margin: auto;}
.animation-page .main-div .ani-logo{width: 170px;}
.animation-page .main-div .heading-title{font-weight: 700;font-size: 22px;}
.animation-page .main-div .text-div{display: flex;flex-direction: column;gap: 30px;width: 100% !important;}
.animation-page .main-div .loader-text{font-size: 18px;color: #333333;margin: 0;font-weight: 600;}
.animation-page .main-div span[class^="dot-"]{opacity: 0;font-weight: 600}
.animation-page .main-div .dot-one{animation: dot-one 2s infinite linear;}
.animation-page .main-div .dot-two{animation: dot-two 2s infinite linear;}
.animation-page .main-div .dot-three{animation: dot-three 2s infinite linear;}
@keyframes dot-one{0%{opacity: 0;}15%{opacity: 0;}25%{opacity: 1;}100%{opacity: 1;}}
@keyframes dot-two{0%{opacity: 0;}25%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}
@keyframes dot-three{0%{opacity: 0;}50%{opacity: 0;}75%{opacity: 1;}100%{opacity: 1;}}
.animation-page .main-div .request-div{background-color: #006A71;color: #fff;padding: 2px 10px;border-radius: 20px;font-weight: 600;width: fit-content;margin: auto;}
.animation-page .main-div .loader-line {width: 100%;height: 20px;position: relative;overflow: hidden;background-color: #ddd;border-radius: 20px;}
.animation-page .main-div .loader-line:before {content: "";position: absolute;left: -50%;height: 20px;width: 40%;background-color: #004bff;animation: lineAnim 5s linear infinite;border-radius: 20px;}
@keyframes lineAnim {0% {left: -40%;}50% {left: 20%;width: 80%;}100% {left: 100%;width: 100%;}}
.animation-page .heading-section{display: flex;flex-direction: column;gap:20px;}
.animation-page .heading-section .heading{font-size: 28px;font-weight: bold;line-height: 34px;margin: 0;text-align: center;}
.animation-page .heading-section .para{font-size: 15px;margin: 0;text-align: center; text-transform: uppercase;letter-spacing: 0.3em;color: #006A71;}
.form-body select {-webkit-appearance: none;-moz-appearance: none;border-radius: 6px;appearance: none;padding: 2px 10px 0;background-color: #eceaec;}
.loan-amount label {display: flex;justify-content: space-between;margin-bottom: 10px;color: inherit;font-size: 18px;}
.loan-amount  > span {white-space: nowrap;color: #313168;}
.loan-amount label input {font-size: 20px;border: 1px solid transparent;width: 70px;font-weight: 700;}
.loan-amount label input:focus-visible{outline: none;}
.loan-amount .loan-amount-range {width: 100%;height: 14px;background: #fff;border: 1px solid #dbe2e6;border-radius: 30px;position: relative; margin-top: 10px;cursor: pointer;}
/* .loan-amount .loan-amount-range .ui-slider-handle {background: #0db1c0;position: absolute;top: 5px;margin-left: 0;width: 28px;height: 28px;border-radius: 50%;} */
.loan-amount .loan-amount-range .ui-slider-range-min {height: 100%;background-color: var(--primary-color);position: absolute;top: 0;left: 0;border-radius: 30px;}
/* .loan-amount .loan-amount-range .ui-slider-handle {background: var(--primary-color);position: absolute;top: 5px;margin-left: 0;width: 28px;height: 28px;border-radius: 50%;} */
.loan-amount .loan-amount-range .ui-slider-handle {
  background: var(--primary-color);
  position: absolute;
  top: 5px;
  margin-left: 0px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.loan-amount label input {font-size: 20px;border: 1px solid transparent;width: 90px;font-weight: 700;}
    
/* Loan Range */
.loan-amount-range {position: relative;height: 10px;background: #ddd;border-radius: 5px;margin-top: 10px;cursor: pointer;}
/* .ui-slider-range {height: 100%;background: #0db1c0;border-radius: 5px;position: absolute;top: 0;left: 0;} */
/* .ui-slider-handle {width: 20px;height: 20px;background: #fff;border: 2px solid #0db1c0;border-radius: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);} */
.ui-slider-range {height: 100%;background: var(--primary-color);border-radius: 5px;position: absolute;top: 0;left: 0;}
.ui-slider-handle {width: 20px;height: 20px;background: #fff;border: 2px solid var(--primary-color);border-radius: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}
.icon-label-div{display: flex;flex-direction: column;gap: 5px;padding: 6px 10px;height: 100px !important;}
.icon-label-div .label-icon{font-size: 35px;color: var(--primary-color);transition: var(--transition);} 
.field-choice input:checked + label.radio-btn .label-icon{color: #fff;transition: var(--transition);}

/* lsmifm */
.lsmifm-div{padding: 48px 0;}
.lsmifm-div .heading-div{display: flex;flex-direction: column;gap: 20px;text-align: center;}
.lsmifm-div .heading-div .heading{font-size: 28px;font-weight: bold;line-height: 34px;margin: 0;text-align: center;}
.lsmifm-div .heading-div .p-text{font-size: 15px;margin: 0;text-align: center;text-transform: uppercase;letter-spacing: 0.3em;color: #336a80;}
.iframe-section{padding: 48px 0;}

@media (max-width:991px){

    /* Navbar */
    .nav-toggle {display: flex;}
    .nav-menu {position: fixed;top: 0px;left: -100%;flex-direction: column;align-items: flex-start;width: fit-content;height: calc(100vh - 70px);padding: 0;transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);max-width: 250px;min-width: 250px;width: 300px !important;}
    .nav-active .nav-menu {left: 0;background: #ffffff;height: 100vh;}
    .nav-list {flex-direction: column;padding: 0;width: 100%;gap: 0;}
    .nav-item {width: 100%;border-bottom: 1px solid #000;}
    .nav-link {width: 100%;padding: 10px 14px;border-bottom: 1px solid transparent;border-radius: 0;color: #000;transition: var(--transition);background-color: #ffffff !important;}
    .nav-link.active::after {display: none;}
    .nav-link:hover, .nav-link.active {color: #ffffff !important;background: var(--primary-color) !important;}
    .apply-btn-div .primary-btn{display: none;}


    /* Banner Section */
    .banner-section .banner-row{row-gap: 20px;}
    .form .form-heading{font-size: 18px;padding: 12px 14px;}
    .banner-section .main-div {padding: 15px 20px;}
    .banner-section .form-control {font-size: 15px;padding: 8px 12px !important;}

    /*  */
    .apply-page .main-div ,
    .review-section .review-div, .service-section .main-div, .footer .main-div, .sub-page-section .main-div{padding: 0;margin: auto;display: flex;justify-content: center;}
    .apply-page .main-div .form-body {width: 100%;}


    /* Rates Section */
    .rates-section .rates-div .btn-div{flex-direction: column;gap: 20px;align-items: center;text-align: center;}

    /* FAQ Section */
    .faq-section .faq-content .row{row-gap: 32px;}
    .faq-section .faq-content .content-div .faq-img{display: none;}
    
}


@media (max-width:767px){

    /* Service Section */
    .service-section .loan-col,.service-section .rush-col, .deposite-col{margin: 0;}


    /* Benefit Section */
    .benefit-section .benefit-div .heading {font-size: 32px;}


    /* Testimonial Section */
    .testimonial-section .content-div{align-items: center;}
    .testimonial-section .content-div .heading{text-align: center;font-size: 32px}

    /* FAQ Section */
    .faq-section .faq-content .sec-heading-div .heading{font-size: 32px;}
}

@media (max-width:575px){

    /* Common Class */
    .primary-btn {padding: 10px;border-radius: 10px;}
    .benefit-section .benefit-div .heading, .provide-section .provide-div .heading-div .heading, .step-section .step-div .heading-div .heading, .rates-section .rates-div .heading-div .heading, .faq-section .faq-content .sec-heading-div .heading {font-size: 26px;}

    /* Navbar */
    .header-logo{height: 42px;}
    .navbar {padding: 10px 16px;}
    .nav-link {width: 100%;font-size: 14px !important;}

    /* Paddding */
    .sub-page-section .content .banner-div,
    .sub-page-section .content .context-div,
    .apply-page,
    .banner-section, .benefit-section , .benefit-section, .rates-section, .step-section,.faq-section, .footer, .lsmifm-div, .iframe-section{padding: 35px 0;}

    .main-content {top: 62px;}
    /* Banner Section */
    .banner-section .banner-div {padding: 0 15px;}
    .banner-section .banner-content .banner-heading {font-size: 30px;line-height: 30px;}
    .banner-section .banner-content {gap: 20px;}
    .banner-section .banner-content .bullet-content {gap: 10px;}


    /* Benefit Section */
    .benefit-section .benefit-div .row {row-gap: 25px;}
    .benefit-section .card-div .content .card-heading {font-size: 22px;}
    .benefit-section .card-div .content .card-text {font-size: 16px;}
    .benefit-section .benefit-div .primary-btn {padding: 10px;border-radius: 10px;}
    .benefit-section .benefit-div .card-div {gap: 15px;align-items: center;text-align: center;}


    /* Provide Section */
    .provide-section .provide-div .card-div {gap: 10px;padding: 15px;border-radius: 5px;}

    
    /* Step Section */
    .step-section .step-div .card-div {gap: 10px;padding: 15px;border-radius: 5px;}
    .step-section .step-img {height: 300px !important;border-radius: 20px !important;}
    .step-section .step-div .card-div .card-text {font-size: 14px;}


    /* Testimonial Section */
    .testimonial-section .content-div .primary-btn {padding: 10px;border-radius: 10px;}

    .testimonial-section .content-div {gap: 20px;}


    /* FAQs Section */
    .faq-section .faq-content .sec-heading-div {gap: 20px;}
    .faq-section .faq-content .accordian-class{margin: 0 !important;}
    .faq-section .faq-content .wrapper {display: flex;flex-direction: column;gap: 20px;}
    .faq-section .faq-content .question {padding: 12px 24px 12px 12px;}


    .sub-page-section .content .context-div .fraud-heading {gap: 10px;} 
    .sub-page-section .content .para-div {gap: 7px;}

    /* Apply Page */
    .apply-page .form-step .form-h2 {font-size: 22px;line-height: 28px;}
    .apply-page .form-step .heading-section {gap: 15px;margin-bottom: 40px;}
    .apply-page .form-step .form-para{letter-spacing: 0.1em;font-size: 13px;}
 
    .loan-amount label input{font-size: 18px;}
    .loan-amount .loan-amount-range .ui-slider-handle {width: 20px;height: 20px;}
    .ui-slider-range,.loan-amount .loan-amount-range{height: 10px !important;}

    .field-choice label.radio-btn {height: 50px;}
    .mobile-wrap .field-choice {width: 45%;}
    
    .buttons.form-btn{padding-top: 10px;}
   .apply-page button, .input-cls {padding: 10px !important;border-radius: 10px !important;font-size: 14px !important;}

    /* Common page font */
    .loan-amount label{    font-size: 16px;}

    .sub-page-section .content .context-div {gap: 15px;}
    .sub-page-section .banner-div{padding-bottom: 0px !important;}
    .sub-page-section .content .banner-div .main-heading {font-size: 26px;line-height: 26px;}
    .sub-page-section .content .banner-div .heading-div {gap: 15px;}
    .sub-page-section .content .banner-div .request-btn{padding: 8px;border-radius: 8px;font-size: 12px;    }

    /*  */
    .loader {width: 50px !important;height: 50px !important;}
    .animation-page .main-div {width: 100% !important;}
    .animation-page .heading-section .heading {font-size: 25px;}
    #loader-1:after, #loader-1:before, #loader-1:after {border: 7px solid #ccc;}

    /* FAQs */
    .sub-page-section .content .context-div.faqss-divs {padding: 24px 0 80px 0 !important;}
    .accordian-class,.question {border-radius: 10px;}
    .question {font-size: 15px;padding: 16px;}
    .question::after {font-size: 22px;right: 10px;}
    .faq-content .p-text {font-size: 14px;line-height: 20px;}
    .answer {padding: 13px 13px 13px 13px;}


    .footer .para-div .footer-links-div .links {font-size: 12px;}


    /* lsmifm page */
    .lsmifm-div .heading-div {gap: 10px;}
    .lsmifm-div .heading-div .heading {font-size: 22px;line-height: 30px;}
    .lsmifm-div .heading-div .p-text {font-size: 13px;}

    /*  */
    .form-choice.loan-purpose-input, .apply-page .form-choice.mobile-wrap{display: grid !important;grid-template-columns: repeat(2,1fr);gap:0 20px;padding: 0 10px;}
    .form-choice.loan-purpose-input .field-choice,.mobile-wrap .field-choice, .mobile-wrap.time .field-choice{width: 100% !important;}

}

.hamburger {width: 24px;height: 20px;position: relative;}

.parsley-errors-list {
      color: red;
      list-style: none;
      padding: 5px 0 0;
      font-size: 14px;
    }

.form-step { display: none; }
.form-step.active { display: block; }
.field-error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
}


.animation-page .main-div .ani-logo{width: fit-content;}
.animation-page .main-div{padding: 40px 0;}
.animation-page .heading-section .para {font-size: 20px;margin: 0;text-align: center;text-transform: uppercase;letter-spacing: 0.2em;font-weight: 600;color: #000000;}
.animation-page .heading-section {display: flex;flex-direction: column;justify-content: space-between;height: 100vh;align-items: center;}
#loader{width:100%;height: 150px;display:flex;align-items:center;justify-content:center;}
.circle-loader {display: flex;align-items: center;justify-content: center;}
.circle {position: absolute;border: 3.5px solid transparent;border-radius: 50%;animation: rotate 3s infinite ease-in-out}
.circle-2 {width: 50px;height: 50px;border-top-color: var(--primary-color);border-right-color: var(--primary-color);animation-delay: -0.15s;}
.circle-1 {width: 100px;height: 100px;border-top-color: #404041;border-right-color: #404041;animation-delay: -0.3s;}
.circle-4 {width: 150px;height: 150px;border-top-color: var(--primary-color);border-right-color: var(--primary-color);animation-delay: -0.45s;}
.circle-3 {width: 200px;height: 200px;border-top-color: #404041;border-right-color: #404041;animation-delay: -0.6s;}
@keyframes rotate {50% {transform: rotate(360deg);}}
.loader-text2{font-size: 20px;color: var(--primary-color);font-weight: 600;}
.timer-text {position: absolute;font-size: 48px;color: black;}
 
@media (max-width:575px){
    .animation-page .main-div {padding: 20px 0;}
    .animation-page .heading-section .para {font-size: 18px;letter-spacing: 0.1em;}
    .loader-text2 {font-size: 18px;}
    .animation-page .main-div .p-text {font-size: 12px;}
 
}