@import url('https://fonts.googleapis.com/css2?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: "Poppins", sans-serif;}
body {font-family: "Poppins", sans-serif;}

:root{
    --transition: 0.3s ease-in;
    overflow-x: hidden;
    --transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --primary-color: #2563eb;
    --secondary-color: #3b82f6;
    --success-color: #059669;
    --background-color: #f8fafc;
    --text-color: #000000;
    --footer-text:#fff;
}

/* Common CSS */
.fade-in-up {opacity: 0;transform: translateY(30px);transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.fade-in-up.visible {animation: fadeInUp 0.5s ease-in-out forwards;}
@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);}}

.p-text{font-size: 14px;font-weight: 400;line-height: 21px;margin: 0;}

/* Header Section */
.header-logo{height: 42px !important;}
.header{position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;}
.header.is-sticky {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);}}
/* Logo */
.logo {font-size: 1.5rem;font-weight: 700;color:#fff;text-decoration: none;text-transform: capitalize;letter-spacing: 2px;position: relative;display: inline-block;transition: var(--transition-medium);}
/* .logo:hover {transform: translateY(-2px);text-shadow: 0 0 15px var(--primary-glow),0 0 30px var(--primary-glow);}
.logo::after {content: '';position: absolute;width: 100%;height: 2px;background: var(--primary-color);bottom: -4px;left: 0;transform: scaleX(0);transform-origin: right;transition: transform var(--transition-medium);box-shadow: var(--neon-glow);}
.logo:hover::after {transform: scaleX(1);transform-origin: left;}  */
.logo:hover {transform: translateY(-2px);text-shadow: 0 0 15px var(--primary-glow),0 0 30px var(--primary-glow);color: #fff;}
.logo::after {content: '';position: absolute;width: 100%;height: 2px;background: #ffe100;bottom: -4px;left: 0;transform: scaleX(0);transform-origin: right;transition: transform var(--transition-medium);box-shadow: var(--neon-glow);}
.logo:hover::after {transform: scaleX(1);transform-origin: left;} 

/* Navigation Menu */
.navbar {display: flex;justify-content: space-between;align-items: center;padding: 12px 2rem;width: 100vw;backdrop-filter: var(--glass-effect);-webkit-backdrop-filter: var(--glass-effect);border-bottom: 1px solid var(--border-color);transition: var(--transition-medium);background: #311D3F !important;}
.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;gap: 5px;}
.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;padding: 10px;color: #ffffff;border-radius: 10px;}
.nav-link:hover{background: transparent;color: #f9ff00 !important;text-decoration: none !important;}
.nav-link.active {background: transparent;color: #f9ff00 !important;text-decoration: none !important;}
.nav-toggle {display: none;cursor: pointer;background: transparent;border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 0.6rem;transition: var(--transition-medium);}
.nav-toggle:hover {background: transparent;}
.hamburger {width: 24px;height: 20px;position: relative;}
.hamburger span {display: block;width: 100%;height: 2px;background: #ffffff;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;}
.logo-img{height: 44px;}
.main-content{top: 68px;position: relative;overflow: hidden;}

/* Breadcrumb-div */
/* .breadcrumb-mdiv {background: #f1f1f1;padding: 16px 0;}
.breadcrumb-mdiv .content {align-items: center;display: flex;justify-content: space-between;}
.breadcrumb-mdiv .content .page-title {color: #046e8f;color: var(--primary-fontcolor);font-size: 22px;font-weight: 500;line-height: 30px;margin-bottom: 0;}
.breadcrumb {justify-content: center;margin-bottom: 0;}
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item:before {color: #000;font-size: 16px;font-weight: 400;line-height: 24px;transition: .3s ease;}
.breadcrumb-item+.breadcrumb-item {padding-left: 4px;text-decoration: none;}
.breadcrumb-item.active {color: #fca311;color: var(--secondary-color);}
.breadcrumb-item+.breadcrumb-item:before {padding-right: 4px;}
.breadcrumb-item, .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item:before {color: #000;font-size: 16px;font-weight: 400;line-height: 24px;transition: .3s ease;} */

/* Banner Section */
.apply-now-btn{background-color: #ca2525 !important;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.form-col-div{position: relative;}
.form-col-div::before{

    /* background: #ffffff;opacity: 0.2; */

    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    
border-radius: 20px; content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;}
.banner-section {position: relative;z-index: 1;width: 100v;padding: 90px 0;}
.banner-section:before{background: #000c;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.9;}
.banner-bg-img{height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;object-position: top;}
.form-div {position: relative;z-index: 2;}
.banner-section .form-heading{background: #337ab7;margin: 0;font-size: 22px;position: relative;z-index: 2;padding: 12px;color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;text-align: center;}
.banner-section .content-div {display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 2;padding: 30px;}

.banner-section .content-div .banner-heading {color: #00ffaa;font-weight: 700;font-size: 24px;font-weight: 700;margin-bottom: 10px;animation: fadeInDown 0.5s ease-in-out !important;}
.banner-section .content-div .sub-banner-heading {color: rgb(16, 185, 129);}
.banner-section .content-div .banner-para {color: #ffffff;font-size: 20px;line-height: 28px;margin-bottom: 20px;animation: slideIn 0.5s ease-in-out;}
.banner-section .content-div .banner-icon-div {display: flex;gap: 20px;}
.banner-section .content-div .banner-icon-div .banner-icon{padding: 16px;background-color: #ffffff1a;display: flex;border-radius: 8px;align-items: center;justify-content: center;animation: fadeInDown 0.5s ease-in-out;}
.banner-section .content-div .banner-icon-div .svg-div {padding: .5rem;background-color: #10b98133;border-radius: 9999px;margin-right: .75rem;width: fit-content;}
.banner-section .content-div .banner-icon-div .icon-para {color: #fff;margin: 0;font-size: 16px;line-height: 22px;}
.banner-section .content-div .banner-icon-div .banner-icon {padding: 16px;background-color: #ffffff1a;display: flex;border-radius: 8px;align-items: center;justify-content: center;animation: fadeInDown 0.5s ease-in-out;}
.banner-section .content-div .banner-icon-div .svg-div {padding: .5rem;background-color: #10b98133;border-radius: 9999px;margin-right: .75rem;width: fit-content;}
.banner-section .content-div .banner-icon-div .icon-para {color: #fff;margin: 0;font-size: 16px;line-height: 22px;}
/* .banner-section .form-col-div {display: flex;align-items: center;justify-content: center;} */
.banner-section .form {max-width: calc(100vw - 40px);height: auto;background: rgba(255, 255, 255, 1);border-radius: 8px;margin: 18px auto;padding: 15px 30px;box-sizing: border-box;position: relative;margin: 20px 0;width: 470px;animation: fadeInDown 0.5s ease-in-out;}
.form .form-heading {margin: 0;padding-bottom: 7px;width: fit-content;color: var(--text-strong);font-size: 22px;border-bottom: 3px solid var(--primary-color);font-weight: 600;margin: auto;margin-bottom: 14px;font-size: 22px;}
.banner-section .form-group { margin-bottom: 20px !important;}
.form-group > label {margin-bottom: 5px !important;color: #000;font-size: 14px;}
.tright {text-align: center;width: 100%;}
.movebtnsu {margin: 0;border: 1px solid var(--border-primary);background: transparent;color: var(--text-primary);border-radius: 100px;}
.movebtn {background-color: transparent;display: inline-block;width: 100px;background-image: none;padding: 8px 10px;margin-bottom: 20px;border-radius: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;-webkit-transition-timing-function: cubic-bezier(0.5, 1.65, 0.37, 0.66);transition-timing-function: cubic-bezier(0.5, 1.65, 0.37, 0.66);transition: var(--transition);width: fit-content;}
.banner-section .content-div .banner-icon-div .svg-div {padding: .5rem;background-color: #10b98133;border-radius: 9999px;margin-right: .75rem;width: fit-content;}
.banner-section .content-div .banner-icon-div .text-autoloan-green {--tw-text-opacity: 1;color: rgb(16 185 129 / var(--tw-text-opacity));}
.banner-section .checkbox > label {color: rgb(0, 0, 0);font-size: 12px;line-height: 1.3;padding: 0;margin: 0;}
.banner-section .checkbox input {-moz-appearance: none;float: left;height: 17px;margin: 0 10px 10px 0 !important;position: static !important;width: 17px;}
.banner-section .form-btn, .apply-now-btn {margin: 0;border: none;background: #337ab7;;color: #ffffff;border-radius: 10px;padding: 8px 10px;width: fit-content;cursor: pointer;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration: none;width: 100%;display: flex;}
.banner-section .form-btn:hover , .apply-now-btn:hover{background-color: #235a89 !important; color: #fff;}
.banner-section .banner-form .input-group {border-bottom: 1px solid #959595;position: relative;color: #fff;}
.banner-section .banner-form .input-group .input {display: block;background-color: transparent;border: 0;font-size: 1rem;padding: 10px 10px 10px 5px;outline: none;transition: border 0.2s ease-out;margin: 0;}
.banner-section .banner-form .input-group > label {color: #fff;font-size: 16px;position: absolute;pointer-events: none;left: 5px;transition: 0.2s ease;}
.banner-section .banner-form .input-group:hover {box-shadow: none;}
.banner-section .banner-form .input:focus-visible{box-shadow: none;}
.banner-section .bannepr-form .input-group:hover{background-color: #f2f2f2;color:#fff;border-radius: 5px;}
.banner-section .banner-form .input-group .form-control:focus{ background-color: #000000;color:#fff;border-radius: 5px;box-shadow: none;}
.banner-section .banner-form .input-group .input {display: block;background-color: transparent;color: #ffff;border: 0;border-bottom: 1px solid var(--clr-primary);font-size: 1rem;padding: 10px 10px 10px 5px;outline: none;transition: border 0.2s ease-out;margin: 0;}
.banner-section .banner-form .input-group .input {display: block;background-color: transparent;color: #fff;border: 0;border-bottom: 1px solid var(--clr-primary);font-size: 1rem;padding: 10px 10px 10px 5px;outline: none;transition: border 0.2s ease-out;margin: 0;color:#fff;
    &:focus {border-bottom-color: #ffff;background-color: #000000;color: #fff !important;}
    &:is(:focus, :valid) ~ label {top: -18px;color: var(--clr-focus);font-size: 14px;display: none;}}
.banner-section .banner-form .form-group:focus-visible,.banner-section .banner-form .input-group:focus-visible{outline: none;}
.banner-section .banner-form input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #000000 inset !important;-webkit-text-fill-color: #ffffff !important;border-radius: 0 !important;/* transition: background-color 5000s ease-in-out 0s; */}
.banner-section .banner-form  .input-group  label {color: #fff;font-size: 16px;position: absolute;pointer-events: none;left: 5px;transition: 0.2s ease;}
.banner-section .checkbox {clear: both;margin-bottom: 10px;padding: 10px 0 0;}
.banner-section .checkbox input {float: left;height: 17px;margin: 0 10px 10px 0 !important;position: static !important;width: 17px;}
.banner-section .checkbox > label {color: rgb(255, 255, 255);font-size: 12px;line-height: 1.3;padding: 0;cursor: pointer;margin: 0;}
.banner-section .banner-form .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {border-top-right-radius: 0;border-bottom-right-radius: 0;background: #000;opacity: 0.2;border-radius: 0 !important;}

/* Purchase Section */
.purchase-section{padding: 48px 0;display: flex;flex-direction: column;width: 100vw;}
.purchase-section .purchase-content{display: flex;flex-direction: column;gap: 48px;color: var(--text-default);}
.purchase-section .purchase-content .heading-div{display: flex;flex-direction: column;gap: 10px;}
.purchase-section .heading-div .heading{text-align: center;font-size: 32px;padding: 0;margin: 0;color: #337ab7;font-weight: 600;}
.purchase-section .heading-div .instruction-para{margin: 0;padding: 0;text-align: center;margin:0;color: #000;}
.purchase-section .purchase-content .features {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;align-items: center;}
.purchase-section .purchase-content .feature {height: 100%;background: rgba(255, 255, 255, 0.03);backdrop-filter: blur(10px);border: 1px solid #000000;border-radius: 12px;padding: 25px;transition: var(--transition);color: #0a2237;display: flex;gap: 24px;flex-direction: column;align-items: center;}
.purchase-section .purchase-content .feature-icon{font-size: 56px !important;color: var(--primary-color);width: fit-content;}
.purchase-section .purchase-content .feature:hover {transform: translateY(-10px);background: rgba(255, 255, 255, 0.06);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);border-color: rgba(33, 150, 243, 0.3);}
.purchase-section .purchase-content .feature .card-heading {color: #0a2237;margin-bottom: 8px;font-size: 20px;font-weight: bold;align-items: center;justify-content: center;display: flex;    animation: slideInLeft 0.5s ease-in-out !important;}
.purchase-section .purchase-content .feature .card-text {color: #000;    animation: slideIn 0.5s ease-in-out;}

/* .purchase-section .purchase-content .approved-div{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;gap: 25px;}
.purchase-section .purchase-content .approved-div .cta-button {background: transparent;color: var(--text-primary);border: 1px solid #106bc7;padding: 0.8rem 2rem;font-size: 18px;font-weight: 600;border-radius: 100px;cursor: pointer;margin: 0;transition: var(--transition);text-decoration: none;}
.purchase-section .purchase-content .approved-div .cta-button:hover {color: #FFF;background: #004c8f;text-decoration: none;}
.purchase-section .horizontal-line{border: 1px solid #106bc7;margin-top: 30px;} */

.purchase-section .purchase-content .approved-div .p-text{font-size: 18px;margin: 0;}


/* How it works Section */
.how-it-works-section{padding: 48px 0;position: relative;z-index: 2;}
.how-it-works-section::before{background: #000;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.7;}
.how-it-works-section .how-it-works-img{height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;opacity: 1;}
.how-it-works-section .content-div{display: flex;flex-direction: column;gap: 48px;position: relative;z-index: 2;}
.how-it-works-section .content-div .heading{font-weight: 700;color: #337ab7;font-size: 32px;margin: 0;}
.how-it-works-section .content-div .card-div{padding: 30px;border-radius: 10px;border:2px solid #fff;background-color: transparent;display: flex;flex-direction: column;gap: 15px;height: 100%;transition: var(--transition);}
.how-it-works-section .content-div .card-div .heading{font-size: 20px;color: #ffffff ;margin: 0;text-align: center;animation: slideInLeft 0.5s ease-in-out !important;}
.how-it-works-section .content-div .card-div .p-text{font-size: 16px;margin: 0;color: #ffffff;    animation: slideIn 0.5s ease-in-out !important;text-align: justify;}
.how-it-works-section .content-div .card-div:hover{transform: scale(1.025); box-shadow: 0 0 2rem rgba(0,0,0,.25);background: #000;opacity: 0.9; border:2px solid #000000;}

/* FAQs Section */
.faq-section{padding: 48px 0;position: relative;background: #f2f2f2;width: 100% !important;}
.faq-section .faq-content{display: flex;flex-direction: column;gap: 20px;}
.faq-section .faq-content .sec-heading-div{display: flex;flex-direction: column;gap: 10px;justify-content: center;align-items: start;}
.faq-section .faq-content .sec-heading {text-align: start;margin: 0;}
.faq-section .faq-content .sec-heading-div .p-text{color: #48A6A7;}
.faq-section .faq-content  .sec-heading{font-weight: 700;color: #337ab7;font-size: 32px;margin: 0;animation: fadeInDown 0.5s ease-in-out;}
.faq-section .faq-content .p-text{font-size: 16px; line-height: 24px;}
.faq-section .wrapper {/* width: 60%; */}
.faq-section  .accordian-class {background-color: white;color: black;border-radius: 20px;box-shadow: 0 5px 10px 0 rgb(0,0,0,0.25);margin: 20px 0;}
.faq-section .question {font-size: 16px;font-weight: 600;padding: 16px 20px;position: relative;display: flex;align-items: center;cursor: pointer;margin: 0;border-radius: 20px;text-align: start;}
.faq-section  .question::after {content: "\002B";font-size: 30px;position: absolute;right: 20px;transition: 0.2s;}
.faq-section .question.active::after {transform: rotate(45deg);}
.faq-section .question.active{color: #fff;background: #337ab7 !important;}  
.faq-section .answercont {max-height: 0;overflow: hidden;transition: 0.3s;display: flex;flex-direction: column;}
.faq-section .answer {padding: 10px 20px 20px 20px;line-height: 1.5rem;margin: 0;}
.faq-section .question.active + .answercont {}
.faq-section .accordian-class .inner-links{text-decoration: none;}
.faq-section .answer.p-text{padding-bottom: 10px !important;}
.faq-section .faq-img {width: 100%;height: 332px;object-fit: cover;margin-top: 20px;border-radius: 20px;}


/* Footer Section */
.footer{padding: 20px 0;background: #ffffff;position: relative;z-index: 2;}
/* .footer::after{position: absolute;width: 470px;height: 345px;content: "";right: 0px;top: 0px;opacity: 0.075;z-index: 0;transform: scaleX(-1);background: url(../images/footer-bg.png) left center / contain no-repeat;}  */
/* .footer .footer-content{display: flex;justify-content: space-between;} */
/* .links-col{display: flex;align-items: center;justify-content: space-between;} */
.footer .footer-content .dis-div{display: flex;flex-direction: column;gap: 15px;position: relative;z-index: 2;}
.footer .footer-content .dis-div  .para-div{display: flex;flex-direction: column;gap: 10px;text-align: justify;}
.footer .footer-content .footer-links-div .link-heading{color:  #fca311;font-size: 20px;font-weight: 600;line-height: 28px;margin-bottom: 15px;}
.footer .footer-content .footer-links-div{position: relative;z-index: 2;display: flex;flex-direction: column;width: 100%;}
.footer .footer-content .footer-links-div .links{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 10px;}
.footer .footer-content .clean-link{font-size: 16px;line-height: 24px;color: #000000;transition: var(--transition);text-decoration: none;font-weight: 500;}
.footer .footer-content .clean-link:hover{color: #337ab7 ;}
.footer .footer-content .p-text{font-size: 12px;color: #000000;}
.footer .footer-content .span-verticle {font-size: 14px;margin: 0px 7px;color: #ffffff;display: inline-block;word-break: keep-all;}
.footer .footer-content .footer-logo:hover{transform: none;text-shadow: none;}

/* Terms Of use */
.common-page-div{background-color: rgb(228, 236, 240);}
.common-page-div .page-content {padding: 48px 0px;display: flex;flex-direction: column;gap: 40px;}
.common-page-div .page-content .main-div {display: flex;flex-direction: column;gap: 30px;}
.common-page-div .page-content .heading-content {display: flex;flex-direction: column;gap: 15px;margin: 0;text-align: center;}
.common-page-div .heading-content .heading-text {margin: auto;color: #000;font-size: 36px;font-weight: 700;letter-spacing: 0px;line-height: 36px;animation: fadeInDown 0.5s ease-in-out;}
.common-page-div .heading-content .heading-para {margin: 0;color: #000;animation: slideIn 0.5s ease-in-out !important;}
.common-page-div .page-content .context {display: flex;flex-direction: column;gap: 20px;}

/* Sub Page Section */
.sub-page-section{padding: 48px 0;position: relative;background: #f8f9fa;width: 100% !important;}
.sub-page-section .inner-content {display: flex;flex-direction: column;gap: 25px;}
.sub-page-section .inner-content .sec-heading-div{display: flex;flex-direction: column;gap: 20px;}
.sub-page-section .inner-content .sec-heading{font-weight: 700;color: #337ab7;text-align: start;margin: 0;font-size: 32px;text-align: center;animation: fadeInDown 0.5s ease-in-out;}
.sub-page-section .inner-content .sec-heading-div .p-text{color: #000;font-size: 16px;margin: 0;text-align: justify;text-align: center;}
.sub-page-section .inner-content .content-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .inner-content .content-div .p-text{color: #000;font-size: 16px;margin: 0;text-align: justify;}
.sub-page-section .inner-content .content-div ul{display: flex;flex-direction: column;gap: 10px;list-style-type: decimal;}
.sub-page-section .inner-content .para-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .inner-content .para-div .para-heading{display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .inner-content .para-div .heading{font-size: 20px;margin: 0;margin: 0;color: #000;font-weight: 500;}
.sub-page-section .inner-content .para-div .p-text{color: #000;font-size: 16px;margin: 0;text-align: justify;}
.page-sub-links{transition: var(--transition);color:#337ab7 !important;}
.page-sub-links:hover{text-decoration: none;transition: var(--transition);}

/* Privacy Policy */
.sub-page-section .table-div{display: flex;flex-direction: column;gap: 30px;}

.sub-page-section .context .content-div {display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .content-div .heading {font-size: 24px;line-height: 32px;color: var(--primary-color);margin: 0;animation: slideInLeft 0.5s ease-in-out !important;text-align: start;}
.sub-page-section .content-div .para-div {display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .content-div .content-para {font-size: 14px;line-height: 25px;font-weight: 400;margin: 0;color: #000;text-align: justify;}
.sub-page-section .content-div .content-para {font-size: 14px;line-height: 25px;font-weight: 400;margin: 0;color: #000;text-align: justify;}
.sub-page-section .content-div .terms-links {display: flex;flex-direction: column;gap: 10px;}
.sub-page-section .content-div .content-links {margin: 0;padding-left: 40px;}
.sub-page-section .content-div .content-para {font-size: 14px;line-height: 25px;font-weight: 400;margin: 0;color: #000;text-align: justify;animation: slideIn 0.5s ease-in-out !important;}
.sub-page-section .content-div .table-container {overflow-x: auto;margin: 20px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 8px;background-color: white;}
.sub-page-section .table-container table {width: 100%;border-collapse: collapse;min-width: 600px;}
.sub-page-section .table-container .table-header {background-color: #ca2525 ;font-weight: bold;top: 0;color: #fff;padding: 12px 15px;}
.sub-page-section .table-container .table-data {padding: 12px 15px;text-align: left;border-bottom: 1px solid #092237;word-break: break-word;}
.sub-page-section .table-container .yes {color: green;font-weight: bold;text-align: center;}
.sub-page-section .table-container .no {color: red;font-weight: bold;text-align: center;}
.sub-page-section .content-div .sub-heading {color: #092237;font-size: 16px;line-height: 24px;margin: 0;}
.sub-page-section .content-div .content-links {margin: 0;padding-left: 40px;}
.sub-page-section .content-div .content-btn {color: #FFF;background: #004c8f;border: 1px solid #106bc7;padding: 10px 12px;font-size: 14px;font-weight: 600;border-radius: 100px;cursor: pointer;margin: 0;transition: var(--transition);width: fit-content;text-decoration: none;}
.sub-page-section .content-div .span-links > a:hover {text-decoration: none;color: #106bc7;}


/* 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: 45%;}
.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;animation: fadeInDown 0.5s ease-in-out;}
.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;animation: slideIn 0.5s forwards;}
.apply-page .helpnote {position: relative;background-color: #F3F3FB !important;padding: 1.125em 1.5em;font-size: 12px;border-radius: 1rem;margin-top: 15px;animation: slideIn 0.5s forwards;animation: slideIn 0.5s ease-in-out;}
.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;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:focus,textarea:focus {border-color: #337ab7 !important;}
input[type="checkbox"] {margin-right: 0.5em;}
.buttons.form-btn {display: flex;justify-content: center;/* flex-direction: column; *//* margin-top: 2em; */padding-top: 70px;animation: fadeInUp 0.5s ease-in-out;gap: 15px;}
button {padding: 0.75em 2em;border: none;border-radius: 30px;cursor: pointer;font-size: 1em;font-weight: 600;transition:  0.3s, transform 0.3s, box-shadow 0.3s;gap: 20px;}
.next-step:focus-visible,.prev-step:focus-visible{outline: none;}
.next-step,.home-btn{background: #ca2525;}
.next-step,.prev-step,.home-btn {color: #fff;}
.prev-step{background-color: #F2EFE7;color: #000;}
.next-step:hover,.prev-step:hover {background: #311D3F;transform: translateY(-3px);color: #fff;box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
.form-body .add-div{display: flex;justify-content: space-between;margin: 10px 0;}
.form-control:focus{border-color:  #00669b;}
.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, #337ab7 0%, #337ab7 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%;}

.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: 0.3s ease-in;}
.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 */
.loan-amount label {display: flex !important;justify-content: space-between;margin-bottom: 10px;color: inherit;font-size: 18px;    display: flex;justify-content: space-between;margin-bottom: 10px;color: inherit;font-size: 18px;}
.loan-amount label input {font-size: 20px;border: 1px solid transparent;width: 90px;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;}
.ui-slider-range {height: 100%;background: #0db1c0;border-radius: 5px;position: absolute;top: 0;left: 0;}
.ui-slider-range {height: 100%;background: #0db1c0;border-radius: 5px;position: absolute;top: 0;left: 0;}
.loan-amount .loan-amount-range .ui-slider-handle {background: #0db1c0;position: absolute;top: 5px;margin-left: 0;width: 28px;height: 28px;border-radius: 50%;}
.ui-slider-handle {width: 20px;height: 20px;background: #fff;border: 2px solid #0db1c0;border-radius: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);}
.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;}
.icon-label-div .label-icon {font-size: 35px;color: #7baf9e;transition: var(--transition);}
.icon-label-div {display: flex;flex-direction: column;gap: 5px;padding: 6px 10px;height: 100px !important;}
.field-choice label.radio-btn :hover {border-color: #6a7e9d;}
.field-choice input:checked + label.radio-btn .label-icon {color: #fff;transition: var(--transition);}

/* Thankyou Section */
.thankyou-section{background-color: #fff;}
.thankyou-section .main-div{position: relative;display: flex;justify-content: center;align-items: center;height: 100vh;gap: 30px;flex-direction: column;text-align: center;margin: auto;}
.thankyou-section .main-div .card-content{animation: fadeInDown 0.5s ease-in-out;}
.thankyou-section .main-div .card-content .card-heading{background: #337ab7;padding: 15px 0;color: #fff;font-size: 24px;margin: 0;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.thankyou-section .main-div .card-content .card-body{padding: 15px 20px;border-radius: 0 0 3px 3px !important;color: #000;background: #f2f2f2;}
.thankyou-section .main-div .card-content .card-body .para-div{display: flex;flex-direction: column;gap: 15px;}
.thankyou-section .main-div .card-content .card-body .p-text{font-size: 16px;margin: 0;color: #000;line-height: 20px;text-align: start;}


/* Loan Page CSS */
.loanpage-section{padding: 48px 0;background: #f2f2f2;}
.loanpage-section .loanpage-div{display: flex;flex-direction: column;gap: 48px;}
.loanpage-section .loanpage-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.loanpage-section .loanpage-div .heading-div .p-text{font-size: 16px;color: #000;margin: 0;font-weight: 600;animation: fadeInDown 0.5s ease-in-out;}
.loanpage-section .loanpage-div .heading-div .p-text span{text-decoration: 1px solid underline;}
.loanpage-section .loanpage-div .heading-div .heading{font-size: 20px;color: #337ab7;margin: 0;font-weight: 600;animation: fadeInDown 0.5s ease-in-out;}
.loanpage-section .loanpage-div .card-div{display: flex;flex-direction: column;gap: 30px;}
.loanpage-section .loanpage-div .card-div .content{padding: 30px;background: #f2f2f2;background-color: #fff;animation: fadeInDown 0.5s ease-in-out;border-radius: 10px;}
.loanpage-section .loanpage-div .card-div .context{display: flex;justify-content: space-between;gap: 30px;align-items: center;}
.loanpage-section .loanpage-div .card-div .loan-card-img{height: 200px;}
.loanpage-section .loanpage-div .card-div .card-content{display: flex;flex-direction: column;gap: 20px;}
.loanpage-section .card-content .card-heading {display: flex;flex-direction: column;gap: 10px;}
.loanpage-section .card-content .card-heading .heading{color: #337ab7;margin: 0;font-size: 18px;text-align: center;}
.loanpage-section .card-content .card-heading .p-text{font-size: 14px;margin: 0;color: #000;}
.loanpage-section .card-content .card-context{display: flex;flex-direction: column;gap: 15px;align-items: center;}
.loanpage-section .card-content .apply-btn{text-align: center;line-height: 1;display: inline-flex;justify-content: center;align-items: center;background-color: #cd3935;color: #fff;font-size: 18px;padding: 12px 20px;border-radius: 10px;transition: var(--transition);text-decoration: none;}
.loanpage-section .card-content .apply-btn:hover{background-color: #235a89 !important;color: #fff;}



@media (max-width: 991px) {
    .banner-section {padding: 50px 0;}

    /* Purchase Section */
    .purchase-section .purchase-content .features {display: flex;flex-direction: column;gap: 24px;}
    .purchase-section .purchase-content .feature {flex-direction: row;width: 100%;}
    .purchase-section .purchase-content .feature-icon {font-size: 40px !important;display: flex;align-items: center;justify-content: center;}
    .purchase-section .purchase-content .feature .card-heading {justify-content: start;}


    /* How it works */
    .how-it-works-section .content-div .row{row-gap: 20px;}


    /* Footer Section */
    .footer .footer-content .row{row-gap: 10px;}

    .apply-page .main-div .form-body{width: 100%;}
}

/* Responsive Design */
@media (max-width: 767px) {
    .nav-toggle {display: flex;}
    .nav-menu {position: fixed;top: 66px;left: -100%; flex-direction: column;align-items: flex-start;backdrop-filter: var(--glass-effect);-webkit-backdrop-filter: var(--glass-effect);width: fit-content;height: calc(100vh - 70px);padding: 0;transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1); border-right: 1px solid var(--border-color); max-width: 250px;min-width: 250px;width: 300px !important;}
    .nav-active .nav-menu {left: 0; background: #000000;height: 100vh;}
    .nav-list {flex-direction: column;padding: 0;width: 100%;gap: 0;}
    .nav-item {width: 100%;border-bottom: 1px solid #f2f2f2;}
    .nav-link {width: 100%;padding: 10px 14px;border-bottom: 1px solid transparent;border-radius: 0;}
    .nav-link.active::after {display: none;}

    .apply-btn-div{width: 100%;}
    .apply-btn-div .apply-now-btn{display: block;width: 100%;}
        
    /* About Section */
    .form-div {display: flex;justify-content: center;align-items: center;padding: 0;}
    .about-section .content-div {gap: 15px;text-align: center;justify-content: center;align-items: center;}
    .about-section .about-bg-img{object-position: left;}

    /* Footer Section */
    .footer .footer-content .row{row-gap: 20px;}
    .footer .footer-content .links-col{order: 2;}

    /* Loan page Section */
    .loanpage-section .loanpage-div .card-div .content {padding: 15px;}
    .loanpage-section .loanpage-div .card-div .context{flex-direction: column;gap: 20px;}
    .loanpage-section .loanpage-div .card-div .loan-card-img {height: 150px;}

    .loanpage-section .loanpage-div .card-div .card-content,.loanpage-section .card-content .card-context {gap: 10px;}

    .loanpage-section .card-content .apply-btn{font-size: 14px;padding: 10px 11px;border-radius: 5px;}
}

@media (max-width:575px){

    /* Common CSS */
    .purchase-section, .how-it-works-section, .faq-section, .loanpage-section {padding: 35px 0;}
    .purchase-section .heading-div .heading, .how-it-works-section .heading-div .heading, .faq-section .faq-content .sec-heading {font-size: 26px;} 

    .purchase-section .purchase-content, .how-it-works-section .content-div {gap: 25px;}


    /* Navbar */
    .navbar {padding: 12px 20px;}
    .logo-img {height: 40px;}
    .nav-menu {position: fixed;top: 54px;}
    .logo {font-size: 20px;}
        .nav-toggle {padding: 0;}

    .main-content {top: 54px;}

    /* Banner Section */
    .banner-section .content-div .banner-heading {font-size: 20px;margin-bottom: 8px;}
    .banner-section .content-div .banner-para {color: #ffffff;font-size: 17px;line-height: 22px;margin-bottom: 15px;}
    .banner-section .form{padding: 15px 20px;width: 100%;margin: 15px 0;}
    .form-div {padding: 0 20px !important;}
    .form .form-heading {margin-bottom: 12px;font-size: 20px;}
    .form-control {padding: 5px 10px;font-size: 14px;}
    .form-col-div .content-div{padding: 20px;}
    .banner-section .banner-form .input-group .input {font-size: 14px;}
    .banner-section .form-heading {font-size: 20px;padding: 10px;}

    /* Purchase Section */
    .purchase-section .purchase-content .feature {flex-direction: column;}
    .purchase-section .purchase-content .feature .card-heading {justify-content: center;}
    .purchase-section .purchase-content .approved-div .p-text {font-size: 16px;}
    .purchase-section .heading-div .instruction-para{line-height: 20px;}
    .purchase-section .purchase-content .feature {border-radius: 8px;padding: 15px;gap: 15px;}


    /* How it works section */
    .how-it-works-section .content-div .card-div {padding: 15px;}

    /* FAQs Section */
    .faq-section .accordian-class {border-radius: 10px;}
    .faq-section .faq-img {width: 100%;height: 250px;}
    .faq-section .question {padding: 12px 20px;}
    .faq-section .question.active {border-radius: 10px;}
    .faq-section .answer {padding: 12px;}

    /* Footer Section */
    .footer {padding: 25px 0;}
    .footer .footer-content {flex-direction: column;gap:5px;justify-content: center;align-items: center;}
    .footer .footer-content .dis-div {gap: 10px;}


    /* Privacy Page and terms and conditions page  */
    .common-page-div .page-content {padding: 35px 0px;}
    .common-page-div .page-content .main-div {gap: 21px;}
    .common-page-div .page-content .heading-content {gap: 10px;}
    .common-page-div .heading-content .heading-text {font-size: 32px;}
    .common-page-div .content-div .heading {font-size: 20px;line-height: 28px;}
    .common-page-div .table-container .table-data, .common-page-div .table-container .table-header {padding: 8px 10px;font-size: 13px;}

    .common-page-div .table-container .table-data, .common-page-div .table-container .table-header {padding: 8px 10px;font-size: 13px;}


    /* Apply Page */
    .apply-page {padding: 24px 0;}

    .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 {font-size: 16px;}
    .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;}
    button {padding: 8px 10px;border-radius: 20px;}

    /* Thank you page */
    .thankyou-section .main-div .card-content .card-heading {padding: 12px 0;font-size: 18px;}
    .thankyou-section .main-div .card-content .card-body {padding: 12px}

}

.sitemap-section {
  background-color: #f9f9f9;
  padding: 20px;
  margin-top: 40px;
  border-top: 1px solid #ddd;
}

.sitemap-section h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.sitemap-list {
  list-style: none;
  padding-left: 0;
}