@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

body {
	font-family: "Inter", sans-serif;
}

.slide {
	display: none;
	animation: fadeIn 0.5s ease-in-out;
}

.slide.active {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.timeline-item {
	transition: all 0.3s ease;
}

.timeline-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(34, 197, 94, 0.2);
}

.card-hover {
	transition: all 0.3s ease;
}

.card-hover:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 35px rgba(34, 197, 94, 0.15);
}

.progress-bar {
	transition: width 0.3s ease;
}