.elementor-344 .elementor-element.elementor-element-24052f0{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-344 .elementor-element.elementor-element-b58f537 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-344 .elementor-element.elementor-element-b58f537 .gallery-item .gallery-caption{display:none;}.elementor-344 .elementor-element.elementor-element-b58f537 .gallery-item{padding:0 10px 10px 0;}.elementor-344 .elementor-element.elementor-element-b58f537 .gallery{margin:0 -10px -10px 0;}@media(min-width:768px){.elementor-344 .elementor-element.elementor-element-24052f0{--content-width:822px;}}/* Start custom CSS for image-gallery, class: .elementor-element-b58f537 *//* Hide unnecessary UI elements (slideshow title, icons, and counter) */
.elementor-slideshow__title, 
.eicon-share-arrow,
.eicon-frame-expand,
.eicon-zoom-in-bold,
.elementor-slideshow__counter {
    display: none;
}

/* Ensure the carousel wrapper has relative positioning so chevrons can be positioned inside */
.elementor-image-carousel-wrapper {
  position: relative; /* Reference for absolute positioning of chevrons */
}

/* Ensure that swiper-slide has relative positioning */
.swiper-slide {
  position: relative; /* This is necessary for absolute positioning of chevrons */
}

/* Chevron button positioning inside the carousel wrapper */
.elementor-swiper-button {
  position: absolute;
  top: 50%;  /* Vertically center */
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  padding: 10px;
  visibility: hidden; /* Initially hide chevrons */
}

/* Chevron icon styling */
.eicon-chevron-right, .eicon-chevron-left, .eicon-close {
    color: rgba(0, 0, 0, 0.75) !important;
    background-color: rgba(255, 255, 255, 0.79) !important;
    padding: 10px;
}

/* Show chevrons when active slide is centered */
.elementor-swiper-button-next,
.elementor-swiper-button-prev {
  visibility: visible; /* Only visible on active slide */
}

/* Lightbox image styling */
img.elementor-lightbox-image {
  background-color: white;
  padding: 15px;
  padding-top: 45px;
  box-sizing: content-box;
  display: block;
}

/* Media Queries */
@media (max-width: 1199px) {
  .elementor-swiper-button {
    padding: 8px; /* Adjust padding for medium screens */
  }
}

@media (max-width: 989px) {
  .elementor-swiper-button {
    padding: 5px; /* Further adjust padding for smaller screens */
  }
}

@media (max-width: 767px) {
  .elementor-swiper-button {
    padding: 3px; /* Minimal padding for very small screens */
  }
}/* End custom CSS */