.elementor-12682 .elementor-element.elementor-element-779ae46{--display:flex;}.elementor-12682 .elementor-element.elementor-element-214d074{--display:flex;}.elementor-12682 .elementor-element.elementor-element-7098d7c{--e-image-carousel-slides-to-show:7;}.elementor-12682 .elementor-element.elementor-element-7098d7c .elementor-swiper-button.elementor-swiper-button-prev, .elementor-12682 .elementor-element.elementor-element-7098d7c .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}/* Start custom CSS for image-carousel, class: .elementor-element-7098d7c *//* --- Carousel icon boxes styling --- */
.elementor-12682 .elementor-element.elementor-element-7098d7c .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Each icon box */
.elementor-12682 .elementor-element.elementor-element-7098d7c .swiper-slide > * {
  background: #ffffff; /* box color */
  border: 2px solid #e0e0e0; /* border around box */
  border-radius: 12px; /* smooth corners */
  padding: 20px;
  width: 100px; /* adjust size as needed */
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* Hover effect */
.elementor-12682 .elementor-element.elementor-element-7098d7c .swiper-slide > *:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
  border-color: #0073e6; /* accent color */
}/* End custom CSS */