.elementor-34739 .elementor-element.elementor-element-532622e5{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34739 .elementor-element.elementor-element-24d87b60{--e-image-carousel-slides-to-show:4;}.elementor-34739 .elementor-element.elementor-element-24d87b60 .swiper-wrapper{display:flex;align-items:center;}/* Start custom CSS for image-carousel, class: .elementor-element-24d87b60 *//* ============ Image Carousel (uniform-caro) ============ */
/* Tweak these */
.elementor-widget-image-carousel.uniform-caro {
  --slide-h: 600px;   /* uniform image height */
  --gap: 40px;        /* space between slides */
  --dur: 40s;         /* fallback duration if JS not setting --rb-dur */
}

/* container safety */
.elementor-widget-image-carousel.uniform-caro .swiper,
.elementor-widget-image-carousel.uniform-caro .swiper-container {
  overflow: hidden;
}

/* center slides vertically */
.elementor-widget-image-carousel.uniform-caro 
.elementor-image-carousel-wrapper 
.swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

/* variable-width slides with consistent gap */
.elementor-widget-image-carousel.uniform-caro 
.elementor-image-carousel-wrapper 
.swiper-slide {
  width: auto !important;
  display: flex;
  align-items: center;
  margin-right: var(--gap) !important;
}

/* uniform image height, preserved aspect ratio */
.elementor-widget-image-carousel.uniform-caro 
.elementor-image-carousel-wrapper 
.swiper-slide img {
  height: var(--slide-h) !important;
  width: auto !important;
  object-fit: contain;
  display: block;
  image-rendering: auto;
}

/* ---------- PURE MARQUEE TRACK (used when JS duplicates slides) ---------- */
.elementor-widget-image-carousel.uniform-caro 
.swiper-wrapper.rb-marquee-track {
  animation: rb-marquee var(--rb-dur, var(--dur)) linear infinite;
  will-change: transform;
}

.elementor-widget-image-carousel.uniform-caro:hover 
.swiper-wrapper.rb-marquee-track {
  animation-play-state: paused; /* optional pause on hover */
}

@keyframes rb-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--rb-to, -100%), 0, 0); } /* JS sets exact px */
}

/* ---------- Responsive heights ---------- */
@media (max-width: 1024px) {
  .elementor-widget-image-carousel.uniform-caro {
    --slide-h: 600px;
  }
}

@media (max-width: 767px) {
  .elementor-widget-image-carousel.uniform-caro {
    --slide-h: 500px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-532622e5 */html, body {
  overflow-x: hidden;
  width: 100%;
}/* End custom CSS */