.elementor-5928 .elementor-element.elementor-element-318fce87{--display:flex;--padding-top:2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-5928 .elementor-element.elementor-element-22ca045a{--e-image-carousel-slides-to-show:6;}@media(max-width:1024px){.elementor-5928 .elementor-element.elementor-element-22ca045a{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-5928 .elementor-element.elementor-element-22ca045a{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for image-carousel, class: .elementor-element-22ca045a */.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 */
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Adjust the gradient direction */
}

.project-slider::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px; /* Adjust the width of the fade effect */
  height: 100%;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 525, 255, 0), rgba(255, 255, 255, 1)); /* Adjust the gradient */
}


.project-slider .swiper-wrapper {
  transition-timing-function: linear !important; 
}/* End custom CSS */