@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Jost", sans-serif;}


body {overflow-x: hidden;}

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

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background:var(--secondary-color) !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: 8px 12px;background-color: var(--secondary-color);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;font-weight: 500;}
.primary-btn:hover{background-color: var(--primary-color);transition: all 0.3s ease-in;color: #fff;}
.span-heading{color: var(--secondary-color);}

/* Header */
.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 {text-decoration: none;font-weight: 500;transition: all var(--transition);display: flex;align-items: center;gap: 5px;color: var(--primary-color);padding: 10px;}
.nav-link:hover{color: var(--secondary-color) !important;text-decoration: none !important;}
.nav-link.active{color: var(--secondary-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;}



/* Banner Section */
.banner-section .banner-div{padding-top: 60px;padding-bottom: 60px;background-image: url(../images/about-bg-img.jpg);background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center;background-color: rgb(64,64,64);background-blend-mode: multiply;position: relative;z-index: 1;}
.banner-section .banner-div:after{clear: both;display: table;content: " ";}
.banner-section .banner-div:before,.banner-section .banner-div .content::before,
.banner-section .banner-div .content::after{display: table;content: " ";}
.banner-section .banner-div .content{width: 100%;display: flex;justify-content: center;align-items: center;}
.banner-section .banner-div .heading-div{width: 600px;display: flex;flex-direction: column;gap: 15px;text-align: justify;max-width:600px;}
.banner-section .banner-div .para-div{display: flex;flex-direction: column;gap: 10px;}
.banner-section .banner-div .p-text{margin: 0;font-size: 15px;line-height: 23px;color: #ffffff;}
.banner-section .banner-side{display: flex;flex-direction: column;gap: 52px;text-align: start;}
.banner-section .banner-side .heading-div{display: flex;flex-direction: column;gap: 24px;width: 100%;}
.banner-section .banner-side .heading-div .p-text{font-size: 14px;margin: 0;color: #fff;text-transform: uppercase;}
.banner-section .banner-side .heading-div .p-text2{margin: 0;font-size: 40px;color: #fff;font-weight: 600;line-height: 40px;}
.banner-section .banner-side .heading-div .heading{font-size: 70px;margin: 0;color: var(--primary-color);font-weight: 700;text-transform: uppercase;line-height: 78px;text-align: start;}
.banner-section .banner-side .icon-content{display: flex;gap: 20px;flex-direction: column;width: fit-content;}
.banner-section .banner-side .icon-content .icon-div{display: flex;gap:8px;align-items: center;width: fit-content;}
.icon-chek{font-size: 14px;color: var(--secondary-color);display: flex;}
.banner-section .banner-side .icon-content .icon-div .p-text{font-size: 18px;line-height: 20px;margin: 0;font-weight: 600;text-align: center;}
.banner-section .banner-row{row-gap: 30px;}
.form-body {font-family: 'Poppins', sans-serif;}
.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;}
label {display: block;margin-top: 1em;color: #555;font-weight: 500;animation: fadeInUp 0.5s ease-in-out;}
input[type="text"],input[type="email"],input[type="file"],textarea {width: 100%;padding: 0.75em 1em;margin-top: 0.5em;border: 2px solid #ddd;border-radius: 10px;font-size: 1em;outline: none;transition: border-color 0.3s;animation: fadeInUp 0.5s ease-in-out;}
input[type="checkbox"] {margin-right: 0.5em;}
.form-body .add-div{display: flex;justify-content: space-between;margin: 10px 0;}
.btn-outline-secondary{margin: 0;}
.button-div{width: 100%;}
.radio-option, .radio-options {display: flex;justify-content: center;}
.radio-options {flex-wrap: wrap;}   
.radio-options-icons .radio-option {font-size: 14px;display: column;flex-direction: column;align-items: center;background-color: #eef5ff;color:#00669b;max-width: 125px;height: 110px;justify-content: flex-start;padding: 5px 10px;}
.registration-page .radio-option .radio-btn{margin: 0;color: #fff;width: 100% !important;transform: none;}
.registration-page .radio-option {border-radius: 6px;margin: 3px 4px;cursor: pointer;align-items: center;text-align: center;min-width: 125px;background-color: #272343;color: #eef5ff;font-size: 14px;color: #000;transform: none;}
.registration-page .radio-btn{margin-top: 0;width: 100%;color: #fff !important;}
.radio-option, .radio-options {display: flex;justify-content: center;}
.radio-option-icon {display: flex;align-items: center;justify-content: center;margin: 10px 0 5px;font-size: 2.5rem;}
.radio-options-icons .radio-option-label {flex-grow: 1;align-items: center;display: flex;}
.radio-options-icons .radio-option:hover {color: #fff;background-color: #00a6ff;}
.radio-options-icons .radio-option.selected {color: #fff;background-color:  #00a6ff;}
.radio-option.selected:hover, .radio-option:hover {color: #fff;background-color:  #00a6ff;}
.banner-section .form-col-div {display: flex;align-items: center;justify-content: center;}
.form.apply-form{width: 100%;}
.banner-section .form-col-div .main-div{padding: 32px;background-color: #e8e9ef;border-radius: 20px;}
.banner-section .form-step .form-h2{font-size: 24px;font-weight: 600;margin: 0;margin-bottom:16px;color: #2b335c;text-align: center;}
.banner-section .form-step .heading-section .p-text{color: #2b335c;text-align: center;font-size: 16px;margin:10px 0 16px 0;}
.banner-section .card-body{display: flex;flex-direction: column;gap: 16px;}
.banner-section .btn-check {position: absolute !important;clip: rect(0, 0, 0, 0);pointer-events: none;}
.banner-section .radio-btn{display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;text-align: center;background: #fff;user-select: none;box-shadow: -4px -4px 11px #fff, 3px 11px 20px rgba(0, 0, 0, .15);position: relative;border-radius: 54px;height: auto;padding: 18px 0;border: none;color: var(--primary-color);transition: all 0.3s var(--transition);border: none;}
.banner-section .radio-btn:hover{background-color: var(--primary-color) !important;box-shadow: 0px -3px 6px #fff, 0px 2px 10px rgba(0, 0, 0, .15);color: #fff;}
.banner-section .radio-btn:after{content: "";position: absolute;top: 50%;right: 15px;display: block;font-family: "jsf-icomoon";font-size: 20px;-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.banner-section input{width: 100%;padding: 0 20px 0 20px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;background: #fff;user-select: none;box-shadow: -4px -4px 11px #fff, 3px 11px 20px rgba(0, 0, 0, .15);position: relative;border-radius: 54px;height: auto;padding: 18px 20px 18px 20px;border: none;color: #2b335c;border: 2px solid #fff;}
.banner-section select{width: 100%;padding: 0 20px 0 20px;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 16px;background: #fff;user-select: none;box-shadow: -4px -4px 11px #fff, 3px 11px 20px rgba(0, 0, 0, .15);position: relative;border-radius: 54px;height: auto;padding: 18px 20px 18px 20px;border: none;color: #2b335c;border: 2px solid #fff;}
.banner-section .buttons{display: flex;flex-direction: column;}
.banner-section .buttons .next-step{font-size: 16px;margin: 0;color: #fff;text-transform: uppercase;padding: 15px 0;border: none;border-radius: 54px;background-color: var(--secondary-color);transition: all 0.3s ease-in;font-weight: 600;}
.banner-section .buttons .next-step:hover{background-color: var(--primary-color);cursor: pointer;}
.banner-section .buttons .next-step:focus-visible{border: none;}
.banner-section .buttons .prev-step{color: #2b335c;font-size: 16px;margin: 0;margin: auto;margin-top:  16px;text-transform: uppercase;text-decoration: underline;border: none;width: fit-content;transition: all 0.3s ease-in;font-weight: 600;background-color: transparent;}
.banner-section .buttons .prev-step:hover{text-decoration: none;}
.banner-section input:focus,textarea:focus {border-color: var(--primary-color);}
.banner-section .bit-div{display: flex;align-items: center;justify-content: center;padding-top: 30px;border-top: 1px dashed var(--jsf-primary-color, #3347FF);margin-top: 30px;}
.banner-section .bit-div .context{display: flex;align-items: center;padding: 4px;border: 1px dashed #b5b5b6;border-radius: 6px;margin-left: auto;margin-right: auto;gap: 5px;}
.banner-section .bit-div .context .lock-icon{display: flex;color: var(--primary-color);}
.banner-section .bit-div .context .lock-text{font-size: 16px;margin: 0;color:#2b335c}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: var(--primary-color);}
.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;}
.banner-section .form-heading{text-align: center;margin-bottom: 10px;color: #000;font-weight:600;font-size: 22px;}


/* About Section */
.about-section{padding: 48px 0;background-color: #fff;position: relative;z-index: 1;}
.about-section .about-div{display: flex;flex-direction: column;gap: 35px;}
.about-section .about-div .about-list{background: #efeff7;border-radius: 12px;}
.about-section .about-div .about-list .row{row-gap: 20px;}
.about-section .about-div .col-md-4:nth-child(1) .about-item, .col-md-4:nth-child(2) .about-item {border-right: 1px solid #d7d7eb;}
.about-section .about-div .about-item{padding: 32px 18px;height: 100%;display: flex;gap: 24px;align-items: center;justify-content: center;}
.about-section .about-div .about-item .p-text{color: #152c1f;font-size: 20px;margin: 0;font-weight: 600;}
.about-section .about-div .about-item .about-icon{font-size: 25px;color: var(--secondary-color);}
.about-section .about-div .about-img{width: 100%;border-radius: 24px;height: 550px;object-fit: cover;}
.about-section .about-div .side-content{display: flex;flex-direction: column;gap:35px;}
.about-section .about-div .side-content .heading-div{display: flex;flex-direction: column;gap: 15px;}
.about-section .side-content .heading-div .heading{font-size: 42px;color: var(--primary-color);margin: 0;font-weight: 700;border-bottom-color:#152c1f;}
.about-section .side-content .heading-div .p-text{font-size: 14px;color: #000000;text-transform: uppercase;line-height: 20px;margin: 0;}
.about-section .side-content .para-div{display: flex;flex-direction: column;gap:24px;}
.about-section .side-content .para-div .context{display: flex;flex-direction: column;gap: 15px;}
.about-section .side-content .para-div .p-heading{font-size: 20px;margin: 0;color: var(--primary-color);font-weight: 600;margin: 0;line-height: 22px;}
.about-section .side-content .para-div .p-text{font-size: 20px;margin: 0;color: #152c1f;margin: 0;}
.about-section .side-content .start-btn{min-width: 234px;text-decoration: none;background-color: var(--secondary-color);color: #fff;text-transform: uppercase;border-radius: 6px;font-size: 16px;font-weight: 800;margin: 0;padding: 10px;text-align: center;width: fit-content;min-height: 60px;justify-content: center;align-items: center;display: flex;}
.about-section .side-content .start-btn:hover{background-color: var(--primary-color);}



/* Step Section */
.step-section{padding: 48px 0;/* background-image: linear-gradient(rgb(13, 146, 75), rgb(52, 114, 34) 100%) */}
.step-section .step-div{display: flex;flex-direction: column;gap: 35px;}
.step-section .step-div .row{row-gap: 20px;}
.step-section .step-div .heading{font-size: 42px;color: var(--primary-color);margin: 0;font-weight: 700;border-bottom-color:#152c1f;text-align: center;}
.step-section .step-div .card-ul{padding: 36px 0;display: flex;list-style: none;justify-content: space-between;border: 1px solid #fff;border-radius: 12px;}
.step-section .step-div .card-li{padding: 0px 15px;display: flex;align-items: center;flex-direction: column;gap: 24px;text-align: center;height: 100%;border: 1px solid #e4e4e4;border-radius: 12px;background: rgba(255, 255, 255, 0.06);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);padding: 40px 20px;transition: all 0.3s ease-in;} 
.step-section .step-div .card-li:hover{box-shadow: none;transform: translateY(-10px);border-color: var(--secondary-color);}
.step-section .step-div .card-li .step-icon {display: block;width: 120px;height: 120px;margin-right: auto;margin-left: auto;}
.step-section .step-div .card-li .inner-content{display: flex;flex-direction: column;gap: 15px;}
.step-section .inner-content .card-heading{font-size: 20px;line-height: 22px;margin: 0;font-weight: 600;color:var(--primary-color);}
.step-section .inner-content .card-text{font-size: 16px;line-height: 19px;margin: 0;color: #000000;}
/* .step-section .step-div .col-lg-4:nth-child(1) .card-li, .col-lg-4:nth-child(2) .card-li {border-right: 1px solid #ffffff;} */


/* FAQs Section */
.faq-section{padding: 48px 0;position: relative;background: #f7f7f7;width: 100% !important;}
.faq-section .faq-div{display: flex;flex-direction: column;gap: 35px;}
.faq-section .faq-div .heading{font-size: 42px;color: var(--primary-color);margin: 0;font-weight: 700;border-bottom-color:#152c1f;text-align: center;}
.faq-section .faq-div .content-div{display: flex;flex-direction: column;gap: 32px;}
.faq-section .faq-div .content-div .faq-img{width: 100%;height: 100%;border-radius: 20px;}
.faq-section .faq-div .sec-heading-div{display: flex;flex-direction: column;gap: 36px;justify-content: center;align-items: start;}
.faq-section .faq-div .sec-heading-div  .heading{font-weight: 700;text-align: start;font-size: 38px;margin: 0;}
.faq-section .faq-div .p-text{font-size: 16px; line-height: 24px;text-align: justify;}
.faq-section .faq-div .sec-btn{display: flex;gap: 8px;text-decoration: none;color: #111111;font-size: 16px;margin: 0;}
.faq-section .faq-div .arrow-icon{font-size: 16px;display: flex;align-items: center;}
.faq-section .faq-div .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-div .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-div .answer {padding: 0 24px 24px;}
.faq-section .faq-div .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(--secondary-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{color:var(--primary-color);}
.text-div .sub-li .p-text{color: #000 !important;}
.text-div .sub-li .p2-text{font-weight: 700;color:var(--primary-color);}


/* Review Section */
.review-section{padding: 48px 0;background-color: #fff;}
.review-section .review-div{display: flex;flex-direction: column;gap: 35px;}
.review-section .review-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.review-section .review-div .heading-div .heading{font-size: 42px;color: var(--primary-color);margin: 0;font-weight: 700;border-bottom-color:#152c1f;}
.review-section .review-div .heading-div .p-text{font-size: 14px;color: rgb(21,44,31);margin: 0;font-weight: 600;text-transform: uppercase;}
.review-section .review-div svg{height: 90px;}


/* Lender Section */
.lender-section{padding: 48px 0;background-color: #f2f2f2;}
.lender-section .lender-div{display: flex;flex-direction: column;gap: 35px;}
.lender-section .lender-div .heading-div{display: flex;flex-direction: column;gap:15px;text-align: center;justify-content: center;align-items: center;}
.lender-section .heading-div .heading{font-size: 42px;color: var(--primary-color);margin: 0;text-transform: uppercase;}
.lender-section .lender-div .lender-ul{display: flex;list-style-type: none;justify-content: space-between;margin: 0;padding: 0;}
.lender-section .lender-div .lender-ul .list-head{font-size: 28px;color: #000;font-weight: 600;margin: 0;}
.lender-section .lender-div .content{display: flex;flex-direction: column;gap: 24px;justify-content: center;align-items: center;}
.lender-section .lender-div .content .started-btn{padding: 10px;color: #fff;background-color: var(--secondary-color);text-align: center;font-size: 16px;text-transform: uppercase;width: fit-content;border-radius: 6px;text-decoration: none;font-weight: 800;min-width: 234px;transition: all 0.5s ease-in;}
.lender-section .lender-div .content .started-btn:hover{color: #ffffff;background-color:var(--primary-color);}
.lender-section .lender-div .content .p-text1{font-size: 14px;color: #403e3e;margin: 0;font-weight: 600;text-transform: uppercase;}
.lender-section .lender-div .content .p-text{margin: 0;font-size: 18px;color: #464545;}


/* 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: 42px;margin: 0;font-weight: 700;}
.rates-section .rates-div .heading-div .p-text{font-size: 18px;}
.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: 700;}
.rates-section .rates-div .content .sub-heading-div .p-text{font-size: 17px;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: 700;}
.rates-section .rates-div .btn-context .btn-text{font-size: 16px;margin: 0;color: #111111;}
.rates-section .rates-div .btn-div .primary-btn{margin: 0;}
.rates-section .rates-div .p-text{font-size: 16px;}
.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type: #000;--bs-table-bg-type: var(--secondary-color);}

/* Footer Section */
/* Footer */
.footer{padding-top: 40px;background-color: #575a69!important;}
.footer .main-div{width: 100vw;}
.footer .footer-div{display: flex;flex-direction: column;gap: 20px;}
.footer .para-div{display: flex;flex-direction: column;gap: 40px;width: fit-content;}
.footer .para-div .footer-links-div{display: flex;color: #fff;align-items: center;justify-content: space-around;flex-wrap: wrap;}
.footer .para-div .footer-links-div .footer-links-item{padding: 12px 24px;display: flex;}
/* .footer .para-div .footer-links-div .links{color: #000000;font-size: 16px;margin: 0;text-decoration: none;transition: all 0.3s ease-in;padding: 0 10px;line-height: 19px;} */
.footer .para-div .footer-links-div .links{color: #ffffff;font-size: 16px;margin: 0;text-decoration: none;transition: all 0.3s ease-in;padding: 0 10px;line-height: 19px;}
.footer .para-div .footer-links-div .links:hover, .footer .para-div .footer-links-div .links.active{color: var(--secondary-color);text-decoration: none;}
.footer .footer-disclosures{padding: 48px 30px;position: relative;/*margin-bottom: -52px;*/margin-bottom: 0px;font-size: 16px;line-height: 20px;color: #152c1f;background-color: #fff;border: 1px solid #d5d5e8;border-radius: 12px;-webkit-hyphens: auto;hyphens: auto;}
.footer .footer-disclosures .inner-div{display: flex;flex-direction: column;gap: 12px;}
.footer .footer-disclosures .inner-div .p-text{color: #000000;font-size: 16px;margin: 0;text-align: justify;}
.footer .footer-disclosures .inner-div .p-text strong{color: var(--primary-color);}
.footer-bottom-div{color: #d5d5e8;/* background-color: #575a69; */}
/* .footer-bottom-div .copyright-div{display: flex;justify-content: space-between;align-items: center;padding-top: 102px;padding-bottom: 50px;} */
.footer-bottom-div .copyright-div{display: flex;justify-content: space-between;align-items: center;padding:30px 0;}
.footer-bottom-div .copyright-div .copyright{color: #d5d5e8;font-size: 15px;line-height: 18px;margin: 0;}


/* Sub Page  */
.sub-page-section{padding: 48px 0;}
.sub-page-section .sub-div{display: flex;flex-direction: column;gap: 35px;}
.sub-page-section .sub-div .heading{color:var(--primary-color);font-size: 44px;margin: 0;line-height: 50px;font-weight: 700;text-align: center;}
.sub-page-section .sub-div .content{display: flex;flex-direction: column;gap:30px;}
.sub-page-section .sub-div .inner-div{padding: 40px;border: 1px solid #eaeced;border-radius: 4px;}
.sub-page-section .sub-div .inner-div .upr-cnt{display: flex;flex-direction: column;gap:20px;}
.sub-page-section .sub-div .upr-cnt .p-text{font-size: 16px;color: #152c1f;margin: 0;}
.sub-page-section .sub-div .upr-cnt .para-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .sub-div .upr-cnt .ul{display: flex;flex-direction: column;gap: 10px;margin: 0;}
.sub-page-section .sub-div .upr-cnt .ol-links{gap: 25px !important;list-style-type: decimal;}
.sub-page-section .sub-div .upr-cnt .ol-links > li{display: flex;flex-direction: column;gap: 15px;margin: 0;}
.sub-page-section .sub-div .upr-cnt .ol-links .p-heading.p-text{color: #347222;text-decoration: underline;margin: 0;}
.sub-page-section .sub-div .upr-cnt .inner-ol{display: flex;flex-direction: column;gap: 15px !important;list-style-type: decimal;}
.sub-page-section .sub-div .upr-cnt .inner-ol .p-text{font-size: 16px;color: #000000;margin: 0;}
.sub-page-section .sub-div .inner-div .context-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .sub-div .inner-div .para-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .sub-div .para-div .heading{font-size: 24px; color: var(--primary-color);font-weight: 700;line-height: 34px;margin: 0;}
.sub-page-section .sub-div .para-div .p-text{color: #152c1f;font-size: 16px;margin: 0;}
.sub-page-section .sub-div .para-div .privacy-table th{background-color: #0d924b;font-weight: 400;font-size: 12px;text-align: left;text-transform: uppercase;color: #000;border: 1px solid #fff;padding: 10px;color: #fff;}
.sub-page-section .sub-div .para-div .privacy-table td{padding: 5px;word-break: break-word;border: 1px solid #ccc;background-color: #f2f2f2;}
.sub-page-section .sub-div .sub-page-links{text-decoration: none;color: var(--primary-color);}
.disclaimer-text{color: var(--primary-color) !important;}


/* Apply Page */
.apply-section {position: relative;z-index: 1;background-color: #e8e9ef;padding: 48px 0;}
.apply-section .main-div{padding: 0 100px;}
.apply-section .main-div .apply-form {display: flex !important;justify-content: center !important;align-items: center !important;}
.apply-section .main-div .form-body {width: 66%;}
.apply-section .form-step .apply-heading {display: flex;flex-direction: column;gap: 20px;margin-bottom: 50px;}
.apply-section .form-step .form-h1 {font-size: 28px;font-weight: bold;line-height: 34px;margin: 0;text-align: center;color: var(--primary-color);}
.apply-section .form-step .form-para {font-size: 15px;margin: 0;text-align: center;text-transform: uppercase;letter-spacing: 0.1em;color: #000000;}


/* Thankyou Page */
.animation-page .main-div {padding: 40px 0;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 .heading-section {display: flex;flex-direction: column;justify-content: space-between;height: 100vh;align-items: center;gap: 20px;}
.animation-page .main-div .ani-logo {width: fit-content;}
.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;}
.loader-text2 {font-size: 20px;color: var(--primary-color);font-weight: 600;}
.loader {width: 100%;height: 150px;display: flex;align-items: center;justify-content: center;;}
.circle {width: 70px;height: 70px;position: absolute;background-color: var(--primary-color);border-radius: 50%;animation: mid 1s linear infinite;}
.loader1,.loader2.loader3,.loader4 {position: absolute;border: 5px solid transparent;border-top: 5px solid var(--secondary-color);border-bottom: 5px solid var(--secondary-color);border-radius: 50%;animation: spin 1.5s linear infinite;}
.loader1 {width: 90px;height: 90px;animation-delay: 0.1s;}
.loader2 {width: 110px;height: 110px;animation-delay: 0.2s;}
.loader3 {width: 130px;height: 130px;animation-delay: 0.3s;}
.loader4 {width: 150px;height: 150px;animation-delay: 0.4s;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes mid {0%,100% {transform: scale(0);}50% {transform: scale(1);}}

@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;z-index: 100;}
    .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 {width: 100%;}
    .apply-btn-div .primary-btn{border-radius: 0;width: 100%;display: inline-block;}


    /* Step Section */
    .step-section .step-div .card-ul{padding: 0;}
    .step-section .step-div .card-li{padding: 24px 15px;}
    .step-section .step-div .col-lg-4:nth-child(1) .card-li, .col-lg-4:nth-child(2) .card-li {border-right: none}
    .step-section .step-div .col-lg-4:nth-child(1) .card-li, .col-lg-4:nth-child(2) .card-li {border-bottom: 1px solid #ffffff;}

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

    /* Apply Page */
    .apply-section .main-div{padding: 0;margin: auto;display: flex;justify-content: center;}
    .apply-section .main-div .form-body {width: 100% !important;}
}


@media (max-width: 767px) {

    /* About Section */
    .about-section .about-div .col-md-4:nth-child(1) .about-item, .col-md-4:nth-child(2) .about-item{border-bottom: 1px solid #d7d7eb;border-right: none;}
    .about-section .about-div .about-item {padding: 20px 20px;height: 100%;display: flex;gap: 14px;align-items: center;justify-content: start;}
    .about-section .about-div .img-div{display: flex;align-items: center;justify-content: center;}
    .about-section .about-div .about-img{margin-bottom: 30px;width: 300px;height: 300px;}
    .about-section .about-div .side-content{text-align: center;align-items: center;}


    /* Footer Section */
    .footer .para-div .footer-links-div{display: grid;grid-template-columns: repeat(2, 1fr);}
    .footer-bottom-div .copyright-div{flex-direction: column;gap: 20px;align-items: center;justify-content: center}


    /* Lender Section */
    .lender-section .lender-div .lender-ul{flex-direction: column;text-align: center;gap: 10px;}

}


@media (max-width:575px){

    /* Common Class */
    .about-section,.step-section, .faq-section, .review-section, .lender-section, .sub-page-section, .rates-section {padding: 35px 0;}
    .about-section .about-div .side-content, .step-section .step-div, .faq-section .faq-div, .review-section .review-div, .lender-section .lender-div, .rates-section .rates-div {gap: 25px;}
    .about-section .side-content .heading-div .heading, .step-section .step-div .heading, .faq-section .faq-div .heading, .review-section .review-div .heading-div .heading,.lender-section .heading-div .heading , .rates-section .heading{font-size: 28px !important;}

    /* Navbar */
    .navbar {padding: 12px 10px;}
    .navbar .header-logo{height: 40px;}
    ::-webkit-scrollbar {width: 6px;}

    /* Banner Section */
    .banner-section .banner-div{padding: 40px 0;}
    .banner-section .banner-side .heading-div .heading {font-size: 42px;line-height: 42px;}
    .banner-section .banner-side {gap: 30px;}
    .banner-section .banner-side .heading-div {display: flex;flex-direction: column;gap: 15px;}
    .banner-section .banner-side .heading-div .p-text2 {font-size: 24px;line-height: 24px;}
    .banner-section .form-col-div .main-div {padding: 30px 20px;border-radius: 10px;}
    .banner-section .form-step .form-h2 {font-size: 20px;margin-bottom: 14px;}
    .banner-section .radio-btn {font-size: 14px;border-radius: 10px !important;padding: 10px 0;}
    .banner-section .bit-div {padding-top: 20px;margin-top: 20px;}
    .banner-section .bit-div .context .lock-text {font-size: 14px;}    
    .banner-section input {font-size: 14px;border-radius: 10px !important;padding: 10px 10px;}
    .banner-section .buttons .next-step {font-size: 14px;padding: 10px 0;border-radius: 10px;}
    .banner-section .buttons .prev-step {font-size: 14px;margin-top: 14px;}
    .banner-section .mb-4 {margin-bottom: 20px !important;}
    .banner-section .banner-side .icon-content{gap: 10px;}
    

    /* About Section */
    .about-section .about-div .about-list {border-radius: 7px;}
    .about-section .about-div .about-item {padding: 15px 15px;}
    .about-section .side-content .start-btn {min-width: fit-content;font-size: 14px;padding: 10px 15px;min-height: fit-content;}

    /* common padding */


    /* Step Section */
    .step-section .step-div .card-li {padding: 20px 12px;}


    /* Rates Section */
    .rates-section .rates-div .content {gap: 15px;}


    /* Faq Section */
    .faq-section .faq-div .faq-list .faq-list-item {padding: 20px 20px;border-radius: 5px;gap: 10px;}
    .faq-section .faq-div .question {font-size: 16px;padding: 12px 20px;}


    /* Review Section */
    .review-section .review-div .heading-div {gap: 10px;}
    .review-section .review-div svg {height: 50px;}

    
    /* Lender Section */
    .lender-section .lender-div .lender-ul .list-head {font-size: 22px;}
    .lender-section .lender-div .content {gap: 15px;}
    .lender-section .lender-div .content .p-text1 {font-size: 12px;}
    .lender-section .lender-div .content .p-text {font-size: 16px;}
    .lender-section .lender-div .content .started-btn {padding: 10px;font-size: 14px;border-radius: 5px;min-width: fit-content;}


    /* Footer Section */
    .footer .para-div .footer-links-div .footer-links-item {padding: 6px 12px;}
    .footer .footer-disclosures {padding: 20px 15px;border-radius: 5px;}


    /* Sub Page Section */
    .sub-page-section .sub-div .heading {font-size: 32px;line-height: 32px;}
    .sub-page-section .sub-div {gap: 25px;}
    .sub-page-section .sub-div .inner-div {padding: 15px;}
    .sub-page-section .sub-div .inner-div .upr-cnt {gap: 12px;}
    .sub-page-section .sub-div .upr-cnt .p-text {text-align: justify;}
    .sub-page-section .sub-div .content {gap: 20px;}
    .sub-page-section .sub-div .inner-div .para-div{gap: 10px;}
    .sub-page-section .sub-div .upr-cnt .ul {padding-left: 25px;}
    .sub-page-section .sub-div .upr-cnt .ul .p-text{font-size: 14px;line-height: 17px;}
    .sub-page-section .sub-div .para-div .heading {font-size: 20px;line-height: 23px;}
    .sub-page-section .sub-div .para-div .p-text{text-align: justify;}

    .animation-page .main-div {width: 100% !important;}
    .animation-page .main-div {padding: 20px 0;}
    .animation-page .heading-section .para {font-size: 18px;letter-spacing: 0.1em;}
    .loader-text2 {font-size: 18px;}
}


.progress-container {width: 100%;background-color: #e0e0e0;border-radius: 50px;height: 10px;margin-bottom: 20px;overflow: hidden;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);}
.progress-bar {height: 100%;width: 0%;background: linear-gradient(90deg, #fca311, #ffbe5c);border-radius: 50px;transition: width 0.6s ease-in-out;animation: growBar 0.4s ease-in-out;}
.progress-text {text-align: right;font-size: 15px;font-weight: 500;color: var(--primary-color);margin-bottom: 10px;animation: fadeIn 0.3s ease-in-out;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(5px); }to { opacity: 1; transform: translateY(0); }}
.form-step {display: none;animation: fadeStep 0.4s ease;}
@keyframes fadeStep {from { opacity: 0; transform: translateY(15px); }to { opacity: 1; transform: translateY(0); }}
@keyframes growBar {from { transform: scaleX(0); }to { transform: scaleX(1); }}
.form-step {display: none;animation: fadeStep 0.4s ease;}
.form-step.active {display: block;}