/* Banner v11: preserve the source artwork exactly and expose its baked CTA as a real control. */
.services-page .services-hero.services-image-banner .services-image-banner-art {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  z-index: 0 !important;
}

.services-page .services-hero.services-image-banner::before,
.services-page .services-hero.services-image-banner::after,
.services-page .services-image-banner-copy {
  display: none !important;
}

.services-image-banner-hotspot {
  position: absolute !important;
  top: 70% !important;
  left: 7.2% !important;
  z-index: 4 !important;
  width: 15% !important;
  height: 10% !important;
  min-width: 140px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  cursor: pointer !important;
}

.services-image-banner-hotspot:focus-visible {
  outline: 3px solid rgb(20 118 232 / 80%) !important;
  outline-offset: 5px !important;
}

@media (max-width: 900px) {
  .services-image-banner-hotspot {
    top: 69% !important;
    left: 6vw !important;
    width: 160px !important;
    height: 58px !important;
  }
}

@media (max-width: 620px) {
  .services-image-banner-hotspot {
    top: 68% !important;
    left: 6vw !important;
    width: 142px !important;
    height: 52px !important;
  }
}
