/* DIWP new_home — Editorial Blue (v7: curved panel hero like reference) */
:root{
  --nh-ink:#0a2e52; --nh-ink2:#0d3a68; --nh-accent:#1e88d6; --nh-accent-d:#1567a8;
  --nh-cyan:#35c1cf; --nh-teal:#28b3a6; --nh-purple:#7a5cff;
  --nh-line:#e7ecf1; --nh-mist:#f5f7fa; --nh-text:#14202e; --nh-muted:#5b6b7d;
  --nh-ar:"Dubai","Tajawal","Cairo","Noto Kufi Arabic",system-ui,sans-serif;
  --nh-en:"Dubai","Poppins","Segoe UI",system-ui,sans-serif;
}
body.new-home{ font-family:var(--nh-ar); color:var(--nh-text); background:#fff; direction:rtl; line-height:1.7; }
body.new-home .nh-wrap{ max-width:1180px; margin:0 auto; padding:0 28px; }
body.new-home a{ text-decoration:none; }
body.new-home h1,body.new-home h2,body.new-home h3,body.new-home h4,body.new-home h5{ font-family:var(--nh-ar); }
.nh-eyebrow{ font-family:var(--nh-en); direction:ltr; font-size:12px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; color:#8fc7f6; }
.nh-eyebrow.nh-ac{ color:var(--nh-accent); }
h2.nh-sec{ font-size:clamp(24px,3.2vw,32px); font-weight:800; letter-spacing:-.01em; margin:8px 0 0; color:var(--nh-ink); }
.nh-sec-head{ margin-bottom:32px; text-align:right; }
.nh-btn{ font-family:var(--nh-ar); font-size:15px; font-weight:700; border:0; cursor:pointer; border-radius:28px; padding:12px 26px; display:inline-flex; align-items:center; gap:8px; transition:background .2s, transform .12s; }
.nh-btn:active{ transform:scale(.97); }
.nh-btn i{ font-size:12px; }
.nh-btn-p{ background:var(--nh-accent); color:#fff; }
.nh-btn-p:hover{ background:var(--nh-accent-d); color:#fff; }
.nh-btn-o{ background:transparent; color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5); }
.nh-btn-o:hover{ background:rgba(255,255,255,.12); color:#fff; }
.nh-lg{ font-size:16px; padding:13px 32px; }

/* header */
.nh-header{ position:sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid var(--nh-line); box-shadow:0 2px 16px rgba(10,46,82,.07); }
.nh-nav{ display:flex; align-items:center; justify-content:space-between; min-height:76px; gap:18px; }
.nh-brand{ display:flex; align-items:center; gap:10px; color:var(--nh-ink); font-weight:800; font-size:16px; flex:none; }
.nh-brand img{ max-height:58px; width:auto; display:block; }
.nh-mk{ width:34px; height:34px; border-radius:8px; background:var(--nh-ink); color:#fff; display:grid; place-items:center; font-size:17px; }
.nh-links{ display:flex; gap:26px; margin-inline-start:auto; }
.nh-links a{ color:#34455a; font-size:15px; font-weight:500; padding:8px 2px; position:relative; }
.nh-links a:hover{ color:var(--nh-ink); }
.nh-links a::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:var(--nh-accent); transform:scaleX(0); transition:transform .22s; }
.nh-links a:hover::after{ transform:scaleX(1); }
.nh-links a.nh-active{ color:var(--nh-ink); font-weight:700; }
.nh-links a.nh-active::after{ transform:scaleX(1); }
.nh-menu{ display:none; background:none; border:0; color:var(--nh-ink); font-size:24px; cursor:pointer; }

/* hero — full-bleed slider + curved dark panel + floating stat card */
.nh-hero{ position:relative; min-height:calc(100vh - 76px); overflow:hidden; background:#e9f1f8; }
.nh-hero-slides{ position:absolute; inset:0; z-index:1; }
.nh-hero-slides .carousel,.nh-hero-slides .carousel-inner,.nh-hero-slides .carousel-item{ height:100%; }
.nh-hero-slides .carousel-item img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.nh-hero-panel{ position:absolute; top:0; right:0; height:100%; width:45%; z-index:3;
  background:linear-gradient(150deg,#0f4176 0%, #0a2c52 70%);
  border-radius:40% 0 0 40% / 52% 0 0 52%;
  box-shadow:-34px 0 80px rgba(8,26,50,.4);
  display:flex; align-items:center; }
.nh-panel-in{ width:100%; text-align:right; padding:40px clamp(30px,3.4vw,50px) 120px clamp(56px,7vw,110px); }
.nh-hero-panel .nh-eyebrow{ color:#7fc4e8; }
.nh-hero-panel h1{ font-size:clamp(28px,3.1vw,50px); font-weight:800; line-height:1.32; color:#fff; margin:14px 0 18px; letter-spacing:-.01em; }
.nh-accent{ color:var(--nh-cyan); }
.nh-hero-panel .nh-lead{ position:relative; font-size:clamp(15px,1.3vw,18px); color:#c6d6e6; line-height:1.95; margin:0 0 28px; padding-inline-start:16px; }
.nh-hero-panel .nh-lead::before{ content:""; position:absolute; inset-inline-start:0; top:6px; width:4px; height:24px; background:var(--nh-cyan); border-radius:4px; }
.nh-hero-panel .nh-cta-row{ display:flex; gap:14px; flex-wrap:wrap; }
/* floating stat card */
.nh-statcard{ position:absolute; left:3%; right:3%; bottom:24px; z-index:6; background:#fff; border-radius:24px;
  box-shadow:0 26px 64px rgba(8,28,52,.2); display:flex; justify-content:space-around; align-items:center; padding:20px 26px; }
.nh-stat{ display:flex; align-items:center; gap:14px; flex:1; justify-content:center; position:relative; }
.nh-stat:not(:last-child)::after{ content:""; position:absolute; inset-inline-start:0; top:18%; height:64%; width:1px; background:var(--nh-line); }
.nh-stat-txt{ text-align:right; }
.nh-stat-txt b{ display:block; font-size:30px; font-weight:800; color:var(--nh-ink); line-height:1; font-family:var(--nh-en); }
.nh-stat-txt b.c-teal{ color:var(--nh-teal); } .nh-stat-txt b.c-blue{ color:var(--nh-accent); } .nh-stat-txt b.c-purple{ color:var(--nh-purple); }
.nh-stat-txt span{ font-size:13px; color:var(--nh-muted); }
.nh-stat-ic{ width:54px; height:54px; border-radius:50%; display:grid; place-items:center; color:#fff; font-size:23px; flex:none; }
.ic-teal{ background:var(--nh-teal); } .ic-blue{ background:var(--nh-accent); } .ic-purple{ background:var(--nh-purple); }

/* about */
.nh-about{ padding:78px 0 72px; }
.nh-about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.nh-about-grid > div:first-child{ text-align:right; }
.nh-lead2{ font-size:17px; color:#2c3a4b; line-height:2; margin-top:12px; }
.nh-feats{ display:grid; gap:16px; }
.nh-feat{ display:flex; gap:14px; align-items:flex-start; text-align:right; background:var(--nh-mist); border:1px solid var(--nh-line); border-radius:14px; padding:18px 20px; transition:border-color .2s, transform .2s; }
.nh-feat:hover{ border-color:#cfe1f3; transform:translateY(-2px); }
.nh-feat .nh-ic{ width:42px; height:42px; flex:none; border-radius:11px; background:#e6f1fb; color:var(--nh-accent); display:grid; place-items:center; font-size:20px; }
.nh-feat h4{ margin:0 0 3px; font-size:16px; font-weight:700; color:var(--nh-ink); }
.nh-feat p{ margin:0; font-size:14px; color:var(--nh-muted); }

/* people — modern overlay cards */
.nh-people{ padding:60px 0; }
.nh-people.nh-alt{ background:var(--nh-mist); border-block:1px solid var(--nh-line); }
.nh-people-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.nh-person{ position:relative; display:block; aspect-ratio:3/4; border-radius:18px; overflow:hidden; background:var(--nh-ink); box-shadow:0 10px 30px rgba(10,46,82,.12); }
.nh-pimg{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.nh-person:hover .nh-pimg{ transform:scale(1.06); }
.nh-person::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(6,24,44,.94) 2%, rgba(6,24,44,.5) 34%, transparent 66%); }
.nh-pinfo{ position:absolute; inset-inline:0; bottom:0; z-index:2; padding:18px 18px 16px; text-align:right; }
.nh-pinfo h4{ margin:0 0 2px; font-size:16.5px; font-weight:700; color:#fff; }
.nh-pinfo span{ display:block; font-size:12.5px; color:#bcd3ea; }
.nh-more{ text-align:center; margin-top:32px; }
.nh-more a{ color:var(--nh-accent); font-weight:700; font-size:15px; }
.nh-more a:hover{ color:var(--nh-accent-d); }

/* news */
.nh-news{ padding:62px 0; background:var(--nh-mist); border-block:1px solid var(--nh-line); }
.nh-news-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.nh-ncard{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--nh-line); border-radius:18px; overflow:hidden; box-shadow:0 6px 22px rgba(10,46,82,.06); transition:transform .2s, box-shadow .2s; }
.nh-ncard:hover{ transform:translateY(-5px); box-shadow:0 20px 46px rgba(10,46,82,.13); }
.nh-nthumb{ height:158px; overflow:hidden; background:var(--nh-ink); }
.nh-nthumb img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.nh-ncard:hover .nh-nthumb img{ transform:scale(1.05); }
.nh-nbody{ padding:20px; text-align:right; }
.nh-date{ display:inline-block; font-family:var(--nh-en); direction:ltr; font-size:11.5px; color:var(--nh-accent-d); font-weight:600; background:#e6f1fb; padding:3px 11px; border-radius:20px; }
.nh-ncard h3{ margin:12px 0 0; font-size:17px; color:var(--nh-ink); line-height:1.6; font-weight:700; }

/* partners */
.nh-partners{ padding:80px 0 88px; }
.nh-plogos{ display:flex; gap:18px; flex-wrap:wrap; justify-content:center; margin-top:40px; }
.nh-plogo{ width:168px; height:86px; border-radius:14px; background:#fff; border:1px solid var(--nh-line); display:grid; place-items:center; padding:14px; }
.nh-plogo img{ max-width:100%; max-height:100%; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s, opacity .2s; }
.nh-plogo:hover img{ filter:none; opacity:1; }

/* band */
.nh-band{ background:var(--nh-ink); color:#fff; position:relative; overflow:hidden; }
.nh-band::before{ content:""; position:absolute; inset:0; background:radial-gradient(700px 300px at 90% 130%, rgba(30,136,214,.5), transparent 60%); }
.nh-band-in{ position:relative; max-width:1180px; margin:0 auto; padding:74px 28px; display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap; }
.nh-band-in > div{ text-align:right; }
.nh-band h2{ font-size:28px; font-weight:800; margin:0; color:#fff; max-width:24ch; }
.nh-band p{ color:#c6d6e6; margin:8px 0 0; }

/* footer */
.nh-footer{ background:#08243f; color:#b9c9da; padding:56px 0 28px; font-size:14px; text-align:right; }
.nh-fgrid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:38px; }
.nh-footer h5{ color:#fff; font-size:15px; margin:0 0 14px; }
.nh-footer a{ color:#b9c9da; display:block; padding:5px 0; }
.nh-footer a:hover{ color:#fff; }
.nh-fbrand{ display:flex; align-items:center; gap:10px; color:#fff; font-weight:800; margin-bottom:12px; }
.nh-fbrand img{ max-height:52px; }
.nh-fabout{ margin:0; max-width:36ch; color:#9fb3c6; line-height:1.85; }
.nh-fbot{ margin-top:34px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); color:#8ba1b8; font-size:13px; }

@media (max-width:900px){
  .nh-hero{ min-height:auto; }
  .nh-hero-slides{ position:relative; height:300px; }
  .nh-hero-panel{ position:relative; width:100%; height:auto; border-radius:0; box-shadow:none; }
  .nh-panel-in{ padding:44px 26px; text-align:center; }
  .nh-hero-panel .nh-lead{ padding-inline-start:0; }
  .nh-hero-panel .nh-lead::before{ display:none; }
  .nh-hero-panel .nh-cta-row{ justify-content:center; }
  .nh-statcard{ position:relative; left:auto; right:auto; bottom:auto; margin:0; border-radius:0; box-shadow:none; flex-wrap:wrap; gap:22px 0; padding:24px; }
  .nh-stat{ flex:0 0 50%; }
  .nh-stat:not(:last-child)::after{ display:none; }
  .nh-about-grid{ grid-template-columns:1fr; gap:30px; }
  .nh-people-grid{ grid-template-columns:repeat(3,1fr); }
  .nh-news-grid{ grid-template-columns:1fr 1fr; }
  .nh-fgrid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .nh-links{ display:none; position:absolute; top:76px; inset-inline:0; background:#fff; flex-direction:column; padding:14px 28px; border-bottom:1px solid var(--nh-line); gap:8px; }
  .nh-links.open{ display:flex; }
  .nh-menu{ display:block; }
  .nh-people-grid,.nh-news-grid,.nh-fgrid{ grid-template-columns:1fr 1fr; }
  .nh-band-in{ flex-direction:column; align-items:flex-start; }
  .nh-stat{ flex:0 0 100%; }
}
@media (max-width:430px){ .nh-people-grid,.nh-news-grid{ grid-template-columns:1fr; } }