.elementor-150 .elementor-element.elementor-element-ec8c7c6{--display:flex;--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-763f618{--e-image-carousel-slides-to-show:5;z-index:5;}.elementor-150 .elementor-element.elementor-element-763f618 .swiper-wrapper{display:flex;align-items:center;}/* Start custom CSS for image-carousel, class: .elementor-element-763f618 */.my_testimonial_slider .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
img.swiper-slide-image {
    filter: brightness(0) invert(1);  /* membuat gambar menjadi putih */
    transition: filter 0.3s ease;
}

img.swiper-slide-image:hover {
    filter: none; /* kembali normal saat hover */
}

}


.project-slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px; /* Adjust the width of the fade effect */
  height: 100%;
  z-index: 2; /* Set a higher z-index to render on top of the content */

}

.project-slider::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px; /* Adjust the width of the fade effect */
  height: 100%;
  z-index: 1;
}


.project-slider .swiper-wrapper {
  transition-timing-function: linear !important; 
}

.elementor-150 .elementor-element.elementor-element-763f618 {
    position: relative;
}
.elementor-150 .elementor-element.elementor-element-763f618::before {
    content: '';
   width: 50px;
   position: absolute;
   width: 100px;
   height: 100%;
  background-image: linear-gradient(90deg, #000, #000 4%, transparent);
   z-index: 9999;
   left: 0px;
   top: 0px;
}
.elementor-150 .elementor-element.elementor-element-763f618::after {
    content: '';
   position: absolute;
   width: 100px;
   height: 100%;
  background-image: linear-gradient(-90deg, #000, #000 4%, transparent);
   z-index: 9999;
   right: 0px;
   top: 0px;
}
.elementor-150 .elementor-element.elementor-element-763f618 img {
    border: none !important;
    margin: 0px !important;
}/* End custom CSS */