/**
 * UI/UX service hero — floating background shapes (Webflow w-embed).
 */

.design-services-hero-section .infinity-move {
	animation: 5s linear 1s infinity-move infinite;
}

.design-services-hero-section .infinity-move-two {
	animation: 5s linear 1s infinity-move-two infinite;
}

@keyframes infinity-move {
	0% {
		transform: translate(7px, 4px);
	}
	33.33% {
		transform: translate(4px, 8px);
	}
	66.66% {
		transform: translate(-4px, -2px);
	}
	100% {
		transform: translate(7px, 4px);
	}
}

@keyframes infinity-move-two {
	0% {
		transform: translate(-7px, -4px);
	}
	33.33% {
		transform: translate(-4px, -8px);
	}
	66.66% {
		transform: translate(4px, 2px);
	}
	100% {
		transform: translate(-7px, -4px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.design-services-hero-section .infinity-move,
	.design-services-hero-section .infinity-move-two {
		animation: none;
	}
}