@font-face {
  font-family: "Estedad";
  src: url("../fonts/Estedad-VF.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Arabic ZFA";
  src: url("../fonts/NotoSansArabic-VF.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans ZFA";
  src: url("../fonts/NotoSans-Latin-VF.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

@font-face {
  font-family: "Noto Sans ZFA";
  src: url("../fonts/NotoSans-Cyrillic-VF.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0400-052F, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: "Noto Sans SC ZFA";
  src: url("../fonts/NotoSansSC-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC ZFA";
  src: url("../fonts/NotoSansSC-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --zfa-ink: #0b1d26;
  --zfa-ink-raised: #112d38;
  --zfa-ink-soft: #58686f;
  --zfa-paper: #f2f5f3;
  --zfa-white: #ffffff;
  --zfa-line: #cad5d4;
  --zfa-teal: #0e7585;
  --zfa-teal-deep: #075764;
  --zfa-coral: #c84259;
  --zfa-success: #167a58;
  --zfa-warning: #936000;
  --zfa-error: #a61b34;
  --zfa-radius: 2px;
  --zfa-radius-media: 14px;
  --zfa-shell: min(1280px, calc(100vw - 64px));
  --zfa-shell-wide: min(1520px, calc(100vw - 96px));
  --zfa-gutter: clamp(16px, 3vw, 48px);
  --zfa-section: clamp(72px, 8vw, 128px);
  --zfa-font: "Estedad", Tahoma, sans-serif;
  --zfa-ease: cubic-bezier(.2,.7,.2,1);
  --zfa-motion-fast: 160ms;
  --zfa-motion-ui: 260ms;
  --zfa-motion-story: 520ms;
}

html {
  scroll-behavior: smooth;
}

body.zfa27-site {
  margin: 0;
  overflow-x: clip;
  background: var(--zfa-paper);
  color: var(--zfa-ink);
  font-family: var(--zfa-font);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

html:where([lang^="ar"],[lang^="ur"],[lang^="ckb"]) body.zfa27-site {
  --zfa-font: "Noto Sans Arabic ZFA", Tahoma, sans-serif;
  font-family: var(--zfa-font);
  line-height: 1.8;
}

html:where([lang^="en"],[lang^="tr"],[lang^="ru"]) body.zfa27-site {
  --zfa-font: "Noto Sans ZFA", Arial, sans-serif;
  font-family: var(--zfa-font);
}

html[lang^="zh"] body.zfa27-site {
  --zfa-font: "Noto Sans SC ZFA", "Microsoft YaHei", sans-serif;
  font-family: var(--zfa-font);
  line-height: 1.72;
}

html[dir="ltr"] body.zfa27-site :where(.zfa27-page-hero__copy,.zfa27-brand-hero__copy,.zfa27-editorial,.zfa27-form-panel,.zfa27-article) {
  text-align: left;
}

body.zfa27-site :where(h1, h2, h3, h4, p, ul, ol) {
  margin-block-start: 0;
}

body.zfa27-site :where(a, button, input, textarea, select) {
  font: inherit;
}

body.zfa27-site a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

body.zfa27-site :focus-visible {
  outline: 3px solid var(--zfa-coral);
  outline-offset: 4px;
}

.zfa27-elementor-shell > .elementor-container,
.zfa27-elementor-shell > .elementor-container > .elementor-column,
.zfa27-elementor-shell .elementor-widget-wrap,
.zfa27-elementor-shell .elementor-widget,
.zfa27-elementor-shell .elementor-widget-container {
  width: 100%;
  max-width: none;
  padding: 0;
}

.zfa27-elementor-shell.elementor-section {
  margin: 0;
  padding: 0;
}

.zfa27-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  :root {
    --zfa-shell: calc(100vw - 32px);
    --zfa-section: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  [data-zfa-slider],
  [data-zfa-reveal],
  .zfa27-brand-card,
  .zfa27-brand-hero__orbit,
  .zfa27-brand-hero__orbit::before,
  .zfa27-brand-hero__orbit::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}