.elementor-2833 .elementor-element.elementor-element-6e0416d8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2833 .elementor-element.elementor-element-75af11bb{--e-image-carousel-slides-to-show:8;}.elementor-2833 .elementor-element.elementor-element-75af11bb .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1024px){.elementor-2833 .elementor-element.elementor-element-75af11bb{--e-image-carousel-slides-to-show:8;}}@media(max-width:767px){.elementor-2833 .elementor-element.elementor-element-6e0416d8{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2833 .elementor-element.elementor-element-75af11bb{--e-image-carousel-slides-to-show:8;}}/* Start custom CSS for image-carousel, class: .elementor-element-75af11bb */.elementor-2833 .elementor-element.elementor-element-75af11bb .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 SIZE AND TRANSFORM FIX */

/* Fix the wrapper transform and transition issues */
.elementor-image-carousel.swiper-wrapper[style*="translate3d(-1144px"] {
  transform: translate3d(0px, 0px, 0px) !important;
  transition-duration: 1500ms !important;
}

.elementor-image-carousel.swiper-wrapper[style*="10000ms"] {
  transition-duration: 1500ms !important;
}

/* Fix slide widths - force them to be proper size instead of 64px */
.elementor-widget-image-carousel .swiper-slide[style*="width: 64px"] {
  width: auto !important;
  min-width: 80px !important;
  max-width: 140px !important;
  flex: 0 0 auto !important;
}

/* Alternative approach - target by settings attribute */
.elementor-widget[data-settings*="slides_to_show"] .swiper-slide {
  width: auto !important;
  min-width: 80px !important;
  flex: 0 0 auto !important;
}

/* FIX OVERFLOW ISSUES */
.elementor-widget-image-carousel .elementor-image-carousel-wrapper {
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Ensure the carousel container has proper overflow handling */
.elementor-widget-image-carousel {
  isolation: isolate !important;
  contain: layout !important;
  overflow: hidden !important;
  width: 100% !important;
}

/* Fix the main container overflow */
.elementor-widget-image-carousel .swiper {
  overflow: hidden !important;
  width: 100% !important;
}

/* Ensure slides have proper spacing and size */
.elementor-widget-image-carousel .swiper-slide {
  width: auto !important;
  min-width: 80px !important;
  max-width: 140px !important;
  margin-right: 40px !important;
  flex-shrink: 0 !important;
}

/* Force recalculation of slide widths */
.elementor-widget-image-carousel .swiper-wrapper {
  display: flex !important;
  align-items: center !important;
}

/* Override any problematic width calculations */
.orange-mask-carousel .swiper-slide {
  width: auto !important;
  min-width: 80px !important;
  max-width: 140px !important;
}

/* Force proper slide dimensions for your specific carousel */
.elementor-element-75af11bb .swiper-slide {
  width: auto !important;
  min-width: 80px !important;
  max-width: 140px !important;
  flex: 0 0 auto !important;
}

/* Additional overflow protection for the parent container */
.elementor-element-75af11bb {
  overflow: hidden !important;
}/* End custom CSS */