.elementor-16355 .elementor-element.elementor-element-f394d25{--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-16355 .elementor-element.elementor-element-b7c95ff{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--dots-normal-color:#000000;--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-horizontal-offset:0px;--dots-vertical-position:100%;--dots-vertical-transform:-100%;--dots-vertical-offset:0px;}.elementor-16355 .elementor-element.elementor-element-b7c95ff .swiper-slide > .elementor-element{height:100%;}@media(max-width:1366px){.elementor-16355 .elementor-element.elementor-element-b7c95ff{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-16355 .elementor-element.elementor-element-b7c95ff{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-16355 .elementor-element.elementor-element-b7c95ff{--swiper-slides-to-display:1;--swiper-slides-gap:0px;--swiper-pagination-size:5px;--dots-horizontal-position:50%;--dots-horizontal-transform:-50%;--dots-vertical-position:0%;--dots-vertical-transform:0%;--dots-vertical-offset:5px;}.elementor-16355 .elementor-element.elementor-element-b7c95ff .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;}}/* Start custom CSS for container, class: .elementor-element-f394d25 *//* Apply styles to the carousel container */
.elementor-widget-carousel .swiper-container {
  overflow: visible; /* Allow peeking */
}

/* Create the peek effect for next/previous slides */
.elementor-widget-carousel .swiper-slide {
  margin-left: -10%; /* Shift the slides left so the next and previous ones are visible */
  margin-right: -10%; /* Shift the slides right */
}

/* Control the number of slides visible */
.elementor-widget-carousel .swiper-wrapper {
  display: flex;
  justify-content: center;
}

/* Optional: Add some padding around the carousel to avoid cutting off content */
.elementor-widget-carousel {
  padding-left: 20px;
  padding-right: 20px;
}

/* Styling for the navigation arrows */
.elementor-widget-carousel .swiper-button-next,
.elementor-widget-carousel .swiper-button-prev {
  z-index: 10;
}/* End custom CSS */