.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}:root {
--wil-perspective: 500px;
--wil-height: 500;
--wil-width: 700;
}
.wiloke-3d-slider-img-container {
position: relative;
width: 100%;
perspective: var(--wil-perspective, 500px);
transform-style: preserve-3d;
padding-top: calc(var(--wil-height) / var(--wil-width) * 100% + 10%);
transform: translateX(22%);
}
.wil-3d-slider-wrapper {
display: flex;
flex-direction: column-reverse;
}
.wiloke-3d-slider-box {
box-shadow: 0 0 10px rgb(0 0 0 / 30%);
width: 90%;
padding-top: calc(var(--wil-height) / var(--wil-width) * 100%);;
border-radius: 25px;
overflow: hidden;
border: 1px solid #bbb;
position: absolute;
top: 50%;
transition: 800ms ease-in-out;
}
.wiloke-3d-slider-box img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wiloke-3d-slider-box:first-of-type {
z-index: 5;
opacity: 0;
left: 15%;
transform: translate(-50%, -50%) rotateY(-10deg);
}
.wiloke-3d-slider-box:nth-of-type(2) {
opacity: 1;
left: 20%;
transform: translate(-50%, -50%) rotateY(-10deg);
z-index: 5;
}
.wiloke-3d-slider-box:nth-of-type(3) {
left: 25%;
opacity: 0.75;
z-index: 10;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-50px);
}
.wiloke-3d-slider-box:nth-of-type(4) {
z-index: 5;
opacity: 0.5;
left:30%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-100px);
}
.wiloke-3d-slider-box:nth-of-type(5) {
z-index: 2;
opacity: 0.25;
left: 35%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-150px);
}
.wiloke-3d-slider-box:nth-of-type(6) {
z-index: 2;
opacity: 0.0;
left: 40%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-200px);
}
.wiloke-3d-slider-box:nth-of-type(7) {
z-index: 2;
opacity: 0.0;
left: 45%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-200px);
}
.wiloke-3d-slider-box:nth-of-type(8) {
z-index: 2;
opacity: 0.0;
left: 50%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-200px);
}
.wiloke-3d-slider-box:nth-of-type(9) {
z-index: 2;
opacity: 0.0;
left: 55%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-200px);
}
.wiloke-3d-slider-box:nth-of-type(10) {
z-index: 2;
opacity: 0.0;
left: 60%;
transform: translate(-50%, -50%) rotateY(-10deg) translateZ(-200px);
}
@media (min-width: 992px) {
.wil-3d-slider-wrapper {
flex-direction: row;
}
.wiloke-3d-slider-img-container {
flex-shrink: 0;
transform: translateX(22%);
width: clamp(200px, 62.5vw - 50px, calc(var(--wil-width) * 1px));
padding-top: calc(var(--wil-height) / var(--wil-width) * (var(--wil-width) / 1120 * 105%));
}
.wiloke-3d-slider-box {
width: 90%;
}
}