@media (min-width: 1025px) {
	.animate .hero-background img,
	.animate .cta-background img,
	.animate .hero-content .title,
	.animate .hero-content > p,
	.animate .hero-content .trust-points,
	.animate .search-box,
	.animate .sell-intro,
	.animate .sell-div .steps,
	.animate .budget-div .div-title,
	.animate .budget-slider,
	.animate .cta .title,
	.animate .vehicles-div .div-title,
	.animate .vehicle-grid,
	.animate .brands .subtitle,
	.animate .brand-list,
	.animate .faq,
	.animate .contact-box,
	.animate .testimonials-section .testimonials {
		opacity: 0;
		will-change: opacity, transform;
	}

	.animate .hero-background img,
	.animate .cta-background img {
		transform: scale(1.06);
		transition: opacity 1.1s ease-out, transform 1.1s ease-out;
	}

	.animate .hero-content .title,
	.animate .search-box,
	.animate .sell-intro,
	.animate .budget-div .div-title,
	.animate .vehicles-div .div-title,
	.animate .brands .subtitle,
	.animate .faq,
	.animate .testimonials {
		transform: translateY(32px);
		transition: opacity 0.7s ease-out, transform 0.7s ease-out;
	}

	.animate .hero-content > p,
	.animate .hero-content .trust-points,
	.animate .budget-slider,
	.animate .vehicle-grid,
	.animate .brand-list {
		transform: translateY(32px);
		transition: opacity 0.7s ease-out 0.15s, transform 0.7s ease-out 0.15s;
	}

	.animate .steps {
		transform: translateX(40px);
		transition: opacity 0.7s ease-out 0.15s, transform 0.7s ease-out 0.15s;
	}

	.animate .cta .title,
	.animate .contact-box {
		transform: translateX(-40px);
		transition: opacity 0.8s ease-out 0.2s, transform 0.8s ease-out 0.2s;
	}

	.animate.animate-complete .hero-background img,
	.animate.animate-complete .cta-background img,
	.animate.animate-complete .hero-content .title,
	.animate.animate-complete .hero-content > p,
	.animate.animate-complete .hero-content .trust-points,
	.animate.animate-complete .search-box,
	.animate.animate-complete .sell-intro,
	.animate.animate-complete .steps,
	.animate.animate-complete .budget-div .div-title,
	.animate.animate-complete .budget-slider,
	.animate.animate-complete .cta .title,
	.animate.animate-complete .vehicles-div .div-title,
	.animate.animate-complete .vehicle-grid,
	.animate.animate-complete .brands .subtitle,
	.animate.animate-complete .brand-list,
	.animate.animate-complete .faq,
	.animate.animate-complete .contact-box,
	.animate.animate-complete .testimonials {
		opacity: 1;
		transform: translate(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.animate *,
	.animate *::before,
	.animate *::after {
		transition-duration: 0.01ms !important;
		transition-delay: 0ms !important;
	}
}