/* Generated by the OVAL control panel on 2026-10-21 13:20. Edit in Control Panel > Brand & Identity. */
@font-face { font-family: "Oval Latin"; src: url("../../assets/fonts/PlusJakartaSans-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Oval Arabic Display"; src: url("../../assets/fonts/Rabar_013.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }
@font-face { font-family: "Oval Arabic Text"; src: url("../../assets/fonts/Rabar_014.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }

:root {
  --c-meadow: #00ADA2;
  --c-aqua: #038486;
  --c-navy: #0E1F43;
  --c-ink: #0E1F43;
  --c-paper: #FFFFFF;
  --c-mist: #EEF7F6;
  --c-line: rgba(14, 31, 67, 0.12);
  --grad-brand: linear-gradient(160deg, var(--c-meadow) 0%, var(--c-aqua) 45%, var(--c-navy) 100%);
  --grad-word: linear-gradient(90deg, var(--c-aqua) 0%, var(--c-navy) 100%);
  --font-display: "Oval Latin", "Segoe UI", system-ui, sans-serif;
  --font-text: "Oval Latin", "Segoe UI", system-ui, sans-serif;
  --scale-display: 1;
  --scale-body: 1;
  --logo-header-light-w: 150px;
  --logo-header-dark-w: 150px;
  --logo-header-sticky-w: 128px;
  --logo-footer-w: 132px;
  --logo-preloader-w: 96px;
  --logo-mark-w: 64px;
  --logo-hero-mask-w: 340px;
  --logo-favicon-w: 32px;
  --logo-og-image-w: 1200px;
}
:root[lang="ar"], :root[lang="ckb"] {
  --font-display: "Oval Arabic Display", "Oval Latin", Tahoma, sans-serif;
  --font-text: "Oval Arabic Text", "Oval Latin", Tahoma, sans-serif;
}
@media (max-width: 991px) {
:root {
  --logo-header-light-w: 132px;
  --logo-header-dark-w: 132px;
  --logo-header-sticky-w: 118px;
  --logo-footer-w: 120px;
  --logo-preloader-w: 88px;
  --logo-mark-w: 56px;
  --logo-hero-mask-w: 300px;
  --logo-favicon-w: 32px;
  --logo-og-image-w: 1200px;
}
}
@media (max-width: 575px) {
:root {
  --logo-header-light-w: 116px;
  --logo-header-dark-w: 116px;
  --logo-header-sticky-w: 108px;
  --logo-footer-w: 110px;
  --logo-preloader-w: 76px;
  --logo-mark-w: 48px;
  --logo-hero-mask-w: 230px;
  --logo-favicon-w: 32px;
  --logo-og-image-w: 1200px;
}
}