/* --- Animations --- */
		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(20px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Initial state for elements to be animated */
		.hero-v1 .heading,
		.hero-v1 .text-white.mb-5,
		.service-card,
		.stat-card .stat-number,
		.stat-card .stat-label {
			opacity: 0;
		}

		/* Animation classes */
		.animate__fade-in-up {
			animation: fadeInUp 0.8s ease-out forwards;
		}

		/* Staggered delays for service cards */
		.services-grid .service-card:nth-child(1) { animation-delay: 0.2s; }
		.services-grid .service-card:nth-child(2) { animation-delay: 0.4s; }
		.services-grid .service-card:nth-child(3) { animation-delay: 0.6s; }
		.services-grid .service-card:nth-child(4) { animation-delay: 0.8s; }

		/* Staggered delays for stat cards */
		.stats-grid .stat-card:nth-child(1) .stat-number,
		.stats-grid .stat-card:nth-child(1) .stat-label { transition-delay: 0.2s; }
		.stats-grid .stat-card:nth-child(2) .stat-number,
		.stats-grid .stat-card:nth-child(2) .stat-label { transition-delay: 0.4s; }
		.stats-grid .stat-card:nth-child(3) .stat-number,
		.stats-grid .stat-card:nth-child(3) .stat-label { transition-delay: 0.6s; }
		.stats-grid .stat-card:nth-child(4) .stat-number,
		.stats-grid .stat-card:nth-child(4) .stat-label { transition-delay: 0.8s; }

		/* Animate stat numbers and labels together when in view */
		.stat-card.animate__fade-in-up .stat-number,
		.stat-card.animate__fade-in-up .stat-label {
			opacity: 1;
			transform: translateY(0);
			transition: opacity 0.6s ease-out, transform 0.6s ease-out;
		}

		.stat-card .stat-number,
		.stat-card .stat-label {
			opacity: 0;
			transform: translateY(10px);
		}

		/* --- Featured Partners & Clients Section --- */
		.clients-section {
			padding: 80px 0; /* Adjust padding as needed */
			background-color: #f8f9fa; /* Light background, adjust if needed */
		}
		.clients-header {
			text-align: center;
			margin-bottom: 40px; /* Space below header */
		}
		.clients-header h2 {
			font-size: 2rem; /* Adjust size */
			font-weight: bold;
			margin-bottom: 15px;
			color: #333; /* Adjust color */
		}
		.clients-header p {
			font-size: 1.1rem; /* Adjust size */
			color: #666; /* Adjust color */
			max-width: 700px; /* Limit width for readability */
			margin: 0 auto; /* Center the text */
		}
		.clients-logos {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 40px; /* Space between logos */
		}
		.client-logo {
			/* Basic styling for logo containers */
			/* You can adjust width/height or use img dimensions */
			/* filter: grayscale(100%); */ /* Optional: Grayscale logos */
			/* transition: filter 0.3s ease; */ /* Optional: Transition for hover */
		}
		.client-logo:hover {
			/* Optional: Remove grayscale on hover */
			/* filter: grayscale(0%); */
		}
		.client-logo svg {
			/* Ensure SVGs scale nicely */
			max-width: 150px; /* Adjust max width */
			height: auto;
			/* Fill color might need adjustment depending on SVG */
			/* fill: #333; */ /* Example: Force fill color */
		}
		/* Ensure SVGs inside the client section inherit text color or have specific fill */
		.clients-section .f2_Jv {
			/* Example: Make SVGs inherit text color */
			/* fill: currentColor; */
			/* Or set a specific color */
			/* fill: #000; */
			/* Ensure they display as block for better control */
			display: block;
			/* Adjust size if needed */
			width: 120px; /* Adjust width */
			height: auto;
		}
		/* Adjust specific logos if needed */
		/* .client-logo:nth-child(1) svg { width: 100px; } */
		/* .client-logo:nth-child(2) svg { width: 140px; } */