.elementor-1263 .elementor-element.elementor-element-60876aef{--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;}.elementor-1263 .elementor-element.elementor-element-65b217cd{--e-image-carousel-slides-to-show:7;}.elementor-1263 .elementor-element.elementor-element-65b217cd .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1263 .elementor-element.elementor-element-65b217cd .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:var( --e-global-color-primary );}.elementor-1263 .elementor-element.elementor-element-65b217cd .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1263 .elementor-element.elementor-element-65b217cd .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-1263 .elementor-element.elementor-element-65b217cd .swiper-wrapper{display:flex;align-items:center;}.elementor-1263 .elementor-element.elementor-element-65b217cd .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:35px;right:35px;width:50px;height:50px;z-index:9999;opacity:1;background-color:var( --e-global-color-primary );border-radius:50px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:23px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:23px;height:23px;fill:#ffffff;}@media(max-width:767px){.elementor-1263 .elementor-element.elementor-element-65b217cd{--e-image-carousel-slides-to-show:1;}}/* Start custom CSS for image-carousel, class: .elementor-element-65b217cd *//* ============ Force Elementor Image Carousel arrows to center bottom ============ */

/* Make the widget allow overflow and room for arrows */
.elementor-widget-image-carousel {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 100px !important; /* room for the centered arrows */
}

/* Target the actual Elementor Swiper arrows */
.elementor-widget-image-carousel .elementor-swiper-button {
  position: absolute !important;
  top: auto !important;
  bottom: 18px !important;       /* distance from bottom of widget */
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #f4ebf7 !important;
  box-shadow: 0 5px 10px rgba(0,0,0,0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1000 !important;
  opacity: 1 !important;
}

/* Place them around the center horizontally */
/* Prev = left of center, Next = right of center */
.elementor-widget-image-carousel .elementor-swiper-button-prev {
  left: 50% !important;
  transform: translateX(-72px) !important;  /* move left from center */
}
.elementor-widget-image-carousel .elementor-swiper-button-next {
  left: 50% !important;
  transform: translateX(16px) !important;   /* move right from center */
}

/* Style the svg / icon inside the button */
.elementor-widget-image-carousel .elementor-swiper-button svg,
.elementor-widget-image-carousel .elementor-swiper-button::after {
  color: #7a1fb0 !important;
  width: 20px !important;
  height: 20px !important;
}

.elementor-1263 .elementor-element.elementor-element-65b217cd .swiper-slide {
    margin-right: 8px; /* Gap between images */
    width: calc((100% - 20px) / 5); /* Adjust width to fit 5 images with gaps */
}

.elementor-1263 .elementor-element.elementor-element-65b217cd .swiper-wrapper {
    display: flex; /* Ensure the slides are displayed in a row */
}

.elementor-1263 .elementor-element.elementor-element-65b217cd .swiper-slide-image {
    width: 350px;
    height: 200px;
    object-fit: cover; /* Ensures the image covers the area without distortion */
}/* End custom CSS */