/* Animation Classes */

.fade-in-up {
	opacity: 0;
	transform: translateY(40px) scale(1);
	transition: all 5s ease;
}

.fade-in-up.animate {
	opacity: 1;
	transform: translateY(0) scale(1);
	animation: heroFadeInUp 0.8s ease forwards;
}

.fade-in {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease;
}

.fade-in.animate {
	opacity: 1;
	transform: translateY(0);
}

.slide-left {
	opacity: 0;
	transform: translateX(-50px);
	transition: all 0.8s ease;
}

.slide-left.animate {
	opacity: 1;
	transform: translateX(0);
}

.slide-right {
	opacity: 0;
	transform: translateX(50px);
	transition: all 0.8s ease;
}

.slide-right.animate {
	opacity: 1;
	transform: translateX(0);
}

.scale-in {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease;
}

.scale-in.animate {
	opacity: 1;
	transform: scale(1);
}

.zoom-in-out {
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.8s ease;
}

.zoom-in-out.animate {
	opacity: 1;
	transform: scale(1);
	animation: zoomPulse 1s ease-in-out infinite alternate;
}