/* The three opt-in service heroes reuse their transparent homepage illustrations.
   Existing background, typography and mobile text placement stay untouched. */
.banners-content[data-nbr-service-hero-art="v1"] img.nbr-service-hero-art {
  display: block !important;
  object-fit: contain;
  object-position: center;
  aspect-ratio: 4 / 3;
  border: 0;
  border-radius: 0;
  pointer-events: none;
  /* Lift pale surfaces, deepen fine strokes and separate the silhouette from photography. */
  filter: brightness(1.10) contrast(1.18)
    drop-shadow(0 0 1px rgba(255, 255, 255, 0.95))
    drop-shadow(0 8px 12px rgba(9, 22, 49, 0.70));
}
@media (min-width: 768px) {
  .banners-content[data-nbr-service-hero-art="v1"] .maxwidth-theme > .col-md-6.col-sm-6.hidden-xs.img.nbr-service-hero-art-desktop {
    display: flex !important;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    min-width: 0;
    padding: 24px 16px;
    height: 500px;
  }
  .banners-content[data-nbr-service-hero-art="v1"] .nbr-service-hero-art-desktop > .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
  }
  .banners-content[data-nbr-service-hero-art="v1"] .nbr-service-hero-art-desktop img.nbr-service-hero-art {
    position: static;
    width: 100%;
    max-width: 600px;
    height: auto;
    max-height: 440px;
    margin: auto;
    transform: none;
  }
}
@media (max-width: 767px) {
  .banners-content[data-nbr-service-hero-art="v1"] .nbr-service-hero-art-desktop {
    display: none !important;
  }
  .banners-content[data-nbr-service-hero-art="v1"] .tablet_img img.nbr-service-hero-art {
    position: static;
    display: block !important;
    flex: 0 1 auto;
    width: auto;
    max-width: calc(100% - 32px);
    height: 230px;
    max-height: calc(100% - 24px);
    margin: auto;
    transform: none;
  }
}