@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {margin: 0;padding: 0;box-sizing: border-box;}
body {font-family: "Montserrat", sans-serif;overflow-x: visible;}

: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: #1e293b;
    --border-radius: 16px;
}

.home-btn:disabled {background-color: #006A71 !important;cursor: pointer;}

/* Common Heading */
.sec-heading{font-size: 32px;line-height: 38px;color: #333333;margin: 0;font-weight: 700;}
.p-text{font-size: 14px;line-height: 21px;color: #000;margin: 0;}

/* Header Section */
.logo-img{height: 50px !important;}
.header{position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;}
.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);}}
/* Logo */
.logo {font-size: 1.5rem;font-weight: 700;color: var(--primary-color);text-decoration: none;text-transform: uppercase;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;} 

/* Navigation Menu */
.navbar {display: flex;justify-content: space-between;align-items: center;padding: 12px 2rem;width: 100vw;background: #ffffff !important;backdrop-filter: var(--glass-effect);-webkit-backdrop-filter: var(--glass-effect);border-bottom: 1px solid var(--border-color);box-shadow: 0 4px 30px #F2EFE7;transition: var(--transition-medium);background:  #fff !important;}
.nav-menu {display: flex;align-items: center;gap: 10px;}
.apply-now-btn {background: transparent;color: var(--text-primary);border: 1px solid var(--border-primary);padding: 7px 10px;font-size: 16px;font-weight: 600;border-radius: 100px;cursor: pointer;margin: 0;transition: var(--transition);text-decoration: none;}
.apply-now-btn:hover{color: #FFF;background: var(--border-primary-hover);text-decoration: none !important;}
.nav-list {display: flex;gap: 0.25em;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;padding: 0.5rem 1rem;border-radius: 12px;transition: all var(--transition);display: flex;align-items: center;gap: 5px;background: #006a71;color: #fff;}
.nav-link:hover{background: #48A6A7;color: #fff !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: #006A71;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{position: relative;width: 100% !important;}
.banner-section:before{position: absolute;content: '';right: 0;top: 0;background: url(images/banner-bg1.png) no-repeat center;background-size: contain;background-repeat: no-repeat;opacity: 0.2;z-index: 1;}
.banner-content-text{position: relative;}
.banner-bg1{max-width: 100%;right: 0;object-fit: cover;position: absolute;top: 0;}
.img-col{/* background: url(images/banner-bg1.png); */position: relative;}
.banner-section .content{padding: 48px 0;position: relative;z-index: 1;}
.banner-section .content .main-heading{font-size: 56px;margin: 0;color: #000;font-weight: 700;}
.banner-section .content .span-heading{color: #006A71;}
.banner-section .content  .banner-heading-div{display: flex;flex-direction: column;gap: 15px;}
.banner-section .content  .banner-heading-div .p-text{color: #006A71;font-size: 18px;margin: 0;line-height: 20px;font-weight: 500;}
.banner-section .content .sub-heading{font-size: 18px;margin: 0;line-height: 20px;color:#000;font-weight: 700;text-align: start !important;}
.banner-section .banner-img-div{position: relative;display: flex;justify-content: center;padding: 48px 0;}
.banner-section .couple-img{position: relative;z-index: 2;}
.banner-section .input-class:focus{border: none !;box-shadow: none !important;}
.banner-section .add-div{display: flex;gap: 5px;    flex-wrap: wrap;justify-content: space-between;align-items: center;}
.banner-section .request-btn{padding: 15px 48px;background-color: #006a71;color: #fff;font-weight: 600;border-radius: 50px;text-decoration: none;font-size: 20px;transition: var(--transition);width: fit-content;}
.banner-section .request-btn:hover{background: #9ACBD0;color: #000;}
.banner-bg1.content-bg-img{display: none;}
.banner-section .context{margin-top: 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;width: fit-content;margin: auto;gap: 2px;}
.banner-section .context .p-text{font-size: 10px;line-height: 18px;}
.banner-section .context .horizontal-line{border: 1px solid #333333;width: 100%;opacity: 0.4;}

/* banner Form */
.form-body {font-family: "Montserrat", sans-serif !important;background: transparent;display: flex;justify-content: center;align-items: center;overflow: hidden;}
form {width: 100%;max-width: 100%;background: rgba(255, 255, 255, 0.95);/* padding: 3em; */box-shadow: none;backdrop-filter: blur(10px);position: relative;overflow: hidden;}
.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;}
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: #48A6A7;}
input[type="checkbox"] {margin-right: 0.5em;}
.buttons {display: flex;justify-content: space-between;flex-direction: column;margin-top: 2em;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: background 0.3s, transform 0.3s, box-shadow 0.3s;gap: 20px;}
.next-step, .prev-step {color: #fff;}
.next-step{background-color: #006A71 !important;color: #fff;width: 100%;}
.prev-step{background-color: #F2EFE7;color: #000;}
.next-step:hover,.prev-step:hover {background: #16a085;transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
button[type="submit"] {background: #e74c3c;color: #fff;margin-left: auto;}
button[type="submit"]:hover {background: #c0392b;transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}
#summary p {margin: 1em 0;color: #333;font-weight: 500;animation: fadeInUp 0.5s ease-in-out;}
@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-step .form-h2{font-size: 28px;font-weight: 500;line-height: 34px;margin: 0;margin-bottom: 8px;}
.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus{box-shadow:  none;}
.btn-outline-secondary{margin: 0;}
.button-div{width: 100%;}

/* Blockquote */
.blockquote{position: relative;max-width: 620px;margin: 0px auto 35px auto;align-self: center;}
.blockquote .blockquote-h3{position: relative;color: #333;font-size: 14px !important;font-style: italic;font-family: Georgia;font-weight: 200;letter-spacing: normal;margin: 0;border: 1px solid #9093A3;border-radius: 20px;padding: 15px;background: white;text-align: center;}
.blockquote .blockquote-h6{position: relative;color: #333;font-weight: 600;font-size: 11px !important;text-transform: uppercase;line-height: 1.2;margin: 0;padding-top: 10px;z-index: 1;text-align: center;} 
.blockquote .blockquote-h3:before {content: "";position: absolute;width: 40px;border: 6px solid #ffffff;bottom: -3px;right: 40px;z-index: 2;}
.blockquote .blockquote-h3:after {content: "";position: absolute;border: 1px solid #9093A3;border-radius: 50px 0 0 0;width: 45px;height: 45px;bottom: -45px;right: 40px;border-bottom: none;border-right: none;z-index: 3;}
.invalid-feedback {display: none;}
.form-control.is-invalid ~ .invalid-feedback {display: block;}
.badge-holder {/* max-width: 360px; */margin: 15px auto 40px auto;text-align: center;font-size: 12px;}
.opt-in, .phone-disc, #tcpa-disc {font-size: 10px;margin-top: 10px;}
.alert-light {background: #f4f4f4;color: #333;border: 2px solid #eeeeee;}
.shown {display: block;}
.modal-backdrop {--bs-backdrop-zindex: 0 !important;--bs-backdrop-bg: none;background-color: none !important;}

/* Animation Button */
.password-wrapper {position: relative;}
.toggle-button {display: inline-flex;position: absolute;top: 50%;transform: translateY(-50%);left: unset;right: 12px;cursor: pointer;}
.eye-icon {width: 20px;height: 20px;}

/* Performance Section */
.performance-section{padding: 48px 0; position: relative;}
.performance-section .performance-div{display: flex;flex-direction: column;gap: 48px;}
.performance-section .performance-div .sec-heading-div{display: flex;flex-direction: column;gap:10px;text-align: center;}
.performance-section .sec-heading{font-weight: 700;}
.performance-section .heading-span{color: #006A71;}
.performance-section .inner-div{display: flex;flex-direction: column;gap: 5px;background: #9ACBD0;align-items: center;justify-content: center;border-radius: 10px;padding: 48px 20px;height: 100%;}
.performance-section .inner-div .p-text{text-align: center; color: #ffffff;font-weight: 600 !important;font-size: 16px;line-height: 24px;}
.performance-section .inner-div.inner1{background-color: #123954;}
.performance-section .inner-div.inner2{background-color: #BCDD7F;}
.performance-section .inner-div.inner3{background-color: #2990C3;}
.performance-section .inner-div.inner4{background-color: #46b92e!important;}
.performance-section .performance-div .card-div .row{row-gap: 20px;}

/* Connection Section */
.connection-section{padding: 48px 0; position: relative;}
.connection-section .connection-div{display: flex;flex-direction: column;gap:48px;}
.connection-section .connection-div .sec-heading-div{display: flex;flex-direction: column;gap:10px;text-align: center;}
.connection-section .sec-heading{font-weight: 700;}
.connection-section .heading-span{color: #006A71;}
.connection-section .connection-div .inner-div{display: flex;flex-direction: column;gap: 15px;border: 1px solid #000;background: #ffffff;padding: 25px;border-radius: 30px;height: 100%;}
.connection-section .connection-div .inner-div .card-content{display: flex;flex-direction: column;gap: 7px;}
.connection-section .connection-div .inner-div .card-heading{font-size: 18px;line-height: 24px;font-weight: 600;color: #000;margin: 0;}
.connection-section .connection-div .inner-div .card-icon{padding: 20px;border-radius: 100px;background: #006A71;width: fit-content;}
.connection-section .connection-div .inner-div .card-icon .icon{color: #ffffff;font-size: 30px;}
.connection-section .card-content .p-text{font-size: 16px;line-height: 24px;}
.connection-section .connection-div .sec-heading-div .p-text{font-size: 16px;line-height: 24px;}
.connection-section .connection-div .row{row-gap: 20px;}

/* Step Section */
.steps-section{padding: 48px 0;position: relative;background: #fff;}
.steps-section .step-img{max-width: 100% !important;}
.steps-section .steps-div{display: flex;flex-direction: column;gap: 24px;position: relative;z-index: 2;}
.steps-section .steps-div .content{display: flex;flex-direction: column;gap: 15px;}
.steps-section .steps-div .request-btn{padding: 15px 48px;background-color: #006a71;color: #fff;font-weight: 600;border-radius: 50px;text-decoration: none;font-size: 20px;transition: var(--transition);width: fit-content;}
.steps-section .steps-div .request-btn:hover{background: #9ACBD0;color: #000;}
.steps-section .span-heading{color: #006A71;}
.steps-section .banner-bg1{position: absolute;right: 0;height: 10%;z-index: 0;}
.steps-section .steps-div .content .p-text{font-size: 16px;line-height: 24px;font-weight: 400;}

/* FAQs Section */
.faq-section{padding: 48px 0;position: relative;background: #f8f9fa;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;}
.faq-section .faq-content .sec-heading-div .p-text{color: #48A6A7;}
.faq-section .faq-content  .sec-heading{font-weight: 700;}
.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: #006A71;}  
.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;}

/* Loan Chart Section */
.loan-chart-section{padding: 48px 0;position: relative;background: #fff;}
.loan-chart-section .loan-chart-div{display: flex;flex-direction: column;gap: 24px;}
.loan-chart-section .loan-chart-div .sec-heading{font-weight: 700;}
.loan-chart-section .loan-chart-div .sec-heading-div{display: flex;flex-direction: column;gap: 10px;justify-content: center;align-items: center;}
.loan-chart-section .loan-chart-div .sec-heading-div .p-text{color: #48A6A7;;}
.loan-chart-section .table-responsive{border-radius: 16px;}
.loan-chart-section .table{font-size: 16px;}
.loan-chart-section .table-odd-class{background: #006A71 !important;color: #fff;font-weight: 600;}
.loan-chart-section .table-even-class{background: #48A6A7 !important;color: #fff;font-weight: 600;}

/* Request */
.request-section{padding: 48px 0;position: relative;background: #e7f0df;}
.request-section .request-div{display: flex;flex-direction: column;gap: 24px;justify-content: center;align-items: center;}
.request-section .request-div .sec-heading{font-weight: 700}
.request-section .request-div .request-btn{padding: 15px 48px;background-color: #006a71;color: #fff;font-weight: 600;border-radius: 50px;text-decoration: none;font-size: 20px;transition: var(--transition);}
.request-section .request-div .request-btn:hover{background: #9ACBD0;color: #000;}

/* Footer Section */
.footer{padding: 40px 0;background: #006A71;}
.footer .footer-content{display: flex;flex-direction: column;gap: 15px;}
.footer .footer-content .p-text{font-size: 12px;line-height: 18px;color: #ffffff;}
.footer .footer-content .p-text.heading-text{font-weight: 700}
.footer .footer-content .span-links{color:#ffffff;font-size: 14px;}
.footer .footer-content .horizontal-line{outline: 1px solid #ffffff; }
.footer .footer-content .disclaimer-div{display: flex;flex-direction: column;gap: 10px;}
.footer .footer-content .links-div .clean-link{font-size: 12px;line-height: 18px;color: #000000;transition: var(--transition);text-decoration: none;}
.footer .footer-content .links-div .clean-link:hover{color: #fff;}
.footer .footer-content .links-div .span-verticle{font-size: 12px;line-height: 18px;}

/* Sub Pages */   
.sub-page-div{position: relative;background-color: #ffffff;position: relative;top: 74px;}
.sub-page-div .content-section{padding: 48px 0;display: flex;flex-direction: column;gap: 15px;}
.sub-page-div .sub-heading-div{display: flex;align-items: center;flex-direction: column;gap: 5px;justify-content: center;}
.sub-page-div .sub-heading-div .sub-page-heading{font-size: 20px;color: #333333;font-weight: 500;margin: 0;}
.sub-page-div .content-section .bold-ptext{font-weight: 700;margin-bottom: 0 !important;}
.sub-page-div .content-section .content-links{display: flex;flex-direction: column;gap: 7px;}
.sub-page-div .content-section .clean-link,.span-links{font-size: 16px;line-height: 24px;color: #006A71;transition: var(--transition);text-decoration: none;}
.sub-page-div .content-section .clean-link:hover, .span-links:hover{color: #ff0000;}
.sub-page-div .content-section .underline-text{text-decoration: solid underline;}
.sub-page-div .content-section .li-text{}
.sub-page-div .p-text{font-size: 16px;line-height: 24px;text-align: justify;}
.inner-ul-links{list-style-type: upper-alpha !important;}.horizontal-line.mt-2{border: 1px solid  #333333;margin: 0;}

/* Unsubsribe div */
.unsubscribe-div .panel-default{border-radius: 4px;border: 1px solid #ecf0f1;}
.unsubscribe-div .panel-default h2{margin: 0;text-align: start;margin-bottom: 10px;}
.unsubscribe-div p{margin: 0;font-size: 16px;}
.unsubscribe-div .panel-default>.panel-heading {color: #2c3e50;background-color: #ecf0f1;border-color: #ecf0f1;padding: 10px 15p}
.unsubscribe-div .panel h2 span {border-bottom: 3px solid #dce4ec;padding-right: 15px;}
.unsubscribe-div .panel-body {padding: 15px;}
.unsubscribe-div .panel-body p{font-size: 14px !important;}
.unsubscribe-div .panel-primary>.panel-heading {color: #ffffff;background-color: #2c3e50;border-color: #2c3e50;padding: 10px 15p}
.unsubscribe-div label{margin: 0;}
.well-sm {padding: 9px;border-radius: 3px;}
.well {min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: #ecf0f1;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.btn-primary {color: #ffffff;background-color: #2c3e50;border-color: #2c3e50;}
.pull-right.form-group{width: fit-content;margin-bottom: 3px;}

/* Animation Page */
.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;}
.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: #006A71;animation: lineAnim 5s linear infinite;border-radius: 20px;}
@keyframes lineAnim {0% {left: -40%;}50% {left: 20%;width: 80%;}100% {left: 100%;width: 100%;}}

/* Sub div */
.sub-form{position: relative;display: flex;justify-content: center;align-items: center;height: 100vh;gap: 30px;flex-direction: column;text-align: center;width: 510px;margin: auto;}
#main-contents {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}

/* Thanks Div */
#thanks-div {display: none;height: 100%;width: 100%;background-color: #fdd468;color: white;font-size: 2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#thanks-div .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;}
#thanks-div .main-div .ani-logo{width: 170px;}
#thanks-div .main-div .heading-title{font-weight: 700;font-size: 26px;color: #000;margin: 0;}
#thanks-div .main-div .text-div{display: flex;flex-direction: column;gap: 30px;}
#thanks-div .main-div .loader-text{font-size: 18px;color: #333333;margin: 0;font-weight: 600;}
#thanks-div .main-div span[class^="dot-"]{opacity: 0;font-weight: 600}
#thanks-div .main-div .dot-one{animation: dot-one 2s infinite linear;}
#thanks-div .main-div .dot-two{animation: dot-two 2s infinite linear;}
#thanks-div .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;}}
#thanks-div .main-div .request-div{background-color: #6778e5;color: #fff;padding: 2px 10px;border-radius: 20px;font-weight: 600;width: fit-content;margin: auto;font-size: 22px;}
#thanks-div .main-div .loader-line {width: 100%;height: 15px;position: relative;overflow: hidden;background-color: #ddd;border-radius: 20px;}
#thanks-div .main-div .loader-line:before {content: "";position: absolute;left: -50%;height: 15px;width: 40%;background-color: rgb(103, 120, 229);animation: lineAnim 5s linear infinite;border-radius: 20px;}
@keyframes lineAnim {0% {left: -40%;}50% {left: 20%;width: 80%;}100% {left: 100%;width: 100%;}} 
#thanks-div .main-div .p-text{font-size: 16px;color: #000;margin: 0;}



@media (max-width: 991px) {
    /* .nav-toggle {display: flex;} */
    /* .nav-menu {position: fixed;top: 65px;left: -100%;flex-direction: column;align-items: flex-start;background: #ffffff;backdrop-filter: var(--glass-effect);-webkit-backdrop-filter: var(--glass-effect);width: fit-content;height: calc(100vh - 70px);padding: 0;transition: left var(--transition-slow);border-right: 1px solid var(--border-color); max-width: 250px;min-width: 250px;width: 300px !important;} */
    .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;}

    /* Banner Section  */
    /* .banner-bg1.content-bg-img{display: flex;} */
    .img-col{display: none;}
    .steps-section .steps-col{order: 2;}
}

@media  (max-width:767px){
    .btn-group-lg>.btn, .btn-lg {padding: 8px;font-size: 16px;}
    .faq-section .faq-content .sec-heading {text-align: center;}
}

@media (max-width:575px){
    /* Common Css */
    ol, ul {padding-left: 15px !important;}
    .sec-heading {font-size: 27px;line-height: 32px;}
    .banner-section .content, .performance-section, .connection-section, .steps-section, .faq-section, .sub-page-div .content-section,.loan-chart-section {padding: 24px 0;}
    .connection-section .connection-div{gap: 24px;}

    /* Header  */
    .header-logo{height: 42px;}
    .navbar {padding: 12px 15px;}
    .nav-link {width: 100%;padding: 8px 10px;}

    /* Banner Section */
    .banner-section .content .main-heading {font-size: 40px;}    

    /* Performance Section */
    .performance-section .performance-div {gap: 32px;}
    .performance-section .inner-div{padding: 15px;}

    /* Connection Section */
    .connection-section .connection-div .inner-div .card-icon {height: 60px;width: 60px; display: flex;justify-content: center;align-items: center;}
    .connection-section .connection-div .inner-div {padding: 20px;}

    /* Steps Section */
    .steps-section .steps-col{order: 2;display: flex;justify-content: center;align-items: center;}
    .steps-section .step-img {max-height: 310px !important;max-width: 310px !important;margin-top: 20px;}
    .steps-section .steps-div .request-btn,.request-section .request-div .request-btn {padding: 10px 20px;border-radius: 15px;}

    /* FAQs Section */
    .faq-section .faq-img {width: 100%;height: 250px;}

    /* Sub Pages */
    .sub-page-div {top: 66px;}

    .form-step .form-h2 {font-size: 22px;line-height: 30px;}

    /* Thankyou page */
    .animation-page .main-div .heading-title {font-weight: 700;font-size: 18px;}

    .animation-page .main-div {width: fit-content;}
    .animation-page .main-div .loader-line, .animation-page .main-div .loader-line:before {height: 10px;}
}

.input-group-append {
    cursor: pointer;
  }