body {
	font-family: 'Inter', sans-serif;
	background-color: #f8fafc; /* A very light gray background */
}
/* Custom animation classes */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(20px); }
	to { opacity: 1; transform: translateY(0); }
}
.fade-in-section {
	animation: fadeIn 0.8s ease-out forwards;
}
/* Style for the active nav link */
.nav-link-active {
	color: #2563eb; /* A nice blue color */
	font-weight: 600;
}

/* --- Banner Effects --- */
@keyframes gradient-animation {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.animated-gradient {
	background: linear-gradient(-45deg, #e0f2fe, #dbeafe, #eef2ff, #f3e8ff);
	background-size: 400% 400%;
	animation: gradient-animation 20s ease infinite;
}

@keyframes shine {
	from { background-position: 150% 0; }
	to { background-position: -50% 0; }
}
.shine-text {
	position: relative;
	color: #1f2937; /* Darker text for better contrast */
}
.shine-text::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.9), transparent);
	background-size: 200% 100%;
	animation: shine 6s infinite linear;
	pointer-events: none; /* Allows text selection */
}

/* --- 3D Tilt Effect --- */
.tilt-card-container {
	perspective: 1000px;
}
.tilt-card {
	transform-style: preserve-3d;
	transition: transform 0.1s ease-out;
}

/* --- Testimonial Scroller --- */
@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-374px * 3)); } /* (Card width + gap) * number of cards */
}
.scroller {
	width: max-content;
	display: flex;
	gap: 1.5rem; /* 24px */
	animation: scroll 30s linear infinite;
}
.scroller-container:hover .scroller {
	animation-play-state: paused;
}

#mobile-menu { display: none; }

/* Dropdown menu styles */
.dropdown {
	display: none;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.group:hover .dropdown {
	display: block;
	opacity: 1;
	transform: translateY(0);
	margin-top: -0px;
}