/* ===== RESET MEDIA CAROUSEL – RESTORE VISIBILITY (NO CROP / NO ZOOM) ===== */

/* Give the MAIN slide a real height */
.elementor-widget-media-carousel .elementor-main-swiper .elementor-carousel-image{
  display:block !important;
  width:100% !important;
  height:520px !important;
  background-size:contain !important;          /* ✅ NO CROPPING */
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color: rgba(0,0,0,0.06) !important; /* optional: fills the empty space */
}

/* Make sure main swiper is visible */
.elementor-widget-media-carousel .elementor-main-swiper{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* SHOW THUMBNAILS again */
.elementor-widget-media-carousel .elementor-thumbnails-swiper{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin-top:12px !important;
}

/* Fix thumbnail size (NO CROP / NO ZOOM) */
.elementor-widget-media-carousel .elementor-thumbnails-swiper .elementor-carousel-image{
  height:90px !important;
  background-size:contain !important;          /* ✅ NO CROPPING */
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color: rgba(0,0,0,0.06) !important; /* optional */
}

/* Prevent anything from hiding the sliders */
.elementor-widget-media-carousel,
.elementor-widget-media-carousel .elementor-widget-container,
.elementor-widget-media-carousel .elementor-swiper{
  overflow:visible !important;
}

/* Fix Icon List divider line overlapping text */
.contact-list .elementor-icon-list-item{
  align-items:flex-start;
  padding:10px 0;
  line-height:1.4;
}

/* Kill Elementor's built-in divider (the one cutting through text) */
.contact-list .elementor-icon-list-item:not(:last-child){
  border:none !important;
}

/* Recreate divider as a true bottom border */
.contact-list .elementor-icon-list-item:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.35) !important;
}

/* Make sure the icon doesn't force weird vertical centering */
.contact-list .elementor-icon-list-icon{
  margin-top:2px;
}

/* Footer dropdown opens upward */
.footer-clip .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu{
  top:auto !important;
  bottom:100% !important;
}