@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;  font-family: "Montserrat", sans-serif;}
body {  font-family: "Montserrat", sans-serif;}

:root{
    --transition: 0.5s ease-in;
    overflow-x: hidden;
    --transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --primary-color: #e85151;
    --secondary-color: #0e4c89;
    --text-color: #000000;
    --footer-text:rgb(255, 255, 255)
}

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

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

.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: 20px 50px;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: #ffffff !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;}
.nav-item {position: relative;}
.nav-link {color:  #0e4c89 !important;text-decoration: none;font-weight: 500;transition: all var(--transition);display: flex;align-items: center;padding: 13px 15px;color: #ffffff;border-radius: 10px;}
.nav-link:hover{background: transparent;color: #ca2525 !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: 23px;position: relative;}
.hamburger span {display: block;width: 100%;height: 2px;background: #0e4c89;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: 60px;}
.nav-link.active,.nav-link:hover {text-decoration: none !important;background-color: #ca2525 !important;color: #fff !important;border-radius: 0px;transition: var(--transition);}
.main-content{top: 100px;position: relative;overflow: hidden;}
.nav-toggle {display: flex;}
.nav-menu {position: fixed;top: 0px;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: #ffffff;height: 100vh;}
.nav-list {flex-direction: column;padding: 0;width: 100%;gap: 0;}
.nav-item {width: 100%;border-bottom: 1px solid #000000;border-radius: 0px;}
nav-link {width: 100%;padding: 10px 14px;border-bottom: 1px solid #000;border-radius: 0;transition: var(--transition);}
.nav-link.active::after {display: none;}



/* Banner Section */
/* 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-color: rgba(0, 0, 0, 0.7); */background-color:rgba(255, 255, 255);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: 48px 0;}
.banner-section:before{content: "";display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 1;opacity: 0.6;background-color: #000;}
.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: var(--primary-color);margin: 0;font-size: 22px;position: relative;z-index: 2;padding: 12px;color: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;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: #ffffff;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: var(--primary-color);;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 .form-control:focus{ background-color: rgba(255, 255, 255, 0.1);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;    animation: fadeInUp 0.5s ease-in-out;}
.banner-section .banner-form .input-group .input {display: block;background-color: transparent;color: #0e4c89 !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;animation: fadeInUp 0.5s ease-in-out;
    &:focus {border-bottom-color: #ffff;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:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset !important;-webkit-text-fill-color: #0e4c89 !important;border-radius: 0 !important;transition: background-color 5000s ease-in-out 0s !important;}
.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  label{color: #0e4c89 !important;}
.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: #000000 !important;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;}
.form-links{color: #e85151;}
.form-div > input {animation: fadeInUp 0.5s ease-in-out;}

/* Benefit Section */
.benefit-section{padding: 70px 0;background-color: #fff;position: relative;}
.benefit-section .content-div{display: flex;    align-items: center;justify-content: center;padding: 0 15px;}
.benefit-section .content-div .benefit-icon{height: 30px;margin-bottom: 0;display: flex !important;align-items: center;}
.benefit-section .content-div .benefit-text{color:  #333;font-size: 20px;margin: 0;padding: 0 15px;}


/* Cards Section */
.card-section{padding: 50px 0;background-color: #f4f4f5;position: relative;}
.card-section .card-div{display: flex;flex-direction: column;gap: 125px;}
.card-section .card-div .heading{margin: 0;font-size: 40px; text-align: center;color:  #0e4c89;font-weight: 700;}
.card-section .card-div .content-div{margin: 20px 10px;background-color: #fff;flex: 1 1;height: 250px;min-width: 215px;padding: 75px 50px 50px 40px;position: relative;}
.card-section .card-div .content-div .top-bars{align-items: center;background-color: #e85151;color:  #fff;display: flex;height: 50px;justify-content: center;left: 50px;position: absolute;top: -25px;width: 50px;}
.card-section .card-div .card-icon{align-items: center;bottom: 0;display: flex;height: 98px;justify-content: center;overflow: hidden;position: absolute;right: 0;width: 89px;z-index: 0;}
.card-section .card-div .card-icon svg{height: 98px;position: absolute;width: 89px;}
.card-section .card-div .card-text{position: relative;z-index: 1;font-size: 16px;margin: 0;color: rgb(51,51,51);line-height: 24px;font-weight: 500;display: flex;justify-content: center;align-items: center;height: 100%;}


/* Get Started Section */
.get-started-section{background-color: #0e4c89;background-position: 50%;background-repeat: no-repeat;background-size: cover;padding: 93px 0;background-image: url(../images/get-started-bg.jpg);}
.get-started-section .heading{color: #ffff;font-size: 36px;margin: 0;font-weight: 700;text-align: center;}
.get-started-section .started-btn{animation: btn-trans .8s both;animation-delay: 1s;height: 80px;margin-top: 10px;max-width: 360px;align-items: center;background-color: #e85151;color: #fff;display: flex;justify-content: left;padding: 0;transition: .2s ease-in-out;text-decoration: none;}
@keyframes btn-trans{0%, 100% {transform: translateX(0);transform-origin: 50% 50%;}}
.get-started-section .started-btn .arrow-icon{height: 80px;min-width: 80px;width: 80px; align-items: center;background-color: #c44545;display: inline-flex;justify-content: center;}
.get-started-section .started-btn .content{color:  #fff;flex: 1 1;font-size: 24px;line-height: 32px;padding: 0 30px;text-align: center;margin: 0;}


/* Footer Section */
.footer{padding: 50px 0;background: #ffffff;position: relative;z-index: 2;}
.footer .footer-content{display: flex;flex-direction: column;gap: 40px;}
.footer .footer-content .top-footer{display: flex;justify-content: center;align-items: center;}
.footer .footer-content .top-footer .footer-links{color: #6e6e6e;font-size: 14px;margin-bottom: 0;padding: 0 20px;text-transform: uppercase;text-decoration: none;transition: var(--transition);}
.footer .footer-content .top-footer .footer-links:hover, .footer .footer-content .top-footer .footer-links.active{color: var(--primary-color);}
.footer .footer-content .horizontal-line{width: 100%;border:1px solid #dcdcdc;}
.footer .footer-content .bottom-footer {display: flex;flex-direction: column;gap: 30px;}
.footer .footer-content .bottom-footer .p-text{font-size: 12px;color: #949494;text-align: center;margin: 0;}


/* Sub Page  */
.sub-page-section{padding: 80px 0;background-color: #f4f4f5;position: relative;}
.sub-page-section .content-div{display: flex;flex-direction: column;gap: 50px;}
.sub-page-section .content-div .heading{color: #333333;margin: 0;font-size:40px;}
.sub-page-section .content-div .context{display: flex;flex-direction: column;gap: 50px;}
.sub-page-section .content-div .context .inner-div{display: flex;flex-direction: column;gap: 30px;}
.sub-page-section .content-div .context .inner-para-div{display: flex;flex-direction: column;gap: 5px;}
.sub-page-section .content-div .context .para-div{display: flex;flex-direction: column;gap: 15px;}
.sub-page-section .content-div .context .p-text{color: #6e6e6e;font-size: 16px;line-height: 24px;margin: 0;}
.sub-page-section .content-div .context .heading{font-size: 24px;line-height: 32px;color: #333333;}
.sub-page-section .content-div .context .inner-para-div ul{color: var(--primary-color);margin: 0;}
.sub-page-section .content-div .context .inner-para-div .links{color: var(--primary-color);transition: var(--transition);}
.sub-page-section .content-div .context .inner-para-div .links:hover{color: #0e4c89;}


/* How It Works Section */
.how-it-works-section{padding: 80px 0px;position: relative;background-color:  #f4f4f5;}
.how-it-works-section .section-div{display: flex;flex-direction: column;gap: 50px;margin: auto;}
.how-it-works-section .section-div .heading-div{display: flex;flex-direction: column;gap: 50px;text-align: center;}
.how-it-works-section .heading-div .heading{color: rgb(51, 51, 51);font-size: 40px;margin: 0;}
.how-it-works-section .heading-div .p-text{color: #000;font-size: 16px;margin: 0;}
.how-it-works-section .content-div {display: flex;align-items: center;justify-content: center;padding: 0 15px;}
.how-it-works-section .content-div .benefit-icon {height: 30px;margin-bottom: 0;display: flex !important;align-items: center;}
.how-it-works-section .content-div .benefit-text {color: #333;font-size: 20px;margin: 0;padding: 0 15px;}


.hiws-cards-section{padding: 0 0 120px 0px !important;background-color: #fff;}
.hiws-cards-section .main-content{margin: auto;display: flex;flex-direction: column;gap: 50px;}
.hiws-cards-section .main-content .how-it-works-img{width: 100%;}
.hiws-cards-section .main-content .content{display: flex;flex-direction: column;gap:16px;}
.hiws-cards-section .main-content .heading{color: #333333;font-size: 24px;margin: 0;}
.hiws-cards-section .main-content .content .p-text{font-size: 16px;margin: 0;color: #333333;animation}
.hiws-cards-section .main-content .content .ul{color:  #6e6e6e;font-size: 14px;letter-spacing: 0;line-height: 24px;padding-left: 0;margin-left: 30px;display: flex;flex-direction: column;gap: 10px;}
.hiws-cards-section .main-content .content .ul .p-text{font-size: 14px;color: #6e6e6e;margin: 0;}
.hiws-cards-section .main-content .para-div{display: flex;flex-direction: column;gap: 15px;}


/* Offers Page */
.offers-section {position: relative;padding: 48px 0;background: #f2f2f2;}
.offers-section .offers-div{display: flex;flex-direction: column;gap: 48px;}
.offers-section .offers-div .thanks-div{background-color: var(--primary-color);color: #ffff;padding: 10px 15px;text-align: center;font-size: 20px;margin: 0;}
.offers-section .offers-div .heading-div{display: flex;flex-direction: column;gap: 15px;text-align: center;}
.offers-section .offers-div .heading-div .p-text{font-size: 16px;color: #000;margin: 0;font-weight: 600;}
.offers-section .offers-div .heading-div .heading{font-size: 20px;color: var(--primary-color);margin: 0;font-weight: 600;}
.offers-section .offers-div .card-div{display: flex;flex-direction: column;gap: 30px;}
.offers-section .offers-div .card-div .content {background: #f2f2f2;background-color: #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.offers-section .offers-div .card-div .context {display: flex;justify-content: space-between;gap: 30px;align-items: center;}
.offers-section .offers-div .card-div .loan-card-img {width: 350px;height: 250px;object-fit: contain;}
.offers-section .offers-div .card-div .card-content {display: flex;flex-direction: column;gap: 20px;}
.offers-section .card-content .card-heading {display: flex;flex-direction: column;gap: 10px;}
.offers-section .card-content .card-heading .heading {color: #337ab7;margin: 0;font-size: 18px;text-align: center;}
.offers-section .card-content .card-heading .p-text {font-size: 14px;margin: 0;color: #000;}
.offers-section .card-content .card-context {display: flex;flex-direction: column;gap: 15px;align-items: center;}
.offers-section .card-content .apply-btn {text-align: center;line-height: 1;display: inline-flex;justify-content: center;align-items: center;background-color: var(--primary-color);color: #fff;font-size: 18px;padding: 12px 20px;border-radius: 10px;transition: var(--transition);text-decoration: none;}
.offers-section .offers-btn-div{margin: auto;}
.offers-section .apply-btn {text-align: center;line-height: 1;display: inline-flex;justify-content: center;align-items: center;background-color: var(--primary-color);color: #fff;font-size: 18px;padding: 12px 20px;border-radius: 10px;transition: var(--transition);text-decoration: none;}





@media (max-width: 991px) {
    .banner-section {padding: 70px 0;}
    .form-div .col-lg-7{display: none !important;}

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

/* Responsive Design */
@media (max-width: 767px) {
    /* navbar */
    .logo-img {height: 40px;}

    .main-content {top: 82px;}


    .apply-btn-div{width: 100%;}
    .apply-btn-div .apply-now-btn{display: block;width: 100%;}


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

    /* Benefit Section */
    .benefit-section .row{row-gap: 20px;}
    .benefit-section .row .col-md-4{display: flex;}
    .benefit-section .content-div{justify-content: start;}

    /* Get Started Section */
    .get-started-section .row{row-gap: 20px;}
    .get-started-section .col-md-6{display: flex;justify-content: center;align-items: center;}

    .get-started-section .started-btn{height: 60px;width: 100%;}
    .get-started-section .started-btn .arrow-icon{height: 60px;min-width: 60px;width: 60px;}
    .get-started-section .started-btn .content{font-size: 16px;line-height: 24px;}

    /* Card Section */
    .card-section .card-div .content-div {margin: 30px 10px;height: fit-content;padding: 50px; }

        
    /* Footer Section */
    .footer .footer-content .top-footer {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 15px;}


    /* Offers page Section */
    .offers-section .card-div .content {padding: 15px !important;}
    .offers-section .card-div .context {flex-direction: column;gap: 20px !important;}
    .offers-section .card-div .row{row-gap: 20px;}


    /* How It Works Section */
    .how-it-works-section .section-div .row{row-gap: 10px;}
    .how-it-works-section .row{row-gap: 20px;}
    .how-it-works-section .row .col-md-4{display: flex;}
    .how-it-works-section .content-div{justify-content: start;}

    .hiws-cards-section .main-content .row{row-gap: 20px;}
    .hiws-cards-section .main-content .how-it-works-img{height: 480px;object-fit: cover;}

}

@media (max-width:575px){

    /* Common CSS */
    .card-section, .get-started-section, .how-it-works-section,.benefit-section{padding: 35px 0;}

    /* Navbar */
    .navbar {padding: 12px 30px;}
    .logo-img {height: 40px;}
    .logo {font-size: 20px;}
    .nav-toggle {padding: 0;}
    .hamburger {height: 21px;}
    
    .main-content {top: 64px;}

    /* Banner Section */
    .banner-section {padding: 50px 0;}



    /* Card Section */
    .card-section .card-div {gap: 35px;}
    .card-section .card-div .heading{font-size: 28px;}


    /* Get Started */
    .get-started-section .heading {font-size: 28px;}



    /* Footer Section */
    .footer {padding: 35px 0;}
    .footer .footer-content {gap: 15px;}
    .footer .footer-content .top-footer {gap: 5px;}
    .footer .footer-content .bottom-footer {gap: 15px;}
    .footer .footer-content .bottom-footer .p-text{text-align: justify;}

    /* Sub Page */
    .sub-page-section{padding: 35px 0;}
    .sub-page-section .content-div {gap: 25px;}
    .sub-page-section .content-div .heading {font-size: 28px;}
    .sub-page-section .content-div .context {gap: 20px;}
    .sub-page-section .content-div .context .heading {font-size: 20px;line-height: 28px;}
    .sub-page-section .content-div .context .inner-div {gap: 15px;}
    .sub-page-section .content-div .context .p-text{text-align: justify;}


    /* Offers Page  */
    .offers-section {padding: 35px 0;}
    .offers-section .offers-div .thanks-div {font-size: 17px;}

    /* How It Works Section */
    .how-it-works-section .heading-div .heading{font-size: 28px;}
    .how-it-works-section .section-div {gap: 30px;}
    .how-it-works-section .section-div .heading-div {gap: 30px;}
    .benefit-svg{height: 20px !important;width: 20px !important;}
    .benefit-text {font-size: 18px !important;}
}