/* wrapper provides CSS variables for fixed height */
.mhs-wrap {
  position: relative;
  --mhs-bullet-size: 10px;
  --mhs-bullet-gap: 10px;
}

/* FIXED HEIGHT — values come from inline style:
   --mhs-h-desktop and --mhs-h-mobile set by the widget */
/* .mhs-swiper {
  width: 100%;
  height: var(--mhs-h-desktop);
  overflow: hidden;
} */
@media (max-width: 767px) {
  .mhs-swiper {
    height: var(--mhs-h-mobile);
  }
	.mhs-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--mhs-bullet-gap);
  margin: 28px 0 28px 0;
  position: relative !important; /* prevent absolute offsets */
  bottom: auto !important;
}
}

/* make sure the slide fills the fixed box cleanly on all devices */
.mhs-slide-link,
.mhs-slide-img {
  display: block;
  width: 100%;
  height: 100%;
}
.mhs-slide-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* BULLETS ROW — always AFTER the slider, never overlaid */
.mhs-bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--mhs-bullet-gap);
  margin: 36px 0 36px 0;
  position: relative !important; /* prevent absolute offsets */
  bottom: auto !important;
}
.mhs-bullets .swiper-pagination-bullet {
  width: var(--mhs-bullet-size);
  height: var(--mhs-bullet-size);
  background: #ffffff;
  opacity: .55;
  margin: 0 var(--mhs-bullet-gap);
}
.mhs-bullets .swiper-pagination-bullet-active {
  opacity: 1;
	background: #ffffff;
  box-shadow: 0 0 0 2px rgba(255,255,255,.35) inset;
  border-radius: 9999px;
}

/* WELCOME STRIP — always AFTER bullets */
.mhs-welcome {
  width: 100%;
  padding: 0 20px 36px 20px;
  text-align: center !important;
}
.mhs-welcome-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color:#fff;
  padding:0px 0px 28px 0px;
}
.mhs-welcome-title {
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 8px;
}
.mhs-welcome-sub {
  font-size: clamp(13px, 1.6vw, 18px);
  letter-spacing: 0.02em;
  opacity: 0.95;
  text-transform: uppercase;
}