.elementor-3895 .elementor-element.elementor-element-8ee52a0{--display:flex;--min-height:500px;}.elementor-3895 .elementor-element.elementor-element-04b444e .acfslider-bg-image{background-position:center center;}.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-slide{height:400px;}.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;width:15px;height:15px;background-color:var( --e-global-color-accent );}.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-pagination{bottom:6%;}.elementor-3895 .elementor-element.elementor-element-8827a8d{--display:flex;}.elementor-3895 .elementor-element.elementor-element-bee7a16{color:var( --e-global-color-accent );}.elementor-3895 .elementor-element.elementor-element-bee7a16 a{color:var( --e-global-color-accent );}.elementor-3895 .elementor-element.elementor-element-b913d17{--display:flex;}@media(max-width:767px){.elementor-3895 .elementor-element.elementor-element-8ee52a0{--min-height:250px;}}@media(min-width:768px){.elementor-3895 .elementor-element.elementor-element-8ee52a0{--content-width:100%;}}/* Start custom CSS for dyncontel-acfslider, class: .elementor-element-04b444e *//* === Stable fixed-height ACF Slider (Elementor/Dynamic.ooo) === */

/* 1) Set your desired height once, then reuse it */
.elementor-3895 .elementor-element.elementor-element-04b444e { 
  --slide-h: 500px;            /* desktop */
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 2) Mobile height */
@media (max-width: 768px) {
  .elementor-3895 .elementor-element.elementor-element-04b444e { --slide-h: 250px; }
}

/* 3) Give the same fixed height to every layer Swiper/ACF uses */
.elementor-3895 .elementor-element.elementor-element-04b444e,
.elementor-3895 .elementor-element.elementor-element-04b444e .swiper,
.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-wrapper,
.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-slide,
.elementor-3895 .elementor-element.elementor-element-04b444e .hero-gallery,
.elementor-3895 .elementor-element.elementor-element-04b444e .dynamic-acf-image {
  height: var(--slide-h) !important;
  min-height: var(--slide-h) !important;
}

/* 4) Make slides stretch, not auto-size */
.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-wrapper {
  align-items: stretch !important;
}

/* 5) Ensure the immediate content inside each slide also fills the height */
.elementor-3895 .elementor-element.elementor-element-04b444e .swiper-slide > * {
  height: 100% !important;
}

/* 6) Image behavior: fill the box, no unexpected caps */
.elementor-3895 .elementor-element.elementor-element-04b444e img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important; /* defeats Elementor max-height rules */
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* (Optional) If your slider uses internal masks/wraps, keep them full height */
.elementor-3895 .elementor-element.elementor-element-04b444e .hero-gallery .mask,
.elementor-3895 .elementor-element.elementor-element-04b444e .hero-gallery .wrap-filters {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}/* End custom CSS */