.elementor-1487 .elementor-element.elementor-element-41a98cd4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1487 .elementor-element.elementor-element-4e919b3{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1487 .elementor-element.elementor-element-13b95fd3{text-align:center;}.elementor-1487 .elementor-element.elementor-element-13b95fd3 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:500;line-height:24px;color:#303030;}.elementor-1487 .elementor-element.elementor-element-2dccd9ec{--e-image-carousel-slides-to-show:5;z-index:0;}.elementor-1487 .elementor-element.elementor-element-2dccd9ec .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-1487 .elementor-element.elementor-element-2dccd9ec{--e-image-carousel-slides-to-show:5;}}@media(min-width:768px){.elementor-1487 .elementor-element.elementor-element-41a98cd4{--content-width:1200px;}.elementor-1487 .elementor-element.elementor-element-4e919b3{--width:100%;}}@media(max-width:767px){.elementor-1487 .elementor-element.elementor-element-13b95fd3 .elementor-heading-title{font-size:14px;line-height:1.3em;}.elementor-1487 .elementor-element.elementor-element-2dccd9ec{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for image-carousel, class: .elementor-element-2dccd9ec */.carousal .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}

.carousel-with-overlay {
    position: relative;
    overflow: hidden;
}

.carousel-with-overlay::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 150px; /* adjust if needed */
    z-index: 2;
    pointer-events: none;
    background-image: linear-gradient(270deg, #fff 10%, transparent);
}

.carousel-with-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 150px;
    z-index: 2;
    pointer-events: none;
    background-image: linear-gradient(90deg, #fff 10%, transparent);
}



.carousel-with-overlay {
    position: relative;
    z-index: 999;
}


  /*.carousel-effect {*/
  /*  filter: grayscale(100%);*/
  /*  transition: filter 0.4s ease;*/
  /*}*/

  /*.carousel-effect:hover {*/
  /*  filter: grayscale(0%);*/
  /*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41a98cd4 */.elementor-image-carousel-wrapper,
.elementor-image-carousel,
.swiper-wrapper,
.swiper-slide {
    min-height: 80px;
}/* End custom CSS */