@layer utilities {
	.text-shadow {
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	}

	.bg-gradient-primary {
		background: linear-gradient(135deg, #0F52BA 0%, #0A3D7F 100%);
	}

	.transition-custom {
		transition: all 0.3s ease;
	}

	.hover-scale {
		transition: transform 0.3s ease;
	}

	.hover-scale:hover {
		transform: translateY(-5px);
	}

	.carousel-item {
		display: none;
	}

	.carousel-item.active {
		display: block;
		animation: fade 0.8s;
	}

	@keyframes fade {
		from {
			opacity: 0.4;
		}

		to {
			opacity: 1;
		}
	}
}