.marquee-container-50959133 {
	display: flex;
	width: 100%;
	/* overflow: hidden; applied dynamically via Elementor settings */
	box-sizing: border-box;
}

.marquee-wrapper-50959133 {
	--marquee-speed: 15s;
	--marquee-direction: normal;
	--marquee-spacing: 50px;
	
	display: flex;
	flex: 0 0 auto;
	min-width: 100%;
	z-index: 1;
	animation: scrollMarquee50959133 var(--marquee-speed) linear infinite var(--marquee-direction);
}

.marquee-item-50959133 {
	white-space: nowrap;
	padding-right: var(--marquee-spacing);
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

/* Pause on hover functionality */
.marquee-container-50959133:hover .marquee-wrapper-50959133.pause-on-hover {
	animation-play-state: paused;
}

/* 
 * The animation moves the wrapper from 0 to -100% of its own width. 
 * Since we have two identical wrappers side-by-side, when the first one reaches -100%, 
 * the second one is exactly at 0%, creating a seamless loop.
 */
@keyframes scrollMarquee50959133 {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-100%);
	}
}