:root{
  --hf-grayblue:#e4e8e8;

  --spi-gray:#6b7280;
  --spi-gray2:#9ca3af;
  --spi-gray3:#d1d5db;
  --spi-grayRGB:107,114,128;

  --spi-blue: var(--spi-gray);
  --spi-red:#e11d48;

  --brand:   var(--spi-gray);
  --brand2:  var(--spi-gray2);
  --brand-a: var(--spi-gray2);
  --brand-b: var(--spi-gray);

  --brand-soft: rgba(var(--spi-grayRGB), .22);
  --brand-tint: var(--spi-gray2);

  --ink:#0f172a;
  --ink-2:#1f2937;
  --muted:#475569;
  --ink-soft:#9fb2c4;

  --bgBlue: 107,114,128;
  --bgRed:  225,29,72;

  --sect-pt:26px;
  --sect-pb:30px;
  --card-radius:18px;

  --card:#ffffff08;
  --stroke:#ffffff10;
  --menu-gap:.4rem;

  --nav-text:#01555b;
  --nav-accent:#01555b;
  --nav-accent-weak: rgba(107,114,128,.12);
  --nav-underline: linear-gradient(90deg, #9ca3af, #6b7280);
}

html, body{min-height:100%;}
body{
  background:
    radial-gradient(140% 70% at 10% -10%, rgba(var(--bgBlue), .10), transparent 62%),
    radial-gradient(140% 70% at 90% -10%, rgba(var(--bgRed),  .06), transparent 62%),
    linear-gradient(180deg,#f7faff 0%,#ffffff 100%);
}

#wrap, #content{overflow-x:hidden;}
.full-bleed{
  width:100vw;
  margin-inline-start: calc(50% - 50vw);
  margin-inline-end:   calc(50% - 50vw);
}

.header .navbar,
.site-nav{
  min-height:64px !important;
  padding:6px 0 !important;
}

.header .navbar .container,
.site-nav .container{padding:0 !important;}

.header .navbar .navbar-brand,
.site-nav .navbar-brand{padding:0 !important;}

html[lang="en"] .header .navbar .navbar-brand,
html[lang="en"] .site-nav .navbar-brand{
  margin-left:16px !important;
  margin-right:0 !important;
}

.header .navbar .navbar-brand img,
.site-nav .navbar-brand img{
  height:52px !important;
  width:auto !important;
  animation:none;
}

.header .navbar.bg-light,
.site-nav.bg-light{
  background:var(--hf-grayblue) !important;
  background-image:none !important;
  border-bottom:1px solid rgba(0,0,0,.04);
  opacity:1 !important;
  filter:none !important;
}

.header .navbar,
.header .navbar-collapse{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.navbar .navbar-nav{
  display:flex;
  gap:16px;
  width:100%;
}
.navbar .nav-link{
  padding-top:.35rem;
  padding-bottom:.35rem;
}

.header .navbar .navbar-nav .nav-link,
.site-nav .navbar-nav .nav-link{
  display:inline-flex !important;
  align-items:center !important;
  height:52px !important;
  padding:0 16px !important;
  border-radius:12px !important;
  font-weight:800 !important;
  font-size:15px !important;
  color:var(--nav-text) !important;
}

.header .navbar .navbar-nav .nav-link:hover,
.site-nav .navbar-nav .nav-link:hover{
  background:var(--nav-accent-weak) !important;
}

.header .navbar .navbar-nav .nav-item.active > .nav-link,
.header .navbar .navbar-nav .nav-link.active,
.site-nav .navbar-nav .nav-item.active > .nav-link,
.site-nav .navbar-nav .nav-link.active{
  background: rgba(107,114,128,.18) !important;
}

.header .navbar .navbar-nav .nav-link::after,
.site-nav .navbar-nav .nav-link::after{
  display:none !important;
}

.ownmenu{padding:4px 0 !important;}

.header .ownmenu > li > a,
.site-nav .ownmenu > li > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  font-size:16px;
  line-height:1.2;
  color:var(--nav-text) !important;
  text-decoration:none;
  padding:10px 14px !important;
  border-radius:10px;
  position:relative;
  transition:all .25s ease;
  fill:var(--nav-text);
}

.header .ownmenu > li > a i,
.site-nav .ownmenu > li > a i{
  color:var(--nav-text) !important;
}

.header .ownmenu > li > a:hover,
.site-nav .ownmenu > li > a:hover{
  background:var(--nav-accent-weak) !important;
  color:var(--nav-accent) !important;
  box-shadow:0 3px 10px rgba(107,114,128,.14) !important;
  transform:translateY(-1px) !important;
}

.header .ownmenu > li.active > a,
.site-nav .ownmenu > li.active > a,
.header nav .ownmenu li.active > a,
.site-nav .ownmenu li.active > a{
  color:var(--nav-accent) !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

.header .ownmenu > li > a::after,
.site-nav .ownmenu > li > a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:4px;
  width:0%;
  height:3px;
  border-radius:999px;
  background:var(--nav-underline) !important;
  transform:translateX(-50%);
  transition:width .25s ease;
  opacity:0;
}

.header .ownmenu > li > a:hover::after,
.site-nav .ownmenu > li > a:hover::after,
.header .ownmenu > li.active > a::after,
.site-nav .ownmenu > li.active > a::after{
  width:60%;
  opacity:1;
}

.header .ownmenu > li.active,
.site-nav .ownmenu > li.active,
.header nav .ownmenu li.active,
.site-nav nav .ownmenu li.active{
  background:transparent !important;
}

.header .ownmenu > li.active > a::before,
.site-nav .ownmenu > li.active > a::before,
.header .ownmenu > li.active > a::after,
.site-nav .ownmenu > li.active > a::after{
  box-shadow:none !important;
}

html[lang="en"] .ownmenu > li > a,
html[lang="en"] .navbar .nav-link{
  text-transform:uppercase !important;
  letter-spacing:.6px;
}

.lang-bubble .dropdown-menu{
  background: radial-gradient(120% 100% at 0% 0%,
    rgba(1,85,91,.95) 0%,
    rgba(1,85,91,.85) 60%,
    rgba(1,85,91,.95) 100%) !important;
  border:0 !important;
  border-radius:16px !important;
  padding:8px 10px !important;
  min-width:14rem !important;
  box-shadow:0 16px 32px rgba(0,0,0,.25) !important;
}

.lang-bubble .dropdown-item{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  font-weight:800 !important;
  border-radius:12px !important;
  padding:10px 12px !important;
  line-height:1.2 !important;
  text-transform:none !important;
}
.lang-bubble .dropdown-item:hover{background:rgba(255,255,255,.12) !important;}

.lang-bubble .dropdown-item::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; height:26px;
  border-radius:8px;
  font-size:.78rem; letter-spacing:.4px;
  background: linear-gradient(135deg, var(--spi-gray), var(--spi-gray2));
  color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
  margin-inline-end:8px;
}
.lang-bubble .dropdown-item:nth-child(1)::before{content:"EN";}
.lang-bubble .dropdown-item:nth-child(2)::before{content:"AR";}
.lang-bubble .dropdown-item.lang-en::before{content:"EN";}
.lang-bubble .dropdown-item.lang-ar::before{content:"AR";}

html[lang="en"] .lang-bubble .dropdown-menu{ right:0 !important; left:auto !important; transform-origin:top right; }
html[lang="ar"] .lang-bubble .dropdown-menu{ left:0 !important; right:auto !important; transform-origin:top left; }

.lang-bubble .globe-badge{
  width:36px; height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.16), inset 0 0 0 2px rgba(228,232,232,.9);
}
.lang-bubble .globe-badge i{
  font-size:18px;
  background: conic-gradient(var(--spi-gray), var(--spi-gray2), var(--spi-gray), var(--spi-gray2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lang-bubble .no-caret::after{display:none;}

.divisions-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}

.division-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  background:#f3f4f6;
  isolation:isolate;
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  transition:transform .25s, box-shadow .25s;
  display:block;
  text-decoration:none;
  padding-top:4px;
}

.division-card img{
  width:100%;
  aspect-ratio:4 / 3 !important;
  object-fit:cover;
  transition:transform .45s;
}

.division-card::after{content:none !important;}
.division-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.45) 100%);
  opacity:.8;
  z-index:1;
  transition:opacity .35s;
}

.division-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.division-card:hover img{transform:scale(1.06);}
.division-card:hover::before{opacity:.95;}

.badge-wrap{
  position:absolute;
  top:14px; left:14px;
  z-index:3;
  padding:2px;
  border-radius:999px;
  background:var(--hf-grayblue) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}
.badge-icon{
  width:46px;height:46px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
}
.badge-icon i{font-size:20px;line-height:1;color:#fff;}
.badge--human i,
.badge--animal i,
.badge--inf i{color:#0ea5a4;}

.division-chip{
  position:absolute;
  left:16px; bottom:16px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 4px 14px rgba(0,0,0,.12);
  border-radius:999px;
  padding:8px 12px;
}
.division-title{
  color:#fff;
  font-weight:800;
  letter-spacing:.5px;
  font-size:15px;
  white-space:nowrap;
}
.division-underline{
  height:4px;
  width:42px;
  border-radius:999px;
  background:#01555b !important;
  margin-left:6px;
}

.division-cta{
  position:absolute;
  right:14px; bottom:14px;
  z-index:2;
  width:40px; height:40px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#01555b !important;
  border:1px solid var(--hf-grayblue);
  transform:translateY(14px);
  opacity:0;
  transition:transform .25s ease, opacity .25s ease, background .2s ease;
  box-shadow:0 6px 14px rgba(0,0,0,.12);
}
.division-card:hover .division-cta{transform:translateY(0);opacity:1;}
.division-cta:hover{background:var(--hf-grayblue);color:#0f172a;}
.division-cta svg{width:18px !important;height:18px !important;stroke:#01555b !important;}

.divisions-grid .division-card,
.divisions-grid .division-card::after{background-image:none !important;}

.divisions-grid .division-card .arrow,
.divisions-grid .division-card .big-arrow,
.divisions-grid .division-card .arr,
.divisions-grid .division-card .overlay,
.divisions-grid .division-card .over,
.divisions-grid .division-card .caption,
.divisions-grid .division-card .services-info,
.divisions-grid .division-card [class*="arrow"],
.divisions-grid .division-card [style*="arrow"]{
  display:none !important;
}
.divisions-grid .division-card svg{width:22px !important;height:22px !important;}

.about-modern{
  background:#f7fbfc;
  padding:var(--sect-pt) 0;
  border-radius:14px;
}
.about-grid{
  display:grid;
  grid-template-columns:1.08fr 1fr;
  gap:22px;
  align-items:start;
}
@media (max-width:991.98px){
  .about-grid{grid-template-columns:1fr;gap:18px;}
}
.eyebrow{
  display:inline-block;
  font-weight:800;
  font-size:.9rem;
  color:var(--brand-a);
  margin-bottom:.35rem;
}

.about-title{
  color:#01555b !important;
  font-size:2rem !important;
}
.about-title span{text-transform:uppercase !important;color:#01555b !important;}
.about-title em{
  color:#01555b !important;
  background:none !important;
  -webkit-background-clip:unset !important;
  font-style:normal !important;
  font-size:1em !important;
  font-weight:800 !important;
}

.about-lead{color:#334155;line-height:1.85;margin-bottom:10px;}
.about-body p{color:#465a65;margin:0 0 10px;}
.about-lead, .about-body, .about-body p{color:#000 !important;}

.about-metrics{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:6px 0 14px;
}
.metric{
  background:#fff;
  border:1px solid #e8eef2;
  padding:10px 14px;
  border-radius:12px;
  min-width:140px;
}
.metric strong{display:block;font-size:1.05rem;}
.metric span{font-size:.83rem;color:#6b7280;}

.btn-modern{
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  background:#01555b;
  color:#fff !important;
}
.btn-modern:hover{opacity:.95;}

.about-pillars .pill{
  background:#fff !important;
  color:var(--ink) !important;
  border:1px solid #e8eef2 !important;
  border-radius:18px !important;
  padding:18px 20px !important;
  box-shadow:0 6px 18px rgba(15,23,42,.06) !important;
  position:relative;
  transition:.2s ease;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:16px !important;
}
.about-pillars .pill::before{
  content:"";
  position:absolute;
  left:14px; right:14px; top:0;
  height:3px;
  border-radius:999px;
  background: linear-gradient(90deg, #016a71, #01555b);
}
.about-pillars .pill h4{color:#083a3a !important;}
.about-pillars .pill p{color:#435866 !important;}

.about-pillars .pill .ico{
  width:54px;height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background: radial-gradient(120% 100% at 0% 0%, #016a71 0%, #01555b 70%, #016a71 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(var(--spi-grayRGB), .22);
}
.about-pillars .pill:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 26px rgba(15,23,42,.12);
}

.stats-modern{
  background:#f8fafc;
  padding:calc(var(--sect-pt) - 6px) 0;
}
.stat-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.stat-card{
  position:relative;
  text-align:center;
  background:#fff;
  border:1px solid #e8eef2;
  border-radius:16px;
  padding:16px 14px;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
  transition:transform .18s, box-shadow .18s;
}
.stat-card::after{
  content:"";
  position:absolute;
  left:12px; right:12px; top:0;
  height:3px;
  border-radius:99px;
  background: linear-gradient(90deg, #016a71, #01555b);
}
.stat-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 26px rgba(15,23,42,.10);
}

.stat-ico{
  width:56px;height:56px;
  margin:8px auto 10px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#fff;
  background: radial-gradient(120% 100% at 0% 0%, #016a71 0%, #01555b 70%, #016a71 100%);
  box-shadow:0 8px 18px rgba(var(--spi-grayRGB), .25);
}
.stat-ico i{font-size:22px;}
.stat-num{
  display:block;
  font-weight:800;
  font-size:clamp(22px, 3vw, 32px);
  color:#0b3b3b;
  letter-spacing:.5px;
}
.stat-label{
  display:block;
  margin-top:6px;
  color:#43606a;
  font-weight:700;
  font-size:.95rem;
}

.certs-modern{
  background:#f6fbfc;
  padding:calc(var(--sect-pt) + 2px) 0;
}
.certs-grid{
  display:grid;
  gap:20px;
  grid-template-columns:1.05fr .95fr;
  align-items:start;
}
.certs-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cert-card{
  position:relative;
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:rgba(255,255,255,.95);
  border:1px solid #e8eef2;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  transition:transform .18s, box-shadow .18s, border-color .18s;
}
.cert-card::before{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:4px;
  border-radius:18px 0 0 18px;
  background:#01555b !important;
}
.cert-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
  border-color:#dfe8ee;
}

.cert-logo{
  flex:0 0 72px;
  width:80px;height:80px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid #e7eef3;
  box-shadow:0 10px 22px rgba(var(--spi-grayRGB), .12), inset 0 0 0 2px rgba(255,255,255,.75);
}
.cert-logo img{max-width:90%;max-height:90%;object-fit:contain;}

.cert-title{
  margin:4px 0 6px;
  font:800 22px/1.2 "Segoe UI",Tahoma,Arial,sans-serif;
  color:#01555b !important;
  letter-spacing:.2px;
}
.cert-text{margin:0;color:#334155;line-height:1.9;}

.cert-hero{
  max-width:560px;
  aspect-ratio:16/11;
  place-self:center end;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e7eef3;
  box-shadow:0 16px 40px rgba(15,23,42,.08);
  position:relative;
}
.cert-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.cert-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(130% 110% at 0% 0%, rgba(var(--spi-grayRGB), .18), rgba(156,163,175,.18));
  pointer-events:none;
}

.section-title.modern span{
  background: linear-gradient(90deg, #01555b, #01555b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section-title.modern::after{
  content:"";
  display:block;
  width:80px;
  height:4px;
  border-radius:999px;
  margin-top:8px;
  background:#01555b;
}

#footer{
  --ink-on-blue:#0f172a;
  --ink-subtle:#334155;
  --border-soft:rgba(15,23,42,.10);
  --border-dash:rgba(15,23,42,.14);
  --card-bg:rgba(255,255,255,.80);
  --card-stroke:rgba(15,23,42,.08);
}

#footer.ft-glass{
  color:var(--ink-on-blue) !important;
  padding:26px 0 12px !important;
  position:relative;
  overflow:hidden;
  background:var(--hf-grayblue) !important;
  background-image:none !important;
}

#footer .ft-grid{
  display:grid !important;
  grid-template-columns:1.6fr 1fr 1.2fr .9fr;
  gap:20px;
  align-items:stretch;
}
#footer .ft-grid > *{display:flex;}

#footer .gcard{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:16px !important;
  border-radius:16px !important;
  background:var(--card-bg) !important;
  border:1px solid var(--card-stroke) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.06) !important;
}

#footer .g-hd{
  color:#01555b !important;
  font-weight:800 !important;
  font-size:1.06rem !important;
  margin:0 0 10px !important;
  min-height:32px;
  display:flex;
  align-items:center;
  position:relative;
}

#footer p, #footer li, #footer .txt{color:var(--ink-subtle) !important;margin:0;}
#footer a{color:var(--ink-on-blue) !important;text-decoration:none !important;font-weight:700;}
#footer a:hover{color:#fff !important;}

#footer .g-links .g-list{list-style:none;margin:0;padding:0;}
#footer .g-links .g-list a{
  color:var(--ink-subtle) !important;
  font-weight:500 !important;
  display:block;
  padding:7px 0 !important;
  line-height:1.4 !important;
  transition:color .15s ease, transform .15s ease;
}
#footer .g-links .g-list a:hover{color:var(--ink) !important;transform:translateX(2px);}

#footer .contact-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
#footer .contact-list li{display:flex;gap:10px;align-items:flex-start;}
#footer .contact-list .ico{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid;
  place-items:center;
  border-radius:14px !important;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  color:#01555b !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
#footer .contact-list .txt{color:var(--ink-subtle) !important;line-height:1.7;}

#footer .g-social .social-row{display:flex;flex-wrap:wrap;gap:12px;}
#footer .g-social .social-row a{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  color:#01555b !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.08) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
#footer .g-social .social-row a i{font-size:18px;}
#footer .g-social .social-row a:hover{
  background: var(--hf-grayblue) !important;
  border-color: rgba(15,23,42,.12) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(15,23,42,.12) !important;
}

#footer .ft-bottom{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed var(--border-dash);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--ink-subtle) !important;
  font-size:.92rem;
}
#footer .ft-bottom a{color:#fff !important;}
#footer .ft-bottom a:hover{color:var(--ink-subtle) !important;}

#footer.ft-compact{padding:24px 0 10px !important;}
#footer.ft-compact .gcard{padding:12px !important;border-radius:14px !important;}
#footer.ft-compact .g-hd{margin-bottom:6px !important;}
#footer.ft-compact .contact-list .ico{width:34px;height:34px;border-radius:10px;}
#footer.ft-compact .g-social .social-row a{width:38px;height:38px;border-radius:10px;}
#footer.ft-compact .ft-bottom{padding-top:8px;font-size:.88rem;}

.hero.hero-static{margin-bottom:0 !important;padding-bottom:0 !important;}
.hero.hero-static .rev-image-cover{
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  min-height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
.hero.hero-static .hero-img{
  display:block !important;
  width:100% !important;
  height:clamp(420px, 48vh, 480px) !important;
  object-fit:cover !important;
  object-position:50% 70% !important;
  margin:0 !important;
}
.hero.hero-static + #content{margin-top:0 !important;padding-top:0 !important;}
.hero.hero-static + #content .sec--divisions{margin-top:0 !important;padding-top:10px !important;}

html[lang="ar"] body{direction:rtl;}
html[lang="ar"] .text-start{text-align:right !important;}
html[lang="ar"] .text-end{text-align:left !important;}

html[lang="ar"] .header .navbar .container,
html[lang="ar"] .site-nav .container{display:flex;align-items:center;}
html[lang="ar"] .navbar .navbar-collapse{flex:1 1 auto;}
html[lang="ar"] .navbar .navbar-nav{justify-content:flex-start;}
html[lang="ar"] .navbar .navbar-nav .lang-bubble{
  order:999;
  margin-inline-start:auto;
  margin-inline-end:0;
}
html[lang="ar"] .ownmenu{float:none !important;text-align:inherit !important;}

html[lang="en"] .navbar .navbar-nav{justify-content:flex-start;}
html[lang="en"] .navbar .navbar-nav .lang-bubble{
  order:999;
  margin-left:auto;
}

html[lang="ar"] .badge-wrap{right:14px;left:auto;}
html[lang="ar"] .division-chip{right:16px;left:auto;flex-direction:row;}
html[lang="ar"] .division-title{direction:rtl;text-align:right;}
html[lang="ar"] .division-underline{margin-left:0;margin-right:6px;}
html[lang="ar"] .division-cta{left:14px;right:auto;}
html[lang="ar"] .division-cta svg{transform:scaleX(-1);}

html[lang="ar"] .about-title,
html[lang="ar"] .about-lead,
html[lang="ar"] .about-body,
html[lang="ar"] .about-body p,
html[lang="ar"] .about-body .ticks{text-align:right;}

html[lang="ar"] .about-body .ticks{
  padding-right:1rem;
  padding-left:0;
  list-style-position:inside;
}
html[lang="ar"] .about-pillars .pill{flex-direction:row-reverse;text-align:right;}
html[lang="ar"] .about-metrics .metric{text-align:right;}
html[lang="ar"] .about-metrics{justify-content:flex-start;}
html[lang="ar"] .metric strong,
html[lang="ar"] .metric span{text-align:right !important;}

html[lang="ar"] .certs-grid{direction:rtl;}
html[lang="ar"] .cert-card{flex-direction:row-reverse;text-align:right;}
html[lang="ar"] .cert-card::before{
  inset:0 0 0 auto !important;
  border-radius:0 18px 18px 0 !important;
}
html[lang="ar"] .section-title.modern{text-align:right !important;}
html[lang="ar"] .row{direction:rtl;}
html[lang="ar"] .d-flex.rtl-reverse{flex-direction:row-reverse;}

/* footer RTL helpers */
html[lang="ar"] footer,
body[dir="rtl"] footer,
[dir="rtl"] footer{
  direction:rtl !important;
  text-align:right !important;
}
[dir="rtl"] footer .row,
[dir="rtl"] footer .d-flex,
[dir="rtl"] footer .justify-content-between{flex-direction:row-reverse !important;}
[dir="rtl"] footer ul{padding-right:0 !important;padding-left:0 !important;}
[dir="rtl"] footer li,
[dir="rtl"] footer p,
[dir="rtl"] footer h1,[dir="rtl"] footer h2,[dir="rtl"] footer h3,
[dir="rtl"] footer h4,[dir="rtl"] footer h5,[dir="rtl"] footer h6{
  text-align:right !important;
}
[dir="rtl"] footer .contact-item,
[dir="rtl"] footer .media,
[dir="rtl"] footer .icon-text{
  display:flex;
  flex-direction:row-reverse !important;
  align-items:flex-start;
  gap:8px;
}
[dir="rtl"] footer [class*="ms-"]{margin-right:.5rem !important;margin-left:0 !important;}
[dir="rtl"] footer [class*="me-"]{margin-left:.5rem !important;margin-right:0 !important;}
[dir="rtl"] footer .card,
[dir="rtl"] footer .widget,
[dir="rtl"] footer .box{text-align:right !important;}

html[lang="ar"] #footer .g-links .g-list a:hover{transform:translateX(-2px);}

html[lang="en"] #footer .g-hd,
html[lang="en"] #footer .brand-title{
  text-transform:uppercase !important;
  letter-spacing:.6px;
  color:#01555b !important;
}
html[lang="ar"] #footer .brand-title{
  text-transform:uppercase !important;
  letter-spacing:.6px;
  color:#01555b !important;
}

@media (max-width:575.98px){
  .division-title{font-size:14px;}
}

@media (hover:none){
  .division-card:hover{transform:none !important;box-shadow:0 8px 18px rgba(0,0,0,.06) !important;}
  .division-card:hover img{transform:none !important;}
  .division-card:hover::before{opacity:.85 !important;}
  .division-card:hover .division-cta{transform:translateY(0) !important;opacity:1 !important;}
}

/* 768px */
@media (max-width:768px){
  .about-modern{padding:18px 0 !important;border-radius:0 !important;}
  .about-grid{grid-template-columns:1fr !important;gap:14px !important;}
  .about-title{font-size:1.45rem !important;margin-bottom:6px !important;}
  .about-lead{font-size:.98rem !important;line-height:1.8 !important;}
  .about-metrics{gap:8px !important;}
  .metric{min-width:0 !important;flex:1 1 0 !important;}

  .about-pillars .pill{padding:14px 14px !important;border-radius:16px !important;}
  .about-pillars .pill .ico{width:44px !important;height:44px !important;}

  .hero.hero-static .hero-img{
    width:100% !important;
    height:clamp(240px, 36vh, 420px) !important;
    object-fit:cover !important;
    object-position:50% 60% !important;
  }

  .sec--divisions,
  .about-modern,
  .stats-modern,
  .certs-modern{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .sec--divisions .container,
  .about-modern .container,
  .stats-modern .container,
  .certs-modern .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .divisions-grid{
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap:14px !important;
  }

  .stats-modern{padding:18px 0 !important;}
  .stat-grid{grid-template-columns:1fr 1fr !important;gap:12px !important;}
  .stat-card{padding:14px 12px !important;}

  .division-cta{width:44px !important;height:44px !important;}
  .division-chip{padding:10px 12px !important;}

  .cert-card{padding:12px 12px !important;gap:12px !important;}
  .cert-logo{width:64px !important;height:64px !important;flex:0 0 64px !important;}
  .cert-title{font-size:18px !important;}
  .cert-text{font-size:14px !important;line-height:1.75 !important;}
    #footer .ft-grid > *{
    display: block !important;
    width: 100% !important;
  }

  #footer .ft-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  #footer .ft-grid > section,
  #footer .ft-grid > *{
    width: 100% !important;
    min-width: 0 !important;
  }

  #footer .ft-grid > *{
    display: block !important;
  }

  #footer .gcard{
    width: 100% !important;
    height: auto !important;
  }
  #footer .ft-bottom{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
}

@media (max-width:420px){
  .stat-grid{grid-template-columns:1fr !important;}
}

@media (max-width:992px){
  .certs-grid{grid-template-columns:1fr !important;gap:14px !important;}
  .cert-hero{
    width:100% !important;
    max-width:100% !important;
    min-height:220px !important;
    aspect-ratio:16/10 !important;
    place-self:stretch !important;
    order:2 !important;
  }
  .certs-list{order:1 !important;}
}

@media (max-width:991.98px){

  .navbar .navbar-nav{gap:0;}

  .ownmenu > li > a{
    padding:10px 12px !important;
    margin:.15rem 0;
  }
  .ownmenu > li > a::after{bottom:-8px;}

  .navbar-collapse{
    background:#eef2f2;
    padding:15px;
    border-radius:12px;
    margin-top:10px;
  }

  .navbar-nav{
    width:100%;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px;
  }
  .navbar-nav .nav-item{width:100%;}
  .navbar-nav .nav-link{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    width:100%;
    padding:12px 14px !important;
    border-radius:10px;
    background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,.06);
  }

  .navbar-toggler{border:0 !important;outline:none !important;}

  .lang-bubble{margin-top:10px;}
  .lang-bubble .dropdown-menu{width:100%;text-align:center;}

  body{font-size:14px;}
  h1{font-size:1.5rem !important;}
  h2{font-size:1.3rem !important;}
  h3{font-size:1.15rem !important;}
  h4{font-size:1rem !important;}
  h5{font-size:.9rem !important;}
  h6{font-size:.85rem !important;}

  p, li, span, a{font-size:.9rem !important;}
}

@media (min-width:992px){

  .header .navbar{min-height:70px !important;padding:8px 0 !important;}
  .header .navbar .navbar-brand img{height:54px !important;}

  .header .navbar .navbar-nav{
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
  }

  .header .navbar .navbar-nav .nav-link{
    height:46px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-weight:900 !important;
    font-size:14px !important;
    letter-spacing:.6px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    transition: background .18s ease, box-shadow .18s ease, transform .12s ease !important;
  }

  .header .navbar .navbar-nav .nav-link:hover{
    background: rgba(107,114,128,.14) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
    transform: translateY(-1px) !important;
  }

  .header .navbar .navbar-nav .nav-item.active > .nav-link,
  .header .navbar .navbar-nav .nav-link.active{
    background: rgba(107,114,128,.22) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.10) !important;
  }

  .header .navbar .navbar-nav .nav-link i{font-size:15px !important;}

  html[lang="en"] .navbar .navbar-nav .lang-bubble{margin-left:auto !important;}
  html[lang="ar"] .navbar .navbar-nav .lang-bubble{margin-right:auto !important;}

  html[lang="ar"] .header .navbar .navbar-nav .nav-link{
    font-size:16px !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
  }
  html[lang="ar"] .header .navbar .navbar-nav .nav-link span{font-size:inherit !important;}
}