@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-arabic-400-normal.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-latin-400-normal.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-arabic-600-normal.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-latin-600-normal.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-arabic-700-normal.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Cairo";
  src:url("../fonts/cairo/cairo-latin-700-normal.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --navy:#183c84;
  --navy-2:#184884;
  --navy-deep:#102a5c;
  --teal:#3cc0c0;
  --teal-2:#5fd3d3;
  --ink:#12203d;
  --slate:#5a6a83;
  --cloud:#f3f7fb;
  --line:#e4ebf3;
  --btn-fs:.9rem;
  --btn-pad:.5rem 1.05rem;
  --bs-font-sans-serif:"Cairo",system-ui,sans-serif;
  --bs-body-font-family:"Cairo",system-ui,sans-serif;
}
html,body{overflow-x:clip;max-width:100%}
body{
  font-family:"Cairo",system-ui,sans-serif;
  color:var(--ink);
  font-size:16px;
  line-height:1.7;
}
h1,h2,h3,h4,h5,.display-4,.display-5,.display-6,.stat-num{
  font-family:"Cairo",system-ui,sans-serif;
}
.navbar{background:#fff;box-shadow:0 2px 20px rgba(16,42,92,.06)}
.navbar .navbar-brand img{height:36px;width:auto}
.navbar .nav-link{font-weight:600;color:var(--navy);margin:0 .35rem;font-size:.92rem;padding:.45rem .4rem}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--teal)}
.lang-pill{border:1.5px solid var(--line);border-radius:100px;padding:.3rem .8rem;font-weight:600;color:var(--navy);font-size:.8rem;text-decoration:none;display:inline-block}
.lang-pill:hover{border-color:var(--teal);color:var(--teal)}
.hero{position:relative;overflow:hidden;color:#fff;padding:7.5rem 0 4.5rem;min-height:auto}
.hero-media,.hero-media picture,.hero-media img{position:absolute;inset:0;width:100%;height:100%}
.hero-media img{object-fit:cover}
.hero-media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(120deg, rgba(16,42,92,.62) 0%, rgba(24,60,132,.48) 45%, rgba(16,42,92,.38) 100%),
    radial-gradient(900px 500px at 85% -10%, rgba(60,192,192,.22), transparent 60%);
}
.hero-copy{z-index:2}
.hero h1,.display-4{
  font-size:clamp(1.45rem, 3.4vw + .6rem, 2.6rem);
  line-height:1.28;
  font-weight:700;
  letter-spacing:0;
}
.display-5,.display-6{
  font-size:clamp(1.28rem, 2.2vw + .55rem, 2.05rem);
  line-height:1.35;
  font-weight:700;
}
.hero-lead{
  font-size:clamp(.92rem, .4vw + .85rem, 1.05rem);
  line-height:1.65;
  color:#dbe4f2;
  max-width:620px;
}
.badge-teal{background:rgba(60,192,192,.16);border:1px solid rgba(60,192,192,.45);color:var(--teal-2);padding:.35rem .9rem;border-radius:100px;font-size:.75rem;font-weight:700}
.text-teal{color:var(--teal)!important}
.text-navy{color:var(--navy)!important}
.btn,.btn-lg,.btn-teal,.btn-navy,.btn-hero-outline{
  font-size:var(--btn-fs);
  padding:var(--btn-pad);
  line-height:1.25;
  font-weight:600;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:42px;
}
.btn svg{width:14px;height:14px;flex-shrink:0}
.btn-teal{background:var(--teal);color:#08343a;border:none}
.btn-teal:hover{background:var(--teal-2);color:#08343a}
.btn-navy{background:var(--navy);color:#fff;border:none}
.btn-navy:hover{background:var(--navy-deep);color:#fff}
.btn-hero-outline{border:1.5px solid rgba(255,255,255,.6);color:#fff;background:transparent}
.btn-hero-outline:hover{background:#fff;color:var(--navy)}
.skip-link{position:absolute;inset-inline-start:-999px;top:0;background:#fff;color:var(--navy);padding:.5rem 1rem;z-index:10000}
.skip-link:focus{inset-inline-start:8px;top:8px}
@media(max-width:991px){
  .navbar .nav-link{margin:0;padding:.5rem 0;font-size:.92rem}
  .hero{padding:6.25rem 0 3rem}
}
@media(max-width:575px){
  .hero{padding:5.75rem 0 2.5rem}
  .btn,.btn-lg,.btn-teal,.btn-navy,.btn-hero-outline{font-size:.84rem;padding:.45rem .9rem;min-height:40px}
}