.elementor-61648 .elementor-element.elementor-element-404e437e{--display:flex;--min-height:0px;--overflow:hidden;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-61648 .elementor-element.elementor-element-5958c92b .elementor-main-swiper{height:50vh;width:100%;}.elementor-61648 .elementor-element.elementor-element-5958c92b .elementor-swiper-button{font-size:20px;}.elementor-61648 .elementor-element.elementor-element-5958c92b .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-61648 .elementor-element.elementor-element-372e7e6 .elementor-main-swiper{height:50vh;width:100%;}.elementor-61648 .elementor-element.elementor-element-372e7e6 .elementor-swiper-button{font-size:20px;}.elementor-61648 .elementor-element.elementor-element-372e7e6 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}@media(min-width:768px){.elementor-61648 .elementor-element.elementor-element-404e437e{--content-width:100%;}}@media(max-width:1024px){.elementor-61648 .elementor-element.elementor-element-404e437e{--min-height:0px;}.elementor-61648 .elementor-element.elementor-element-5958c92b .elementor-main-swiper{height:300px;}.elementor-61648 .elementor-element.elementor-element-372e7e6 .elementor-main-swiper{height:300px;}}@media(max-width:767px){.elementor-61648 .elementor-element.elementor-element-404e437e{--min-height:0px;}.elementor-61648 .elementor-element.elementor-element-5958c92b.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-61648 .elementor-element.elementor-element-5958c92b .elementor-main-swiper{height:240px;width:100%;}.elementor-61648 .elementor-element.elementor-element-372e7e6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-61648 .elementor-element.elementor-element-372e7e6 .elementor-main-swiper{width:100%;}}/* Start custom CSS for media-carousel, class: .elementor-element-5958c92b */.case-studies-slider .elementor-main-swiper {
    position: relative;
}

/* Static center mockup overlay */
.case-studies-slider .elementor-main-swiper::after {
    content: "";
    position: absolute;
    top: 52.3%;
    left: 50.5%;
    width: clamp(280px, 55vw, 1400px);
    aspect-ratio: 25 / 10; 
    transform: translate(-50%, -50%);
    background-image: url("https://weblook.com/wp-content/uploads/2024/10/laptop-device.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 5;
}

.case-studies-slider .swiper-slide {
    filter: grayscale(100%) saturate(20%);
        z-index: 1;
}
    
.case-studies-slider .swiper-slide-next {
    filter: none;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .case-studies-slider .elementor-main-swiper::after {
        transform: translate(-50%, -50%) scale(1.4);
    }

    .case-studies-slider .swiper-slide-next {
        top:0.2%;
        transform: scale(1.4);
        z-index: 3;
        filter: none;
    }
}

@media (max-width: 767px) {
    .case-studies-slider .elementor-main-swiper::after {
        transform: translate(-50%, -50%) scale(1.8);
    }

    .case-studies-slider .swiper-slide-next {
        top:0.7%;
        transform: scale(2.3);
        z-index: 3;
        filter: none;
    }
}

@media (max-width: 400px) {
    .case-studies-slider .elementor-main-swiper::after {
        transform: translate(-50%, -50%) scale(1.8);
    }

    .case-studies-slider .swiper-slide-next {
        top:-2%;
        transform: scale(2.5);
        z-index: 3;
        filter: none;
    }
}/* End custom CSS */