/* Norsafe Hero Video Only v1.0.0
   Does one thing: makes the existing .nsf-hero use the supplied MP4 as a background.
   No page content edits. No layout rebuild. */

.nsf-hero {
  position: relative !important;
  overflow: hidden !important;
  background-image: none !important;
  background-color: #091125 !important;
}

.nsf-hero .nsf-hero-video-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  pointer-events: none !important;
}

.nsf-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(9, 17, 37, 0.72), rgba(9, 17, 37, 0.34) 48%, rgba(9, 17, 37, 0.58)),
    linear-gradient(180deg, rgba(9, 17, 37, 0.18), rgba(9, 17, 37, 0.52)) !important;
  pointer-events: none !important;
}

.nsf-hero > *:not(.nsf-hero-video-bg) {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 760px) {
  .nsf-hero .nsf-hero-video-bg {
    object-position: center center !important;
  }
}