/* ============================================================
   RoboMecs V6.8.1 RevG.2 — About Hero Full-Bleed + Layer Parity
   Scope: /about/ and /ar/about/ only.
   ============================================================ */

html body .rm-about-hero.rm-unified-hero > .solution-hero-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #000047 !important;
}

html body .rm-about-hero.rm-unified-hero > .solution-hero-media picture {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html body .rm-about-hero.rm-unified-hero > .solution-hero-media img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  opacity: 1 !important;
  filter: none !important;
}

html body .rm-about-hero.rm-unified-hero > .container {
  position: relative !important;
  z-index: 2 !important;
}

html body .rm-about-hero.rm-unified-hero .solution-hero-copy {
  position: relative !important;
  z-index: 2 !important;
}

@media (min-width: 761px) {
  html body .rm-about-hero.rm-unified-hero::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    background:
      linear-gradient(
        90deg,
        rgba(0,0,71,.94) 0%,
        rgba(0,0,71,.86) 30%,
        rgba(0,0,71,.66) 53%,
        rgba(0,0,71,.34) 76%,
        rgba(0,0,71,.18) 100%
      ),
      linear-gradient(
        180deg,
        rgba(0,0,36,.18) 0%,
        rgba(0,0,36,.04) 54%,
        rgba(0,0,36,.28) 100%
      ) !important;
  }

  html body .rm-about-hero.rm-unified-hero > .solution-hero-media::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 760px) {
  html body .rm-about-hero.rm-unified-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
  }

  html body .rm-about-hero.rm-unified-hero > .solution-hero-media::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    background:
      linear-gradient(
        180deg,
        rgba(0,0,71,.16) 0%,
        rgba(0,0,71,.24) 30%,
        rgba(0,0,71,.46) 62%,
        rgba(0,0,71,.76) 100%
      ) !important;
  }

  html body .rm-about-hero.rm-unified-hero > .solution-hero-media::before {
    content: none !important;
    display: none !important;
  }
}