#typing-text::after {
	content: "|";
	margin-left: 5px;
	animation: blink 1s infinite;
}

@keyframes blink {

	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}


.hero-glass {
	position: relative;
	min-height: 90vh;
	background: url('/images/about-image-2.jpg') center/cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	font-family: 'Inter', sans-serif;
}

/* Soft dark overlay (keeps image visible) */
.hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.35);
}

/* Glass container */
.hero-glass-box {
	position: relative;
	z-index: 2;
	max-width: 900px;
	width: 100%;

	
	border-radius: 22px;
	padding: 60px 50px;
	text-align:left;
	color: #ffffff;
}

/* Heading */
.hero-glass-box h1 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	font-family: ui-serif;
	margin-bottom: 20px;
}

.hero-glass-box h1 span {
	color: #fff;
}

/* Divider */
.hero-divider {
	width: 80px;
	height: 3px;
	background: #1f7f75;
	margin: 25px auto;
	border-radius: 3px;
}

/* Description */
.hero-glass-box p {
	font-size: 16px;
	line-height: 1.8;
	color: #e5e7eb;
	margin-bottom: 18px;
}

.hero-tagline {
	font-size: 16px;
	font-weight: 500;
	color: #b7f0d8;
	margin-bottom: 35px;
}

/* Button */
.hero-btn {
	display: inline-block;
	background: #264F51;
	color: #ffffff;
	padding: 16px 40px;
	border-radius: 40px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.hero-btn:hover {
	background: #16665e;
	transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
	.hero-glass-box {
		padding: 40px 25px;
	}

	.hero-glass-box h1 {
		font-size: 30px;
	}
}







.cta-attractive {
	background: radial-gradient(circle at top right, #28a39c, #1e374d);
	padding: 90px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cta-box {
	background: #ffffff;
	padding: 50px 40px;
	max-width: 850px;
	text-align: center;
	border-radius: 20px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
	animation: fadeInUp 0.9s ease;
}

.cta-box h2 {
	font-size: 2.6rem;
	font-weight: 700;
	color: #1E374D;
	margin-bottom: 20px;
}

.cta-box p {
	font-size: 1.15rem;
	color: #333;
	line-height: 1.8;
	margin-bottom: 35px;
}

.cta-btn-group {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 18px;
}

.cta-btn {
	padding: 15px 32px;
	border-radius: 40px;
	font-size: 1.05rem;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

.primary-btn {
	background: linear-gradient(135deg, #1E374D, #259085);
	color: #fff;
	box-shadow: 0 10px 20px rgba(37, 144, 133, 0.35);
}

.primary-btn:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 26px rgba(37, 144, 133, 0.45);
}

.secondary-btn {
	border: 2px solid #259085;
	color: #259085;
	background: #fff;
}

.secondary-btn:hover {
	background: #259085;
	color: #fff;
	transform: translateY(-4px);
}

/* Animation */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}






.testimonials-section {
	background: #F4F6F8;
	padding: 80px 20px;
}

.testimonial-heading {
	text-align: center;
	margin-bottom: 50px;
}

.testimonial-heading h2 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #1E374D;
}

.testimonial-heading p {
	font-size: 1.1rem;
	color: #555;
	margin-top: 8px;
}

.testimonials-container {
	max-width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 25px;
}

.testimonial-card {
	background: #ffffff;
	padding: 30px 25px;
	border-radius: 16px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12);
}

.testimonial-stars {
	font-size: 1.4rem;
	color: #FFC107;
	margin-bottom: 15px;
}

.testimonial-text {
	font-size: 1.05rem;
	color: #333;
	line-height: 1.7;
	margin-bottom: 20px;
	font-style: italic;
}

.testimonial-name {
	font-size: 1.2rem;
	font-weight: 700;
	color: #1E374D;
}

.testimonial-role {
	font-size: 0.9rem;
	color: #777;
}





.why-choose-section {
	background: #f4f7fb;
	padding: 80px 20px;
}

.why-heading {
	text-align: center;
	margin-bottom: 50px;
}

.why-heading h2 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #1E374D;
}

.why-heading p {
	font-size: 1.1rem;
	color: #555;
	margin-top: 8px;
}

.why-grid {
	max-width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 30px;
}

.why-card {
	background: #F4F6F8;
	padding: 35px 25px;
	border-radius: 18px;
	text-align: center;
	transition: 0.3s ease;
	border: 1px solid #e1e1e1;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

.why-card:hover {
	transform: translateY(-8px);
	background: #ffffff;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
}

.why-icon {
	font-size: 2.5rem;
	color: #259085;
	margin-bottom: 18px;
}

.why-card h3 {
	font-size: 1.3rem;
	font-weight: 700;
	color: #1E374D;
	margin-bottom: 12px;
}

.why-card p {
	font-size: 1rem;
	color: #555;
	line-height: 1.6;
}





.about-loanifyr-v2 {
	padding: 85px 20px;
	background: linear-gradient(180deg, #f1f5f9, #ffffff);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.about-box-v2 {
	max-width: 1150px;
	margin: auto;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 25px 50px rgba(15, 23, 42, 0.08);
	padding: 55px 60px;
}

/* Header */
.about-header-v2 {
	text-align: center;
	margin-bottom: 40px;
}

.about-header-v2 h2 {
	font-size: 34px;
	color: #0f172a;
	margin-bottom: 10px;
}

.header-underline {
	display: inline-block;
	width: 70px;
	height: 4px;
	background: #1f8b5f;
	border-radius: 2px;
}

/* Content */
.about-content-v2 p {
	font-size: 16px;
	line-height: 1.8;
	color: #334155;
	margin-bottom: 18px;
}

/* Features */
.features-v2 {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 30px;
}

.feature-v2 {
	flex: 1 1 calc(50% - 16px);
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	padding: 14px 18px;
	font-size: 15px;
	font-weight: 500;
	color: #0f172a;
	border-radius: 30px;
}

/* Responsive */
@media (max-width: 768px) {
	.about-box-v2 {
		padding: 40px 25px;
	}

	.feature-v2 {
		flex: 1 1 100%;
	}

	.about-header-v2 h2 {
		font-size: 28px;
	}
}



.stats-divider-section {
	padding: 90px 20px;
	background: #fff;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.stats-divider-container {
	max-width: 1200px;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
}

.stat-item {
	padding: 25px 15px;
	position: relative;
}

.stat-item:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 20%;
	height: 60%;
	width: 1px;
	background: #e2e8f0;
}

.stat-icon {
	font-size: 28px;
	margin-bottom: 14px;
}

.stat-item h3 {
	font-size: 36px;
	font-weight: 700;
	color: #0f172a;
	margin: 0;
}

.stat-item p {
	margin-top: 6px;
	font-size: 14px;
	color: #64748b;
}

/* Responsive */
@media (max-width: 992px) {
	.stats-divider-container {
		grid-template-columns: repeat(2, 1fr);
		row-gap: 40px;
	}

	.stat-item:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 520px) {
	.stats-divider-container {
		grid-template-columns: 1fr;
	}
}




.core-services-modern {
	background: #ffffff;
	padding: 100px 20px;
}

.core-services-container {
	max-width: 950px;
	margin: auto;
}

.core-services-header {
	margin-bottom: 60px;
}

.core-services-header h2 {
	font-size: 42px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 12px;
}

.core-services-header p {
	font-size: 17px;
	color: #475569;
	max-width: 650px;
	line-height: 1.8;
}

.core-services-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.core-service-item {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.icon-box {
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: linear-gradient(135deg, #0f766e, #14b8a6);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.icon-box i {
	font-size: 24px;
	color: #ffffff;
}

.core-service-item .content h3 {
	font-size: 22px;
	font-weight: 600;
	color: #0f172a;
	margin-bottom: 8px;
}

.core-service-item .content p {
	font-size: 15.5px;
	color: #475569;
	line-height: 1.75;
	max-width: 740px;
}




.media-section {
	background: #fff;
	padding: 90px 20px;
}

.media-container {
	max-width: 1100px;
	margin: auto;
	text-align: center;
}

.media-header h2 {
	font-size: 40px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 12px;
}

.media-header p {
	font-size: 16.5px;
	color: #475569;
	max-width: 680px;
	margin: 0 auto 50px;
	line-height: 1.8;
}

.media-logos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 35px;
	align-items: center;
}

.media-logo {
	background: #ffffff;
	padding: 28px 20px;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	transition: all 0.3s ease;
}

.media-logo img {
	max-width: 100%;
	height: 40px;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.8;
	transition: all 0.3s ease;
}

.media-logo:hover {
	transform: translateY(-6px);
}

.media-logo:hover img {
	filter: grayscale(0%);
	opacity: 1;
}



.key-features {
	background: #fff;
	padding: 100px 20px;
}

.features-container {
	max-width: 1200px;
	margin: auto;
}

.features-heading {
	max-width: 620px;
	margin-bottom: 60px;
}

.features-heading h2 {
	font-size: 42px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 14px;
}

.features-heading p {
	font-size: 17px;
	color: #475569;
	line-height: 1.7;
}

.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	gap: 40px;
}

.feature-item {
	display: flex;
	gap: 18px;
	padding-left: 22px;
	position: relative;
}

.feature-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 4px;
	height: 90%;
	background: linear-gradient(to bottom, #0d9488, #14b8a6);
	border-radius: 10px;
}

.feature-icon {
	font-size: 28px;
	line-height: 1;
	margin-top: 4px;
}

.feature-content h4 {
	font-size: 18px;
	font-weight: 600;
	color: #020617;
	margin-bottom: 6px;
}

.feature-content p {
	font-size: 15px;
	color: #475569;
	line-height: 1.6;
}




.sl360-sticky-contact-btn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #264F51;
	color: #ffffff;
	text-align: center;
	padding: 16px 0;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	text-decoration: none;
	z-index: 9999;
	box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.15);
}

.sl360-sticky-contact-btn:hover {
	background: #1E374D;
}


.sl360-whatsapp-btn {
	position: fixed;
	right: 18px;
	bottom: 18px;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
}

.sl360-whatsapp-btn img {
	width: 32px;
	height: 32px;
}

.sl360-whatsapp-btn:hover {
	background: #1EBE5B;
}




.client-testimonials-v2 {
	background: #fff;
	padding: 100px 20px;
	font-family: 'Inter', sans-serif;
}

.ctv2-container {
	max-width: 1000px;
	margin: auto;
}

.ctv2-header {
	text-align: center;
	margin-bottom: 60px;
}

.ctv2-header h2 {
	font-size: 38px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 12px;
}

.ctv2-header p {
	font-size: 16px;
	color: #475569;
	line-height: 1.8;
	max-width: 720px;
	margin: auto;
}

.ctv2-list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.ctv2-item {
	background: #ffffff;
	padding: 30px 28px;
	border-radius: 16px;
	border-left: 6px solid #0d9488;
	box-shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ctv2-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 28px 60px rgba(15, 23, 42, 0.12);
}

.ctv2-quote {
	font-size: 16px;
	color: #334155;
	line-height: 1.7;
	margin-bottom: 18px;
}

.ctv2-client {
	display: flex;
	align-items: center;
	gap: 16px;
}

.ctv2-client img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}

.ctv2-client h4 {
	font-size: 17px;
	font-weight: 600;
	color: #0f172a;
	margin: 0;
}

.ctv2-client span {
	font-size: 14px;
	color: #64748b;
}

/* Responsive */
@media (max-width: 768px) {
	.ctv2-item {
		border-left: 4px solid #0d9488;
		padding: 24px 20px;
	}
}




.faq-v4 {
	background: #fff;
	padding: 100px 20px;
	font-family: 'Inter', sans-serif;
}

.faq-v4-container {
	max-width: 1000px;
	margin: auto;
}

.faq-v4-header {
	text-align: center;
	margin-bottom: 60px;
}

.faq-v4-header h2 {
	font-size: 40px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 12px;
}

.faq-v4-header p {
	font-size: 16px;
	color: #475569;
	max-width: 720px;
	margin: auto;
	line-height: 1.7;
}

.faq-v4-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.faq-v4-item {
	background: #ffffff;
	border-left: 6px solid #0d9488;
	border-radius: 12px;
	padding: 24px 28px;
	transition: all 0.3s ease;
	cursor: pointer;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.faq-v4-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
}

.faq-v4-question {
	font-size: 17px;
	font-weight: 600;
	color: #0f172a;
	margin-bottom: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-v4-icon {
	font-size: 28px;
	color: #0d9488;
	transition: transform 0.3s ease;
}

.faq-v4-item.active .faq-v4-icon {
	transform: rotate(180deg);
	/* arrow flips when expanded */
}


.faq-v4-answer {
	font-size: 15.5px;
	color: #334155;
	line-height: 1.7;
	display: none;
}

.faq-v4-item.active .faq-v4-answer {
	display: block;
}



/* Footer V2 */
.footer-v2 {
	background-color: #0f172a;
	color: #ffffff;
	padding: 40px 20px;
	font-family: 'Inter', sans-serif;
	margin-bottom: 50px;
	/* Bottom space of 50px */
	border-top: 3px solid #14b8a6;
	/* subtle accent line at top */
	border-radius: 12px 12px 0 0;
	/* rounded top edges for modern look */
}

.footer-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.footer-left p {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 8px 0;
}

.footer-links a {
	font-size: 14px;
	color: #cbd5e1;
	text-decoration: none;
	margin: 0 5px;
	transition: all 0.3s ease;
}

.footer-links a:hover {
	color: #14b8a6;
	/* Accent color on hover */
}

.footer-right p {
	font-size: 14px;
	margin: 0 0 8px 0;
	color: #cbd5e1;
}

.social-icons {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: flex-start;
}

.social-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #1e293b;
	color: #ffffff;
	border-radius: 50%;
	transition: all 0.3s ease;
	text-decoration: none;
	font-size: 18px;
}

.social-icon:hover {
	background: #14b8a6;
	color: #ffffff;
	transform: translateY(-3px);
}

/* Responsive */
@media (max-width: 768px) {
	.footer-container {
		flex-direction: column;
		text-align: center;
	}

	.social-icons {
		justify-content: center;
	}
}



/* Navbar Professional */
.loanifyr-navbar {
	position: sticky;
	top: 0;
	width: 100%;
	backdrop-filter: blur(12px);
	background: rgba(255, 255, 255, 0.9);
	z-index: 999;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	font-family: 'Inter', sans-serif;
}

.loanifyr-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 25px;
}

.loanifyr-logo img {
	height: 70px;
	width: auto;
}

/* Menu Links */
.loanifyr-menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 30px;
}

.loanifyr-menu li a {
	text-decoration: none;
	color: #0f172a;
	font-weight: 500;
	font-size: 16px;
	position: relative;

	transition: color 0.3s ease;
}

/* Gradient underline on hover */
.loanifyr-menu li a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, #14b8a6, #0d9488);
	transition: width 0.3s ease;
	border-radius: 3px;
}

.loanifyr-menu li a:hover::after {
	width: 100%;
}

.loanifyr-menu li a:hover {
	color: #0d9488;
}

/* CTA Button */
.loanifyr-btn {
	background: #264F51;
	color: #fff;
	padding: 10px 22px;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
}

.loanifyr-btn span {
	margin-left: 5px;
	font-weight: bold;
}

.loanifyr-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 15px rgba(20, 184, 166, 0.35);
}

/* Hamburger Menu - Mobile */
.loanifyr-toggle {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 5px;
}

.loanifyr-toggle span {
	width: 28px;
	height: 3px;
	background-color: #0f172a;
	border-radius: 3px;
	transition: all 0.3s ease;
}

/* Responsive */
@media screen and (max-width: 992px) {
	.loanifyr-menu {
		position: absolute;
		top: 70px;
		right: 0;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		flex-direction: column;
		background: rgba(255, 255, 255, 0.95);
		transition: max-height 0.4s ease;
		box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
		border-radius: 0 0 12px 12px;
	}

	.loanifyr-menu.active {
		max-height: 600px;
		padding: 20px 0;
	}

	.loanifyr-menu li {
		margin: 12px 0;
		text-align: center;
	}

	.loanifyr-toggle {
		display: flex;
	}
}







.policy-wrapper {
  background: #f8fafc;
  padding: 80px 20px 100px;
  font-family: 'Inter', sans-serif;
}

.policy-container {
  max-width: 1100px;
  margin: auto;
}

.policy-title {
  font-size: 36px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}

.policy-updated {
  color: #64748b;
  font-size: 14px;
  margin-bottom: 30px;
}

.policy-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.05);
}

.policy-card p {
  font-size: 16px;
  color: #334155;
  line-height: 1.8;
  margin-bottom: 18px;
}

.policy-note {
  background: #f1f5f9;
  padding: 16px 20px;
  border-left: 4px solid #0f766e;
  border-radius: 8px;
  font-weight: 500;
}

.policy-block {
  margin-top: 40px;
}

.policy-block h2 {
  font-size: 22px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 12px;
}

.policy-block ul {
  padding-left: 22px;
}

.policy-block ul li {
  font-size: 15px;
  color: #475569;
  margin-bottom: 8px;
  list-style: disc;
}

.policy-contact a {
  color: #0f766e;
  font-weight: 500;
  text-decoration: none;
}

.policy-contact a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .policy-title {
    font-size: 28px;
  }

  .policy-card {
    padding: 25px;
  }

  .policy-block h2 {
    font-size: 20px;
  }
}





.terms-wrapper {
  background: #f8fafc;
  padding: 80px 20px 120px;
  font-family: 'Inter', sans-serif;
}

.terms-container {
  max-width: 1100px;
  margin: auto;
}

.terms-title {
  font-size: 36px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.terms-subtitle {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 30px;
}

.terms-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 45px;
  box-shadow: 0 30px 70px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.05);
}

.terms-card p {
  font-size: 16px;
  color: #334155;
  line-height: 1.8;
  margin-bottom: 18px;
}

.terms-highlight {
  background: #f1f5f9;
  padding: 18px 22px;
  border-left: 4px solid #0f766e;
  border-radius: 10px;
  font-weight: 500;
}

.terms-section {
  margin-top: 40px;
}

.terms-section h2 {
  font-size: 22px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 14px;
}

.terms-section ul {
  padding-left: 22px;
}

.terms-section ul li {
  font-size: 15px;
  color: #475569;
  margin-bottom: 9px;
  list-style: disc;
}

.terms-contact a {
  color: #0f766e;
  font-weight: 500;
  text-decoration: none;
}

.terms-contact a:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
  .terms-title {
    font-size: 28px;
  }

  .terms-card {
    padding: 28px;
  }

  .terms-section h2 {
    font-size: 20px;
  }
}




.thankyou-wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.thankyou-card {
  max-width: 560px;
  background: #ffffff;
  border-radius: 22px;
  padding: 45px 40px;
  text-align: center;
  box-shadow: 0 35px 80px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.success-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  background: #264F51;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thankyou-card h1 {
  font-size: 28px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.subtitle {
  color: #0f766e;
  font-size: 15px;
  margin-bottom: 18px;
}

.info-text {
  font-size: 15px;
  color: #475569;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* Next Steps Box */
.next-steps {
  background: #f0f9ff;
  border-radius: 16px;
  padding: 24px;
  text-align: left;
  margin-bottom: 30px;
  border-left: 5px solid #0f766e;
}

.next-steps h2 {
  font-size: 18px;
  color: #0f172a;
  margin-bottom: 12px;
}

.next-steps ul {
  padding-left: 20px;
  margin: 0;
}

.next-steps li {
  font-size: 14.5px;
  color: #334155;
  margin-bottom: 8px;
}

/* Button */
.home-btn {
  display: inline-block;
  width: 100%;
  padding: 14px;
  background: #264F51;
  color: #ffffff;
  text-decoration: none;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.home-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(15, 118, 110, 0.35);
}

/* Trust Icons */
.trust-icons {
  display: flex;
  justify-content: center;
  gap: 16px;
  font-size: 22px;
  margin: 22px 0 12px;
}

.trust-text {
  font-size: 13.5px;
  color: #64748b;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 480px) {
  .thankyou-card {
    padding: 32px 24px;
  }

  .thankyou-card h1 {
    font-size: 24px;
  }
}