body {
	font-family: 'Poppins', sans-serif;
	background: #f8fafc;
	overflow-x: hidden;
}

/* HEADER */
.header-area{

position:fixed;

top:0;

left:0;

width:100%;

z-index:9999;

padding:18px 0;

background:transparent;

transition:all .4s ease;

}

.header-area .navbar{

padding:0;

}

html{

scroll-behavior:smooth;

}

/*========================
Sticky Header
========================*/

.header-area.sticky{

background:#ffffff;

padding:12px 0;

box-shadow:0 8px 30px rgba(0,0,0,.08);

animation:slideDown .4s ease;

}

.header-area {
	padding: 18px 0;
	z-index: 999;
	transition: .4s;
}

.navbar-brand img {
	height: 58px;
}

.nav-link {
	font-size: 15px;
	font-weight: 500;
	color: #1d1d1d;
	margin: 0 12px;
}

.nav-link:hover {
	color: #e53935;
}

.header-call i{
	color: #25d366;
}

/* CALL BUTTON */

.header-call {
    text-decoration: none;
	display: flex;
	align-items: center;
	gap: 14px;
	background: #ffbe0b;
	padding: 10px 18px;
	border-radius: 60px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);

}

.header-call .icon {

	width: 48px;
	height: 48px;
	background: #f5f5f5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;

}

.header-call strong {

	display: block;
	font-size: 16px;
	color: #111;

}

.header-call small {

	color: #000;

}

.apply-btn {

	background: #ffbe0b;
	padding: 14px 28px;
	border-radius: 50px;
	font-weight: 700;
	color: #111;
	transition: .3s;

}

.apply-btn:hover {

	background: #ffb000;

}

/* HERO */

.hero-area {

	padding: 150px 0 90px;

	background: url(../img/banner.png) center center;
	background-size: cover;

	position: relative;

}

.hero-overlay {

	position: absolute;

	width: 100%;
	height: 100%;

	left: 0;
	top: 0;

	background: linear-gradient(90deg, rgb(255 255 255 / 27%), rgba(255, 255, 255, .72));

}

.hero-content {

	position: relative;
	z-index: 2;

}

.hero-badge {

	display: inline-block;

	background: #ffffff;

	padding: 12px 24px;

	border-radius: 50px;

	box-shadow: 0 15px 30px rgba(0, 0, 0, .08);

	font-weight: 600;

	margin-bottom: 25px;

}

.hero-content h1 {

	font-size: 42px;

	font-weight: 800;

	line-height: 1.15;

	color: #111;

}

.hero-content h1 span {

	color: #e53935;

}

.hero-content p {
	font-weight: 600;

	font-size: 19px;

	margin: 30px 0;

	max-width: 600px;

	color: #555;

	line-height: 1.8;

}

.hero-features {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 18px;

	margin: 40px 0;

}

.hero-features div {

	background: #fff;

	padding: 18px;

	border-radius: 14px;

	box-shadow: 0 10px 25px rgba(0, 0, 0, .05);

	font-weight: 500;

}

.hero-features i {

	margin-right: 8px;

	color: #e53935;

}

.hero-buttons {

	display: flex;

	gap: 18px;

}

.btn-yellow {

	background: #ffbe0b;

	padding: 18px 40px;

	border-radius: 50px;

	font-weight: 700;

	color: #111;

}

.btn-outline-light {

	border: 2px solid #111;

	padding: 18px 36px;

	border-radius: 50px;

	font-weight: 600;

	color: #111;

}

/* FORM */

.lead-form {

	position: relative;

	z-index: 3;

	background: #fff;

	padding: 35px;

	border-radius: 24px;

	box-shadow: 0 30px 80px rgba(0, 0, 0, .15);

}

.lead-form h3 {

	text-align: center;

	font-weight: 700;

	margin-bottom: 10px;

}

.line {

	width: 70px;

	height: 4px;

	background: #e53935;

	margin: 0 auto 25px;

	border-radius: 20px;

}

.form-control,
.form-select {

	height: 58px;

	border-radius: 12px;

}

.btn-submit {

	width: 100%;

	height: 58px;

	background: #ffbe0b;

	border: none;

	border-radius: 12px;

	font-weight: 700;

	font-size: 16px;

}

.secure-text {

	margin-top: 18px;

	text-align: center;

	color: #777;

	font-size: 14px;

}


/*==============================
Stats Section
==============================*/

.stats-section {

	background: #081B3A;

	padding: 35px 0;

}

.stat-box {

	display: flex;

	align-items: center;

	gap: 18px;

	color: #fff;

	border-right: 1px solid rgba(255, 255, 255, .15);

}

.stat-box:last-child {

	border: none;

}

.stat-icon {

	width: 65px;

	height: 65px;

	background: rgba(255, 255, 255, .08);

	border-radius: 18px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 28px;

	color: #ffc107;

}

.stat-box h2 {

	font-size: 36px;

	font-weight: 700;

	margin: 0;

}

.stat-box p {

	margin: 0;

	font-size: 15px;

	opacity: .8;

}


/*==============================
Why Section
==============================*/

.why-section {

	padding: 100px 0;

	background: #f8fafc;

}

.why-image {

	text-align: center;

}

.why-image img {

	max-width: 100%;

}

.section-title span {

	color: #dc3545;

	font-weight: 700;

	letter-spacing: 2px;

	font-size: 14px;

}

.section-title h2 {

	font-size: 48px;

	font-weight: 800;

	margin: 15px 0;

	line-height: 1.2;

}

.section-title strong {

	color: #dc3545;

}

.section-title p {

	color: #6c757d;

	font-size: 17px;

	margin-bottom: 40px;

	line-height: 1.8;

}

.feature-card {

	background: #fff;

	padding: 15px;

	border-radius: 18px;

	text-align: center;

	height: 100%;

	transition: .35s;

	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);

	border: 1px solid #edf2f7;

}

.feature-card:hover {

	transform: translateY(-10px);

	box-shadow: 0 20px 50px rgba(0, 0, 0, .12);

}

.feature-icon {

	width: 70px;

	height: 70px;

	margin: auto;

	margin-bottom: 10px;

	border-radius: 50%;

	background: #fff3f3;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 30px;

	color: #dc3545;

}

.feature-card h5 {

	font-weight: 700;

	margin-bottom: 12px;

	font-size: 20px;

}

.feature-card p {

	font-size: 15px;

	color: #6c757d;

	line-height: 1.5;

	margin: 0;

}


/*==================================
Eligibility Section
==================================*/

.eligibility-section {

	padding: 90px 0;

	background: #fff;

}

.section-heading h2 {

	font-size: 40px;

	font-weight: 700;

	margin-bottom: 0;

	color: #111827;

}

.section-heading span {

	color: #e53935;

}

/*=============================
Apply Cards
=============================*/

.apply-card {

	background: #fff;

	border: 1px solid #edf2f7;

	border-radius: 14px;

	padding: 22px 15px;

	text-align: center;

	transition: .35s;

	height: 100%;

	box-shadow: 0 8px 25px rgba(0, 0, 0, .05);

}

.apply-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 20px 40px rgba(0, 0, 0, .12);

	border-color: #e53935;

}

.apply-card i {

	font-size: 34px;

	color: #f5a623;

	margin-bottom: 15px;

	display: block;

}

.apply-card h6 {

	font-size: 15px;

	font-weight: 600;

	margin: 0;

	line-height: 1.5;

}

/*=============================
Requirements
=============================*/

.requirements-wrapper {

	padding-left: 50px;

	border-left: 2px dashed #e5e7eb;

}

.requirement-list {

	list-style: none;

	padding: 0;

	margin: 0;

}

.requirement-list li {

	position: relative;

	padding-left: 34px;

	margin-bottom: 22px;

	font-size: 17px;

	font-weight: 500;

	color: #374151;

}

.requirement-list li::before {

	content: "✓";

	position: absolute;

	left: 0;

	top: 1px;

	width: 22px;

	height: 22px;

	border-radius: 50%;

	background: #fff3f3;

	color: #e53935;

	font-weight: 700;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 13px;

	border: 1px solid #e53935;

}


/*=========================
SECTION TITLE
=========================*/

.section-title span {
	color: #e53935;
	font-weight: 700;
}

.section-title h2 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 10px;
}

/*=========================
PROCESS
=========================*/

.application-process {
	background: #fff;
}

.process-wrapper {
	position: relative;
}

.process-line {
	position: absolute;
	top: 40px;
	left: 8%;
	right: 8%;
	height: 2px;
	background: #dcdcdc;
	z-index: 0;
}

.process-item {
	text-align: center;
	position: relative;
	z-index: 2;
}

.process-icon {
	width: 75px;
	height: 75px;
	margin: auto;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #fff;
	box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
	transition: .3s;
}

.process-item:hover .process-icon {
	transform: translateY(-8px) scale(1.08);
}

.process-item h6 {
	margin-top: 18px;
	font-weight: 700;
}

.process-item p {
	font-size: 14px;
	color: #666;
}

/*=========================
INVESTMENT
=========================*/

.investment-section {
	padding-bottom: 80px;
}

.investment-box {
	background: linear-gradient(135deg, #081B3A, #102E59);
	padding: 50px;
	border-radius: 30px;
	color: #fff;
	overflow: hidden;
}

.investment-box h2 {
	font-size: 40px;
	font-weight: 700;
}

.investment-card {
	text-align: center;
	padding: 20px;
}

.investment-card i {
	font-size: 34px;
	color: #ffc107;
	margin-bottom: 15px;
}

.investment-card h6 {
	margin-bottom: 5px;
}

.investment-card small {
	opacity: .8;
}

.investment-note {
	font-size: 14px;
	opacity: .7;
}

/*=========================
WHY US
=========================*/

.why-us {
	background: #fff;
}

.why-item {
	padding: 25px 15px;
	transition: .35s;
}

.why-item:hover {
	transform: translateY(-8px);
}

.why-item i {
	font-size: 38px;
	color: #e53935;
	margin-bottom: 18px;
	display: block;
}

.why-item h6 {
	font-weight: 600;
}


/*=========================
Testimonials
=========================*/

.testimonial-section {

	background: #f8fafc;

}

.testimonial-card {

	background: #fff;

	padding: 35px;

	border-radius: 20px;

	height: 100%;

	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);

	transition: .35s;

	border: 1px solid #edf2f7;

}

.testimonial-card:hover {

	transform: translateY(-10px);

	box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

}

.stars {

	color: #ffc107;

	font-size: 20px;

	margin-bottom: 20px;

}

.testimonial-card p {

	color: #555;

	line-height: 1.8;

	margin-bottom: 30px;

}

.client {

	display: flex;

	align-items: center;

	gap: 15px;

}

.client img {

	width: 55px;

	height: 55px;

	border-radius: 50%;

	object-fit: cover;

}

.client h6 {

	margin: 0;

	font-weight: 700;

}

.client small {

	color: #888;

}

/*=========================
FAQ
=========================*/

.faq-section {

	background: #fff;

}

.custom-accordion .accordion-item {

	border: none;

	margin-bottom: 15px;

	border-radius: 12px;

	overflow: hidden;

	box-shadow: 0 8px 20px rgba(0, 0, 0, .05);

}

.custom-accordion .accordion-button {

	font-weight: 600;

	padding: 18px 22px;

	background: #fff;

}

.custom-accordion .accordion-button:not(.collapsed) {

	background: #dc3545;

	color: #fff;

	box-shadow: none;

}

.custom-accordion .accordion-button:focus {

	box-shadow: none;

}

.custom-accordion .accordion-body {

	padding: 22px;

	line-height: 1.8;

	color: #555;

}

.faq-image {

	text-align: center;

}

.faq-image img {

	max-width: 100%;

	animation: float 4s ease-in-out infinite;

}


/*=====================================
CTA
======================================*/

.footer-cta {

	background: linear-gradient(135deg, #071a39, #0d2d5f);

	padding: 60px 0;

	position: relative;

	overflow: hidden;

}

.footer-cta::before {

	content: "";

	position: absolute;

	width: 350px;

	height: 350px;

	background: rgba(255, 255, 255, .05);

	border-radius: 50%;

	top: -150px;

	right: -120px;

}

.cta-wrapper {

	text-align: center;

	color: #fff;

	position: relative;

	z-index: 2;

}

.cta-wrapper h2 {

	font-size: 46px;

	font-weight: 700;

	margin-bottom: 15px;

}

.cta-wrapper span {

	color: #FFC107;

}

.cta-wrapper p {

	max-width: 650px;

	margin: auto;

	opacity: .85;

	margin-bottom: 35px;

}

.cta-buttons {

	display: flex;

	justify-content: center;

	gap: 20px;

	flex-wrap: wrap;

}

.cta-buttons .btn {

	padding: 15px 35px;

	border-radius: 50px;

	font-weight: 600;

	font-size: 16px;

}

.btn-dark {

	background: #111827;

	border: none;

}

.btn-success {

	background: #25D366;

	border: none;

}


/*=====================================
FOOTER
======================================*/

.main-footer {

	background: #081B3A;

	padding: 70px 0 25px;

	color: #fff;

}

.footer-logo {

	height: 55px;

	margin-bottom: 20px;

}

.footer-about {

	line-height: 1.8;

	opacity: .8;

	max-width: 320px;

}

.main-footer h5 {

	margin-bottom: 22px;

	font-weight: 600;

}

.footer-links {

	list-style: none;

	padding: 0;

	margin: 0;

}

.footer-links li {

	margin-bottom: 12px;

}

.footer-links a {

	color: #d9d9d9;

	text-decoration: none;

	transition: .3s;

}

.footer-links a:hover {

	color: #FFC107;

	padding-left: 6px;

}

.contact-list {

	list-style: none;

	padding: 0;

}

.contact-list li {

	margin-bottom: 18px;

	line-height: 1.8;

}

.contact-list i {

	color: #FFC107;

	margin-right: 10px;

}

iframe {

	width: 100%;

	height: 180px;

	border-radius: 12px;

	border: 0;

}

hr {

	border-color: rgba(255, 255, 255, .15);

	margin: 45px 0 20px;

}

.footer-bottom {

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

	gap: 15px;

	font-size: 15px;

}

.footer-bottom a {

	color: #fff;

	text-decoration: none;

	margin-left: 8px;

}

.footer-bottom a:hover {

	color: #FFC107;

}


/*=====================================
Floating WhatsApp Button
======================================*/

.whatsapp-float{

position:fixed;

right:25px;

bottom:25px;

width:65px;

height:65px;

background:#25D366;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:34px;

text-decoration:none;

box-shadow:0 12px 30px rgba(37,211,102,.45);

z-index:9999;

transition:.35s ease;

overflow:visible;

}

/* Hover */

.whatsapp-float:hover{

transform:translateY(-8px) scale(1.08);

color:#fff;

box-shadow:0 20px 45px rgba(37,211,102,.6);

}

/* Pulse Ring */

.pulse-ring{

position:absolute;

width:100%;

height:100%;

border-radius:50%;

background:rgba(37,211,102,.35);

animation:whatsappPulse 2s infinite;

z-index:-1;

}

@keyframes whatsappPulse{

0%{

transform:scale(1);

opacity:.8;

}

70%{

transform:scale(1.7);

opacity:0;

}

100%{

transform:scale(1.7);

opacity:0;

}

}

/* Floating Animation */

.whatsapp-float{

animation:floatWhatsapp 3s ease-in-out infinite;

}

@keyframes floatWhatsapp{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

100%{

transform:translateY(0);

}

}

/* Tooltip */

.whatsapp-tooltip{

position:absolute;

right:80px;

background:#111827;

color:#fff;

padding:10px 18px;

border-radius:30px;

white-space:nowrap;

font-size:14px;

font-weight:500;

opacity:0;

visibility:hidden;

transition:.35s;

}

.whatsapp-tooltip::after{

content:"";

position:absolute;

top:50%;

right:-7px;

width:14px;

height:14px;

background:#111827;

transform:translateY(-50%) rotate(45deg);

}

.whatsapp-float:hover .whatsapp-tooltip{

opacity:1;

visibility:visible;

right:90px;

}

/*==================================
CALL BUTTON
==================================*/

.call-float{

position:fixed;

right: 20px;
    bottom: 130px;
    width: 55px;
    height: 55px;

border-radius:50%;

background:#fd0d0d;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

text-decoration:none;

z-index:9999;

box-shadow:0 15px 35px rgba(13,110,253,.35);

transition:.35s;

animation:callFloat 3s ease-in-out infinite;

}

/* Hover */

.call-float:hover{

transform:translateY(-8px) scale(1.08);

color:#fff;

box-shadow:0 20px 45px rgba(13,110,253,.45);

}

/* Ripple */

.call-ripple{

position:absolute;

width:100%;

height:100%;

border-radius:50%;

background:rgb(253 13 13);

animation:callRipple 2s infinite;

z-index:-1;

}

@keyframes callRipple{

0%{

transform:scale(1);

opacity:.8;

}

70%{

transform:scale(1.7);

opacity:0;

}

100%{

transform:scale(1.7);

opacity:0;

}

}

/* Floating */

@keyframes callFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-6px);

}

100%{

transform:translateY(0);

}

}

/* Tooltip */

.call-tooltip{

position:absolute;

right:82px;

background:#111827;

padding:10px 18px;

border-radius:30px;

font-size:14px;

color:#fff;

white-space:nowrap;

opacity:0;

visibility:hidden;

transition:.3s;

font-weight:500;

}

.call-tooltip::after{

content:"";

position:absolute;

right:-7px;

top:50%;

width:14px;

height:14px;

background:#111827;

transform:translateY(-50%) rotate(45deg);

}

.call-float:hover .call-tooltip{

opacity:1;

visibility:visible;

right:92px;

}


/* Mobile */

@media(max-width:768px){

.whatsapp-float{

width:58px;

height:58px;

font-size:30px;

right:18px;

bottom:18px;

}

.whatsapp-tooltip{

display:none;

}

}

/*=====================================
Responsive
======================================*/

@media(max-width:991px) {

	.cta-wrapper h2 {

		font-size: 36px;

	}

	.footer-bottom {

		justify-content: center;

		text-align: center;

	}

}

@media(max-width:576px) {

	.footer-cta {

		padding: 45px 0;

	}

	.cta-wrapper h2 {

		font-size: 28px;

	}

	.cta-buttons .btn {

		width: 100%;

	}

	.main-footer {

		text-align: center;

	}

	.footer-about {

		margin: auto;

	}

}


/*=========================
Floating Image
=========================*/

@keyframes float {

	0% {

		transform: translateY(0);

	}

	50% {

		transform: translateY(-10px);

	}

	100% {

		transform: translateY(0);

	}

}


/*=========================
Responsive
=========================*/

@media(max-width:991px) {

	.faq-image {

		margin-top: 40px;

	}

	.testimonial-card {

		margin-bottom: 20px;

	}

}

@media(max-width:576px) {

	.testimonial-card {

		padding: 25px;

	}

	.custom-accordion .accordion-button {

		font-size: 15px;

	}

}


/*=========================
RESPONSIVE
=========================*/

@media(max-width:991px) {

	.process-line {
		display: none;
	}

	.investment-box {
		padding: 30px;
	}

	.investment-box img {
		margin-top: 30px;
	}

	.section-title h2 {
		font-size: 34px;
	}

}

@media(max-width:576px) {

	.process-icon {
		width: 60px;
		height: 60px;
		font-size: 22px;
	}

	.section-title h2 {
		font-size: 28px;
	}

	.investment-box {
		padding: 25px;
	}

}

/*=============================
Responsive
=============================*/

@media(max-width:991px) {

	.requirements-wrapper {

		padding-left: 0;

		border-left: none;

		margin-top: 40px;

	}

	.section-heading {

		text-align: center;

	}

}

@media(max-width:576px) {

	.section-heading h2 {

		font-size: 30px;

	}

	.apply-card {

		padding: 18px;

	}

	.apply-card h6 {

		font-size: 14px;

	}

	.requirement-list li {

		font-size: 15px;

	}

}

/*==============================
Responsive
==============================*/

@media(max-width:991px) {

	.stat-box {

		border: none;

		justify-content: center;

		text-align: center;

		flex-direction: column;

	}

	.section-title {

		text-align: center;

		margin-top: 50px;

	}

	.section-title h2 {

		font-size: 36px;

	}

}

@media(max-width:576px) {

	.hero-badge{
		font-size: 12px;
	}
	.navbar-toggler{
		display: none;
	}
	
	.investment-box h2 {
    font-size: 30px;
    font-weight: 600;
}

	.stats-section .col-md-6, .why-section .col-md-4{
		width: 50%;
	}
	.section-title h2 {

		font-size: 30px;

	}

	.feature-card {

		padding: 25px;

	}

	.stat-box h2 {

		font-size: 28px;

	}

}

@media (max-width:991px){

	.lead-form{
		margin-top: 50px;
	}

	.hero-content h1{
		    font-size: 38px;

	}
.navbar-collapse{

background:#ffffff;

padding:20px;

border-radius:12px;

margin-top:15px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.navbar-collapse .nav-link{

color:#111827 !important;

padding:12px 0;

}

}