:root{
  --bg:#F3F9F9; --surface:#FFFFFF; --ink:#0A2A33; --deep:#0F4C5C; --aqua:#1FA7B5; --aqua-d:#0E7C89;
  --foam:#E0F0F1; --line:#C9E0E2; --text:#12303A; --mute:#4E6A72;
  --ok:#0B6B40; --ok-bg:#DCF3E7; --bad:#A63232; --bad-bg:#F9E1E1; --grey-bg:#E6EDEE;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.85 'IBM Plex Sans Arabic',Tahoma,'Segoe UI',sans-serif;-webkit-text-size-adjust:100%}
h1,h2,h3,.brand-t b,.sn,.tn{font-family:'Reem Kufi','IBM Plex Sans Arabic',Tahoma,sans-serif;font-weight:600}
img,video{max-width:100%}
a{color:var(--aqua-d)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--aqua);outline-offset:2px}
.skip{position:absolute;inset-inline-start:-9999px;top:0;background:#fff;color:#000;padding:8px 14px;z-index:99}
.skip:focus{inset-inline-start:8px}
.wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:20px}
.muted{color:var(--mute)}
.narrow{max-width:820px}

/* top strip + header */
.topbar{background:var(--ink);color:#BFE3E7;font-size:14px;line-height:1.5;padding:7px 0}
.topbar .wrap{display:flex;justify-content:space-between;gap:6px 18px;flex-wrap:wrap}
.topbar b{color:#fff;font-size:16px;margin-inline:4px}
.site-header{background:var(--surface);border-bottom:1px solid var(--line)}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.brand img{width:54px;height:54px;object-fit:contain;flex:none}
.brand-t b{display:block;font-size:19px;line-height:1.4}
.brand-t small{display:block;color:var(--mute);font-size:13px;line-height:1.5}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{padding:7px 15px;border-radius:6px;color:var(--text);text-decoration:none;font-weight:500}
.nav a:hover{background:var(--foam)}
.nav a[aria-current=page]{background:var(--deep);color:#fff}
.navbtn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--text);cursor:pointer}
.navbtn svg{width:24px;height:24px;display:block}
@media (max-width:900px){
  .navbtn{display:inline-flex}
  .nav{display:none;width:100%;flex-direction:column}
  .site-header.open .nav{display:flex}
}

/* hero */
.hero{position:relative;background:linear-gradient(160deg,var(--ink),var(--deep));color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;padding-block:64px 110px}
.hero h1{font-size:clamp(34px,5.2vw,56px);line-height:1.35;margin:0 0 14px}
.lead{font-size:19px;max-width:34em;color:#CFEBEE;margin:0 0 26px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-art svg{width:100%;max-width:360px;display:block;margin-inline:auto}
.ring{fill:none;stroke:#7FD6DF;stroke-width:1.6;transform-box:fill-box;transform-origin:center;opacity:0;animation:ripple 7s ease-out infinite}
.ring:nth-of-type(2){animation-delay:1.75s}
.ring:nth-of-type(3){animation-delay:3.5s}
.ring:nth-of-type(4){animation-delay:5.25s}
@keyframes ripple{0%{transform:scale(.35);opacity:0}12%{opacity:.75}100%{transform:scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ring{animation:none;opacity:.35}
  .ring:nth-of-type(2){transform:scale(.7)}
  .ring:nth-of-type(3){transform:scale(.95)}
  .ring:nth-of-type(4){transform:scale(1.2);opacity:.15}
  html{scroll-behavior:auto}
}
.wave{position:absolute;inset-inline:0;bottom:-1px;width:100%;height:70px;display:block}
.wave path{fill:var(--bg)}
@media (max-width:820px){.hero-grid{grid-template-columns:1fr;padding-block:40px 100px}.hero-art{display:none}}

/* sections */
.sec{padding-block:56px}
.sec-first{padding-top:20px}
.sec-alt{background:var(--foam)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 20px;flex-wrap:wrap;margin-bottom:24px}
.sec h2,.sec-head h2{margin:0;font-size:30px;line-height:1.5}
.h2{font-size:28px;line-height:1.5;margin:36px 0 10px}
.more{font-weight:600;text-decoration:none}
.more:hover{text-decoration:underline}
.empty{padding:32px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--mute);background:var(--surface)}
.prose p{margin:0 0 1em}
.ticks{margin:0;padding:0;list-style:none}
.ticks li{padding:8px 34px 8px 0;position:relative;border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:18px;width:16px;height:16px;border-radius:50%;background:var(--aqua)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;border:1px solid transparent;font:600 16px/1.5 'IBM Plex Sans Arabic',Tahoma,sans-serif;cursor:pointer;text-decoration:none}
.btn-light{background:#fff;color:#0A2A33}
.btn-line{border-color:rgba(255,255,255,.55);color:#fff;background:transparent}
.btn-primary{background:var(--deep);color:#fff}
.btn-primary:hover{background:var(--ink)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text);background:var(--surface)}

/* announcement + chairman */
.ann{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ann img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
.ann.noimg{grid-template-columns:1fr}
.ann-t{padding:24px 28px 24px 24px}
.ann-t h2{font-size:26px;margin:0 0 8px}
@media (max-width:760px){.ann{grid-template-columns:1fr}.ann-t{padding:20px}}
.chair{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
.chair-img{width:220px;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;border:1px solid var(--line)}
.chair.noimg{grid-template-columns:1fr}
.chair>div{min-width:0}
.chair h2{margin:0 0 10px}
.chair blockquote{margin:0;padding:0 18px 0 0;border-inline-start:4px solid var(--aqua)}
.sign{margin:14px 0 0}
@media (max-width:700px){.chair{grid-template-columns:1fr}.chair-img{width:160px}}

/* news */
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:26px}
.ncard{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.ncard:hover{border-color:var(--aqua)}
.media{aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--aqua))}
.media img{width:100%;height:100%;object-fit:cover;display:block}
.ph{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.85)}
.ph svg{width:60px;height:60px}
.nb{padding:14px 18px 18px}
.ncard h3{font-size:19px;line-height:1.7;margin:2px 0 6px}
.ncard:hover h3{color:var(--aqua-d)}
.ncard p{margin:0 0 6px;color:var(--mute);font-size:16px;line-height:1.8}
.rm{font-weight:600;color:var(--aqua-d);font-size:15px}
.meta{color:var(--mute);font-size:14.5px}
.newsvid{width:100%;max-height:420px;background:#000;border-radius:10px;margin-bottom:28px;display:block}
.pager{display:flex;gap:6px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.pager a{min-width:40px;text-align:center;padding:5px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:var(--surface);color:var(--text)}
.pager a[aria-current=page]{background:var(--deep);color:#fff;border-color:var(--deep)}
.article{max-width:820px;margin-inline:auto}
.art-title{font-size:clamp(26px,3.6vw,34px)!important;line-height:1.6!important;margin:8px 0 6px!important}
.back{display:inline-block;font-weight:600;text-decoration:none}
.gallery{display:grid;gap:12px;margin:18px 0 24px}
.gallery.g2,.gallery.g3{grid-template-columns:repeat(2,1fr)}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;aspect-ratio:4/3}
.gallery.g1 img{aspect-ratio:auto;max-height:520px;object-fit:contain;background:var(--foam)}
@media (max-width:560px){.gallery.g2,.gallery.g3{grid-template-columns:1fr}}

/* services + stats */
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.svc h3{margin:0;font-size:22px}
.svc p{margin:0 0 12px;color:var(--mute);flex:1}
@media (max-width:820px){.svcs{grid-template-columns:1fr}}
.stats{background:linear-gradient(160deg,var(--ink),var(--deep));color:#fff;padding:48px 0}
.stats-h{margin:0 0 24px;font-size:28px;text-align:center}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.sn{display:block;font-size:clamp(34px,5vw,52px);line-height:1.3}
.sl{display:block;color:#CFEBEE}
@media (max-width:700px){.stats-grid{grid-template-columns:1fr}}

/* tenders */
.tlist{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.trow{display:grid;grid-template-columns:110px 1fr auto;gap:10px 22px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:0}
.trow-n{text-align:center;background:var(--foam);border-radius:10px;padding:8px 6px;line-height:1.4}
.tn{display:block;font-size:30px;color:var(--deep)}
.tk{display:block;font-size:12.5px;color:var(--mute)}
.trow-m h3{margin:0;font-size:19px;line-height:1.7}
.trow-m p{margin:0 0 4px}
.trow-d{color:var(--mute);font-size:15px}
.trow-d b{color:var(--text)}
.trow-a{display:flex;gap:8px;flex-wrap:wrap}
.badge{display:inline-block;padding:0 12px;border-radius:99px;font-size:13.5px;font-weight:600;margin-inline-start:8px}
.b-closed{background:var(--grey-bg);color:var(--mute)}
@media (max-width:760px){.trow{grid-template-columns:1fr}.trow-n{display:flex;gap:8px;justify-content:center;align-items:baseline}}

/* contact + forms */
.two{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.contact-list{list-style:none;margin:0 0 18px;padding:0}
.contact-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.contact-list small{display:block;color:var(--mute);font-size:14px;line-height:1.6}
.contact-list b{font-weight:600;font-size:18px}
.cform{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.cform h3{margin:0 0 12px;font-size:24px}
.field{display:grid;gap:5px;margin-bottom:14px}
.field>span{font-weight:600;font-size:15.5px}
input,textarea,select{font:inherit;font-size:16px;line-height:1.6;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);width:100%;min-width:0}
textarea{resize:vertical}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:560px){.cols2{grid-template-columns:1fr}}
.hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
.flash{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-weight:500}
.flash-ok{background:var(--ok-bg);color:var(--ok)}
.flash-err{background:var(--bad-bg);color:var(--bad)}

/* page head */
.pagehead{background:linear-gradient(160deg,var(--ink),var(--deep));color:#fff;padding:38px 0}
.pagehead h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.4}
.pagehead p{margin:4px 0 0;color:#CFEBEE}

/* news ticker */
.ticker{background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.tk-in{display:flex;align-items:stretch;gap:14px}
.tk-label{flex:none;display:flex;align-items:center;background:var(--aqua);color:#05161B;font:600 15px 'Reem Kufi',Tahoma,sans-serif;padding:5px 16px;border-radius:0 0 8px 8px}
.tk-view{flex:1;min-width:0;overflow:hidden}
.tk-track{display:flex;width:max-content;animation:tk 55s linear infinite}
.tk-view:hover .tk-track,.tk-view:focus-within .tk-track{animation-play-state:paused}
.tk-set{display:flex;flex:none;min-width:100vw}
.tk-set a{position:relative;color:#fff;text-decoration:none;white-space:nowrap;padding:6px 28px;font-size:15.5px;line-height:1.7}
.tk-set a::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--aqua);transform:translateY(-50%)}
.tk-set a:hover{text-decoration:underline}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}.tk-view{overflow-x:auto}.tk-set[aria-hidden]{display:none}}

/* alerts bar */
.alerts{position:relative;z-index:50}
.alert{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:16px;line-height:1.6}
.alert .ai{flex:none;display:grid;place-items:center}
.alert .ai svg{width:22px;height:22px}
.alert .at{flex:1;min-width:0}
.alert .al{flex:none;font-weight:600;color:inherit;text-decoration:underline}
.alert .ax{flex:none;background:none;border:0;color:inherit;font-size:26px;line-height:1;cursor:pointer;padding:0 6px;opacity:.8}
.alert .ax:hover{opacity:1}
.alert-info{background:#D9EEF7;color:#0B3C52}
.alert-warning{background:#FCEFD6;color:#6B3F03}
.alert-urgent{background:#B42318;color:#fff}
.alert-urgent .al{color:#fff}
.h3{font-size:22px;margin:26px 0 6px}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.teaser{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none;color:inherit}
.teaser:hover{border-color:var(--aqua)}
.teaser h3{margin:0 0 6px;font-size:24px}
.teaser p{margin:0 0 8px;color:var(--mute)}
@media (max-width:760px){.two2{grid-template-columns:1fr}}

/* footer */
.footer{background:var(--ink);color:#BFE3E7;padding:44px 0 20px}
.footer a{color:#fff}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
@media (max-width:760px){.fgrid{grid-template-columns:1fr}}
.footer h4{margin:0 0 8px;color:#fff;font:600 18px 'Reem Kufi',Tahoma,sans-serif}
.footer p{margin:0 0 6px;font-size:15.5px}
.footer ul{list-style:none;margin:0;padding:0;font-size:15.5px}
.footer li{padding:2px 0}
.fcopy{border-top:1px solid rgba(255,255,255,.15);margin-top:28px;padding-top:16px;font-size:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

@media print{.ticker,.alerts,.topbar,.site-header,.footer,.hero,.btn{display:none!important}body{background:#fff}}