/* Runtime QA corrections. These rules intentionally stay separate from the core design system. */
[dir="rtl"] .page-hero__veil {
  background: linear-gradient(270deg, rgba(6, 20, 29, .94) 0%, rgba(9, 31, 43, .79) 44%, rgba(9, 28, 39, .32) 75%, rgba(9, 28, 39, .5) 100%), linear-gradient(0deg, rgba(6, 19, 27, .62), transparent 45%);
}

[dir="rtl"] .contact-band__veil {
  background: linear-gradient(270deg, rgba(6, 20, 29, .96), rgba(16, 42, 58, .75), rgba(16, 42, 58, .4));
}

[dir="rtl"] .page-hero__grid,
[dir="rtl"] .not-found__grid {
  mask-image: linear-gradient(270deg, #000, transparent 72%);
}

[dir="rtl"] .language-switcher__menu {
  right: auto;
  left: 0;
}

[dir="rtl"] .industry-row::before {
  right: 0;
  left: auto;
}

[dir="rtl"] .process-detail::before {
  right: 63px;
  left: auto;
}

[dir="rtl"] .status {
  border-right: 4px solid;
  border-left: 0;
}

[dir="rtl"] .next-service svg {
  right: auto;
  left: 25px;
  transform: scaleX(-1);
}

[dir="rtl"] .next-service:hover svg {
  transform: translateX(-4px) scaleX(-1);
}

@media (max-width: 1180px) {
  html:not(.js) .site-header {
    height: auto;
  }

  html:not(.js) .header-shell {
    height: auto;
    min-height: var(--header-height);
    flex-wrap: wrap;
    padding-block: 12px;
  }

  html:not(.js) .site-nav {
    position: static;
    display: grid;
    width: 100%;
    max-height: none;
    padding: 12px 0 18px;
    overflow: visible;
    border-top: 1px solid var(--line);
    box-shadow: none;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  html:not(.js) .menu-toggle {
    display: none;
  }
}

@media (max-width: 620px) {
  [dir="rtl"] .process-detail::before {
    right: 35px;
    left: auto;
  }
}