/* Edo Elementor Slider - Frontend */
.edo-slider {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
	box-sizing: border-box;
	--edo-duration: 700ms;
	--edo-height-desktop: 560px;
	--edo-height-tablet: 440px;
	--edo-height-mobile: 300px;
	--edo-object-position: center center;
}

.edo-slider *,
.edo-slider *::before,
.edo-slider *::after {
	box-sizing: border-box;
}

.edo-slider-viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #111;
	isolation: isolate;
}

.edo-layout-elementor {
	width: 100%;
	max-width: 100%;
}

.edo-layout-viewport,
.edo-layout-fullscreen {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.edo-layout-fullscreen .edo-slider-viewport {
	height: 100vh;
	height: 100svh;
	min-height: 320px;
}

.edo-ratio-16-9:not(.edo-layout-fullscreen) .edo-slider-viewport {
	aspect-ratio: 16 / 9;
}

.edo-ratio-4-3:not(.edo-layout-fullscreen) .edo-slider-viewport {
	aspect-ratio: 4 / 3;
}

.edo-ratio-3-2:not(.edo-layout-fullscreen) .edo-slider-viewport {
	aspect-ratio: 3 / 2;
}

.edo-ratio-1-1:not(.edo-layout-fullscreen) .edo-slider-viewport {
	aspect-ratio: 1 / 1;
}

.edo-ratio-custom:not(.edo-layout-fullscreen) .edo-slider-viewport {
	height: var(--edo-height-desktop);
}

.edo-slider-track,
.edo-slide,
.edo-slide-link,
.edo-slide-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.edo-slider-track {
	z-index: 1;
}

.edo-slide {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 1;
	transition:
		opacity var(--edo-duration) ease,
		transform var(--edo-duration) cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;
}

.edo-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 3;
}

.edo-slide.is-entering {
	visibility: visible;
	z-index: 4;
	pointer-events: none;
}

.edo-slide.is-leaving {
	visibility: visible;
	z-index: 3;
	pointer-events: none;
}

.edo-slide-link {
	display: block;
	z-index: 1;
}

.edo-slide-image {
	display: block;
	object-fit: cover;
	object-position: var(--edo-object-position);
	user-select: none;
	-webkit-user-drag: none;
}

/* Fade */
.edo-slider[data-active-effect="fade"] .edo-slide.is-entering {
	opacity: 0;
}
.edo-slider[data-active-effect="fade"] .edo-slide.is-entering.edo-go {
	opacity: 1;
}
.edo-slider[data-active-effect="fade"] .edo-slide.is-leaving {
	opacity: 1;
}
.edo-slider[data-active-effect="fade"] .edo-slide.is-leaving.edo-go {
	opacity: 0;
}

/* Slide horizontal */
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-entering {
	opacity: 1;
	transform: translate3d(100%,0,0);
}
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-entering.edo-reverse {
	transform: translate3d(-100%,0,0);
}
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-entering.edo-go {
	transform: translate3d(0,0,0);
}
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-leaving {
	opacity: 1;
	transform: translate3d(0,0,0);
}
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-leaving.edo-go {
	transform: translate3d(-100%,0,0);
}
.edo-slider[data-active-effect="slide-left"] .edo-slide.is-leaving.edo-go.edo-reverse {
	transform: translate3d(100%,0,0);
}

/* Slide vertical */
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-entering {
	opacity: 1;
	transform: translate3d(0,100%,0);
}
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-entering.edo-reverse {
	transform: translate3d(0,-100%,0);
}
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-entering.edo-go {
	transform: translate3d(0,0,0);
}
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-leaving {
	opacity: 1;
	transform: translate3d(0,0,0);
}
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-leaving.edo-go {
	transform: translate3d(0,-100%,0);
}
.edo-slider[data-active-effect="slide-up"] .edo-slide.is-leaving.edo-go.edo-reverse {
	transform: translate3d(0,100%,0);
}

/* Zoom */
.edo-slider[data-active-effect="zoom"] .edo-slide.is-entering {
	opacity: 0;
	transform: scale(1.12);
}
.edo-slider[data-active-effect="zoom"] .edo-slide.is-entering.edo-go {
	opacity: 1;
	transform: scale(1);
}
.edo-slider[data-active-effect="zoom"] .edo-slide.is-leaving {
	opacity: 1;
	transform: scale(1);
}
.edo-slider[data-active-effect="zoom"] .edo-slide.is-leaving.edo-go {
	opacity: 0;
	transform: scale(.96);
}

/* Tile effects */
.edo-effect-layer {
	position: absolute;
	inset: 0;
	z-index: 8;
	pointer-events: none;
	overflow: hidden;
	display: none;
}

.edo-effect-layer.is-active {
	display: block;
}

.edo-effect-tile {
	position: absolute;
	background-repeat: no-repeat;
	background-size: var(--edo-bg-width) var(--edo-bg-height);
	opacity: 0;
	will-change: transform, opacity;
	animation-duration: var(--edo-duration);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(.22,.61,.36,1);
}

.edo-effect-layer.effect-bars .edo-effect-tile {
	transform: scaleY(0);
	transform-origin: center top;
	animation-name: edo-bars-in;
}

.edo-effect-layer.effect-checkerboard .edo-effect-tile {
	transform: scale(.15) rotateY(75deg);
	animation-name: edo-checker-in;
}

@keyframes edo-bars-in {
	from { opacity: 0; transform: scaleY(0); }
	to { opacity: 1; transform: scaleY(1); }
}

@keyframes edo-checker-in {
	from { opacity: 0; transform: scale(.15) rotateY(75deg); }
	to { opacity: 1; transform: scale(1) rotateY(0); }
}

/* Arrows */
.edo-arrow {
	position: absolute;
	top: 50%;
	z-index: 12;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(0,0,0,.38);
	color: #fff;
	font-size: 36px;
	line-height: 1;
	display: grid;
	place-items: center;
	transform: translateY(-50%);
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
	-webkit-tap-highlight-color: transparent;
}

.edo-arrow:hover,
.edo-arrow:focus-visible {
	background: rgba(0,0,0,.62);
}

.edo-arrow:active {
	transform: translateY(-50%) scale(.95);
}

.edo-prev { left: 18px; }
.edo-next { right: 18px; }

.edo-arrow span {
	display: block;
	transform: translateY(-2px);
}

/* Dots */
.edo-dots {
	position: absolute;
	z-index: 12;
	left: 50%;
	bottom: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	transform: translateX(-50%);
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(0,0,0,.20);
	backdrop-filter: blur(5px);
}

.edo-dot {
	width: 10px;
	height: 10px;
	min-width: 10px;
	padding: 0;
	margin: 0;
	border: 1px solid rgba(255,255,255,.88);
	border-radius: 50%;
	background: rgba(255,255,255,.24);
	cursor: pointer;
	transition: transform .2s ease, background .2s ease;
}

.edo-dot.is-active {
	background: #fff;
	transform: scale(1.25);
}

.edo-slider-empty {
	padding: 18px;
	border: 1px dashed #bbb;
	background: #fafafa;
	color: #555;
	font: 14px/1.4 sans-serif;
}

@media (max-width: 1024px) {
	.edo-ratio-custom:not(.edo-layout-fullscreen) .edo-slider-viewport {
		height: var(--edo-height-tablet);
	}
}

@media (max-width: 767px) {
	.edo-ratio-custom:not(.edo-layout-fullscreen) .edo-slider-viewport {
		height: var(--edo-height-mobile);
	}

	.edo-arrow {
		width: 40px;
		height: 40px;
		font-size: 30px;
	}

	.edo-prev { left: 10px; }
	.edo-next { right: 10px; }

	.edo-dots {
		bottom: 10px;
		gap: 7px;
		padding: 6px 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.edo-slide {
		transition-duration: 1ms !important;
	}

	.edo-effect-tile {
		animation-duration: 1ms !important;
	}
}