/* HADI Mirka Turnkey Experience 1.0.0 */

body.hadi-mt-page {
  --hadi-mt-blue-900: #063f73;
  --hadi-mt-blue-800: #06508f;
  --hadi-mt-blue-700: #0967ad;
  --hadi-mt-blue-600: #178bd4;
  --hadi-mt-blue-400: #44a7e5;
  --hadi-mt-ink: #101112;
  --hadi-mt-copy: #3d4650;
  --hadi-mt-muted: #66717c;
  --hadi-mt-line: rgba(6, 80, 143, 0.14);
  --hadi-mt-line-strong: rgba(6, 80, 143, 0.24);
  --hadi-mt-soft: #f5f8fa;
  --hadi-mt-soft-blue: #eef6fb;
  --hadi-mt-white: #fff;
  --hadi-mt-radius: 24px;
  --hadi-mt-radius-small: 14px;
  overflow-x: clip;
}

body.hadi-mt-page :is(.elementor-location-header, #masthead, header.site-header, .site-header) {
  z-index: 10000 !important;
  isolation: isolate;
}

body.hadi-mt-page .hadi-mt-stage {
  position: relative;
  z-index: 0;
  width: 100%;
  overflow: clip;
  background: var(--hadi-mt-white);
  outline: none;
  isolation: isolate;
}

body.hadi-mt-page .hadi-mt {
  width: 100%;
  margin: 0;
  color: var(--hadi-mt-ink);
  background: var(--hadi-mt-white);
  font-family: inherit;
  font-size: clamp(16px, 1.15vw, 19px);
  line-height: 1.72;
  text-align: start;
}

body.hadi-mt-page .hadi-mt[lang="he"],
body.hadi-mt-page .hadi-mt[dir="rtl"] {
  font-family: "Noto Sans Hebrew", "noto sans hebrew", Arial, sans-serif;
}

body.hadi-mt-page .hadi-mt *,
body.hadi-mt-page .hadi-mt *::before,
body.hadi-mt-page .hadi-mt *::after {
  box-sizing: border-box;
}

body.hadi-mt-page .hadi-mt :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote) {
  margin-block-start: 0;
}

body.hadi-mt-page .hadi-mt :where(h1, h2, h3, h4) {
  color: var(--hadi-mt-ink);
  font-family: inherit;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.08;
  text-wrap: balance;
}

body.hadi-mt-page .hadi-mt :where(p, li) {
  color: var(--hadi-mt-copy);
}

body.hadi-mt-page .hadi-mt :where(a) {
  color: inherit;
}

body.hadi-mt-page .hadi-mt :where(img, video, iframe) {
  display: block;
  max-width: 100%;
}

body.hadi-mt-page .hadi-mt :where(button, input, select, textarea) {
  font: inherit;
}

body.hadi-mt-page .hadi-mt :where([id]) {
  scroll-margin-top: calc(var(--hadi-mt-anchor-top, 0px) + 88px);
}

body.hadi-mt-page .hadi-mt__container {
  width: min(1320px, calc(100% - 56px));
  margin-inline: auto;
}

body.hadi-mt-page .hadi-mt__container--narrow {
  width: min(920px, calc(100% - 56px));
  margin-inline: auto;
}

body.hadi-mt-page .hadi-mt__content {
  width: 100%;
}

body.hadi-mt-page .hadi-mt__fallback-head {
  padding-block: 92px 54px;
  background: var(--hadi-mt-soft);
  border-block-end: 1px solid var(--hadi-mt-line);
}

body.hadi-mt-page .hadi-mt__fallback-head h1 {
  max-width: 920px;
  margin: 0;
  font-size: clamp(42px, 6vw, 80px);
}

body.hadi-mt-page .hadi-mt__eyebrow,
body.hadi-mt-page .hadi-mt__kicker,
body.hadi-mt-page .hadi-mt__section-label {
  margin-block-end: 15px;
  color: var(--hadi-mt-blue-800);
  font-size: clamp(15px, 0.95vw, 18px);
  font-weight: 800;
  letter-spacing: 0.11em;
  line-height: 1.42;
  text-transform: uppercase;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] :where(.hadi-mt__eyebrow, .hadi-mt__kicker, .hadi-mt__section-label) {
  letter-spacing: 0.03em;
  font-size: clamp(16px, 1vw, 19px);
  text-transform: none;
}

body.hadi-mt-page .hadi-mt__hero {
  position: relative;
  min-height: min(780px, calc(100svh - 88px));
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  background:
    radial-gradient(circle at 11% 18%, rgba(68, 167, 229, 0.18), transparent 31%),
    linear-gradient(132deg, #031d34 0%, #064a81 58%, #0b6eb5 100%);
  color: var(--hadi-mt-white);
  overflow: hidden;
}

body.hadi-mt-page .hadi-mt__hero::after {
  content: "";
  position: absolute;
  inset: auto 4% 7% auto;
  width: min(34vw, 480px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__hero::after {
  inset-inline: 4% auto;
}

body.hadi-mt-page .hadi-mt__hero-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(68px, 8vw, 126px) clamp(34px, 7vw, 112px);
}

body.hadi-mt-page .hadi-mt__hero-copy :where(h1, p) {
  color: inherit;
}

body.hadi-mt-page .hadi-mt__hero-copy h1 {
  max-width: 770px;
  margin-block-end: 25px;
  font-size: clamp(48px, 6.2vw, 92px);
  letter-spacing: -0.045em;
}

body.hadi-mt-page .hadi-mt__hero-copy .hadi-mt__lead {
  max-width: 700px;
  margin-block-end: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.63;
}

body.hadi-mt-page .hadi-mt__hero-copy .hadi-mt__kicker {
  color: #8bd0f7;
}

body.hadi-mt-page .hadi-mt__hero-media {
  position: relative;
  align-self: stretch;
  height: auto;
  min-height: 500px;
  margin: 0;
  overflow: hidden;
}

body.hadi-mt-page .hadi-mt__hero-media::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(3, 29, 52, 0.58), transparent 36%);
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__hero-media::before {
  background: linear-gradient(270deg, rgba(3, 29, 52, 0.58), transparent 36%);
}

body.hadi-mt-page .hadi-mt__hero-media img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

body.hadi-mt-page .hadi-mt__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-block-start: 34px;
}

body.hadi-mt-page .hadi-mt__button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--hadi-mt-white);
  background: var(--hadi-mt-blue-800);
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.hadi-mt-page .hadi-mt__button:hover {
  color: var(--hadi-mt-white);
  background: var(--hadi-mt-blue-700);
  transform: translateY(-2px);
}

body.hadi-mt-page .hadi-mt__button--light {
  color: var(--hadi-mt-blue-900);
  background: var(--hadi-mt-white);
}

body.hadi-mt-page .hadi-mt__button--light:hover {
  color: var(--hadi-mt-blue-900);
  background: #eaf5fb;
}

body.hadi-mt-page .hadi-mt__button--outline {
  color: var(--hadi-mt-blue-800);
  background: transparent;
  border-color: var(--hadi-mt-line-strong);
}

body.hadi-mt-page .hadi-mt__button--outline:hover {
  color: var(--hadi-mt-blue-900);
  background: var(--hadi-mt-soft-blue);
  border-color: rgba(6, 80, 143, 0.36);
}

body.hadi-mt-page .hadi-mt__hero .hadi-mt__button--outline {
  color: var(--hadi-mt-white);
  border-color: rgba(255, 255, 255, 0.4);
}

body.hadi-mt-page .hadi-mt__hero .hadi-mt__button--outline:hover {
  color: var(--hadi-mt-white);
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.64);
}

body.hadi-mt-page .hadi-mt__button:focus-visible,
body.hadi-mt-page .hadi-mt :where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--hadi-mt-blue-400);
  outline-offset: 4px;
}

/* The button component declares its own display mode, so the browser's weak
   [hidden] default can be overridden. Keep disclosure state authoritative. */
body.hadi-mt-page .hadi-mt [data-disclosure-item][hidden],
body.hadi-mt-page .hadi-mt [data-disclosure-trigger][hidden] {
  display: none !important;
}

body.hadi-mt-page .hadi-mt__anchor-nav {
  position: relative;
  z-index: 5;
  background: var(--hadi-mt-white);
  border-block-end: 1px solid var(--hadi-mt-line);
}

body.hadi-mt-page--main .hadi-mt__anchor-nav {
  position: sticky;
  top: var(--hadi-mt-anchor-top, 0px);
  z-index: 9000;
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.96);
}

body.hadi-mt-page .hadi-mt__anchor-nav-list {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: safe center;
  gap: 8px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

body.hadi-mt-page .hadi-mt__anchor-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 9px;
  color: #34404a;
  font-size: 0.84rem;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
  transition: color 160ms ease, background-color 160ms ease;
}

body.hadi-mt-page .hadi-mt__anchor-nav a:hover,
body.hadi-mt-page .hadi-mt__anchor-nav a[aria-current="true"] {
  color: var(--hadi-mt-blue-800);
  background: var(--hadi-mt-soft-blue);
}

body.hadi-mt-page .hadi-mt__section {
  position: relative;
  padding-block: clamp(76px, 8.5vw, 132px);
}

body.hadi-mt-page .hadi-mt__section--soft {
  background: var(--hadi-mt-soft);
}

body.hadi-mt-page .hadi-mt__section--blue-soft {
  background: var(--hadi-mt-soft-blue);
}

body.hadi-mt-page .hadi-mt__section--dark {
  color: var(--hadi-mt-white);
  background: var(--hadi-mt-blue-900);
}

body.hadi-mt-page .hadi-mt__section--dark :where(h2, h3, p, li) {
  color: inherit;
}

body.hadi-mt-page .hadi-mt__section-head {
  max-width: 880px;
  margin-block-end: clamp(36px, 5vw, 64px);
}

body.hadi-mt-page .hadi-mt__section-head--center {
  margin-inline: auto;
  text-align: center;
}

body.hadi-mt-page .hadi-mt__section-head h2 {
  margin-block-end: 18px;
  font-size: clamp(38px, 4.9vw, 66px);
}

body.hadi-mt-page .hadi-mt__section-head p {
  max-width: 780px;
  margin-block-end: 0;
  font-size: clamp(17px, 1.4vw, 21px);
}

body.hadi-mt-page .hadi-mt__section-head--center p {
  margin-inline: auto;
}

body.hadi-mt-page .hadi-mt__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(42px, 7vw, 106px);
}

body.hadi-mt-page .hadi-mt__split--top {
  align-items: start;
}

body.hadi-mt-page .hadi-mt__split-copy h2 {
  margin-block-end: 22px;
  font-size: clamp(38px, 4.2vw, 62px);
}

body.hadi-mt-page .hadi-mt__split-copy h3 {
  margin-block: 30px 13px;
  font-size: clamp(24px, 2.3vw, 34px);
}

body.hadi-mt-page .hadi-mt__split-copy > :last-child {
  margin-block-end: 0;
}

body.hadi-mt-page .hadi-mt__media-frame {
  position: relative;
  overflow: hidden;
  border-radius: var(--hadi-mt-radius);
  background: #e8eef2;
}

body.hadi-mt-page .hadi-mt__media-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(6, 80, 143, 0.1);
  border-radius: inherit;
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt__media-frame img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

body.hadi-mt-page .hadi-mt__media-frame--contain img {
  padding: clamp(20px, 4vw, 60px);
  object-fit: contain;
}

body.hadi-mt-page .hadi-mt__application-grid,
body.hadi-mt-page .hadi-mt__related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

body.hadi-mt-page .hadi-mt__application-card,
body.hadi-mt-page .hadi-mt__related-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius-small);
  background: var(--hadi-mt-white);
  transition: border-color 180ms ease, transform 180ms ease, background-color 180ms ease;
}

body.hadi-mt-page .hadi-mt__application-card a,
body.hadi-mt-page .hadi-mt__related-card a {
  display: block;
  height: 100%;
  color: var(--hadi-mt-ink);
  text-decoration: none;
}

body.hadi-mt-page .hadi-mt__application-card figure,
body.hadi-mt-page .hadi-mt__related-card figure {
  margin: 0;
  overflow: hidden;
  background: #eaf0f3;
}

body.hadi-mt-page :is(.hadi-mt__application-card, .hadi-mt__related-card) > a > p:empty,
body.hadi-mt-page :is(.hadi-mt__application-card, .hadi-mt__related-card) > p:empty {
  display: none;
}

body.hadi-mt-page .hadi-mt__application-card img,
body.hadi-mt-page .hadi-mt__related-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 420ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

body.hadi-mt-page .hadi-mt__application-card h3,
body.hadi-mt-page .hadi-mt__related-card h3 {
  margin: 0;
  padding: 22px 22px 25px;
  font-size: clamp(20px, 1.55vw, 25px);
  line-height: 1.25;
}

body.hadi-mt-page .hadi-mt__application-card:hover img,
body.hadi-mt-page .hadi-mt__related-card:hover img {
  transform: scale(1.035);
}

body.hadi-mt-page .hadi-mt__application-card:hover,
body.hadi-mt-page .hadi-mt__related-card:hover {
  border-color: rgba(6, 80, 143, 0.34);
  background: #fbfdfe;
  transform: translateY(-3px);
}

body.hadi-mt-page .hadi-mt__application-card:hover h3,
body.hadi-mt-page .hadi-mt__related-card:hover h3 {
  color: var(--hadi-mt-blue-800);
}

body.hadi-mt-page .hadi-mt__series-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--hadi-mt-line);
}

body.hadi-mt-page .hadi-mt__series-card {
  min-width: 0;
  padding: clamp(24px, 3vw, 42px);
  border-inline-end: 1px solid var(--hadi-mt-line);
}

body.hadi-mt-page .hadi-mt__series-card:last-child {
  border-inline-end: 0;
}

body.hadi-mt-page .hadi-mt__series-card figure {
  min-height: 360px;
  display: grid;
  place-items: center;
  margin: 0 0 30px;
}

body.hadi-mt-page .hadi-mt__series-card img {
  width: 100%;
  height: 340px;
  object-fit: contain;
}

body.hadi-mt-page .hadi-mt__series-card h3 {
  margin-block-end: 10px;
  font-size: clamp(26px, 2.4vw, 38px);
}

body.hadi-mt-page .hadi-mt__series-card p {
  min-height: 3.45em;
}

body.hadi-mt-page .hadi-mt__table-wrap {
  position: relative;
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius-small);
  background: var(--hadi-mt-white);
  -webkit-overflow-scrolling: touch;
}

body.hadi-mt-page .hadi-mt__table-wrap table {
  width: 100%;
  min-width: 920px;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--hadi-mt-copy);
  background: transparent;
}

body.hadi-mt-page .hadi-mt__table-wrap :where(th, td) {
  padding: 17px 19px;
  border: 0;
  border-inline-end: 1px solid var(--hadi-mt-line);
  border-block-end: 1px solid var(--hadi-mt-line);
  text-align: center;
  vertical-align: middle;
}

body.hadi-mt-page .hadi-mt__table-wrap tr:last-child td,
body.hadi-mt-page .hadi-mt__table-wrap tr:last-child th {
  border-block-end: 0;
}

body.hadi-mt-page .hadi-mt__table-wrap :where(th, td):last-child {
  border-inline-end: 0;
}

body.hadi-mt-page .hadi-mt__table-wrap thead th {
  color: var(--hadi-mt-white);
  background: var(--hadi-mt-blue-800);
  font-weight: 750;
}

body.hadi-mt-page .hadi-mt__table-wrap tbody th {
  color: var(--hadi-mt-ink);
  background: #f0f6fa;
  font-weight: 700;
  text-align: start;
}

body.hadi-mt-page .hadi-mt__table-note {
  margin-block-start: 14px;
  color: var(--hadi-mt-muted);
  font-size: 0.82rem;
}

body.hadi-mt-page .hadi-mt__feature-grid,
body.hadi-mt-page .hadi-mt__service-grid,
body.hadi-mt-page .hadi-mt__product-grid,
body.hadi-mt-page .hadi-mt__download-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.hadi-mt-page .hadi-mt__feature-card,
body.hadi-mt-page .hadi-mt__service-card,
body.hadi-mt-page .hadi-mt__product-card,
body.hadi-mt-page .hadi-mt__download-card {
  min-width: 0;
  padding: clamp(26px, 3vw, 40px);
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius-small);
  background: var(--hadi-mt-white);
}

body.hadi-mt-page #services {
  border-block: 1px solid rgba(16, 17, 18, 0.06);
  background: #f3f5f6;
}

body.hadi-mt-page #services .hadi-mt__section-head {
  max-width: 920px;
  margin-block-end: clamp(36px, 5vw, 54px);
}

body.hadi-mt-page #services .hadi-mt__service-list {
  max-width: 980px;
  padding: 0;
  margin: 0;
  border-block-start: 1px solid rgba(7, 79, 132, 0.16);
  counter-reset: hadi-mt-service;
  list-style: none;
}

body.hadi-mt-page #services .hadi-mt__service-item {
  min-width: 0;
  min-height: 76px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 2.2vw, 28px);
  padding: 14px 4px;
  border: 0;
  border-block-end: 1px solid rgba(7, 79, 132, 0.16);
  border-radius: 0;
  background: transparent;
  counter-increment: hadi-mt-service;
}

body.hadi-mt-page #services .hadi-mt__service-item::before {
  content: counter(hadi-mt-service, decimal-leading-zero);
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline-end: 14px;
  border-inline-end: 2px solid rgba(0, 119, 190, 0.48);
  color: var(--hadi-mt-blue-700);
  font-size: 0.76rem;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  letter-spacing: 0.1em;
}

body.hadi-mt-page #services .hadi-mt__service-item h3 {
  margin: 0;
  color: var(--hadi-mt-ink);
  font-size: clamp(18px, 1.35vw, 21px);
  font-weight: 700;
  line-height: 1.35;
}

body.hadi-mt-page .hadi-mt__feature-card h3,
body.hadi-mt-page .hadi-mt__service-card h3,
body.hadi-mt-page .hadi-mt__product-card h3,
body.hadi-mt-page .hadi-mt__download-card h3 {
  margin-block-end: 13px;
  font-size: clamp(23px, 2vw, 30px);
}

body.hadi-mt-page .hadi-mt__feature-card > :last-child,
body.hadi-mt-page .hadi-mt__service-card > :last-child,
body.hadi-mt-page .hadi-mt__product-card > :last-child,
body.hadi-mt-page .hadi-mt__download-card > :last-child {
  margin-block-end: 0;
}

body.hadi-mt-page .hadi-mt__technical-index {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  margin-block-end: 26px;
  border: 1px solid var(--hadi-mt-line-strong);
  border-radius: 50%;
  color: var(--hadi-mt-blue-800);
  background: var(--hadi-mt-soft-blue);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.hadi-mt-page .hadi-mt__product-card .hadi-mt__product-media {
  min-height: 180px;
  display: grid;
  place-items: center;
  margin: 0 0 22px;
}

body.hadi-mt-page .hadi-mt__product-card img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}

body.hadi-mt-page .hadi-mt__product-card a:not(.hadi-mt__button) {
  color: var(--hadi-mt-blue-800);
  font-weight: 700;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

body.hadi-mt-page .hadi-mt__text-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 8px;
  color: var(--hadi-mt-blue-800);
  background: var(--hadi-mt-soft-blue);
  font-size: 0.86rem;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none !important;
  transition: color 160ms ease, background-color 160ms ease;
}

body.hadi-mt-page .hadi-mt__text-link:hover {
  color: var(--hadi-mt-blue-900);
  background: #deeff9;
}

body.hadi-mt-page .hadi-mt__unit {
  display: inline-block;
  direction: ltr;
  color: inherit;
  font-size: 0.88em;
  font-weight: inherit;
  opacity: 0.82;
  unicode-bidi: isolate;
  white-space: nowrap;
}

body.hadi-mt-page .hadi-mt__video {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--hadi-mt-radius);
  background: #041a2c;
}

body.hadi-mt-page .hadi-mt__video-trigger {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  color: var(--hadi-mt-white);
  background: #041a2c;
  cursor: pointer;
}

body.hadi-mt-page .hadi-mt__video-trigger::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 20, 35, 0.58));
}

body.hadi-mt-page .hadi-mt__video-trigger img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
  transition: opacity 200ms ease, transform 420ms ease;
}

body.hadi-mt-page .hadi-mt__video-trigger:hover img {
  opacity: 0.96;
  transform: scale(1.015);
}

body.hadi-mt-page .hadi-mt__video-play {
  position: absolute;
  z-index: 2;
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 50%;
  background: rgba(6, 80, 143, 0.86);
}

body.hadi-mt-page .hadi-mt__video-play::before {
  content: "";
  width: 0;
  height: 0;
  margin-inline-start: 5px;
  border-block: 11px solid transparent;
  border-inline-start: 18px solid var(--hadi-mt-white);
}

body.hadi-mt-page .hadi-mt__video-label {
  position: absolute;
  z-index: 2;
  inset: auto 30px 26px;
  color: var(--hadi-mt-white);
  font-weight: 700;
  text-align: start;
}

body.hadi-mt-page .hadi-mt__video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

body.hadi-mt-page .hadi-mt__hotspot-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  align-items: stretch;
  gap: 22px;
}

body.hadi-mt-page .hadi-mt__hotspot-stage {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  border-radius: var(--hadi-mt-radius);
  background: #e8eff3;
}

body.hadi-mt-page .hadi-mt__hotspot-nav {
  position: absolute;
  z-index: 4;
  display: flex;
  width: max-content;
  inset-block-end: clamp(22px, 3vw, 34px);
  right: clamp(22px, 3vw, 34px);
  left: auto;
  gap: 8px;
  direction: ltr;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__hotspot-nav {
  right: auto;
  left: clamp(22px, 3vw, 34px);
}

body.hadi-mt-page .hadi-mt__hotspot-nav-button {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(6, 80, 143, 0.26);
  border-radius: 50%;
  color: var(--hadi-mt-blue-800);
  background: #f1f7fb;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body.hadi-mt-page .hadi-mt__hotspot-nav-button::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 0;
  background: currentColor;
  -webkit-mask: url("hadi-direction-arrow.svg") center / contain no-repeat;
  mask: url("hadi-direction-arrow.svg") center / contain no-repeat;
  transform: rotate(90deg);
}

body.hadi-mt-page .hadi-mt__hotspot-nav-button--next::before {
  transform: rotate(-90deg);
}

body.hadi-mt-page .hadi-mt__hotspot-nav-button:focus-visible {
  outline: 3px solid rgba(0, 119, 190, 0.3);
  outline-offset: 3px;
}

body.hadi-mt-page .hadi-mt__hotspot-stage > img {
  width: 100%;
  height: 100%;
  min-height: 460px;
  object-fit: cover;
}

body.hadi-mt-page .hadi-mt__hotspot-trigger {
  position: absolute;
  z-index: 2;
  top: var(--y, 50%);
  left: var(--x, 50%);
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 2px solid var(--hadi-mt-white);
  border-radius: 50%;
  color: var(--hadi-mt-white);
  background: var(--hadi-mt-blue-800);
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: background-color 160ms ease, transform 160ms ease;
}

body.hadi-mt-page .hadi-mt__hotspot-trigger:hover,
body.hadi-mt-page .hadi-mt__hotspot-trigger[aria-expanded="true"] {
  background: var(--hadi-mt-blue-600);
  transform: translate(-50%, -50%) scale(1.12);
}

body.hadi-mt-page .hadi-mt__hotspot-panels {
  position: relative;
  display: flex;
  min-height: 100%;
}

body.hadi-mt-page .hadi-mt__hotspot-panel {
  width: 100%;
  min-height: 100%;
  padding: clamp(30px, 4vw, 54px);
  padding-block-end: calc(clamp(30px, 4vw, 54px) + 66px);
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius);
  background: var(--hadi-mt-white);
}

body.hadi-mt-page .hadi-mt__hotspot-panel[hidden] {
  display: none;
}

body.hadi-mt-page .hadi-mt__hotspot-panel h3 {
  margin-block-end: 16px;
  font-size: clamp(27px, 2.6vw, 40px);
}

body.hadi-mt-page .hadi-mt__hotspot-panel > :last-child {
  margin-block-end: 0;
}

body.hadi-mt-page .hadi-mt__hotspot-count {
  margin-block-end: 24px;
  color: var(--hadi-mt-blue-800);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

body.hadi-mt-page .hadi-mt__faq {
  display: grid;
  gap: 10px;
}

body.hadi-mt-page .hadi-mt__faq-item {
  position: relative;
  overflow: hidden;
  padding-inline: clamp(18px, 2.5vw, 34px);
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius-small);
  background: var(--hadi-mt-white);
  transition: border-color 180ms ease, background-color 180ms ease;
}

body.hadi-mt-page .hadi-mt__faq-item::before {
  content: "";
  position: absolute;
  inset-block: 20px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--hadi-mt-blue-600);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 180ms ease;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__faq-item::before {
  border-radius: 3px 0 0 3px;
}

body.hadi-mt-page .hadi-mt__faq-item.is-open {
  border-color: rgba(6, 80, 143, 0.34);
  background: #f4f9fc;
}

body.hadi-mt-page .hadi-mt__faq-item.is-open::before {
  transform: scaleY(1);
}

body.hadi-mt-page .hadi-mt__faq-item > h3 {
  margin: 0;
  font: inherit;
}

body.hadi-mt-page .hadi-mt__faq-trigger {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 20px;
  padding: 25px 0;
  border: 0 !important;
  color: var(--hadi-mt-ink) !important;
  background: transparent !important;
  font-size: clamp(19px, 1.7vw, 25px);
  font-weight: 700;
  text-align: start;
  cursor: pointer;
  transition: color 160ms ease;
}

body.hadi-mt-page .hadi-mt__faq-trigger[aria-expanded="true"] {
  color: var(--hadi-mt-ink) !important;
}

body.hadi-mt-page .hadi-mt__faq-trigger:focus-visible {
  outline: 3px solid rgba(0, 119, 190, 0.28);
  outline-offset: 4px;
  border-radius: 4px;
}

body.hadi-mt-page .hadi-mt__faq-icon {
  position: relative;
  width: 38px;
  height: 38px;
  border: 1px solid var(--hadi-mt-line-strong);
  border-radius: 50%;
  background: var(--hadi-mt-white);
  transition: border-color 160ms ease, background-color 160ms ease;
}

body.hadi-mt-page .hadi-mt__faq-icon::before,
body.hadi-mt-page .hadi-mt__faq-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1px;
  background: var(--hadi-mt-blue-800);
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

body.hadi-mt-page .hadi-mt__faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

body.hadi-mt-page .hadi-mt__faq-trigger[aria-expanded="true"] .hadi-mt__faq-icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

body.hadi-mt-page .hadi-mt__faq-trigger[aria-expanded="true"] .hadi-mt__faq-icon {
  border-color: rgba(0, 119, 190, 0.56);
  background: var(--hadi-mt-soft-blue);
}

body.hadi-mt-page .hadi-mt__faq-panel {
  max-width: 860px;
  padding-block: 0 28px;
}

body.hadi-mt-page .hadi-mt__faq-panel[hidden] {
  display: none;
}

body.hadi-mt-page .hadi-mt__faq-panel > :first-child {
  margin-block-start: 0;
}

@media (hover: hover) and (pointer: fine) {
  body.hadi-mt-page .hadi-mt__hotspot-nav-button:hover {
    color: var(--hadi-mt-blue-900);
    border-color: rgba(6, 80, 143, 0.52);
    background: var(--hadi-mt-white);
    transform: translateY(-2px);
  }

  body.hadi-mt-page .hadi-mt__faq-item:not(.is-open):hover {
    border-color: rgba(6, 80, 143, 0.24);
    background: #f9fcfe;
  }

  body.hadi-mt-page .hadi-mt__faq-item:not(.is-open):hover::before {
    transform: scaleY(0.58);
  }

  body.hadi-mt-page .hadi-mt__faq-trigger:hover {
    color: var(--hadi-mt-ink) !important;
    background: transparent !important;
  }

  body.hadi-mt-page .hadi-mt__faq-trigger:hover .hadi-mt__faq-icon {
    border-color: rgba(0, 119, 190, 0.48);
    background: #f1f7fb;
  }
}

body.hadi-mt-page .hadi-mt__engineering-bridge {
  position: relative;
  overflow: hidden;
  padding-block: clamp(74px, 8vw, 116px);
  border-block: 1px solid var(--hadi-mt-line);
  background:
    linear-gradient(rgba(6, 80, 143, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6, 80, 143, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 8% 82%, rgba(68, 167, 229, 0.13), transparent 31rem),
    #f3f7fa;
  background-size: 32px 32px, 32px 32px, auto, auto;
}

body.hadi-mt-page .hadi-mt__engineering-bridge::before {
  content: "";
  position: absolute;
  inset: -180px auto auto -180px;
  width: 420px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle,
    transparent 0 52%,
    rgba(6, 80, 143, 0.13) 52.2% 52.5%,
    transparent 52.7% 65%,
    rgba(23, 139, 212, 0.055) 65.2% 65.5%,
    transparent 65.7% 78%,
    rgba(23, 139, 212, 0.04) 78.2% 78.5%,
    transparent 78.7%);
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__engineering-bridge::before {
  inset-inline: auto -180px;
}

body.hadi-mt-page .hadi-mt__engineering-bridge-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(460px, 1.12fr);
  align-items: center;
  gap: clamp(42px, 7vw, 104px);
}

body.hadi-mt-page .hadi-mt__engineering-bridge-copy {
  max-width: 610px;
}

body.hadi-mt-page .hadi-mt__engineering-bridge-copy h2 {
  margin: 0 0 22px;
  color: var(--hadi-mt-ink);
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.08;
  text-wrap: balance;
}

body.hadi-mt-page .hadi-mt__engineering-bridge-copy > p:not(.hadi-mt__section-label) {
  max-width: 59ch;
  margin: 0;
  color: var(--hadi-mt-copy);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.75;
}

body.hadi-mt-page .hadi-mt__engineering-bridge-copy > .hadi-mt__button,
body.hadi-mt-page .hadi-mt__engineering-bridge-copy > p:has(> .hadi-mt__button) {
  margin-block-start: 30px;
}

body.hadi-mt-page .hadi-mt__engineering-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0;
  border-block-start: 1px solid var(--hadi-mt-line-strong);
  list-style: none;
}

body.hadi-mt-page .hadi-mt__engineering-services li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 94px;
  padding-block: 18px;
  border-block-end: 1px solid var(--hadi-mt-line-strong);
  color: var(--hadi-mt-ink);
  font-size: clamp(15px, 1.08vw, 17px);
  font-weight: 720;
  line-height: 1.4;
}

body.hadi-mt-page .hadi-mt__engineering-services li > span {
  display: grid;
  width: 40px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(6, 80, 143, 0.25);
  border-radius: 50%;
  color: var(--hadi-mt-blue-800);
  background: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

body.hadi-mt-page .hadi-mt__cta {
  position: relative;
  overflow: hidden;
  padding-block: clamp(66px, 7vw, 104px);
  color: var(--hadi-mt-white);
  background: linear-gradient(130deg, var(--hadi-mt-blue-900), var(--hadi-mt-blue-700));
}

body.hadi-mt-page .hadi-mt__cta::before {
  content: "";
  position: absolute;
  inset: 18% auto auto 8%;
  width: 360px;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 50%;
}

body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__cta::before {
  inset-inline: auto 8%;
}

body.hadi-mt-page .hadi-mt__cta-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
  grid-template-areas:
    "media heading"
    "media copy"
    "media action";
  align-items: start;
  column-gap: clamp(34px, 5vw, 74px);
  row-gap: 15px;
}

body.hadi-mt-page .hadi-mt__cta-inner > div {
  display: contents;
}

body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame {
  grid-area: media;
  align-self: stretch;
  min-height: 330px;
  margin: 0;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background:
    radial-gradient(circle at 76% 23%, rgba(68, 167, 229, 0.33), transparent 30%),
    radial-gradient(circle at 28% 72%, rgba(23, 139, 212, 0.2), transparent 35%),
    linear-gradient(145deg, #031d34 0%, #064a81 58%, #0a6bac 100%);
}

body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame img {
  position: absolute;
  inset: 0;
  height: 100%;
  min-height: 330px;
  aspect-ratio: auto;
  object-fit: cover;
  opacity: 0.52;
  filter: saturate(0.62) contrast(1.12) brightness(0.66);
  transform: scale(1.025);
  transition: opacity 420ms ease;
}

body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(112deg, rgba(3, 29, 52, 0.82) 0%, rgba(3, 29, 52, 0.2) 58%, rgba(3, 29, 52, 0.55) 100%),
    radial-gradient(circle at 72% 34%, transparent 0 52px, rgba(111, 195, 242, 0.34) 53px 54px, transparent 55px 83px, rgba(111, 195, 242, 0.17) 84px 85px, transparent 86px),
    repeating-linear-gradient(0deg, transparent 0 31px, rgba(255, 255, 255, 0.045) 32px),
    repeating-linear-gradient(90deg, transparent 0 31px, rgba(255, 255, 255, 0.045) 32px);
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame::after {
  content: "HADI  /  AUTOMATION ENGINEERING";
  position: absolute;
  z-index: 2;
  inset: auto 24px 22px;
  padding-block-start: 13px;
  border: 0;
  border-block-start: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: clamp(11px, 0.72vw, 13px);
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1.35;
  text-align: start;
  pointer-events: none;
}

body.hadi-mt-page .hadi-mt__cta :where(h2, p) {
  color: inherit;
}

body.hadi-mt-page .hadi-mt__cta h2 {
  grid-area: heading;
  align-self: end;
  margin-block-end: 14px;
  font-size: clamp(36px, 4vw, 60px);
}

body.hadi-mt-page .hadi-mt__cta p {
  grid-area: copy;
  max-width: 760px;
  margin-block-end: 0;
  color: rgba(255, 255, 255, 0.82);
}

body.hadi-mt-page .hadi-mt__cta-inner > .hadi-mt__button {
  grid-area: action;
  justify-self: start;
  margin-block-start: 8px;
}

/* WordPress wpautop wraps a standalone CTA link in a paragraph on the live
   page. Keep that wrapper in the same action grid area as the raw link. */
body.hadi-mt-page .hadi-mt__cta-inner > p:has(> .hadi-mt__button) {
  grid-area: action;
  align-self: start;
  justify-self: start;
  max-width: none;
  margin: 8px 0 0;
}

/* The fractional edge between the isolated Turnkey stage and Elementor's
   footer can expose a one-pixel body-colour seam at some zoom/DPR values. A
   one-pixel scoped overlap keeps the final section visually flush with the
   footer without changing either component's spacing. */
body.hadi-mt-page footer.elementor-location-footer {
  position: relative;
  z-index: 1;
  margin-block-start: -1px !important;
}

/* Elementor's first footer container carries a pale one-pixel top border.
   On blue Turnkey closing sections it reads as a white seam even though the
   boxes already overlap. Remove only that boundary on the scoped experience. */
body.hadi-mt-page footer.elementor-location-footer > :first-child {
  border-block-start: 0 !important;
}

body.hadi-mt-page .hadi-mt__content > :last-child {
  margin-block-end: 0 !important;
}

body.hadi-mt-page .hadi-mt__quote {
  max-width: 900px;
  margin-inline: auto;
  padding: clamp(30px, 5vw, 62px);
  border-inline-start: 3px solid var(--hadi-mt-blue-600);
  background: var(--hadi-mt-soft-blue);
}

body.hadi-mt-page .hadi-mt__quote p {
  margin-block-end: 18px;
  color: var(--hadi-mt-ink);
  font-size: clamp(22px, 2.7vw, 36px);
  font-weight: 650;
  line-height: 1.45;
}

body.hadi-mt-page .hadi-mt__quote cite {
  color: var(--hadi-mt-muted);
  font-size: 0.85rem;
  font-style: normal;
}

body.hadi-mt-page .hadi-mt__form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.hadi-mt-page .hadi-mt__field--full {
  grid-column: 1 / -1;
}

body.hadi-mt-page .hadi-mt__field label {
  display: block;
  margin-block-end: 8px;
  color: var(--hadi-mt-ink);
  font-size: 0.82rem;
  font-weight: 700;
}

body.hadi-mt-page .hadi-mt__field :where(input, select, textarea) {
  width: 100%;
  min-height: 52px;
  padding: 12px 14px;
  border: 1px solid var(--hadi-mt-line-strong);
  border-radius: 8px;
  color: var(--hadi-mt-ink);
  background: var(--hadi-mt-white);
}

body.hadi-mt-page .hadi-mt__field textarea {
  min-height: 150px;
  resize: vertical;
}

body.hadi-mt-page .hadi-mt-form {
  position: relative;
  padding: clamp(26px, 4.5vw, 54px);
  border: 1px solid var(--hadi-mt-line);
  border-radius: var(--hadi-mt-radius);
  background: var(--hadi-mt-white);
}

body.hadi-mt-page .hadi-mt-form__required,
body.hadi-mt-page .hadi-mt-form__privacy {
  color: var(--hadi-mt-muted);
  font-size: 0.8rem;
}

body.hadi-mt-page .hadi-mt-form__required {
  margin-block-end: 20px;
}

body.hadi-mt-page .hadi-mt-form__privacy {
  margin-block: 20px 16px;
}

body.hadi-mt-page .hadi-mt-form__status {
  margin-block-end: 24px;
  padding: 15px 17px;
  border-inline-start: 3px solid var(--hadi-mt-blue-600);
  color: var(--hadi-mt-ink);
  background: var(--hadi-mt-soft-blue);
  font-size: 0.9rem;
  font-weight: 650;
}

body.hadi-mt-page .hadi-mt-form__status--error {
  border-inline-start-color: #a63b35;
  background: #fff3f2;
}

body.hadi-mt-page .hadi-mt-form__trap {
  position: absolute !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

body.hadi-mt-page .hadi-mt [data-reveal] {
  opacity: 1;
  transform: none;
}

body.hadi-mt-page .hadi-mt.hadi-mt-ready [data-reveal]:not(.is-revealed) {
  opacity: 0.001;
  transform: translateY(22px);
}

body.hadi-mt-page .hadi-mt.hadi-mt-ready [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
  transition: opacity 620ms ease, transform 620ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

body.hadi-mt-page .hadi-mt__sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 1100px) {
  body.hadi-mt-page .hadi-mt__hero {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.85fr);
  }

  body.hadi-mt-page .hadi-mt__application-grid,
  body.hadi-mt-page .hadi-mt__related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.hadi-mt-page .hadi-mt__series-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.hadi-mt-page .hadi-mt__series-card:nth-child(2) {
    border-inline-end: 0;
  }

  body.hadi-mt-page .hadi-mt__series-card:nth-child(-n + 2) {
    border-block-end: 1px solid var(--hadi-mt-line);
  }

  body.hadi-mt-page .hadi-mt__hotspot-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}

@media (max-width: 820px) {
  body.hadi-mt-page .hadi-mt__container,
  body.hadi-mt-page .hadi-mt__container--narrow {
    width: min(100% - 36px, 720px);
  }

  body.hadi-mt-page .hadi-mt__hero {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  body.hadi-mt-page .hadi-mt__hero-copy {
    min-height: 520px;
    padding: 78px 28px 64px;
  }

  body.hadi-mt-page .hadi-mt__hero-copy h1 {
    font-size: clamp(46px, 11vw, 70px);
  }

  body.hadi-mt-page .hadi-mt__hero-media {
    min-height: 440px;
  }

  body.hadi-mt-page .hadi-mt__hero-media::before {
    background: linear-gradient(180deg, rgba(3, 29, 52, 0.25), transparent 34%);
  }

  body.hadi-mt-page .hadi-mt__anchor-nav-list {
    min-height: 64px;
    justify-content: safe center;
  }

  body.hadi-mt-page .hadi-mt__split {
    grid-template-columns: 1fr;
  }

  body.hadi-mt-page .hadi-mt__split--reverse-mobile .hadi-mt__split-media {
    order: 2;
  }

  body.hadi-mt-page .hadi-mt__application-grid,
  body.hadi-mt-page .hadi-mt__related-grid,
  body.hadi-mt-page .hadi-mt__feature-grid,
  body.hadi-mt-page .hadi-mt__service-grid,
  body.hadi-mt-page .hadi-mt__product-grid,
  body.hadi-mt-page .hadi-mt__download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.hadi-mt-page .hadi-mt__hotspot-layout {
    grid-template-columns: 1fr;
  }

  body.hadi-mt-page .hadi-mt__hotspot-stage,
  body.hadi-mt-page .hadi-mt__hotspot-stage > img {
    min-height: 400px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-panels {
    min-height: 260px;
  }

  body.hadi-mt-page .hadi-mt__engineering-bridge-inner {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  body.hadi-mt-page .hadi-mt__engineering-bridge-copy {
    max-width: 680px;
  }

  body.hadi-mt-page .hadi-mt__cta-inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "heading"
      "copy"
      "action";
    row-gap: 18px;
  }

  body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame,
  body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame img {
    min-height: 300px;
  }
}

@media (max-width: 560px) {
  body.hadi-mt-page .hadi-mt {
    font-size: 16px;
  }

  body.hadi-mt-page .hadi-mt__container,
  body.hadi-mt-page .hadi-mt__container--narrow {
    width: calc(100% - 28px);
  }

  body.hadi-mt-page .hadi-mt__section {
    padding-block: 70px;
  }

  body.hadi-mt-page .hadi-mt__section-head {
    margin-block-end: 34px;
  }

  body.hadi-mt-page .hadi-mt__section-head h2,
  body.hadi-mt-page .hadi-mt__split-copy h2 {
    font-size: clamp(35px, 10vw, 48px);
  }

  body.hadi-mt-page .hadi-mt__hero-copy {
    min-height: 490px;
    padding: 70px 20px 54px;
  }

  body.hadi-mt-page .hadi-mt__hero-copy h1 {
    font-size: clamp(42px, 12.8vw, 60px);
  }

  body.hadi-mt-page .hadi-mt__hero-media {
    min-height: 330px;
  }

  body.hadi-mt-page .hadi-mt__actions,
  body.hadi-mt-page .hadi-mt__actions .hadi-mt__button {
    width: 100%;
  }

  body.hadi-mt-page .hadi-mt__engineering-bridge {
    padding-block: 66px;
  }

  body.hadi-mt-page .hadi-mt__engineering-bridge-copy h2 {
    font-size: clamp(34px, 10.5vw, 46px);
  }

  body.hadi-mt-page .hadi-mt__engineering-bridge-copy > .hadi-mt__button,
  body.hadi-mt-page .hadi-mt__engineering-bridge-copy > p:has(> .hadi-mt__button),
  body.hadi-mt-page .hadi-mt__engineering-bridge-copy > p:has(> .hadi-mt__button) .hadi-mt__button {
    width: 100%;
  }

  body.hadi-mt-page .hadi-mt__engineering-services {
    grid-template-columns: 1fr;
  }

  body.hadi-mt-page .hadi-mt__engineering-services li {
    min-height: 76px;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding-block: 13px;
  }

  body.hadi-mt-page .hadi-mt__application-grid,
  body.hadi-mt-page .hadi-mt__related-grid,
  body.hadi-mt-page .hadi-mt__feature-grid,
  body.hadi-mt-page .hadi-mt__service-grid,
  body.hadi-mt-page .hadi-mt__product-grid,
  body.hadi-mt-page .hadi-mt__download-grid,
  body.hadi-mt-page .hadi-mt__series-grid,
  body.hadi-mt-page .hadi-mt__form-grid {
    grid-template-columns: 1fr;
  }

  body.hadi-mt-page #services .hadi-mt__service-item {
    min-height: 68px;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    padding-block: 13px;
  }

  body.hadi-mt-page .hadi-mt__series-card,
  body.hadi-mt-page .hadi-mt__series-card:nth-child(2) {
    border-inline-end: 0;
    border-block-end: 1px solid var(--hadi-mt-line);
  }

  body.hadi-mt-page .hadi-mt__series-card:last-child {
    border-block-end: 0;
  }

  body.hadi-mt-page .hadi-mt__series-card figure,
  body.hadi-mt-page .hadi-mt__series-card img {
    min-height: 0;
    height: 270px;
  }

  body.hadi-mt-page .hadi-mt__series-card figure {
    margin-block-end: 24px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-stage,
  body.hadi-mt-page .hadi-mt__hotspot-stage > img {
    min-height: 290px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-trigger {
    width: 36px;
    height: 36px;
  }

  body.hadi-mt-page .hadi-mt__faq-trigger {
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 12px;
  }

  body.hadi-mt-page .hadi-mt__faq-icon {
    width: 34px;
    height: 34px;
  }

  body.hadi-mt-page .hadi-mt__faq-item {
    padding-inline: 16px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-nav {
    inset-block-end: 18px;
    right: 18px;
    left: auto;
  }

  body.hadi-mt-page .hadi-mt[dir="rtl"] .hadi-mt__hotspot-nav {
    right: auto;
    left: 18px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-nav-button {
    width: 44px;
    height: 44px;
  }

  body.hadi-mt-page .hadi-mt__hotspot-panel {
    padding-block-end: 82px;
  }

  body.hadi-mt-page .hadi-mt__video-play {
    width: 66px;
    height: 66px;
  }

  body.hadi-mt-page .hadi-mt__video-label {
    inset: auto 18px 16px;
    font-size: 0.86rem;
  }

  body.hadi-mt-page .hadi-mt-form {
    padding: 22px 18px;
    border-radius: var(--hadi-mt-radius-small);
  }

  body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame,
  body.hadi-mt-page .hadi-mt__cta .hadi-mt__media-frame img {
    min-height: 230px;
  }

  body.hadi-mt-page .hadi-mt__cta-inner > .hadi-mt__button,
  body.hadi-mt-page .hadi-mt__cta-inner > p:has(> .hadi-mt__button),
  body.hadi-mt-page .hadi-mt__cta-inner > p:has(> .hadi-mt__button) .hadi-mt__button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.hadi-mt-page .hadi-mt *,
  body.hadi-mt-page .hadi-mt *::before,
  body.hadi-mt-page .hadi-mt *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  body.hadi-mt-page .hadi-mt.hadi-mt-ready [data-reveal]:not(.is-revealed) {
    opacity: 1;
    transform: none;
  }
}

@media print {
  body.hadi-mt-page .hadi-mt__anchor-nav,
  body.hadi-mt-page .hadi-mt__actions,
  body.hadi-mt-page .hadi-mt__video-trigger,
  body.hadi-mt-page .hadi-mt__hotspot-trigger {
    display: none !important;
  }

  body.hadi-mt-page .hadi-mt__section {
    padding-block: 28px;
    break-inside: avoid;
  }

  body.hadi-mt-page .hadi-mt__hotspot-panel[hidden],
  body.hadi-mt-page .hadi-mt__faq-panel[hidden] {
    display: block;
  }
}