@import url('https://fonts.googleapis.com/css2?family=Montserrat: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: "Montserrat", sans-serif;}
body {font-family: "Montserrat", 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: #327622;
    --btn-hover:#57ad44;
    --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 {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: #000000 !important;text-decoration: none;text-transform: capitalize;letter-spacing: 2px;position: relative;display: inline-block;transition: var(--transition-medium);font-family: "Poppins",sans-serif;}
/* .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);}
.logo::after {content: '';position: absolute;width: 100%;height: 2px;background: #327622;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: transparent !important;backdrop-filter: var(--glass-effect);-webkit-backdrop-filter: var(--glass-effect);border-bottom: 1px solid var(--border-color);transition: var(--transition-medium);background:  #fff !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: #000000;border-radius: 10px;}
.nav-link:hover{background: transparent;color: #ff0000 !important;text-decoration: none !important;}
.nav-link.active {background: transparent;color: #ff0000 !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: #000000;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;}

/* Banner Section */
/* .banner-section {position: relative;z-index: 1;width: 100v;}
.banner-section:before{background: #000c;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.8;}
.banner-bg-img{height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;}
.form-div {padding: 0 60px !important;    position: relative;z-index: 2;}
.banner-section .content-div {display: flex;flex-direction: column;justify-content: center;}
.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: 15px !important;}
.form-group > label {margin-bottom: 5px !important;color: #000;font-size: 14px;}
.tright {text-align: center;}
.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;}
.banner-section .form-btn:hover , .apply-now-btn:hover{background-color: #235a89;color: #fff;} */

.apply-now-btn{background-color: #ca2525 !important;transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);}



/* Service Section */
.service-section{position: relative;padding: 48px 0;background-color: #fff;}
.service-section .content{display: flex;flex-direction: column;gap: 35px;}
.service-section .content .heading-div .heading{margin: 0;font-size: 32px;line-height: 38px;color: #000000;font-weight: 600;text-align: center;animation: fadeInDown 0.5s ease-in-out !important;}
.service-section .content .cards-div .row{row-gap: 30px;}
.service-section .content .cards-div .row .col-md-6{display: flex;justify-content: center;align-items: center;}
.service-section .content .card-content{display: flex;gap: 15px;align-items: center;width:300px;}
.service-section .content .card-content .card-icon{font-size: 40px;color:#408b0c87;animation: slideInLeft 0.5s ease-in-out;}
.service-section .content .card-content .context{display: flex;flex-direction: column;gap: 5px;animation: slideIn 0.5s ease-in-out;}
.service-section .content .context .title{font-size: 20px;font-weight: 500;line-height: 22px;margin: 0;}
.service-section .content .context .description{margin: 0;    font-size: 13px;line-height: 19px;color: #000;}

/* About Section */
.about-section {padding: 48px 0;position: relative;z-index: 2;}
.about-section:before{background: #000;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.8;}
.about-section .about-bg-img{height: 100%;left: 0;position: absolute;top: 0;width: 100%;object-fit: cover;opacity: 1;}
.about-section .row{row-gap: 20px;}
.about-section .img-div{display: flex;margin: auto;width: fit-content;}
.about-section .content-div{display: flex;   flex-direction: column;gap: 20px;position: relative;z-index: 2;}
.about-section .content-div .heading{font-size: 32px;font-weight: 500; margin: 0;line-height: 38px;animation: fadeInDown 0.5s ease-in-out !important;color: var(--secondary-color);font-weight: 600;}
.about-section .content-div .para-div{display: flex;flex-direction: column;gap: 10px;}
.about-section .content-div .para-div .p-text{font-size: 14px;font-weight: 400;line-height: 22px;margin: 0;color: #000;animation: slideIn 0.5s ease-in-out !important;color: #fff;}
.about-section .content-div .apply-now-btn{margin: 0;border: none;background-color: var(--secondary-color) !important;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;animation: fadeInUp 0.5s ease-in-out !important;}
.about-section .content-div .apply-now-btn:hover{background: var(--btn-hover) !important;}
.about-section .approve-img{position: relative;z-index: 2;}

/* Footer Section */
/* .footer{padding: 20px 0;background: #311D3F;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: 10px;position: relative;z-index: 2;}
.footer .footer-content .footer-links-div{display: flex;justify-content: end;align-items: center;width: 100%;position: relative;z-index: 2;}
.footer .footer-content .clean-link{font-size: 16px;line-height: 24px;color: #ffffff;transition: var(--transition);text-decoration: none;}
.footer .footer-content .clean-link:hover{color: #f9ff00;}
.footer .footer-content .p-text{font-size: 16px;line-height: 24px;color: #ffffff;}
.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;} */




.footer{padding: 40px 0;background: #000000;position: relative;}
.footer .footer-content{display: flex;flex-direction: column;gap: 16px;}
.footer .footer-content .horizontal-line{width: 100%;border:  1px solid #fff;}
.footer .footer-content .para-div{display: flex;flex-direction: column;gap: 10px;}
.footer .footer-content .para-div .p-text{font-size: 12px;margin: 0;color: #ffffff;text-align: justify;}
.footer .footer-content .footer-links-div{display: flex;}
.footer .footer-content .footer-links-div .clean-link{font-size: 12px;margin: 0;color: #46b92e;}
.footer .footer-content .footer-links-div .span-verticle {font-size: 12px;margin: 0px 7px;color: #ffffff;display: inline-block;word-break: keep-all;}
.footer .footer-content .footer-logo{color: #ffff !important;}

/* Sub  Pages */
.faq-section  {margin: 0 auto;padding: 48px 0;background: #f2f2f2;}
.faq-section .accordion-div{background-color: #fff;border-radius: 20px;}
.faq-section .heading{font-size: 32px;line-height: 38px;margin: 0;color: #46b92e;font-weight: 600;text-align: center;margin-bottom: 20px;    animation: fadeInDown 0.5s ease-in-out !important;}
.accordion{padding: 0 15px;box-shadow: 0 5px 10px 0 rgb(0, 0, 0, 0.25);border-radius: 20px;}
.accordion .accordion-item {border: none;border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded='true'] {border-bottom: 1px solid #46b92e;border-radius: 0;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 1em 0;color: #000000;font-size: 1.15rem;font-weight: 400;border: none;background: none;outline: none;animation: slideInLeft 0.5s ease-in-out !important;}
.accordion button:hover, .accordion button:focus {cursor: pointer;color: #46b92e!important;}
.accordion button:hover::after,.accordion button:focus::after {cursor: pointer;color: #03b5d2;border: 1px solid #03b5d2;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;font-size: 18px;}
.accordion button .icon {display: inline-block;position: absolute;top: 20px;right: 0;width: 22px;height: 22px;border: 1px solid;border-radius: 22px;}
.accordion button .icon::before {display: block;position: absolute;content: '';top: 9px;left: 5px;width: 10px;height: 2px;background: currentColor;}
.accordion button .icon::after {display: block;position: absolute;content: '';top: 5px;left: 9px;width: 2px;height: 10px;background: currentColor;}
.accordion button[aria-expanded='true'] {color: #46b92e!important;}
.accordion button[aria-expanded='true'] .icon::after {width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content {opacity: 1;max-height: 9em;transition: all 200ms linear;will-change: opacity, max-height;animation: slideIn 0.5s ease-in-out !important;}
.accordion .accordion-content {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {font-size: 14px;font-weight: 300;margin: 20px 0;}

/* 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: #46b92e;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;}
.common-page-div .context .content-div {display: flex;flex-direction: column;gap: 10px;}
.common-page-div .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;}
.common-page-div .content-div .para-div {display: flex;flex-direction: column;gap: 10px;}
.common-page-div .content-div .content-para {font-size: 14px;line-height: 25px;font-weight: 400;margin: 0;color: #000;text-align: justify;}
.common-page-div .content-div .content-para {font-size: 14px;line-height: 25px;font-weight: 400;margin: 0;color: #000;text-align: justify;}
.common-page-div .content-div .terms-links {display: flex;flex-direction: column;gap: 10px;}
.common-page-div .content-div .content-links {margin: 0;padding-left: 40px;}
.common-page-div .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;}
.common-page-div .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;}
.common-page-div .table-container table {width: 100%;border-collapse: collapse;min-width: 600px;}
.common-page-div .table-container .table-header {background-color: #106bc7;font-weight: bold;top: 0;color: #fff;padding: 12px 15px;}
.common-page-div .table-container .table-data {padding: 12px 15px;text-align: left;border-bottom: 1px solid #092237;word-break: break-word;}
.common-page-div .table-container .yes {color: green;font-weight: bold;}
.common-page-div .table-container .no {color: red;font-weight: bold;}
.common-page-div .content-div .sub-heading {color: #092237;font-size: 16px;line-height: 24px;margin: 0;}
.common-page-div .content-div .content-links {margin: 0;padding-left: 40px;}
.common-page-div .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;}
.common-page-div .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: 66%;}
.form-step {position: absolute;width: 100%;opacity: 0;transform: scale(0.8) translateY(50px);transition: all 0.5s ease;}
.form-step.active {opacity: 1;transform: scale(1) translateY(0);position: relative;}
.step-header {position: absolute;top: -30px;right: 30px;background: #16a085;color: #fff;padding: 0.5em 1em;border-radius: 30px;font-weight: 600;animation: slideIn 0.5s forwards;}
h2 {margin-bottom: 1em;color: #333;font-weight: 600;text-align: center;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: #48A6A7;}
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,.home-btn{background: var(--secondary-color) ;}
.next-step,.prev-step,.home-btn {color: #fff;}
.prev-step{background-color: #F2EFE7;color: #000;}
.next-step:hover,.prev-step:hover {background: var(--btn-hover);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, var(--secondary-color)  0%, var(--secondary-color)   100%);border-color: #fff;color: #fff !important;font-weight: 700;}
.apply-page .form-choice.mobile-wrap {flex-wrap: wrap;justify-content: flex-start;display: flex;}
.mobile-wrap .field-choice {width: 48%;margin: 5px;}
.apply-page .sub-div, .apply-page .income-message, .monthly-stay-div, .bank-monthly {display: none;}
.form-group-row {display: flex;justify-content: space-between;}
.form-group-row .form-group {width: 49%;}
.mobile-wrap.time .field-choice {width: 22.5%;}
.apply-page .content-div{display: flex;flex-direction: column;gap: 30px;}
.content-div .checkbox input {display: none;}
.content-div .checkbox label {font-weight: 400;color: #000;padding-left: 70px;position: relative;min-height: 50px;cursor: pointer;display: flex;align-items: center;}
.checkbox input:checked + label:before {content: "\2713";background: #5883EC;color: #fff;border-color: #5883EC;}
.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;padding: 0;margin: 0;}
.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: var(--secondary-color) ;border-radius: 5px;position: absolute;top: 0;left: 0;}
.loan-amount .loan-amount-range .ui-slider-handle {background: var(--secondary-color)  ;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 var(--secondary-color)  ;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: #e5d9d9;}
.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 .card-heading{background: #709dca;padding: 15px 0;text-shadow: #000 0 1px 0;    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: #fff;}
.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;}

/* 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: transparent;backdrop-filter: blur(20px);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: transparent !important;content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.6 !important;}
.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{margin: 0;font-size: 22px;position: relative;z-index: 2;padding: 0px;color: #327622;border-top-left-radius: 20px;border-top-right-radius: 20px;text-align: center;margin-bottom: 14px;font-weight: 700;color: #000;}
.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 .form-btn, .apply-now-btn {margin: 0;border: none;background: var(--secondary-color) !important;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: var(--btn-hover) !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: transparent;color:#000;border-radius: 5px;box-shadow: none;}
.banner-section .banner-form .input-group .input {display: block;background-color: transparent;color: #000000 !important;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: #000000 !important;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: #000000 !important;
    &:focus {border-bottom-color: 1px solid rgba(255, 255, 255, 0.5);background-color: transparent;color: #000000 !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-group  label {color: #fff;font-size: 16px;position: absolute;pointer-events: none;left: 5px;transition: 0.2s ease;}
.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;}
.banner-section select option {background-color: #ffffff;}
.banner-section select > option:hover {background-color: #ffffff;color: #000;}
.banner-section .banner-form .input-group label{color: #000 !important;}
.banner-section .input:focus{background-color: #fff;}
.banner-section input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px transparent inset !important;box-shadow: 0 0 0 1000px transparent inset !important;-webkit-text-fill-color: #000000 !important;transition: background-color 5000s ease-in-out 0s !important;}
.banner-section .checkbox {clear: both !important;margin-bottom: 10px !important;padding: 10px 0 0 !important;}
.banner-section .checkbox > label {color: rgb(255, 255, 255) !important;display: block;font-size: 12px !important;line-height: 1.3 !important;padding: 0 !important;cursor: pointer !important;margin: 0 !important;}
.banner-section .checkbox input {float: left !important;display: flex;height: 17px !important;margin: 0 10px 10px 0 !important;position: static !important;width: 17px !important; }


/* Loan Page CSS */
.loanpage-section{background: #ffffff;}
/* .loanpage-section:before{
    background: transparent !important;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0.6 !important;
}

.loanpage-section .loan-bg-img{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.loanpage-section .context-mdiv{
    position: relative;
    z-index: 2;
}

.loanpage-section .context-mdiv:before{
        background-color: transparent;
    backdrop-filter: blur(20px);
    border-radius: 20px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
} */

.loanpage-section .loanpage-div{display: flex;flex-direction: column;}
.loanpage-section .loanpage-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;padding: 48px 0;}
.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: 24px;color: var(--secondary-color);margin: 0;font-weight: 600;animation: fadeInDown 0.5s ease-in-out;font-weight: 700;}
/* .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:var(--secondary-color);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: var(--btn-hover) !important;color: #fff;} */


.loanpage-section .main-cards-div{background-color: #dfdfdf45;padding: 48px 0;}

.loanpage-section .main-cards-div .inner-div{display: flex;flex-direction: column;gap: 60px;}

.loanpage-section .main-cards-div .cardsbars{display: flex;flex-direction: column;gap: 25px;}

.loanpage-section .main-cards-div .cardsbars .heading-section{display:flex;flex-direction: column;gap: 20px;}
.loanpage-section .main-cards-div .cardsbars .heading-content{font-size: 30px;margin: 0;color: #000;font-weight: 700;}
.loanpage-section .main-cards-div .heading-section .p-text{
    font-size: 16px;
    color: #000;
    margin: 0;text-align: justify;

}

.loanpage-section .main-cards-div .horizontal-line{
    border:2px solid #0000001f;
    width: 100%;
}

.loanpage-section .main-cards-div .card-div{padding: 30px 15px;background: #fff;border-radius: 10px;height: 100%;}
.loanpage-section .main-cards-div .card-content{height: 100%;justify-content: center;display: flex;align-items: center;flex-direction: column;}
.loanpage-section .main-cards-div .card-content .context{display: flex;gap: 20px;align-items: center;}
.loanpage-section .main-cards-div .loan-card-img{height: 250px;width: 300px;}
.loanpage-section .inner-bars{display: flex;flex-direction: column;gap: 25px;}
.loanpage-section .inner-bars .card-heading{display: flex;flex-direction: column;gap: 10px;}
.loanpage-section .inner-bars .heading{font-size: 20px;font-weight :700;margin: 0;}
.loanpage-section .card-heading .p-text{font-size: 14px;margin: 0;text-align: justify;}
.loanpage-section .card-content .apply-btn{text-align: center;line-height: 1;display: inline-flex;justify-content: center;align-items: center;background-color:var(--secondary-color);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: var(--btn-hover) !important;color: #fff;}
.loanpage-section .card-content .card-footer-text{margin: 0;
    margin-top: 10px;
    font-size: 16px;color: #000;text-align: center;font-weight: 600;}


@media(max-width:1199px){
    .loanpage-section .main-cards-div .card-content .context{flex-direction: column;}
}


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

    /* Footer Section */
    .footer .footer-content .row{row-gap: 10px;}
    .footer .footer-content .dis-div,.footer .footer-content .footer-links-div{justify-content: center;align-items: center;flex-wrap: wrap;}

    .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;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: #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;color: #fff;}
    .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;}

    /* Loan Page Section */
    .loanpage-section .main-cards-div .cardsbars .row{row-gap: 20px;}
}

@media (max-width:575px){

    /* Common CSS */
    .service-section, .about-section,.loanpage-section .loanpage-div .heading-div, .loanpage-section .main-cards-div {padding: 35px 0;}

    /* Navbar */
    .navbar {padding: 12px 20px;}
    .logo-img {height: 40px;}
    .nav-menu {position: fixed;top: 64px;}

    .main-content {top: 64px;}

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

    .banner-section .content-div {padding: 20px;}
    .banner-section .banner-form .input-group .input {font-size: 14px;}
    .banner-section .form-group {margin-bottom: 10px !important;}
    .banner-section {padding: 40px 0;}
    .banner-section .form-heading {font-size: 20px;margin-bottom: 10px;}

    /* Service Section */
    .service-section .content {gap: 25px;}
    .service-section .content .cards-div .row {row-gap: 20px;}
    .service-section .content .card-content .card-icon {font-size: 30px;}
    .service-section .content .context .title {font-size: 18px;line-height: 20px;}
    
    /* About Section */
    .about-section .row {row-gap: 15px;}
    .about-section .approve-img{height: 100px;}
    .about-section .content-div {gap: 15px;}
    .about-section .content-div .heading {font-size: 26px;line-height: 34px;}

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

    /* Sub Page */
    .faq-section .heading {font-size: 26px;line-height: 30px;}
    .accordion button {padding: 12px 0;}
    .accordion button .accordion-title {padding: 10px 10px 10px 0;font-size: 16px;}
    .accordion button .icon {top: 16px;}

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

    /* Loan Page */
    .loanpage-section .loanpage-div .heading-div .heading {font-size: 22px;}

    .loanpage-section .main-cards-div .cardsbars .heading-section {gap: 10px;}
    .loanpage-section .main-cards-div .cardsbars .heading-content {font-size: 24px;}
    .loanpage-section .main-cards-div .cardsbars {gap: 20px;}

    .loanpage-section .main-cards-div .loan-card-img {height: 200px;width: 200px;}
    .loanpage-section .main-cards-div .card-content .context {gap: 15px;}
    .loanpage-section .card-heading .p-text {font-size: 13px;}
    .loanpage-section .inner-bars {gap: 15px;}
    .loanpage-section .main-cards-div .card-div {padding: 20px 10px;border-radius: 7px;}
    .loanpage-section .main-cards-div .inner-div {gap: 40px;}

}

/* .banner-section:before{content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;background: #000000cc;opacity: 0.3;}
.banner-section .form-body{width: 100%;border-radius: 8px;padding: 30px;text-align: center;border: 1px solid rgba(255, 255, 255, 0.5);backdrop-filter: blur(7px);}
.banner-section .form-body .heading{margin: 0;width: fit-content;color: #fff;font-size: 22px;font-weight: 600;margin: auto;margin-bottom: 14px;font-size: 22px;}
.banner-section .form-body .input-field{position: relative;border-bottom: 2px solid #ccc;margin: 12px 0;height: 44px;}
.banner-section .form-body .input-field .input{width: 100%;height: 40px;background-color: transparent !important;border: none;outline: none;font-size: 16px;color: #fff;}
.banner-section .form-body .input-field input[type="text"], input[type="email"]{background-color: transparent !important; border: transparent !important;color: #fff;padding: 7px 0;}
.banner-section .form-body .input-field  label{position: absolute;top: 50%;left: 0;margin: 0;transform: translateY(-50%);color: #fff;font-size: 16px;pointer-events: none;transition: 0.15s ease;}
.banner-section .form-body .input-field input:focus~label, .banner-section .form-body .input-field input:valid~label {font-size: 0.8rem;top: 10px;transform: translateY(-120%);}
.banner-section .input-field .input:focus{background-color: #fff;}
.banner-section .input-field input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px transparent inset !important;box-shadow: 0 0 0 1000px transparent inset !important;-webkit-text-fill-color: #ffffff !important;transition: background-color 5000s ease-in-out 0s !important;}

.banner-section .input-field select option {background-color: #000000;}
.banner-section .input-field select > option:hover {background-color: #ffffff;color: #000;}
/* .banner-section .form-group {margin-bottom: 20px !important;} */
/* .banner-section .checkbox {clear: both;margin-bottom: 10px;padding: 10px 0 0;}
.banner-section .checkbox > label {color: rgb(255, 255, 255);font-size: 12px;line-height: 1.3;padding: 0;cursor: pointer;margin: 0;text-align: justify;}
.banner-section .checkbox input {float: left;height: 17px;margin: 0 10px 10px 0 !important;position: static !important;width: 17px;} */


/*  */