/* Elementor Continuous Loop 1.0.2 */

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime) {
	--ecl-gap: 24px;
	--ecl-item-width: 320px;
	--ecl-align-items: stretch;
	--ecl-distance: 0px;
	--ecl-duration: 20s;
	--ecl-fade-width: 48px;
	overflow: hidden;
	max-width: 100%;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-fade-edges,
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-fade-edges-yes,
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-runtime-fade-edges {
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0,
		#000 var(--ecl-fade-width),
		#000 calc(100% - var(--ecl-fade-width)),
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0,
		#000 var(--ecl-fade-width),
		#000 calc(100% - var(--ecl-fade-width)),
		transparent 100%
	);
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime) .elementor-loop-container,
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime) .elementor-posts-container {
	display: flex !important;
	grid-template-columns: none !important;
	grid-auto-columns: auto !important;
	grid-auto-flow: column !important;
	flex-flow: row nowrap !important;
	align-items: var(--ecl-align-items) !important;
	justify-content: flex-start !important;
	gap: var(--ecl-gap) !important;
	column-gap: var(--ecl-gap) !important;
	row-gap: 0 !important;
	width: max-content !important;
	min-width: max-content !important;
	max-width: none !important;
	margin: 0 !important;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	animation-timing-function: linear !important;
	animation-iteration-count: infinite !important;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime)
	:is(.elementor-loop-container, .elementor-posts-container)
	> :is(.e-loop-item, [data-elementor-type="loop-item"]) {
	flex: 0 0 var(--ecl-item-width) !important;
	width: var(--ecl-item-width) !important;
	min-width: var(--ecl-item-width) !important;
	max-width: var(--ecl-item-width) !important;
	margin: 0 !important;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-ready[data-ecl-direction="left"]
	:is(.elementor-loop-container, .elementor-posts-container) {
	animation-name: ecl-continuous-left !important;
	animation-duration: var(--ecl-duration) !important;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-ready[data-ecl-direction="right"]
	:is(.elementor-loop-container, .elementor-posts-container) {
	animation-name: ecl-continuous-right !important;
	animation-duration: var(--ecl-duration) !important;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-pause-hover:hover
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-pause-hover-yes:hover
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-runtime-pause-hover:hover
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-pause-focus:focus-within
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-pause-focus-yes:focus-within
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-runtime-pause-focus:focus-within
	:is(.elementor-loop-container, .elementor-posts-container),
:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime).ecl-is-offscreen
	:is(.elementor-loop-container, .elementor-posts-container) {
	animation-play-state: paused !important;
}

:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime)
	:is(.elementor-pagination, .e-loop__load-more, .e-load-more-anchor) {
	display: none !important;
}

@keyframes ecl-continuous-left {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(calc(-1 * var(--ecl-distance)), 0, 0); }
}

@keyframes ecl-continuous-right {
	from { transform: translate3d(calc(-1 * var(--ecl-distance)), 0, 0); }
	to { transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
	:is(.ecl-marquee-enabled, .ecl-marquee-enabled-yes, .ecl-marquee-runtime)[data-ecl-reduced-motion="stop"]
		:is(.elementor-loop-container, .elementor-posts-container) {
		animation: none !important;
		transform: none !important;
		will-change: auto;
	}
}