.elementor-3785 .elementor-element.elementor-element-2602de2e{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3785 .elementor-element.elementor-element-338366b6{--swiper-slides-to-display:4;--swiper-offset-size:450px;--swiper-slides-gap:10px;z-index:5;}.elementor-3785 .elementor-element.elementor-element-afb1ff6{--swiper-slides-to-display:2;--swiper-offset-size:100px;--swiper-slides-gap:10px;z-index:5;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-3785 .elementor-element.elementor-element-afb1ff6 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-3785 .elementor-element.elementor-element-338366b6{--swiper-slides-to-display:2;}.elementor-3785 .elementor-element.elementor-element-afb1ff6{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3785 .elementor-element.elementor-element-338366b6{--swiper-slides-to-display:1;}.elementor-3785 .elementor-element.elementor-element-afb1ff6{--swiper-slides-to-display:1;--swiper-offset-size:0px;--swiper-slides-gap:10px;z-index:5;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:-1.25rem;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:-1.25rem;--arrow-size:26px;}}/* Start custom CSS */.project .swiper-slide {
    filter: grayscale(100%);
    padding: 2rem 0;
    transition: all 0.5s ease-in-out;
}

.project .swiper-slide-active {
    filter: grayscale(0%);
    transform: scale(1.2);
    right: 2.5vw;
    margin: 0 5vw;
    transition: all 0.5s ease-in-out;
}

.project .swiper-slide-next {
  right: 0.25vw;
}

.project .swiper-slide-prev {
  left: 0.25vw;
}

.project .swiper-slide .namepj {
  display: none;
}

.project .swiper-slide-active .namepj {
  display: block;
}

@media (min-width:1600px) and (max-width:1800px) {
    .aspek {
        margin-top: -48vh !important;
    }
    
    .line {
        min-height: 45vh !important;
    }
}

@media (min-width:1500px) and (max-width:1600px) {
    .aspek {
        margin-top: -48vh !important;
    }
    
    .line {
        min-height: 47vh !important;
    }
    
    .swiper.elementor-loop-container.elementor-grid.offset-left.swiper-initialized.swiper-horizontal.swiper-pointer-events{
        --swiper-offset-size: 300px;
    }
}


@media (min-width:1300px) and (max-width:1500px) {
    .aspek {
        margin-top: -48vh !important;
    }
    
    .line {
        min-height: 47vh !important;
    }
    
    .swiper.elementor-loop-container.elementor-grid.offset-left.swiper-initialized.swiper-horizontal.swiper-pointer-events{
        --swiper-offset-size: 200px;
    }
}

@media (min-width:1100px) and (max-width:1300px) {
    .aspek {
        margin-top: -49vh !important;
    }
    
    .line {
        min-height: 52vh !important;
    }
    
    .swiper.elementor-loop-container.elementor-grid.offset-left.swiper-initialized.swiper-horizontal.swiper-pointer-events{
        --swiper-offset-size: 100px;
    }
}

@media only screen and (max-width: 600px) {
    .mobile .swiper-slide {
        filter: grayscale(100%);
        transition: all 0.3s ease-in-out;
    }
    
    .mobile .swiper-slide-active {
        filter: grayscale(0%);
    }

    .mobile .swiper-slide .namepj {
      display: none;
    }
    
    .mobile .swiper-slide-active .namepj {
      display: block;
    }
    
    .elementor-widget-loop-carousel .elementor-loop-container.offset-both{
        --swiper-offset-size: 5vw !important;
    }
}/* End custom CSS */