.adelmann-hero-slider {
  position: relative;
  width: 100%;
  min-height: var(--ahts-height, 800px);
  overflow: hidden;
  background: #ffffff;
}

.adelmann-hero-slider__slides {
  position: relative;
  width: 100%;
  min-height: inherit;
}

.adelmann-hero-slider__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  transition:
    opacity var(--ahts-fade-duration, 900ms) ease,
    visibility var(--ahts-fade-duration, 900ms) ease;
}

.adelmann-hero-slider__slide:first-child {
  position: relative;
}

.adelmann-hero-slider__slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

.adelmann-hero-slider__dots {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 10;
  display: flex;
  gap: 10px;
  transform: translateX(-50%);
}

.adelmann-hero-slider__dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid rgba(13, 56, 129, 0.55);
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: background-color 200ms ease, transform 200ms ease;
}

.adelmann-hero-slider__dot.is-active {
  background: #0D3881;
  transform: scale(1.15);
}

.adelmann-hero-slider-error {
  padding: 16px;
  background: #fff3cd;
  color: #664d03;
  border: 1px solid #ffecb5;
}

@media (max-width: 1024px) {
  .adelmann-hero-slider {
    min-height: var(--ahts-tablet-height, 680px);
  }
}

@media (max-width: 767px) {
  .adelmann-hero-slider {
    min-height: var(--ahts-mobile-height, auto);
  }

  .adelmann-hero-slider__slides {
    min-height: var(--ahts-mobile-height, auto);
  }

  .adelmann-hero-slider__slide,
  .adelmann-hero-slider__slide:first-child {
    position: relative;
    display: none;
    min-height: var(--ahts-mobile-height, auto);
  }

  .adelmann-hero-slider__slide.is-active {
    display: block;
  }

  .adelmann-hero-slider__dots {
    bottom: 14px;
  }
}
