/* ══════════════════════════════════════════
   EXACT VALUES FROM LIVE SITE
   Body bg:        rgb(27, 70, 131)  #1b4683
   Section alt:    rgb(37, 54, 121)  #253679
   E-services:     rgb(0, 14, 34)    #000e22
   Primary(cyan):  rgb(61, 170, 225) #3daae1
   Teal (mission): rgb(0, 91, 112)   #005b70
   Container pad:  54.4px each side
   Section pad:    47.6px top/bottom
   Border radius:  20.4px (cards)
   Transition:     cubic-bezier(0.4,0,0.2,1)
══════════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}

:root{
  --bg:       #f2f6fc;
  --bg2:      #e5eef8;
  --dark:     #000e22;
  --cyan:     #3daae1;
  --teal:     #005b70;
  --teal2:    #008fa0;
  --white:    #fafafa;
  --w70:      rgba(250,250,250,0.7);
  --w40:      rgba(250,250,250,0.4);
  --w12:      rgba(250,250,250,0.12);
  --w06:      rgba(250,250,250,0.06);
  /* light-mode text */
  --dt:       #0d1f3c;
  --dt70:     rgba(13,31,60,.65);
  --dt40:     rgba(13,31,60,.4);
  --dt12:     rgba(13,31,60,.12);
  --dt06:     rgba(13,31,60,.06);
  --primary:  217 80% 35%;
  --ease:     cubic-bezier(0.4,0,0.2,1);
  --r:        20.4px;
  --r2:       24px;
  --cpad:     54.4px;
  --spad:     47.6px;
  /* Innovation Hub vars */
  --navy:     #1a2455;
  --navy2:    #111a40;
  --lime:     #b8d432;
  --ih-teal:  #1a8a9a;
}

html{scroll-behavior:smooth;}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--dt);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}

/* ── dot-grid texture ── */
body::before{
  content:'';position:fixed;inset:0;
  background-image:radial-gradient(circle,rgba(13,31,60,0.04) 1px,transparent 1px);
  background-size:30px 30px;pointer-events:none;z-index:0;
}

/* ── CONTAINER ── */
.container{
  width:100%;max-width:1536px;
  margin-left:auto;margin-right:auto;
  padding-left:var(--cpad);padding-right:var(--cpad);
}

/* ════════════════════════════════
   SCROLL-IN ANIMATION
════════════════════════════════ */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity 0.7s var(--ease), transform 0.7s var(--ease);
}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}
.reveal-delay-2{transition-delay:0.2s;}
.reveal-delay-3{transition-delay:0.3s;}
.reveal-delay-4{transition-delay:0.4s;}

/* ════════════════════════════════
   NAVBAR
════════════════════════════════ */
.navbar{
  position:absolute;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 36px;
}
.nav-left,.nav-right{display:flex;align-items:center;gap:10px;}

.icon-btn{
  width:36px;height:36px;border:1.5px solid rgba(255,255,255,.5);
  border-radius:50%;background:transparent;color:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:background 0.15s var(--ease),border-color 0.15s var(--ease);
}
.icon-btn:hover{background:rgba(255,255,255,.15);border-color:#fff;}

.nav-logo{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:#fff;}
.logo-ar{font-size:12.5px;font-weight:500;letter-spacing:.5px;}
.logo-en{font-size:10px;font-weight:700;letter-spacing:3.5px;opacity:.85;}

.lang-btn{
  background:transparent;border:1.5px solid rgba(255,255,255,.5);border-radius:4px;
  color:#fff;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;
  padding:5px 12px;cursor:pointer;letter-spacing:1px;
  transition:background 0.15s var(--ease),border-color 0.15s var(--ease);
}
.lang-btn:hover{background:rgba(255,255,255,.15);border-color:#fff;}

.menu-btn{
  width:40px;height:40px;background:var(--cyan);border:none;
  border-radius:50%;color:var(--white);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:opacity 0.15s var(--ease),transform 0.15s var(--ease);
}
.menu-btn:hover{opacity:.85;transform:scale(1.05);}

/* ════════════════════════════════
   HERO
════════════════════════════════ */
.hero{
  position:relative;width:100%;min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;
  overflow:hidden;
}

.hero-bg{
  position:absolute;inset:0;z-index:0;
  background:#0d1f3c url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=1920&q=85') center/cover no-repeat;
  transform:scale(1.03);
  transition:transform 8s ease;
}
.hero:hover .hero-bg{transform:scale(1);}

.hero-overlay{
  position:absolute;inset:0;z-index:1;  
  background: linear-gradient(135deg,rgba(0,0,0,.75) 0%,rgba(10,20,60,.55) 55%,rgba(10,20,60,.4) 100%);
}

/* Announcement text left */
.hero-content{
  position:relative;z-index:5;
  padding-top:120px;
  display:flex;flex-direction:column;
  align-items:flex-start;
  max-width:860px;
}
.hero-announce{
  font-size:clamp(28px,3.6vw,52px);
  font-weight:900;line-height:1.18;
  letter-spacing:-.5px;
  margin-bottom:28px;
  color:#fff;
}
.btn-readmore{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.12);
  border:1.5px solid rgba(255,255,255,.45);
  border-radius:999px;padding:11px 26px;
  font-size:14px;font-weight:600;color:var(--white);
  cursor:pointer;backdrop-filter:blur(4px);
  transition:background 0.2s var(--ease),border-color 0.2s var(--ease),transform 0.2s var(--ease);
}
.btn-readmore:hover{background:rgba(255,255,255,.22);border-color:var(--white);transform:translateX(3px);}

/* Hero bottom-right quick cards */
.hero-cards-wrap{
  position:absolute;bottom:0;right:0;z-index:5;
  width:50%;
  clip-path:polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
  background:rgba(240,245,252,.97);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.hero-cards-inner{
  display:flex;align-items:stretch;
  padding:28px 54px 28px 80px;
  gap:20px;
}
.hcard{
  flex:1;padding:20px 16px;
  border:1px solid var(--dt12);
  border-radius:var(--r);
  display:flex;flex-direction:column;justify-content:space-between;gap:12px;
  cursor:pointer;
  transition:background 0.2s var(--ease),border-color 0.2s var(--ease),transform 0.2s var(--ease);
  min-width:0;
}
.hcard:hover{background:var(--dt);border-color:var(--dt);transform:translateY(-3px);}
.hcard h3{font-size:15px;font-weight:700;line-height:1.35;margin-bottom:4px;color:var(--dt);}
.hcard p{font-size:12px;color:var(--dt70);line-height:1.5;transition:color 0.2s var(--ease);}
.hcard:hover h3{color:#fff;}
.hcard:hover p{color:rgba(255,255,255,.7);}
.hcard-arrow{
  font-size:22px;color:var(--cyan);font-weight:300;
  display:inline-block;
  transition:transform 0.2s var(--ease),color 0.2s var(--ease);
}
.hcard:hover .hcard-arrow{transform:translateX(5px);color:#fff;}

/* ════════════════════════════════
   ABOUT SECTION
════════════════════════════════ */
.about-section{
  position:relative;z-index:1;
  background:#ffffff;
  padding:var(--spad) 0;
  overflow:hidden;
}
.about-video-bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0.06;
  pointer-events:none;
  mix-blend-mode:normal;
}
.about-section .container{position:relative;z-index:1;}

.about-inner{display:flex;gap:0;align-items:flex-start;}
.about-left{flex:0 0 50%;max-width:50%;padding-top:8px;padding-right:56px;}

.section-pill{
  display:inline-block;background:var(--w06);
  border:1px solid var(--w40);border-radius:999px;
  font-size:12px;font-weight:600;padding:5px 18px;
  color:var(--white);margin-bottom:22px;
  transition:background 0.2s var(--ease);
}
.section-pill:hover{background:var(--w12);}

.about-text{
  font-size:clamp(14px,1.1vw,17px);font-weight:500;line-height:1.8;
  color:var(--dt);
  margin-bottom:32px;
}
.about-section .section-pill{color:var(--dt);border-color:var(--dt40);background:transparent;}
.about-section .btn-outline{border-color:var(--dt40);color:var(--dt);}
.about-section .btn-outline:hover{background:var(--dt06);border-color:var(--dt);}

.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid var(--w40);border-radius:999px;
  padding:10px 24px;font-size:13.5px;font-weight:600;
  color:var(--white);cursor:pointer;
  transition:background 0.2s var(--ease),border-color 0.2s var(--ease),gap 0.2s var(--ease);
}
.btn-outline:hover{background:var(--w12);border-color:var(--white);gap:14px;}
/* light-bg override (news section) */
.news-section .btn-outline{
  border-color:var(--dt40);color:var(--dt);
}
.news-section .btn-outline:hover{background:var(--dt06);border-color:var(--dt);}

.about-right{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;gap:14px;}

.vision-card{
  background:linear-gradient(135deg,#3daae1 0%,#2990c8 100%);
  border-radius:var(--r2);padding:40px;
  position:relative;overflow:hidden;
  cursor:default;
  transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease);
}
.vision-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.25);}
.vision-card::after{
  content:'';position:absolute;
  width:280px;height:280px;border-radius:50%;
  background:rgba(255,255,255,.07);
  bottom:-80px;right:-60px;pointer-events:none;
}

.mission-card{
  background:linear-gradient(135deg,#00879a 0%,#005b70 100%);
  border-radius:var(--r2);padding:40px;
  position:relative;overflow:hidden;
  cursor:default;
  transition:transform 0.3s var(--ease),box-shadow 0.3s var(--ease);
}
.mission-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.25);}
.mission-card::after{
  content:'';position:absolute;
  width:280px;height:280px;border-radius:50%;
  background:rgba(255,255,255,.07);
  bottom:-80px;right:-60px;pointer-events:none;
}

.card-label{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);margin-bottom:10px;}
.vision-card h2,.mission-card h2{font-size:clamp(18px,1.8vw,26px);font-weight:800;line-height:1.35;color:#fff;}

/* ════════════════════════════════
   STRATEGY — ACCORDION EXPAND
════════════════════════════════ */
.strategy-section{
  position:relative;z-index:1;
  background:var(--bg);
  padding:var(--spad) 0 64px;
  overflow:hidden;
}
.strat-header{text-align:center;margin-bottom:48px;}
.strat-header .section-label{
  display:block;font-size:clamp(22px,2.5vw,34px);font-weight:800;color:var(--dt);
  margin-bottom:8px;
}
.strat-header h2{font-size:15px;font-weight:500;color:var(--dt70);margin-top:0;}
.strat-header p{font-size:14px;color:var(--w70);margin-top:6px;}

/* KEY: horizontal flex row — cards expand on hover */
.strat-track{
  display:flex;flex-direction:row;
  gap:20px;align-items:flex-start;
}

.strat-card{
  position:relative;
  flex:0 1 435px;min-width:180px;
  height:435px;
  border-radius:var(--r);
  padding:28px;
  overflow:hidden;
  cursor:pointer;
  transition:all 1s var(--ease);
}
.strat-card:hover{
  flex:0 0 850px;
}

/* gradient overlay inside card */
.strat-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 60%);
  pointer-events:none;z-index:0;
}

.strat-blue{background:rgb(61,170,225);}
.strat-navy{background:rgb(37,54,121);}

.strat-card-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;}

/* icon + title row — stacked by default, horizontal on hover */
.strat-top{display:flex;flex-direction:column;gap:14px;}
.strat-card:hover .strat-top{flex-direction:row;align-items:center;gap:20px;margin-bottom:28px;}

.strat-icon{
  width:52px;height:52px;border-radius:14px;
  background:rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:transform 0.3s var(--ease);
}
.strat-card:hover .strat-icon{transform:scale(1.06);}

.strat-card h3{font-size:32px;font-weight:800;margin:0;white-space:nowrap;color:#fff;}

/* ghost number — prominent when collapsed, faint watermark when expanded */
.strat-bg-num{
  position:absolute;bottom:20px;left:24px;
  color:#fff;
  font-size:140px;font-weight:900;line-height:1;
  opacity:1;pointer-events:none;letter-spacing:-6px;
  transition:opacity 0.6s var(--ease), font-size 0.6s var(--ease);
  z-index:0;
}
.strat-card:hover .strat-bg-num{opacity:.1;font-size:200px;}

/* items grid — hidden until hover */
.strat-items{
  display:grid;
  gap:18px 28px;
  opacity:0;transform:translateY(14px);
  transition:opacity 0.5s var(--ease),transform 0.5s var(--ease);
  transition-delay:0.32s;
  pointer-events:none;
  position:relative;z-index:1;
}
.strat-items-2col{grid-template-columns:1fr 1fr;}
.strat-items-3col{grid-template-columns:1fr 1fr 1fr;}
.strat-card:hover .strat-items{opacity:1;transform:translateY(0);pointer-events:auto;}

.strat-item{display:flex;flex-direction:column;gap:2px;}
.strat-item-label{font-size:11px;font-weight:600;opacity:.62;letter-spacing:.3px;color:#fff;}
.strat-item-title{font-size:14px;font-weight:700;line-height:1.35;color:#fff;}
.strat-item-desc{font-size:12.5px;opacity:.78;line-height:1.45;margin-top:2px;color:#fff;}

/* value-specific small icon per item */
.strat-val-icon{width:34px;height:34px;margin-bottom:6px;opacity:.92;}

/* ════════════════════════════════
   MAP SECTION — INTERACTIVE
════════════════════════════════ */
.dark-sections-wrap{
  margin:0 var(--cpad);
  border-radius:28px;
  overflow:hidden;
  position:relative;z-index:1;
}
.map-section{
  position:relative;z-index:1;
  background:linear-gradient(180deg,#0d1b50 0%,#06112a 55%,#030a1a 100%);
  height:100vh;
  min-height:680px;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.map-video-bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0.72;
  pointer-events:none;
}
.map-logo-pin{
  display:flex;justify-content:center;
  padding-top:24px;margin-bottom:4px;
  position:relative;z-index:2;
  animation:float 3s ease-in-out infinite;
}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.map-header-title{
  text-align:center;font-size:16px;font-weight:700;color:#fff;
  letter-spacing:.5px;padding-bottom:12px;
  position:relative;z-index:2;
  display:flex;justify-content:center;
}
.map-header-title span{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:8px 24px;
}
.map-body{
  display:flex;flex:1;align-items:stretch;overflow:hidden;
  position:relative;z-index:2;
}

/* ── LEFT PANEL ── */
.map-left{
  flex:0 0 50%;
  padding:40px 56px;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(255,255,255,.08);
  position:relative;
  background:linear-gradient(135deg,rgba(20,45,120,.5) 0%,transparent 100%);
}
.map-nav-arrow{
  position:absolute;right:-16px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;background:rgba(255,255,255,.12);
  border:none;color:#fff;border-radius:50%;
  display:none;align-items:center;justify-content:center;
  font-size:14px;cursor:pointer;z-index:5;
  transition:background .2s;
}
.map-nav-arrow.visible{display:flex;}
.map-nav-arrow:hover{background:rgba(255,255,255,.22);}
.map-panel{display:none;}
.map-panel.active{display:block;}
.map-default-num{color:#c5d400;font-size:88px;font-weight:900;line-height:1;margin-top:24px;}
.map-default-label{font-size:24px;font-weight:700;margin-top:6px;color:#fff;}
.map-sector-title{font-size:24px;font-weight:800;margin-bottom:12px;color:#fff;}
.map-sector-desc{font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.78);margin-bottom:20px;}
.map-cluster-list{display:flex;flex-direction:column;gap:10px;}
.map-cluster-item{
  display:flex;align-items:center;gap:12px;
  background:rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;
  cursor:pointer;transition:background .25s ease,transform .2s ease;
  width:100%;box-sizing:border-box;
}
.map-cluster-item:hover{background:#c5d400;transform:translateX(4px);}
.map-cluster-item:hover .map-cluster-ar{color:#1b3f8c;}
.map-cluster-item:hover .map-cluster-en{color:#1b3f8c;}
.map-cluster-item:hover .map-cluster-icon{filter:brightness(0) saturate(100%);}
.map-cluster-item.active{background:#c5d400;}
.map-cluster-item.active .map-cluster-ar{color:#1b3f8c;}
.map-cluster-item.active .map-cluster-en{color:#1b3f8c;}
.map-cluster-item.active .map-cluster-icon{filter:brightness(0) saturate(100%);}
.map-cluster-icon{width:36px;height:36px;flex-shrink:0;}
.map-cluster-text{display:flex;flex-direction:column;gap:2px;}
.map-cluster-ar{font-size:11.5px;font-weight:700;direction:rtl;color:rgba(255,255,255,.75);transition:color .25s;}
.map-cluster-en{font-size:12.5px;font-weight:700;transition:color .25s;}

/* ── CLUSTER DETAIL OVERLAY ── */
.cluster-detail{
  position:absolute;inset:0;z-index:20;
  background:rgba(14,30,98,0.97);
  display:none;flex-direction:column;
  align-items:center;justify-content:center;
  padding:32px 40px;text-align:center;overflow-y:auto;
}
.cluster-detail.active{display:flex;}
.cluster-detail-wm{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  opacity:0.07;pointer-events:none;z-index:0;
}
.cluster-detail-back{
  position:absolute;top:20px;left:24px;
  background:none;border:none;color:#fff;
  font-size:28px;line-height:1;cursor:pointer;
  opacity:.55;transition:opacity .2s;z-index:2;font-family:inherit;
}
.cluster-detail-back:hover{opacity:1;}
.cluster-detail-map-title{
  font-size:13px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:rgba(255,255,255,.5);
  margin-bottom:16px;position:relative;z-index:1;
}
.cluster-detail-name{
  font-size:clamp(22px,2.8vw,36px);font-weight:800;color:#fff;
  margin-bottom:12px;position:relative;z-index:1;
}
.cluster-detail-desc{
  font-size:13.5px;line-height:1.75;
  color:rgba(255,255,255,.72);
  max-width:680px;margin:0 auto 28px;
  position:relative;z-index:1;
}
.cluster-stats-card{
  background:rgba(255,255,255,.09);border-radius:14px;
  padding:22px 28px;display:flex;gap:0;
  align-items:stretch;width:100%;max-width:820px;
  margin-bottom:28px;position:relative;z-index:1;
}
.cluster-stat{
  flex:1;display:flex;flex-direction:column;
  align-items:center;gap:4px;padding:4px 8px;
}
.cluster-stat+.cluster-stat{border-left:1px solid rgba(255,255,255,.13);}
.cluster-stat-icon{margin-bottom:4px;}
.cluster-stat-num{font-size:24px;font-weight:800;line-height:1;}
.cluster-stat-label{font-size:11px;color:rgba(255,255,255,.62);text-align:center;line-height:1.35;}
.cluster-actions{
  display:flex;gap:10px;flex-wrap:wrap;
  justify-content:center;position:relative;z-index:1;
}
.cluster-action-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 18px;border-radius:24px;
  border:1.5px solid rgba(255,255,255,.32);
  background:transparent;color:#fff;
  font-size:12.5px;font-weight:600;
  cursor:pointer;transition:all .22s;font-family:inherit;
}
.cluster-action-btn:hover{background:rgba(255,255,255,.1);}
.cluster-action-btn.lime{border-color:#c5d400;color:#c5d400;}
.cluster-action-btn.lime:hover{background:rgba(197,212,0,.1);}
.cluster-action-btn.filled{background:#3daae1;border-color:#3daae1;}
.cluster-action-btn.filled:hover{background:#2d90c5;border-color:#2d90c5;}

/* ── SVG MAP ── */
.map-right{flex:0 0 50%;position:relative;overflow:hidden;}
.sa-svg{position:absolute;inset:0;width:100%;height:100%;display:block;}
.sa-region{
  fill:#2462c8;cursor:pointer;
  stroke:rgba(255,255,255,.35);stroke-width:1.8;stroke-linejoin:round;
  transition:fill .35s ease,filter .35s ease;
}
.sa-region:hover{fill:#3577e0;filter:drop-shadow(0 0 10px rgba(80,140,255,.45));}
.sa-region.active{fill:#c5d400;filter:drop-shadow(0 0 14px rgba(197,212,0,.55));}
.sa-surrounding{fill:#15338a;opacity:.7;}
.sa-land-glow{fill:#1a50b8;filter:blur(18px);opacity:.55;pointer-events:none;}
@keyframes pin-glow{
  0%,100%{filter:drop-shadow(0 0 5px rgba(197,212,0,.65));}
  50%{filter:drop-shadow(0 0 16px rgba(197,212,0,1));}
}
.sa-pin-bg{
  fill:#c5d400;cursor:pointer;
  transition:fill .3s ease;
  animation:pin-glow 2.8s ease-in-out infinite;
}
.sa-pin-bg.active{
  fill:#fff;stroke:#c5d400;stroke-width:2.5;
  filter:drop-shadow(0 0 12px rgba(197,212,0,.95));
  animation:none;
}
.sa-pin-label{
  font-family:'DM Sans',sans-serif;font-size:12.5px;font-weight:800;
  fill:#c5d400;text-anchor:middle;pointer-events:none;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.7));
  transition:fill .3s ease;
}
.sa-pin-label.active{fill:#fff;}

/* ════════════════════════════════
   E-SERVICES
════════════════════════════════ */
.eservices-section{
  position:relative;z-index:1;
  background:#060d1d;
  padding:72px 0 88px;
}
.eservices-section .eservices-title{color:#fff;}
.eservices-section .ecard{background:#0b1525;border-color:rgba(61,170,225,.32);}
.eservices-section .ecard:hover{border-color:rgba(61,170,225,.88);box-shadow:0 24px 56px rgba(0,0,0,.55);}
.eservices-section .ecard-thumb{background:#08111f;}
.eservices-section .ecard-logo-ar{color:#fff;}
.eservices-section .ecard-logo-en{color:rgba(255,255,255,.55);}
.eservices-section .ecard-logo-sep{background:rgba(255,255,255,.2);}
.eservices-section .ecard-name{color:#fff;border-top-color:rgba(255,255,255,.07);}
.eservices-section .ecard-ab{background:rgba(255,255,255,.08);}
.eservices-section .ecard-ab:hover{background:rgba(255,255,255,.14);}
.eservices-section .ecard-ab-sub{color:rgba(255,255,255,.55);}
.eservices-section .ecard-ab-label{color:#fff;}
.eservices-top{text-align:center;margin-bottom:52px;}
.eservices-label{display:none;}
.eservices-title{font-size:32px;font-weight:800;color:var(--dt);}

.eservices-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:start;}

.ecard{
  border:1.5px solid var(--dt12);
  border-radius:18px;
  background:#ffffff;
  display:flex;flex-direction:column;
  cursor:pointer;overflow:hidden;
  transition:border-color .28s,transform .28s,box-shadow .28s;
}
.ecard:hover{
  border-color:var(--cyan);
  transform:translateY(-7px);
  box-shadow:0 24px 56px rgba(13,31,60,.12);
}
.ecard-thumb{
  display:flex;align-items:center;justify-content:center;
  padding:44px 28px 40px;
  background:#f0f5fc;
  flex:1;
}
.ecard-logo{display:flex;align-items:center;gap:12px;}
.ecard-logo-text{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.ecard-logo-ar{font-size:17px;font-weight:800;color:var(--dt);letter-spacing:.3px;}
.ecard-logo-en{font-size:11.5px;font-weight:600;color:var(--dt70);letter-spacing:.5px;}
.ecard-logo-sep{width:1.5px;height:34px;background:var(--dt40);flex-shrink:0;margin:0 2px;}
.ecard-name{
  padding:15px 20px;
  font-size:13.5px;font-weight:700;text-align:center;color:var(--dt);
  border-top:1px solid var(--dt12);
  letter-spacing:.3px;
  transition:opacity .2s,max-height .35s;
}
.ecard:hover .ecard-name{opacity:0;max-height:0;padding:0;overflow:hidden;border:none;}
.ecard-actions{
  max-height:0;overflow:hidden;opacity:0;
  padding:0 14px;
  transition:max-height .4s ease,opacity .3s ease,padding .35s ease;
  display:flex;flex-direction:column;gap:8px;
}
.ecard:hover .ecard-actions{max-height:280px;opacity:1;padding:14px 14px 16px;}
.ecard-ab{
  display:flex;align-items:center;gap:11px;
  padding:10px 14px;border-radius:12px;
  background:var(--dt06);
  border:none;cursor:pointer;width:100%;
  text-align:left;transition:background .2s;font-family:inherit;
}
.ecard-ab:hover{background:var(--dt12);}
.ecard-ab.web{background:rgba(61,170,225,.15);}
.ecard-ab.web:hover{background:rgba(61,170,225,.28);}
.ecard-ab-icon{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ecard-ab-text{display:flex;flex-direction:column;gap:1px;}
.ecard-ab-sub{font-size:10px;color:var(--dt70);line-height:1;}
.ecard-ab-label{font-size:13px;font-weight:700;color:var(--dt);line-height:1.3;}

/* ════════════════════════════════
   JOURNEY
════════════════════════════════ */
.journey-section{
  position:relative;z-index:1;
  background:#ffffff;
  padding:120px 0 100px;
}
.journey-section::after{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(13,31,60,.04) 1px,transparent 1px);
  background-size:30px 30px;pointer-events:none;
}
.journey-inner{display:flex;align-items:center;gap:72px;position:relative;z-index:1;}
.journey-left{flex:1;max-width:500px;}
.journey-title{font-size:30px;font-weight:900;line-height:1.2;margin-bottom:10px;color:var(--dt);}
.journey-sub{font-size:14.5px;font-weight:600;color:var(--cyan);margin-bottom:18px;}
.journey-text{font-size:14px;color:var(--dt70);line-height:1.8;}

.journey-right{flex:1;display:flex;justify-content:center;align-items:center;overflow:visible;}

/* Venn circles */
.venn{position:relative;width:700px;height:280px;flex-shrink:0;}
.venn-c{
  position:absolute;height:280px;
  display:flex;align-items:center;overflow:hidden;
  border-radius:140px;cursor:default;
  transition:width .48s cubic-bezier(.4,0,.2,1),border-radius .48s cubic-bezier(.4,0,.2,1);
}
.vc-teal{background:#00707c;left:0;width:280px;z-index:2;}
.vc-cyan{background:#3daae1;left:190px;top:10px;width:260px;height:260px;border-radius:130px;z-index:3;}
.vc-navy{background:#182070;left:420px;width:280px;z-index:1;}
.vc-teal:hover{width:450px;border-radius:120px 0px 0px 120px;z-index:10;}
.vc-cyan:hover{width:480px;border-radius:120px 0px 0px 120px;z-index:10;}
.vc-navy:hover{width:520px;border-radius:120px 0px 0px 120px;z-index:10;}
.vc-icon{
  flex-shrink:0;width:280px;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  transition:width .48s cubic-bezier(.4,0,.2,1);
}
.vc-cyan .vc-icon{width:260px;}
.venn-c:hover .vc-icon{width:130px;}
.venn-c:hover .vc-cyan .vc-icon{width:130px;}
.venn-ar{font-size:12px;font-weight:800;direction:rtl;color:#fff;line-height:1.4;}
.venn-en{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.82);}
.venn-c:hover .venn-ar,.venn-c:hover .venn-en{display:none;}
.vc-text{
  flex:1;padding:0 28px 0 16px;min-width:0;
  opacity:0;transform:translateX(16px);
  transition:opacity 0s,transform 0s;
}
.venn-c:hover .vc-text{
  opacity:1;transform:translateX(0);
  transition:opacity .22s ease .28s,transform .22s ease .28s;
}
.vt-label{display:block;font-size:11px;font-weight:700;color:rgba(255,255,255,.72);
  text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;}
.vt-title{display:block;font-size:44px;font-weight:800;color:#fff;line-height:1.1;}

/* ════════════════════════════════
   TIMELINE
════════════════════════════════ */
.timeline-section{
  position:relative;z-index:1;
  background:var(--bg);
  padding:var(--spad) 0;
}
.tl-header{text-align:center;margin-bottom:48px;}
.tl-header h2{font-size:32px;font-weight:900;margin-bottom:16px;color:var(--dt);}
.tl-header p{font-size:15px;color:var(--dt70);max-width:700px;line-height:1.7;margin:0 auto;}

.tl-row{display:flex;gap:10px;height:520px;align-items:stretch;}
.tl-card{
  flex:1;position:relative;border-radius:18px;overflow:hidden;
  cursor:pointer;min-width:0;
  transition:flex .55s cubic-bezier(.4,0,.2,1);
}
.tl-card:hover{flex:0 0 380px;max-width:380px;}

.tl-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transition:transform .6s ease;
}
.tl-card:hover .tl-bg{transform:scale(1.04);}

.tl-tint{
  position:absolute;inset:0;z-index:1;
  background:rgba(61,170,225,.55);
  transition:background .45s ease;
}
.tl-card:hover .tl-tint{background:rgba(61,170,225,.22);}

.tl-content{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:22px 20px;
}

.tl-text{
  margin-bottom:14px;
  opacity:0;transform:translateY(12px);
  transition:opacity 0s,transform 0s;
  overflow:hidden;
}
.tl-card:hover .tl-text{
  opacity:1;transform:translateY(0);
  transition:opacity .28s ease .28s,transform .28s ease .28s;
}
.tl-title{font-size:17px;font-weight:800;color:#fff;line-height:1.35;margin-bottom:10px;}
.tl-desc{
  font-size:12px;font-weight:600;color:rgba(255,255,255,.9);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;
}
.tl-year{font-size:36px;font-weight:900;color:#fff;line-height:1;white-space:nowrap;}

/* ════════════════════════════════
   NEWS
════════════════════════════════ */
.news-section{
  position:relative;z-index:1;
  background:var(--bg);
  padding:var(--spad) 0;
  overflow:hidden;
}
.news-section::before{
  content:'';position:absolute;
  top:-200px;left:-200px;
  width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(61,170,225,.06) 0%,transparent 70%);
  pointer-events:none;
}

.news-header{
  display:flex;align-items:flex-end;
  justify-content:space-between;
  margin-bottom:40px;gap:32px;
}
.news-header h2{font-size:clamp(22px,2.2vw,34px);font-weight:900;margin-bottom:8px;color:var(--dt);}
.news-header p{font-size:14px;color:var(--dt70);max-width:500px;line-height:1.7;}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.ncard{
  border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
  background:#ffffff;
  box-shadow:0 2px 16px rgba(13,31,60,.08);
  transition:transform 0.32s var(--ease),box-shadow 0.32s var(--ease);
}
.ncard:hover{transform:translateY(-7px);box-shadow:0 28px 56px rgba(13,31,60,.16);}

.ncard-img{position:relative;height:400px;overflow:hidden;flex-shrink:0;}
.ncard-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transition:transform 0.55s var(--ease);
}
.ncard:hover .ncard-bg{transform:scale(1.05);}
.ncard-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.15) 60%,transparent 100%);
}

.ncard-content{position:absolute;bottom:0;left:0;right:0;padding:16px 18px;}
.ncard-title{
  font-size:18px;font-weight:800;color:#fff;
  line-height:1.4;margin-bottom:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ncard-sub{
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.88);
  line-height:1.55;margin-top:8px;
  max-height:0;overflow:hidden;opacity:0;
  transition:max-height .35s ease,opacity .28s ease;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
}
.ncard:hover .ncard-sub{max-height:80px;opacity:1;}

.ncard-meta{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:13px 18px;background:#f0f5fc;flex-shrink:0;
}
.ncard-tag{
  font-size:11px;font-weight:700;color:#fff;
  background:#00a99d;
  padding:5px 13px;border-radius:20px;white-space:nowrap;
}
.ncard-date{font-size:12px;color:var(--dt70);}
.ncard-readmore{
  margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;color:var(--dt70);
  transition:color .2s;
}
.ncard:hover .ncard-readmore{color:var(--dt);}
.ncard-readmore svg{width:16px;height:16px;flex-shrink:0;}

/* ════════════════════════════════
   FOOTER
════════════════════════════════ */
.footer{
  position:relative;z-index:1;
  background:var(--bg);
  border-top:1px solid var(--dt12);
  padding:60px 0 0;
  overflow:hidden;
}
/* Large watermark on right */
.footer-watermark{
  position:absolute;right:-80px;top:50%;transform:translateY(-55%);
  width:400px;height:400px;
  opacity:.07;pointer-events:none;color:var(--dt);
}
.footer-watermark svg{width:100%;height:100%;}

.footer-inner{
  display:grid;
  grid-template-columns:2fr 1fr 1fr auto;
  gap:52px;align-items:flex-start;
  padding-bottom:48px;
  border-bottom:1px solid var(--dt12);
}
.footer-brand{display:flex;flex-direction:column;}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.footer-logo svg{color:var(--cyan);}
.footer-logo .logo-ar{font-size:11px;font-weight:700;color:var(--cyan);letter-spacing:.5px;}
.footer-logo .logo-en{font-size:9px;font-weight:700;color:var(--dt70);letter-spacing:3px;}
.footer-desc{font-size:13px;color:var(--dt70);line-height:1.75;max-width:310px;margin-bottom:20px;}
.footer-scroll-top{
  width:42px;height:42px;border-radius:50%;
  background:#0d1f3c;border:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s;
}
.footer-scroll-top:hover{background:#1b3fa0;transform:translateY(-3px);}

.footer-col h4{
  font-size:12.5px;font-weight:700;letter-spacing:.5px;
  color:var(--dt);margin-bottom:14px;
}
.footer-col{display:flex;flex-direction:column;gap:10px;}
.footer-col a{
  font-size:13px;color:var(--dt70);
  transition:color 0.15s var(--ease),padding-left 0.15s var(--ease);
}
.footer-col a:hover{color:var(--dt);padding-left:4px;}

.gptw{
  width:84px;border-radius:8px;overflow:hidden;
  text-align:center;cursor:default;
  transition:transform 0.2s var(--ease);
}
.gptw:hover{transform:scale(1.05);}
.gptw-top{background:#e31837;font-size:10px;font-weight:900;color:#fff;padding:8px 6px 4px;line-height:1.3;}
.gptw-bot{background:#b8101e;font-size:8.5px;font-weight:700;color:#fff;padding:5px 6px 8px;letter-spacing:1px;text-transform:uppercase;}

/* ── Bottom bar ── */
.footer-bottom{
  background:var(--cyan);
  padding:14px 0;
}
.footer-bottom-inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.footer-copyright{font-size:12px;color:rgba(255,255,255,.85);font-weight:500;}
.footer-vision{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px;}
.footer-vision-label{font-size:7.5px;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:2.5px;text-transform:uppercase;}
.footer-vision-year{font-size:26px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;}
.footer-vision-sub{font-size:6.5px;color:rgba(255,255,255,.65);letter-spacing:1.8px;text-transform:uppercase;text-align:center;}
.footer-socials{display:flex;gap:8px;}
.footer-social-btn{
  width:34px;height:34px;border-radius:8px;
  border:1.5px solid rgba(255,255,255,.5);
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  transition:border-color .2s,background .2s;
}
.footer-social-btn:hover{background:rgba(255,255,255,.18);border-color:#fff;}

/* ════════════════════════════════
   INNER PAGES — SHARED STYLES
   (about-us, news, and any future
    inner page with white navbar)
════════════════════════════════ */

/* ── White navbar ── */
.navbar-white{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 36px;
  background:#fff;
  box-shadow:0 1px 0 var(--dt12);
  backdrop-filter:blur(12px);
}
.navbar-white .icon-btn{border-color:var(--dt40);color:var(--dt);}
.navbar-white .icon-btn:hover{background:var(--dt06);border-color:var(--dt);}
.navbar-white .nav-logo{color:var(--dt);}
.navbar-white .lang-btn{border-color:var(--dt40);color:var(--dt);}
.navbar-white .lang-btn:hover{background:var(--dt06);}
.navbar-white .menu-btn{background:var(--cyan);}

/* ── Page hero ── */
.page-hero{
  margin-top:72px;
  position:relative;
  padding:0 var(--cpad);
}
.page-hero-img{
  width:100%;
  height:500px;
  object-fit:cover;
  object-position:center 40%;
  border-radius:24px;
  display:block;
  margin-top:135px;
}
.page-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 55%,transparent 100%);
  border-radius:24px;
  margin:0 var(--cpad);
  z-index:1;
}
.page-hero-text{
  position:absolute;bottom:90px;left:calc(var(--cpad) + 48px);
  color:#fff;z-index:2;max-width:650px;
}
.page-hero-text h1{
  font-size:clamp(28px,3.5vw,48px);font-weight:900;line-height:1.2;
}

/* ── Breadcrumb — sits inside .page-hero at the bottom ── */
.page-breadcrumb{
  position:absolute;
  bottom:0;left:0;right:0;
  width:70%;
  height:62px;
  padding:0 var(--cpad);
  background:var(--bg);
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:var(--dt70);
  z-index:3;
  border-radius:0 40px 0 0;
}
.page-breadcrumb a{color:var(--dt70);transition:color .2s;}
.page-breadcrumb a:hover{color:var(--dt);}
.page-breadcrumb svg{width:14px;height:14px;flex-shrink:0;opacity:.5;}
.page-breadcrumb span{color:var(--dt);font-weight:600;}

/* ── Dark mode — inner pages ── */
[data-theme="dark"] .navbar-white{background:#0d1f3c;box-shadow:0 1px 0 rgba(255,255,255,.08);}
[data-theme="dark"] .navbar-white .icon-btn{border-color:rgba(255,255,255,.4);color:#fff;}
[data-theme="dark"] .navbar-white .nav-logo{color:#fff;}
[data-theme="dark"] .navbar-white .lang-btn{border-color:rgba(255,255,255,.4);color:#fff;}
[data-theme="dark"] .page-breadcrumb a{color:rgba(250,250,250,.6);}
[data-theme="dark"] .page-breadcrumb span{color:#fff;}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:1200px){
  .strat-card{width:340px;height:440px;}
  .hero-cards-wrap{width:60%;}
}
@media(max-width:1024px){
  :root{--cpad:36px;}
  .about-inner,.journey-inner{flex-direction:column;}
  .about-left{max-width:100%;}
  .strat-track{flex-direction:column;align-items:stretch;}
  .strat-card{width:100%;height:auto;min-height:160px;}
  .strat-card:hover{width:100%;}
  .strat-item{opacity:1;transform:none;}
  .strat-bg-num{display:none;}
  .eservices-grid{grid-template-columns:repeat(2,1fr);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .footer-inner{grid-template-columns:1fr 1fr;}
  .hero-cards-wrap{width:80%;clip-path:polygon(5% 0%,100% 0%,100% 100%,0% 100%);}
  .page-hero-img{height:380px;}
}
@media(max-width:640px){
  :root{--cpad:20px;}
  .hero-cards-wrap{width:100%;clip-path:none;position:relative;}
  .hero-cards-inner{padding:16px 20px;flex-direction:column;}
  .eservices-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;gap:32px;}
  .news-header{flex-direction:column;align-items:flex-start;}
  .venn{width:340px;height:160px;}
  .venn-c{height:160px;border-radius:80px;}
  .vc-teal{width:160px;}
  .vc-cyan{left:108px;top:6px;width:148px;height:148px;border-radius:74px;}
  .vc-navy{width:160px;}
  .vc-icon{width:160px;}
  .vc-cyan .vc-icon{width:148px;}
  .vc-teal:hover,.vc-cyan:hover,.vc-navy:hover{width:160px;border-radius:80px;}
  .page-hero-img{height:260px;}
  .page-hero-text{bottom:32px;left:calc(var(--cpad) + 24px);}
}

/* ════════════════════════════════
   DARK MODE OVERRIDES
════════════════════════════════ */
[data-theme="dark"]{
  --bg:  #1b4683;
  --bg2: #253679;
  /* Invert text-tone variables so all var(--dt) elements go white automatically */
  --dt:  #fafafa;
  --dt70: rgba(250,250,250,.70);
  --dt40: rgba(250,250,250,.40);
  --dt12: rgba(250,250,250,.12);
  --dt06: rgba(250,250,250,.06);
}
[data-theme="dark"] body{color:#fafafa;}
[data-theme="dark"] body::before{background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);}
[data-theme="dark"] .hero-cards-wrap{background:rgb(27 70 131);}
[data-theme="dark"] .hcard{border-color:rgba(255,255,255,.12);}
[data-theme="dark"] .hcard h3{color:#fafafa;}
[data-theme="dark"] .hcard p{color:rgba(250,250,250,.7);}
[data-theme="dark"] .hcard:hover{background:#fff;border-color:#fff;}
[data-theme="dark"] .hcard:hover h3{color:#1b4683;}
[data-theme="dark"] .hcard:hover p{color:rgba(27,70,131,.7);}
[data-theme="dark"] .hcard:hover .hcard-arrow{color:#1b4683;}
[data-theme="dark"] .strat-header .section-label{color:#fafafa;}
[data-theme="dark"] .strat-header h2{color:rgba(250,250,250,.7);}
[data-theme="dark"] .eservices-section{background:#060d1d;}
[data-theme="dark"] .eservices-title{color:#fafafa;}
[data-theme="dark"] .ecard{background:#0b1525;border-color:rgba(61,170,225,.32);}
[data-theme="dark"] .ecard:hover{border-color:rgba(61,170,225,.88);box-shadow:0 24px 56px rgba(0,0,0,.55);}
[data-theme="dark"] .ecard-thumb{background:#08111f;}
[data-theme="dark"] .ecard-logo-ar{color:#fff;}
[data-theme="dark"] .ecard-logo-en{color:rgba(255,255,255,.55);}
[data-theme="dark"] .ecard-logo-sep{background:rgba(255,255,255,.2);}
[data-theme="dark"] .ecard-name{color:#fff;border-top-color:rgba(255,255,255,.07);}
[data-theme="dark"] .ecard-ab{background:rgba(255,255,255,.08);}
[data-theme="dark"] .ecard-ab:hover{background:rgba(255,255,255,.14);}
[data-theme="dark"] .ecard-ab.web{background:rgba(61,170,225,.22);}
[data-theme="dark"] .ecard-ab.web:hover{background:rgba(61,170,225,.34);}
[data-theme="dark"] .ecard-ab-sub{color:rgba(255,255,255,.55);}
[data-theme="dark"] .ecard-ab-label{color:#fff;}
[data-theme="dark"] .journey-section{background:#1b4683;}
[data-theme="dark"] .journey-section::after{background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);}
[data-theme="dark"] .journey-title{color:#fafafa;}
[data-theme="dark"] .journey-text{color:rgba(250,250,250,.7);}
[data-theme="dark"] .tl-header h2{color:#fafafa;}
[data-theme="dark"] .tl-header p{color:rgba(250,250,250,.7);}
[data-theme="dark"] .news-header h2{color:#fafafa;}
[data-theme="dark"] .news-header p{color:rgba(250,250,250,.7);}
[data-theme="dark"] .ncard{background:#0b1a3a;box-shadow:none;}
[data-theme="dark"] .ncard:hover{box-shadow:0 28px 56px rgba(0,0,0,.45);}
[data-theme="dark"] .ncard-meta{background:#0e1e3f;}
[data-theme="dark"] .ncard-date{color:rgba(255,255,255,.65);}
[data-theme="dark"] .ncard-readmore{color:rgba(255,255,255,.75);}
[data-theme="dark"] .ncard:hover .ncard-readmore{color:#fff;}
[data-theme="dark"] .footer{background:#1b3fa0;border-top-color:rgba(255,255,255,.1);}
[data-theme="dark"] .footer-inner{border-bottom-color:rgba(255,255,255,.1);}
[data-theme="dark"] .footer-watermark{opacity:.09;color:#fff;}
[data-theme="dark"] .footer-logo svg{color:rgba(255,255,255,.9);}
[data-theme="dark"] .footer-logo .logo-ar{color:#fff;}
[data-theme="dark"] .footer-logo .logo-en{color:rgba(255,255,255,.65);}
[data-theme="dark"] .footer-desc{color:rgba(255,255,255,.65);}
[data-theme="dark"] .footer-scroll-top{background:rgba(255,255,255,.15);}
[data-theme="dark"] .footer-scroll-top:hover{background:rgba(255,255,255,.28);}
[data-theme="dark"] .footer-col h4{color:#fff;}
[data-theme="dark"] .footer-col a{color:rgba(255,255,255,.6);}
[data-theme="dark"] .footer-col a:hover{color:#fff;}
[data-theme="dark"] .news-section .btn-outline{border-color:rgba(250,250,250,.4);color:#fafafa;}
[data-theme="dark"] .news-section .btn-outline:hover{background:rgba(250,250,250,.12);border-color:#fafafa;}
[data-theme="dark"] .about-section{background:#1b4683;}
[data-theme="dark"] .about-video-bg{opacity:0.75;mix-blend-mode:screen;}
[data-theme="dark"] .about-text{color:#fff;}
[data-theme="dark"] .about-section .section-pill{color:rgba(250,250,250,.9);border-color:rgba(250,250,250,.4);background:rgba(250,250,250,.06);}
[data-theme="dark"] .about-section .btn-outline{border-color:rgba(250,250,250,.4);color:#fafafa;}
[data-theme="dark"] .about-section .btn-outline:hover{background:rgba(250,250,250,.12);border-color:#fafafa;}

/* ════ HEALTH CLUSTERS PAGE ════ */

/* ── About Clusters ── */
.hc-about {
  padding: 80px 0 88px;
  background: #fff;
}
[data-theme="dark"] .hc-about { background: var(--bg); }

.hc-about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}

.hc-about-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--cyan);
  letter-spacing: .5px;
  margin-bottom: 18px;
}

.hc-about-heading {
  font-size: clamp(22px, 2.5vw, 36px);
  font-weight: 900;
  color: #1a2452;
  line-height: 1.3;
  margin-bottom: 20px;
}
[data-theme="dark"] .hc-about-heading { color: #c5d8ff; }

.hc-about-body {
  font-size: 14px;
  line-height: 1.9;
  color: var(--dt70);
  margin-bottom: 28px;
}

.hc-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 36px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.hc-checklist li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 600;
  color: #1a2452;
}
[data-theme="dark"] .hc-checklist li { color: #c5d8ff; }

.hc-checklist li::before {
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background: var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 13px;
}

.hc-btn-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.hc-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: var(--cyan);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.hc-btn-primary:hover { background: #2a9fd4; transform: translateY(-1px); }

.hc-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: transparent;
  color: #1a2452;
  font-size: 14px;
  font-weight: 700;
  border: 1.5px solid #1a2452;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.hc-btn-outline:hover { background: #1a2452; color: #fff; }
[data-theme="dark"] .hc-btn-outline { color: #c5d8ff; border-color: #c5d8ff; }
[data-theme="dark"] .hc-btn-outline:hover { background: #c5d8ff; color: #1a2452; }

/* Right image */
.hc-about-img-wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 460px;
}
.hc-about-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Healthcare Services ── */
.hc-services {
  padding: 88px 0;
  background: #f7f9fc;
}
[data-theme="dark"] .hc-services { background: var(--bg-card); }

.hc-services-intro {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 60px;
}

.hc-services-eyebrow {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--cyan);
  letter-spacing: .5px;
  margin-bottom: 14px;
}

.hc-services-heading {
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 900;
  color: #1a2452;
  line-height: 1.3;
  margin-bottom: 16px;
}
[data-theme="dark"] .hc-services-heading { color: #c5d8ff; }

.hc-services-sub {
  font-size: 14px;
  line-height: 1.85;
  color: var(--dt70);
}

/* Tab layout */
.hc-services-layout {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 0;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 40px rgba(26,36,82,.08);
  min-height: 520px;
}
[data-theme="dark"] .hc-services-layout { background: var(--bg-card2); }

/* Left tab list */
.hc-tab-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background: #f7f9fc;
  border-right: 1.5px solid rgba(26,36,82,.07);
}
[data-theme="dark"] .hc-tab-list { background: var(--bg-card); border-color: rgba(255,255,255,.06); }

.hc-tab-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding: 24px 24px 26px;
  border-radius: 20px;
  border: 1.5px solid rgba(26,36,82,.1);
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition: border-color .25s, background .25s, box-shadow .25s;
  box-shadow: 0 2px 10px rgba(26,36,82,.05);
}
.hc-tab-btn:hover {
  border-color: var(--cyan);
  box-shadow: 0 4px 18px rgba(61,170,225,.15);
}
[data-theme="dark"] .hc-tab-btn {
  background: var(--bg-card2);
  border-color: rgba(255,255,255,.08);
}

.hc-tab-btn.active {
  background: var(--cyan);
  border-color: var(--cyan);
  box-shadow: 0 8px 28px rgba(61,170,225,.35);
}

.hc-tab-icon {
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  display: block;
  margin-bottom: 18px;
}

.hc-tab-icon svg {
  width: 38px;
  height: 38px;
  display: block;
  stroke: var(--cyan);
  fill: none;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .25s;
}
.hc-tab-btn.active .hc-tab-icon svg { stroke: #fff; }

.hc-tab-info { width: 100%; }

.hc-tab-title {
  font-size: 16px;
  font-weight: 800;
  color: #1a2452;
  margin: 0;
  line-height: 1.35;
  transition: color .25s;
}
[data-theme="dark"] .hc-tab-title { color: #c5d8ff; }
.hc-tab-btn.active .hc-tab-title { color: #fff; }

/* Description: hidden on inactive, visible on active */
.hc-tab-desc {
  display: none;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255,255,255,.85);
  margin: 10px 0 0;
}
.hc-tab-btn.active .hc-tab-desc { display: block; }

/* Right panel */
.hc-panel-wrap {
  position: relative;
}

.hc-panel {
  display: none;
  flex-direction: column;
  height: 100%;
}
.hc-panel.active { display: flex; }

.hc-panel-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
}

.hc-panel-body {
  padding: 36px 40px 40px;
  flex: 1;
  border: 1.5px solid rgba(61,170,225,.18);
  border-top: none;
}

.hc-panel-body h3 {
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 800;
  color: #1a2452;
  margin: 0 0 14px;
}
[data-theme="dark"] .hc-panel-body h3 { color: #c5d8ff; }

.hc-panel-body p {
  font-size: 14px;
  line-height: 1.85;
  color: var(--dt70);
  margin: 0 0 16px;
}

.hc-panel-goals {
  font-size: 14px;
  font-weight: 700;
  color: #1a2452;
  margin: 20px 0 12px;
}
[data-theme="dark"] .hc-panel-goals { color: #c5d8ff; }

.hc-panel-list {
  padding-left: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hc-panel-list li {
  font-size: 13px;
  line-height: 1.7;
  color: var(--dt70);
}

/* ── Accessing Services ── */
.hc-access {
  padding: 88px 0;
  background: #1a2452;
  position: relative;
  overflow: hidden;
}

/* subtle dot grid watermark */
.hc-access::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
}

.hc-access-intro {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 60px;
  position: relative;
  z-index: 1;
}

.hc-access-eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: var(--cyan);
  letter-spacing: .6px;
  margin-bottom: 14px;
}

.hc-access-heading {
  font-size: clamp(20px, 2.2vw, 32px);
  font-weight: 900;
  color: #fff;
  line-height: 1.3;
  margin-bottom: 14px;
}

.hc-access-sub {
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255,255,255,.65);
}

/* App cards grid */
.hc-access-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  position: relative;
  z-index: 1;
}

.hc-app-card {
  border: 1.5px solid rgba(255,255,255,.18);
  border-radius: 20px;
  padding: 20px 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  transition: border-color .25s, transform .25s;
  cursor: pointer;
}
.hc-app-card:hover {
  border-color: var(--cyan);
  transform: translateY(-4px);
}

.hc-app-logo-wrap {
  width: 100%;
  aspect-ratio: 4/3;
  background: rgba(255,255,255,.07);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.hc-app-logo-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hc-app-logo-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1.2;
}

.hc-app-logo-ar {
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,.85);
}

.hc-app-logo-en {
  font-size: 11px;
  font-weight: 500;
  color: rgba(255,255,255,.5);
  letter-spacing: .3px;
}

.hc-app-check {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.hc-app-name {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

/* Seha check uses teal stripe style */
.hc-check-seha {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hc-check-seha span {
  display: block;
  height: 3px;
  border-radius: 2px;
  background: var(--cyan);
}
.hc-check-seha span:nth-child(1) { width: 28px; }
.hc-check-seha span:nth-child(2) { width: 20px; }
.hc-check-seha span:nth-child(3) { width: 12px; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .hc-about-grid { grid-template-columns: 1fr; gap: 40px; }
  .hc-about-img-wrap { height: 320px; }
  .hc-services-layout { grid-template-columns: 1fr; }
  .hc-tab-list { flex-direction: row; flex-wrap: wrap; border-right: none; border-bottom: 1.5px solid rgba(26,36,82,.07); }
  .hc-tab-btn { flex: 1; min-width: 160px; }
  .hc-access-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .hc-access-grid { grid-template-columns: 1fr 1fr; }
  .hc-panel-body { padding: 24px 20px; }
  .hc-btn-row { flex-direction: column; }
  .hc-btn-primary, .hc-btn-outline { justify-content: center; }
}

/* ════ PROCUREMENT PAGE ════ */

/* ── Partnership Section ── */
.proc-partner {
  padding: 88px 0;
  background: #fff;
}
[data-theme="dark"] .proc-partner { background: var(--bg); }

.proc-partner-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 72px;
  align-items: center;
}

/* Left image */
.proc-partner-img-wrap {
  border-radius: 24px;
  overflow: hidden;
  height: 460px;
  box-shadow: 0 12px 48px rgba(26,36,82,.1);
}
.proc-partner-img-wrap img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* Right content */
.proc-partner-heading {
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 900;
  color: #1a2452;
  line-height: 1.3;
  margin: 0 0 20px;
  text-align: left;
}
[data-theme="dark"] .proc-partner-heading { color: #c5d8ff; }

.proc-partner-body {
  font-size: 14px;
  line-height: 1.9;
  color: var(--dt70);
  margin: 0 0 36px;
  text-align: left;
}

/* "Why choose" box */
.proc-why-box {
  border: 2px solid #c8b400;
  border-radius: 20px;
  padding: 28px 28px 24px;
  background: #fffdf0;
}
[data-theme="dark"] .proc-why-box { background: rgba(200,180,0,.06); }

.proc-why-title {
  font-size: 16px;
  font-weight: 800;
  color: #1a2452;
  text-align: left;
  margin: 0 0 24px;
}
[data-theme="dark"] .proc-why-title { color: #c5d8ff; }

.proc-why-list {
  list-style: none;
  padding: 0; margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.proc-why-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex-direction: row;
}

.proc-why-check {
  width: 28px; height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: #22c55e;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.proc-why-check svg {
  width: 14px; height: 14px;
  stroke: #fff; fill: none;
  stroke-width: 2.5;
  stroke-linecap: round; stroke-linejoin: round;
}

.proc-why-text { text-align: left; }
.proc-why-label {
  font-size: 14px; font-weight: 800;
  color: #1a2452; margin: 0 0 4px;
  display: block;
}
[data-theme="dark"] .proc-why-label { color: #c5d8ff; }
.proc-why-desc {
  font-size: 13px; line-height: 1.65;
  color: var(--dt70); margin: 0;
}

/* ── Tenders Section ── */
.proc-tenders {
  padding: 88px 0 96px;
  background: #f7f9fc;
}
[data-theme="dark"] .proc-tenders { background: var(--bg-card); }

.proc-tenders-heading {
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 900;
  color: #1a2452;
  text-align: center;
  margin: 0 0 36px;
  line-height: 1.3;
}
[data-theme="dark"] .proc-tenders-heading { color: #c5d8ff; }

/* Filter tabs */
.proc-filter-row {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 48px;
}

.proc-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  border-radius: 50px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s, transform .2s;
}
.proc-filter-btn:hover { opacity: .85; transform: translateY(-1px); }

.proc-filter-btn.concluded {
  background: #fde8e8;
  color: #e05252;
}
.proc-filter-btn.active-comp {
  background: #8cb800;
  color: #fff;
}

.proc-filter-count {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  font-size: 11px; font-weight: 800;
  background: rgba(255,255,255,.3);
}
.proc-filter-btn.concluded .proc-filter-count {
  background: #e05252;
  color: #fff;
}

/* Tender cards */
.proc-tender-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.proc-tender-card {
  background: #fff;
  border: 1.5px solid rgba(26,36,82,.07);
  border-radius: 20px;
  padding: 32px 32px 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  position: relative;
  transition: border-color .25s, box-shadow .25s;
}
.proc-tender-card:hover {
  border-color: rgba(61,170,225,.3);
  box-shadow: 0 8px 32px rgba(26,36,82,.08);
}
[data-theme="dark"] .proc-tender-card {
  background: var(--bg-card2);
  border-color: rgba(255,255,255,.07);
}

/* Top row: meta left, badge right */
.proc-tender-status {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.proc-badge-days {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 50px;
  font-size: 12px; font-weight: 700;
  background: #e8f5c8;
  color: #5a7a00;
  border: 1.5px solid #c8e87a;
  white-space: nowrap;
}
.proc-badge-finished {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 12px; font-weight: 700;
  background: #3a3a3a;
  color: #fff;
}

/* Right: content */
.proc-tender-content { flex: 1; }

.proc-tender-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.proc-tender-meta-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.proc-tender-date {
  font-size: 12px;
  color: var(--dt70);
}
.proc-tender-date strong { font-weight: 600; color: #1a2452; }
[data-theme="dark"] .proc-tender-date strong { color: #c5d8ff; }

.proc-tender-type {
  font-size: 11px;
  font-weight: 600;
  color: var(--dt70);
  padding: 3px 10px;
  border: 1.5px solid rgba(26,36,82,.15);
  border-radius: 50px;
}
[data-theme="dark"] .proc-tender-type { border-color: rgba(255,255,255,.12); }

.proc-tender-title {
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 800;
  color: #1a2452;
  line-height: 1.45;
  margin: 0 0 12px;
}
[data-theme="dark"] .proc-tender-title { color: #c5d8ff; }

.proc-tender-desc {
  font-size: 13px;
  line-height: 1.75;
  color: var(--dt70);
  margin: 0 0 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.proc-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: var(--cyan);
  color: #fff;
  font-size: 13px; font-weight: 700;
  border: none; border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.proc-more-btn:hover { background: #2a9fd4; transform: translateY(-1px); }
.proc-more-btn svg {
  width: 14px; height: 14px;
  stroke: currentColor; fill: none;
  stroke-width: 2.2; stroke-linecap: round;
}

/* Tender card hidden state */
.proc-tender-card.hidden { display: none; }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .proc-partner-grid { grid-template-columns: 1fr; gap: 40px; }
  .proc-partner-img-wrap { height: 320px; }
}
@media (max-width: 640px) {
  .proc-tender-card { grid-template-columns: 1fr; }
  .proc-filter-row { flex-wrap: wrap; }
}

/* ════ KNOWLEDGE CENTER PAGE ════ */

/* ── About Section ── */
.kc-about {
  padding: 88px 0 96px;
  background: #fff;
}
[data-theme="dark"] .kc-about { background: var(--bg); }

.kc-about-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 64px;
  align-items: start;
}

/* Left content */
.kc-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--cyan);
  margin: 0 0 20px;
  letter-spacing: .02em;
}

.kc-heading {
  font-size: clamp(22px, 2.6vw, 36px);
  font-weight: 900;
  color: #1a2452;
  line-height: 1.3;
  margin: 0 0 24px;
}
[data-theme="dark"] .kc-heading { color: #c5d8ff; }

.kc-body {
  font-size: 15px;
  line-height: 1.85;
  color: var(--dt70);
  margin: 0 0 36px;
}

.kc-sections-label {
  font-size: 15px;
  line-height: 1.85;
  color: var(--dt70);
  margin: 0 0 8px;
}

.kc-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.kc-list-item {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #1a2452;
}
[data-theme="dark"] .kc-list-item { color: #c5d8ff; }

.kc-check {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background: var(--cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.kc-check svg {
  width: 13px; height: 13px;
  stroke: #fff; fill: none;
  stroke-width: 2.8;
  stroke-linecap: round; stroke-linejoin: round;
}

/* ── Right: Portal Cards ── */
.kc-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Card base */
.kc-card {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 32px 34px;
}

/* Card background image */
.kc-card-bg {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}

/* Card overlay */
.kc-card-overlay {
  position: absolute;
  inset: 0;
}

/* Card content above overlay */
.kc-card-content {
  position: relative;
  z-index: 2;
}

/* Light card (General Data) */
.kc-card-light .kc-card-overlay {
  background: linear-gradient(
    to bottom,
    rgba(240,248,255,0.55) 0%,
    rgba(220,238,255,0.82) 50%,
    rgba(210,232,252,0.95) 100%
  );
}
.kc-card-light .kc-card-title {
  font-size: 20px;
  font-weight: 900;
  color: #1a2452;
  margin: 0 0 18px;
  line-height: 1.3;
}

/* Dark card (Employees Portal) */
.kc-card-dark .kc-card-overlay {
  background: linear-gradient(
    to bottom,
    rgba(30,45,120,0.55) 0%,
    rgba(26,36,100,0.82) 50%,
    rgba(20,28,82,0.97) 100%
  );
}
.kc-card-dark .kc-card-title {
  font-size: 20px;
  font-weight: 900;
  color: #fff;
  margin: 0 0 18px;
  line-height: 1.3;
}

/* Card buttons */
.kc-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 11px 20px;
  background: var(--cyan);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, transform .2s;
  width: fit-content;
}
.kc-card-btn:hover {
  background: #2a9fd4;
  transform: translateY(-1px);
}
.kc-card-btn svg {
  width: 15px; height: 15px;
  stroke: currentColor; fill: none;
  stroke-width: 2; stroke-linecap: round;
}

/* ── Responsive ── */
@media (max-width: 1100px) {
  .kc-about-grid {
    grid-template-columns: 1fr 360px;
    gap: 40px;
  }
}
@media (max-width: 860px) {
  .kc-about-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .kc-cards {
    flex-direction: row;
  }
  .kc-card { flex: 1; }
}
@media (max-width: 560px) {
  .kc-cards { flex-direction: column; }
}

/* ════ INNOVATION HUB PAGE ════ */

/* ══ NAVBAR ══ */
.ih-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--navy2);
  padding:0 40px;
  height:70px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ih-nav-logo{
  display:flex;align-items:center;gap:12px;text-decoration:none;
}
.ih-nav-logo .logo-ar{
  font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em;line-height:1.2;
}
.ih-nav-logo .logo-en{
  font-size:10px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.12em;
}
.ih-nav-links{
  display:flex;align-items:center;gap:36px;
  position:absolute;left:50%;transform:translateX(-50%);
}
.ih-nav-links a{
  font-size:14px;font-weight:500;color:rgba(255,255,255,.75);
  transition:color .2s;
}
.ih-nav-links a:hover{color:#fff}
.ih-nav-right{display:flex;align-items:center;gap:16px}
.ih-apply-btn{
  padding:10px 28px;background:var(--cyan);color:#fff;
  font-size:14px;font-weight:700;border-radius:50px;
  transition:background .2s,transform .2s;
}
.ih-apply-btn:hover{background:#2a9fd4;transform:translateY(-1px)}
.ih-lang-btn{
  font-size:13px;font-weight:600;color:rgba(255,255,255,.7);
  display:flex;align-items:center;gap:6px;
  border:1.5px solid rgba(255,255,255,.2);border-radius:50px;
  padding:6px 14px;transition:border-color .2s,color .2s;
}
.ih-lang-btn:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.ih-theme-btn{
  width:34px;height:34px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.7);
  transition:border-color .2s,color .2s,background .2s;
}
.ih-theme-btn:hover{color:#fff;border-color:rgba(255,255,255,.5)}
/* show moon by default (light mode), hide sun */
.ih-theme-btn .icon-sun{ display:none; }
.ih-theme-btn .icon-moon{ display:block; }
/* dark mode: show sun, hide moon */
.ih-theme-btn[data-dark="1"] .icon-sun{ display:block; }
.ih-theme-btn[data-dark="1"] .icon-moon{ display:none; }

/* ══ HERO ══ */
.ih-hero{
  min-height:100vh;
  background:var(--navy);
  position:relative;
  display:flex;align-items:center;justify-content:center;
  text-align:center;
  overflow:hidden;
  padding-bottom:200px;
}
.ih-hero-bg{
  position:absolute;inset:0;
  background-image:url('https://images.unsplash.com/photo-1573497491765-dccce02b29df?auto=format&fit=crop&w=1800&q=80');
  background-size:cover;background-position:center;
  opacity:.25;
}
.ih-hero-content{
  position:relative;z-index:2;
  max-width:820px;padding:0 24px;
}
.ih-hero-title{
  font-size:clamp(34px,4.5vw,64px);
  font-weight:900;color:#fff;
  line-height:1.15;margin:0 0 16px;
}
.ih-hero-typed{
  font-size:clamp(34px,4.5vw,64px);
  font-weight:900;color:var(--lime);
  display:block;min-height:1.2em;
}
.ih-hero-typed .cursor{
  display:inline-block;width:3px;height:.85em;
  background:var(--lime);margin-left:3px;vertical-align:middle;
  animation:blink .7s infinite;
}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.ih-hero-sub{
  font-size:16px;color:rgba(255,255,255,.7);
  line-height:1.75;margin-top:20px;max-width:540px;margin-inline:auto;
}

/* ══ ABOUT SECTION ══ */
.ih-about{
  padding:56px 0 96px;
  background:#fff;
  position:relative;
}
.ih-about-grid{
  display:grid;
  grid-template-columns:1fr 1.6fr;
  gap:48px;
  align-items:start;
}
.ih-about-grid > .reveal{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:20px;
}
.ih-about-label{
  font-size:clamp(26px,2.8vw,38px);
  font-weight:900;color:var(--lime);
  margin:0 0 28px;
}
.ih-about-body{
  font-size:15px;line-height:1.85;
  color:var(--dt70);margin:0 0 36px;
}
.ih-read-more{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 28px;
  border:2px solid var(--dt);border-radius:50px;
  font-size:14px;font-weight:700;color:var(--dt);
  transition:background .2s,color .2s;
  width:fit-content;
}
.ih-read-more:hover{background:var(--dt);color:#fff}

/* Target cards — side by side, pull up into hero */
.ih-target-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  position:relative;
  z-index:5;
  margin-top:-180px;
}
.ih-target-cards.reveal.reveal-delay-1.visible{
  display:inline-block;
}
.ih-target-card{
  border-radius:24px;
  overflow:hidden;
  position:relative;
  height:640px;
  display:inline-block;
  padding:28px 24px 32px;
  width:47%;
  float:left;
  margin-left:3%;
}
.ih-target-card-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.ih-target-card:hover .ih-target-card-bg{
  transform:scale(1.05);
}

/* Overlay — default + hover darken */
.ih-target-card-overlay{
  position:absolute;inset:0;
  transition:background .4s ease;
}
.ih-target-card-navy .ih-target-card-overlay{
  background:linear-gradient(to bottom,rgba(26,36,85,.3) 0%,rgba(15,22,65,.88) 100%);
}
.ih-target-card-teal .ih-target-card-overlay{
  background:linear-gradient(to bottom,rgba(20,100,120,.3) 0%,rgba(10,80,100,.88) 100%);
}
.ih-target-card-navy:hover .ih-target-card-overlay{
  background:linear-gradient(to bottom,rgba(26,36,85,.82) 0%,rgba(15,22,65,.97) 100%);
}
.ih-target-card-teal:hover .ih-target-card-overlay{
  background:linear-gradient(to bottom,rgba(20,100,120,.82) 0%,rgba(10,80,100,.97) 100%);
}

/* Content — pinned to bottom by default */
.ih-target-card-content{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:28px 24px 32px;
  z-index:2;
}
.ih-target-for{
  font-size:13px;font-weight:600;color:rgba(255,255,255,.6);
  margin:0 0 4px;
}
.ih-target-title{
  font-size:26px;font-weight:900;color:var(--lime);
  line-height:1.2;margin:0 0 20px;
}

/* Description — hidden by default, reveal on hover */
.ih-target-desc{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height .5s ease, opacity .4s ease, margin .4s ease;
  margin:0 0 0;
}
.ih-target-desc p{
  font-size:13px;font-weight:500;
  color:rgba(255,255,255,.88);
  line-height:1.75;margin:0 0 12px;
}
.ih-target-card:hover .ih-target-desc{
  max-height:320px;
  opacity:1;
  margin:0 0 20px;
}

.ih-target-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 20px;
  background:var(--ih-teal);
  color:#fff;font-size:13px;font-weight:700;
  border-radius:50px;
  transition:background .2s,transform .2s;
  text-decoration:none;
  width:fit-content;
}
.ih-target-btn:hover{background:#157a88;transform:translateY(-1px)}
.ih-target-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}

/* ══ PROMISES SECTION ══ */
.ih-promises{
  padding:120px 0;
  background-color:#1c2f88;
  position:relative;overflow:hidden;
  transition:background-color .6s ease;
}

/* Background per active tab */
.ih-promises.tab-beneficiaries{ background-color:#1c2f88; }
.ih-promises.tab-employees{     background-color:#1762b0; }
.ih-promises.tab-government{    background-color:#0d7c8c; }
.ih-promises.tab-nation{        background-color:#2abfba; }

/* Watermark logo */
.ih-promises-watermark{
  position:absolute;right:-60px;top:50%;
  transform:translateY(-50%);
  width:560px;height:560px;
  pointer-events:none;
  opacity:.06;
}
.ih-promises-watermark svg{
  width:100%;height:100%;
  fill:#fff;
}

.ih-promises-grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:0;
  align-items:center;
}

/* Left: vertical tabs */
.ih-promises-tabs{
  display:flex;flex-direction:column;gap:0;
  padding-top:8px;
}
.ih-ptab{
  display:flex;align-items:flex-start;gap:28px;
  cursor:pointer;padding:0 0 64px 0;position:relative;
}
.ih-ptab:last-child{padding-bottom:0}
.ih-ptab-line{
  position:absolute;left:31px;top:64px;
  width:2px;height:calc(100% - 32px);
  background:rgba(255,255,255,.2);
}
.ih-ptab:last-child .ih-ptab-line{display:none}
.ih-ptab-dot{
  width:64px;height:64px;min-width:64px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:1;
  transition:border-color .35s,background .35s;
  background:rgba(255,255,255,.08);
  flex-shrink:0;
}
.ih-ptab-dot svg{
  width:26px;height:26px;
  stroke:rgba(255,255,255,.45);fill:none;
  stroke-width:1.8;stroke-linecap:round;
  transition:stroke .35s;
}
/* Active dot → white circle */
.ih-ptab.active .ih-ptab-dot{
  background:#fff;
  border-color:#fff;
}
/* Icon color inside white circle matches section bg per tab */
.tab-beneficiaries .ih-ptab.active .ih-ptab-dot svg{ stroke:#1c2f88; }
.tab-employees     .ih-ptab.active .ih-ptab-dot svg{ stroke:#1762b0; }
.tab-government    .ih-ptab.active .ih-ptab-dot svg{ stroke:#0d7c8c; }
.tab-nation        .ih-ptab.active .ih-ptab-dot svg{ stroke:#2abfba; }

.ih-ptab-label{
  padding-top:14px;
}
.ih-ptab-label small{
  display:block;font-size:12px;font-weight:700;
  color:rgba(255,255,255,.4);letter-spacing:.2em;
  text-transform:uppercase;margin-bottom:5px;
  transition:color .35s;
}
.ih-ptab-label span{
  display:block;font-size:26px;font-weight:800;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;letter-spacing:.05em;
  line-height:1.1;
  transition:color .35s;
}
.ih-ptab.active .ih-ptab-label small,
.ih-ptab.active .ih-ptab-label span{color:#fff}

/* Right: promise content */
.ih-promise-content{
  padding:0 0 0 80px;
  border-left:1.5px solid rgba(255,255,255,.15);
}
.ih-promise-panel{display:none}
.ih-promise-panel.active{display:block}
.ih-promise-sub{
  font-size:13px;color:rgba(255,255,255,.55);
  margin:0 0 18px;letter-spacing:.2em;
  text-transform:uppercase;font-weight:700;
}
.ih-promise-big{
  font-size:clamp(30px,3.5vw,52px);font-weight:900;
  color:#fff;line-height:1.2;margin:0 0 48px;
}
.ih-promise-divider{
  height:1.5px;background:rgba(255,255,255,.15);
  margin:0 0 48px;
}
.ih-promise-how{
  font-size:13px;color:rgba(255,255,255,.5);
  margin:0 0 18px;letter-spacing:.2em;
  text-transform:uppercase;font-weight:700;
}
.ih-promise-big2{
  font-size:clamp(22px,2.6vw,38px);font-weight:900;
  color:#fff;line-height:1.3;margin:0;
  opacity:.9;
}

/* ══ WE OFFER ══ */
.ih-offer{
  padding:96px 0;
  background:#fff;
}
.ih-offer-heading{
  font-size:clamp(24px,2.6vw,36px);
  font-weight:900;color:var(--dt);
  margin:0 0 40px;
}
.ih-offer-box{
  background:var(--cyan);
  border-radius:32px;
  overflow:hidden;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
.ih-offer-item{
  padding:40px 36px;
  border-right:1.5px solid rgba(255,255,255,.15);
  border-bottom:1.5px solid rgba(255,255,255,.15);
  transition:background-color .5s ease;
  cursor:default;
}
/* Extra padding for outer edges */
.ih-offer-item:nth-child(-n+3){ padding-top:56px; }
.ih-offer-item:nth-child(n+4){ padding-bottom:56px; }
.ih-offer-item:nth-child(3n+1){ padding-left:52px; }
.ih-offer-item:nth-child(3n){ padding-right:52px; }

.ih-offer-item:nth-child(3),
.ih-offer-item:nth-child(6){border-right:none}
.ih-offer-item:nth-child(4),
.ih-offer-item:nth-child(5),
.ih-offer-item:nth-child(6){border-bottom:none}

/* Hover & auto-active: alternating lime / dark-teal */
.ih-offer-item:nth-child(odd):hover,
.ih-offer-item:nth-child(odd).ih-active{
  background-color:#b8d432;
}
.ih-offer-item:nth-child(even):hover,
.ih-offer-item:nth-child(even).ih-active{
  background-color:#0a5f6e;
}
.ih-offer-icon{
  width:42px;height:42px;margin:0 0 18px;
}
.ih-offer-icon svg{
  width:42px;height:42px;
  stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.ih-offer-title{
  font-size:15px;font-weight:800;color:#fff;
  margin:0 0 10px;
}
.ih-offer-desc{
  font-size:13px;color:rgba(255,255,255,.8);
  line-height:1.65;margin:0;
}

/* ══ NETWORK STATS ══ */
.ih-network{
  padding:88px 0;
  background:#eef5fb;
}
.ih-network-heading{
  font-size:clamp(22px,2.4vw,34px);
  font-weight:900;color:var(--dt);
  text-align:center;line-height:1.3;
  margin:0 0 56px;
}
.ih-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.ih-stat-card{
  background:#fff;
  border-radius:20px;
  padding:36px 28px 32px;
  display:flex;flex-direction:column;align-items:flex-start;
  box-shadow:0 2px 16px rgba(26,36,82,.06);
}
.ih-stat-icon{
  width:48px;height:48px;margin:0 0 20px;
}
.ih-stat-icon svg{
  width:48px;height:48px;
  stroke:var(--cyan);fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
.ih-stat-num{
  font-size:clamp(28px,3vw,42px);font-weight:900;
  color:var(--dt);margin:0 0 6px;
}
.ih-stat-label{
  font-size:14px;color:var(--dt70);font-weight:500;
}

/* ══ SUCCESS STORIES ══ */
.ih-stories{
  padding:96px 0;
  background:#fff;
}
.ih-stories-heading{
  font-size:clamp(22px,2.4vw,34px);
  font-weight:900;color:var(--dt);
  text-align:center;margin:0 0 48px;
}
.ih-stories-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:48px;
}
.ih-story-card{
  border-radius:24px;
  overflow:hidden;
  position:relative;
  height:500px;
  cursor:pointer;
}
.ih-story-bg{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s ease;
  display:block;
}
.ih-story-card:hover .ih-story-bg{transform:scale(1.06)}
.ih-story-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(26,36,100,.25) 0%,rgba(26,36,100,.82) 100%);
  transition:background .4s ease;
}
.ih-story-card:hover .ih-story-overlay{
  background:linear-gradient(to bottom,rgba(26,36,100,.55) 0%,rgba(26,36,100,.97) 100%);
}
.ih-story-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:28px;
}
.ih-story-title{
  font-size:19px;font-weight:800;color:#fff;
  margin:0 0 14px;
  transition:transform .35s ease;
}
.ih-story-card:hover .ih-story-title{
  transform:translateY(-4px);
}

/* View More button — hidden, slides in on hover */
.ih-story-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;
  padding:12px 20px;
  border:1.5px solid rgba(255,255,255,.65);
  border-radius:50px;
  font-size:13px;font-weight:700;
  color:#fff;
  background:transparent;
  text-decoration:none;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .35s ease, transform .35s ease, background .2s, border-color .2s;
}
.ih-story-card:hover .ih-story-btn{
  opacity:1;
  transform:translateY(0);
}
.ih-story-btn:hover{
  background:rgba(255,255,255,.18);
  border-color:#fff;
}


.ih-more-stories{
  display:flex;justify-content:center;
}
.ih-more-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 32px;
  border:2px solid var(--dt);border-radius:50px;
  font-size:14px;font-weight:700;color:var(--dt);
  transition:background .2s,color .2s;
}
.ih-more-btn:hover{background:var(--dt);color:#fff}
.ih-more-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}

/* ══ NEWS & EVENTS ══ */
.ih-news{
  padding:96px 0;
  background:var(--navy);
}
.ih-news-heading{
  font-size:clamp(22px,2.4vw,34px);
  font-weight:900;color:#fff;
  text-align:center;margin:0 0 56px;
}
.ih-news-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:stretch;
}
.ih-news-grid > div{
  display:flex;
  flex-direction:column;
}
.ih-news-col-label{
  font-size:13px;font-weight:700;color:var(--lime);
  text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;
}
.ih-news-col-heading{
  font-size:22px;font-weight:900;color:#fff;margin:0 0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:66px;
}
.ih-news-all-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 20px;
  border:1.5px solid rgba(255,255,255,.25);
  border-radius:50px;
  font-size:13px;font-weight:600;color:rgba(255,255,255,.75);
  transition:border-color .2s,color .2s;white-space:nowrap;
  flex-shrink:0;
}
.ih-news-all-btn:hover{border-color:#fff;color:#fff}
.ih-news-all-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}

/* News card */
.ih-news-card{
  background:rgba(255,255,255,.05);
  border:1.5px solid rgba(255,255,255,.08);
  border-radius:24px;
  overflow:hidden;
  flex:1;
  display:flex;
  flex-direction:column;
}
.ih-news-card-img{
  width:calc(100% - 32px);height:224px;object-fit:cover;display:block;
  margin:16px 16px 0;
  border-radius:16px;
}
.ih-news-card-body{
  padding:28px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.ih-news-card-meta{
  font-size:12px;color:rgba(255,255,255,.45);margin:0 0 12px;
}
.ih-news-card-title{
  font-size:18px;font-weight:800;color:var(--cyan);
  line-height:1.45;margin:0 0 14px;
}
.ih-news-card-desc{
  font-size:14px;line-height:1.75;
  color:rgba(255,255,255,.65);margin:0 0 24px;
  flex:1;
  text-align:justify;
}
.ih-news-read-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;
  padding:13px 20px;
  border:1.5px solid rgba(255,255,255,.25);
  border-radius:50px;
  font-size:14px;font-weight:700;color:rgba(255,255,255,.85);
  background:transparent;
  transition:border-color .2s,color .2s,background .2s;
  text-decoration:none;
}
.ih-news-read-btn:hover{
  border-color:#fff;color:#fff;
  background:rgba(255,255,255,.08);
}

/* Event card */
.ih-event-card{
  background:rgba(255,255,255,.05);
  border:1.5px solid rgba(255,255,255,.08);
  border-radius:24px;overflow:hidden;
  flex:1;
  display:flex;
  flex-direction:column;
}
.ih-event-banner{
  width:100%;height:224px;object-fit:cover;
  background:var(--navy2);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:24px;
}
.ih-event-logo-area{
  height:224px;
  background:linear-gradient(135deg,#1a2860,#0f1a4a);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:25px;
  margin:16px 16px 0;
  border-radius:16px;
}
.ih-event-logo-text{
  font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.08em;
}
.ih-event-logo-area svg{width:80px;height:80px;}
.ih-event-logo-name{
  font-size:20px;font-weight:800;color:#fff;text-align:center;line-height:1.3;
}
.ih-event-logo-sub{
  font-size:12px;color:rgba(255,255,255,.45);
}
.ih-event-body{
  padding:28px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.ih-event-title{
  font-size:18px;font-weight:800;color:#fff;margin:0 0 24px;line-height:1.4;
}
.ih-event-meta{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;
  flex:1;
  align-content:start;
}
.ih-event-meta-item{display:flex;align-items:center;gap:12px}
.ih-event-meta-icon{
  width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ih-event-meta-icon svg{
  width:18px;height:18px;stroke:var(--cyan);fill:none;
  stroke-width:2;stroke-linecap:round;
}
.ih-event-meta-label{font-size:11px;color:rgba(255,255,255,.45);margin-bottom:3px;font-weight:600;}
.ih-event-meta-val{font-size:14px;font-weight:700;color:#fff}
.ih-event-read-btn{
  display:flex;align-items:center;justify-content:center;
  width:100%;padding:15px;
  background:var(--cyan);color:#fff;
  font-size:15px;font-weight:700;
  border-radius:50px;
  transition:background .2s;
  text-decoration:none;
}
.ih-event-read-btn:hover{background:#2a9fd4}

/* ══ FAQ SECTION ══ */
.ih-faq{
  padding:80px 0 96px;
  background:linear-gradient(180deg,#3daae1 0%,#a8d8f0 45%,#ffffff 100%);
}
.ih-faq-label{
  font-size:12px;font-weight:700;color:rgba(255,255,255,.85);
  text-align:center;letter-spacing:.14em;text-transform:uppercase;
  margin:0 0 12px;
}
.ih-faq-heading{
  font-size:clamp(24px,2.8vw,40px);
  font-weight:900;color:#fff;
  text-align:center;margin:0 0 40px;
}
/* White content card */
.ih-faq-box{
  background:#fff;
  border-radius:24px;
  padding:40px;
  box-shadow:0 8px 40px rgba(26,36,82,.10);
}
.ih-faq-search-row{
  display:flex;gap:0;margin:0 0 24px;
  background:#fff;border-radius:50px;overflow:hidden;
  border:1.5px solid rgba(26,36,82,.12);
  box-shadow:0 2px 12px rgba(26,36,82,.06);
}
.ih-faq-search-input{
  flex:1;padding:14px 20px 14px 48px;
  font-size:14px;font-family:inherit;border:none;outline:none;
  background:#fff;color:var(--dt);
}
.ih-faq-search-wrap{position:relative;flex:1}
.ih-faq-search-wrap svg{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;stroke:var(--dt70);fill:none;
  stroke-width:2;stroke-linecap:round;pointer-events:none;
}
.ih-faq-search-btn{
  padding:12px 36px;background:var(--cyan);color:#fff;
  font-size:14px;font-weight:700;
  display:flex;align-items:center;gap:8px;
  border-radius:0 50px 50px 0;
  transition:background .2s;
  white-space:nowrap;
}
.ih-faq-search-btn:hover{background:#2a9fd4}
.ih-faq-search-btn svg{
  width:14px;height:14px;stroke:#fff;fill:none;
  stroke-width:2.2;stroke-linecap:round;
}
.ih-faq-chips{
  display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px;
}
.ih-faq-chip{
  padding:9px 18px;border-radius:50px;
  border:1.5px solid rgba(26,36,82,.15);
  background:#fff;
  font-size:13px;font-weight:600;color:var(--dt70);
  cursor:pointer;transition:all .2s;
  display:inline-flex;align-items:center;gap:6px;
}
.ih-faq-chip svg{ display:none; }
.ih-faq-chip:hover{border-color:var(--dt);color:var(--dt)}
.ih-faq-chip.active{
  background:#fff;
  border-color:var(--lime);
  border-style:dashed;
  color:var(--lime);
}
.ih-faq-chip.active svg{
  display:inline-block;
  width:12px;height:12px;fill:none;
  stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
}
.ih-faq-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  align-items:start;
}
.ih-faq-item{
  background:#fff;border-radius:16px;
  border:1.5px solid rgba(26,36,82,.08);
  overflow:hidden;
  transition:border-color .2s,box-shadow .2s,opacity .25s ease;
  animation:faqFadeIn .25s ease;
}
@keyframes faqFadeIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.ih-faq-item:hover{
  border-color:rgba(61,170,225,.3);
  box-shadow:0 4px 16px rgba(61,170,225,.08);
}
.ih-faq-item.open{
  background:rgba(61,170,225,.05);
  border-color:rgba(61,170,225,.25);
  box-shadow:0 4px 20px rgba(61,170,225,.10);
}
.ih-faq-q{
  display:flex;align-items:center;gap:16px;
  padding:20px 24px;cursor:pointer;
}
.ih-faq-q-icon{
  width:36px;height:36px;min-width:36px;
  border-radius:50%;
  background:rgba(61,170,225,.10);
  border:1.5px solid rgba(61,170,225,.35);
  display:flex;align-items:center;justify-content:center;
}
.ih-faq-q-icon svg{
  width:15px;height:15px;stroke:var(--cyan);fill:none;
  stroke-width:2;stroke-linecap:round;
}
.ih-faq-q-text{
  flex:1;font-size:14px;font-weight:600;color:var(--dt);
  transition:color .2s;
}
.ih-faq-item.open .ih-faq-q-text{
  color:var(--cyan);
}
.ih-faq-arrow{
  width:30px;height:30px;min-width:30px;
  border-radius:50%;
  border:1.5px solid rgba(26,36,82,.15);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s ease,background .25s ease,border-color .25s ease;
}
.ih-faq-arrow svg{
  width:14px;height:14px;stroke:var(--dt);fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.ih-faq-item.open .ih-faq-arrow{
  transform:rotate(180deg);
  background:var(--cyan);
  border-color:var(--cyan);
}
.ih-faq-item.open .ih-faq-arrow svg{stroke:#fff}
.ih-faq-answer{
  display:none;padding:0 24px 24px 76px;
  font-size:14px;line-height:1.8;color:rgba(61,170,225,.85);
}
.ih-faq-item.open .ih-faq-answer{display:block}

/* ══ CONTACT SECTION ══ */
.ih-contact{
  padding:96px 0;
  background:#fff;
}
.ih-contact-label{
  font-size:12px;font-weight:700;color:var(--lime);
  text-align:center;letter-spacing:.12em;text-transform:uppercase;
  margin:0 0 10px;
}
.ih-contact-heading{
  font-size:clamp(24px,2.8vw,40px);
  font-weight:900;color:var(--dt);
  text-align:center;margin:0 0 52px;
}
.ih-contact-form{max-width:860px;margin:0 auto}
.ih-form-row{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px;
}
.ih-form-field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}
.ih-form-label{
  font-size:14px;font-weight:600;color:var(--dt);
}
.ih-form-input,
.ih-form-textarea{
  width:100%;padding:14px 16px 14px 44px;
  border:1.5px solid rgba(26,36,82,.12);
  border-radius:12px;font-size:14px;font-family:inherit;
  color:var(--dt);background:#fff;outline:none;
  transition:border-color .2s;
}
.ih-form-input:focus,.ih-form-textarea:focus{
  border-color:var(--cyan);
}
.ih-form-input-wrap{position:relative}
.ih-form-input-wrap svg{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;stroke:rgba(26,36,82,.35);fill:none;
  stroke-width:1.8;stroke-linecap:round;pointer-events:none;
}
.ih-form-textarea{padding:14px 16px;min-height:160px;resize:vertical}
.ih-form-textarea-field .ih-form-textarea{padding-left:16px}
.ih-send-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 40px;background:var(--cyan);color:#fff;
  font-size:15px;font-weight:700;border-radius:50px;
  transition:background .2s,transform .2s;
}
.ih-send-btn:hover{background:#2a9fd4;transform:translateY(-1px)}
.ih-send-btn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}

/* ══ FOOTER ══ */
.ih-footer{
  background:#f7f9fc;
  padding:60px 0 0;
  text-align:center;
}
.ih-footer-logo{
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin:0 0 16px;
}
.ih-footer-logo-text .logo-ar{
  font-size:18px;font-weight:800;color:var(--dt);
}
.ih-footer-logo-text .logo-en{
  font-size:11px;font-weight:700;color:var(--dt70);
  letter-spacing:.14em;
}
.ih-footer-tagline{
  font-size:14px;color:var(--dt70);line-height:1.7;
  max-width:480px;margin:0 auto 28px;
}
.ih-footer-socials{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:0 0 28px;
}
.ih-footer-social{
  width:42px;height:42px;border-radius:50%;
  background:var(--cyan);
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,transform .2s;
}
.ih-footer-social:hover{background:#2a9fd4;transform:translateY(-2px)}
.ih-footer-social svg{fill:#fff}
.ih-footer-nav{
  display:flex;align-items:center;justify-content:center;gap:0;
  margin:0 0 0;
  border-top:1.5px solid rgba(26,36,82,.08);
  padding:20px 0;
}
.ih-footer-nav a{
  font-size:14px;font-weight:500;color:var(--dt70);
  padding:0 24px;
  border-right:1.5px solid rgba(26,36,82,.12);
  transition:color .2s;
}
.ih-footer-nav a:last-child{border-right:none}
.ih-footer-nav a:hover{color:var(--dt)}
.ih-footer-bottom{
  background:#fff;
  border-top:1.5px solid rgba(26,36,82,.06);
  padding:20px 0;
  display:flex;align-items:center;justify-content:space-between;
}
.ih-footer-email{
  display:flex;align-items:center;gap:12px;
}
.ih-footer-email-icon{
  width:42px;height:42px;border-radius:50%;
  background:var(--navy);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.ih-footer-email-icon svg{
  width:16px;height:16px;stroke:#fff;fill:none;
  stroke-width:2;stroke-linecap:round;
}
.ih-footer-email-addr{
  font-size:14px;font-weight:600;color:var(--cyan);
}
.ih-footer-copy{
  font-size:13px;color:var(--dt70);
}

/* ══ INNOVATION HUB — DARK MODE ══ */
[data-theme="dark"] .ih-nav{background:rgba(10,16,40,.96);border-bottom-color:rgba(255,255,255,.08);}

/* About */
[data-theme="dark"] .ih-about{background:#0d1830;}
[data-theme="dark"] .ih-about-label{color:var(--cyan);}
[data-theme="dark"] .ih-about-heading{color:#fff;}
[data-theme="dark"] .ih-about-body{color:rgba(255,255,255,.65);}
[data-theme="dark"] .ih-about-stat-num{color:#fff;}
[data-theme="dark"] .ih-about-stat-label{color:rgba(255,255,255,.55);}
[data-theme="dark"] .ih-about-img-wrap{border-color:rgba(255,255,255,.08);}

/* Target / Who we serve */
[data-theme="dark"] .ih-target{background:#0a1020;}
[data-theme="dark"] .ih-target-label{color:rgba(255,255,255,.7);}
[data-theme="dark"] .ih-target-heading{color:#fff;}

/* We Offer */
[data-theme="dark"] .ih-offer{background:#0a1020;}
[data-theme="dark"] .ih-offer-label{color:rgba(255,255,255,.7);}
[data-theme="dark"] .ih-offer-heading{color:#fff;}
[data-theme="dark"] .ih-offer-sub{color:rgba(255,255,255,.6);}

/* Stats / Network */
[data-theme="dark"] .ih-network{background:#0a1020;}
[data-theme="dark"] .ih-network-heading{color:#fff;}
[data-theme="dark"] .ih-stat-card{
  background:#1a2755;
  box-shadow:0 2px 16px rgba(0,0,0,.25);
}
[data-theme="dark"] .ih-stat-num{color:#fff;}
[data-theme="dark"] .ih-stat-label{color:rgba(255,255,255,.55);}

/* FAQ */
[data-theme="dark"] .ih-faq{background:linear-gradient(180deg,#1a2e6e 0%,#0f1d4a 55%,#0a1228 100%);}
[data-theme="dark"] .ih-faq-box{background:#0e1a3a;box-shadow:0 8px 40px rgba(0,0,0,.35);}
[data-theme="dark"] .ih-faq-search-row{background:#1a2755;border-color:rgba(255,255,255,.1);box-shadow:none;}
[data-theme="dark"] .ih-faq-search-input{background:#1a2755;color:#fff;}
[data-theme="dark"] .ih-faq-search-input::placeholder{color:rgba(255,255,255,.35);}
[data-theme="dark"] .ih-faq-search-wrap svg{stroke:rgba(255,255,255,.4);}
[data-theme="dark"] .ih-faq-chip{background:#1a2755;border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.6);}
[data-theme="dark"] .ih-faq-chip:hover{border-color:rgba(255,255,255,.35);color:#fff;}
[data-theme="dark"] .ih-faq-chip.active{background:#0e1a3a;border-color:var(--lime);color:var(--lime);}
[data-theme="dark"] .ih-faq-item{background:#1a2755;border-color:rgba(255,255,255,.08);}
[data-theme="dark"] .ih-faq-item:hover{border-color:rgba(61,170,225,.3);box-shadow:0 4px 16px rgba(0,0,0,.25);}
[data-theme="dark"] .ih-faq-item.open{background:rgba(61,170,225,.08);border-color:rgba(61,170,225,.3);}
[data-theme="dark"] .ih-faq-q-text{color:#fff;}
[data-theme="dark"] .ih-faq-item.open .ih-faq-q-text{color:var(--cyan);}
[data-theme="dark"] .ih-faq-arrow{border-color:rgba(255,255,255,.2);}
[data-theme="dark"] .ih-faq-arrow svg{stroke:#fff;}
[data-theme="dark"] .ih-faq-answer{color:rgba(61,170,225,.75);}

/* Contact */
[data-theme="dark"] .ih-contact{background:#0d1830;}
[data-theme="dark"] .ih-contact-heading{color:#fff;}
[data-theme="dark"] .ih-form-label{color:rgba(255,255,255,.8);}
[data-theme="dark"] .ih-form-input,
[data-theme="dark"] .ih-form-textarea{background:#1a2755;border-color:rgba(255,255,255,.1);color:#fff;}
[data-theme="dark"] .ih-form-input::placeholder,
[data-theme="dark"] .ih-form-textarea::placeholder{color:rgba(255,255,255,.3);}
[data-theme="dark"] .ih-form-input:focus,
[data-theme="dark"] .ih-form-textarea:focus{border-color:var(--cyan);}
[data-theme="dark"] .ih-form-input-wrap svg{stroke:rgba(255,255,255,.3);}

/* Footer */
[data-theme="dark"] .ih-footer{background:#0a1228;}
[data-theme="dark"] .ih-footer-logo-text .logo-ar{color:#fff;}
[data-theme="dark"] .ih-footer-logo-text .logo-en{color:rgba(255,255,255,.5);}
[data-theme="dark"] .ih-footer-tagline{color:rgba(255,255,255,.55);}
[data-theme="dark"] .ih-footer-nav{border-top-color:rgba(255,255,255,.08);}
[data-theme="dark"] .ih-footer-nav a{color:rgba(255,255,255,.55);border-right-color:rgba(255,255,255,.08);}
[data-theme="dark"] .ih-footer-nav a:hover{color:#fff;}
[data-theme="dark"] .ih-footer-bottom{background:#060e20;border-top-color:rgba(255,255,255,.06);}
[data-theme="dark"] .ih-footer-copy{color:rgba(255,255,255,.45);}

/* ══ RESPONSIVE ══ */
@media(max-width:1024px){
  .ih-hero{padding-bottom:160px}
  .ih-about-grid{grid-template-columns:1fr 1fr;gap:32px}
  .ih-target-cards{grid-template-columns:1fr 1fr;margin-top:-120px}
  .ih-target-card{height:480px}
  .ih-promises-grid{grid-template-columns:260px 1fr}
  .ih-offer-box{grid-template-columns:1fr 1fr;padding:40px 32px}
  .ih-offer-item:nth-child(2){border-right:none}
  .ih-offer-item:nth-child(3){border-right:1.5px solid rgba(255,255,255,.15)}
  .ih-offer-item:nth-child(4){border-bottom:1.5px solid rgba(255,255,255,.15)}
  .ih-offer-item:nth-child(5){border-bottom:1.5px solid rgba(255,255,255,.15)}
  .ih-stats-grid{grid-template-columns:repeat(2,1fr)}
  .ih-stories-grid{grid-template-columns:1fr 1fr}
  .ih-news-grid{grid-template-columns:1fr;gap:40px}
  .ih-faq-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ih-nav-links{display:none}
  .ih-hero{padding-bottom:80px}
  .ih-about-grid{grid-template-columns:1fr;gap:32px}
  .ih-target-cards{grid-template-columns:1fr 1fr;margin-top:0}
  .ih-target-card{height:340px}
  .ih-promises-grid{grid-template-columns:1fr;gap:40px}
  .ih-promise-content{padding:32px 0 0;border-left:none;border-top:1.5px solid rgba(255,255,255,.1)}
  .ih-offer-box{grid-template-columns:1fr}
  .ih-stats-grid{grid-template-columns:1fr 1fr}
  .ih-stories-grid{grid-template-columns:1fr}
  .ih-form-row{grid-template-columns:1fr}
  .ih-footer-bottom{flex-direction:column;gap:16px;text-align:center}
  .ih-event-meta{grid-template-columns:1fr}
}

/* ════════════════════════════════
   ABOUT US PAGE
════════════════════════════════ */

/* ── Brief section ── */
.au-brief{padding:72px 0 80px;background:#fff;}
.au-brief-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.au-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px;}
.au-quote-card{grid-column:1;grid-row:1;background:#f4f7fd;border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;}
.au-quote-icon{font-size:28px;color:var(--dt);font-weight:900;line-height:1;}
.au-quote-text{font-size:16px;font-weight:700;color:var(--dt);line-height:1.5;}
.au-img{border-radius:18px;overflow:hidden;height:200px;}
.au-img img{width:100%;height:100%;object-fit:cover;display:block;}
.au-img-1{grid-column:2;grid-row:1;}
.au-img-2{grid-column:1;grid-row:2;}
.au-img-3{grid-column:2;grid-row:2;}
.au-brief-label{display:inline-block;font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.5px;margin-bottom:16px;}
.au-brief-heading{font-size:clamp(24px,2.6vw,38px);font-weight:900;color:var(--dt);line-height:1.25;margin-bottom:24px;}
.au-brief-text{font-size:14px;line-height:1.85;color:var(--dt70);margin-bottom:36px;}
.au-vm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.au-vm-card{background:#f4f7fd;border-radius:16px;padding:24px 20px;}
.au-vm-card h4{font-size:13px;font-weight:700;color:var(--cyan);margin-bottom:8px;}
.au-vm-card p{font-size:14px;font-weight:600;color:var(--dt);line-height:1.5;}

/* ── Leadership section ── */
.au-leaders{padding:80px 0 88px;background:var(--bg);}
.au-section-label{font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.5px;display:block;margin-bottom:12px;}
.au-section-heading{font-size:clamp(26px,2.8vw,40px);font-weight:900;color:var(--dt);margin-bottom:48px;}
.au-chairman-card{display:flex;align-items:stretch;border-radius:24px;overflow:hidden;margin-bottom:56px;position:relative;min-height:280px;background:linear-gradient(110deg,#1d45ad 0%,#1b3fa0 45%,#1e3b95 100%);}
.au-chairman-photo-wrap{flex-shrink:0;width:380px;position:relative;z-index:2;overflow:hidden;}
.au-chairman-photo-wrap img{position:absolute;bottom:0;left:0;width:100%;height:115%;object-fit:cover;object-position:top center;display:block;border-radius:0;}
.au-chairman-info{flex:1;background:transparent;border-radius:0;padding:48px 56px 48px 44px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.au-chairman-info::after{content:none;}
.au-chairman-salutation{font-size:13px;color:rgba(255,255,255,.6);font-weight:500;margin-bottom:6px;}
.au-chairman-name{font-size:clamp(22px,2.2vw,32px);font-weight:900;color:#fff;line-height:1.2;margin-bottom:10px;}
.au-chairman-role{font-size:14px;color:rgba(255,255,255,.75);font-weight:600;}
.au-chairman-wm{position:absolute;right:40px;bottom:-10px;opacity:.12;pointer-events:none;}

/* ── Board section ── */
.au-board-section{position:relative;display:flex;gap:20px;align-items:stretch;margin-bottom:48px;border-radius:24px;overflow:hidden;padding:32px 28px;background:#f3f6fc;min-height:580px;}
.board-bg-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.board-label-col{flex-shrink:0;width:72px;display:flex;align-items:stretch;justify-content:center;position:relative;z-index:2;}
.board-label-pill{background:#1b3fa0;border-radius:36px;padding:28px 0;width:100%;display:flex;align-items:center;justify-content:center;}
.board-label-pill span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:800;color:#fff;letter-spacing:1.5px;white-space:nowrap;}
.board-cards-area{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2;align-content:start;}
.board-card{height:265px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;}
.board-card-inner{width:100%;height:100%;position:relative;}
.board-card-front{position:absolute;top:0;left:0;width:100%;height:100%;}
.bcard-photo{width:100%;height:100%;position:relative;background:#1b3fa0;}
.bcard-photo img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;}
.bcard-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(8,20,72,.95) 0%,rgba(8,20,72,.4) 55%,transparent 100%);padding:10px 13px 14px;transition:opacity .3s;}
.bcard-salutation{font-size:10px;color:rgba(255,255,255,.55);font-weight:500;margin-bottom:2px;}
.bcard-name{font-size:13px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:2px;}
.bcard-role{font-size:10.5px;color:rgba(255,255,255,.65);}
.board-card-back{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(160deg,#1d4db5 0%,#0f2870 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;text-align:center;transform:translateY(100%);transition:transform .42s cubic-bezier(.4,0,.2,1);}
.board-card:hover .board-card-back{transform:translateY(0);}
.board-card:hover .bcard-overlay{opacity:0;}
.bcard-avatar{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;margin-bottom:12px;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 5px rgba(255,255,255,.1);}
.bcard-avatar img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.board-card-back .bcard-salutation{color:rgba(255,255,255,.5);font-size:10px;margin-bottom:2px;}
.board-card-back .bcard-name{font-size:13px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:3px;}
.board-card-back .bcard-role{font-size:10.5px;color:rgba(255,255,255,.65);margin-bottom:10px;}
.bcard-bio{font-size:11px;color:rgba(255,255,255,.75);line-height:1.65;}

/* ── CEO card ── */
.au-ceo-card{display:flex;align-items:stretch;border-radius:20px;background:#eef2f9;min-height:220px;margin-top:12px;overflow:hidden;position:relative;box-shadow:0 4px 32px rgba(27,63,160,.12),0 1px 4px rgba(0,0,0,.06);}
.ceo-label-col{flex-shrink:0;width:76px;background:#3daae1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 18px;}
.ceo-label-logo{opacity:.85;}
.ceo-label-text{font-size:11px;font-weight:900;color:#fff;letter-spacing:2.5px;}
.au-ceo-photo-wrap{flex-shrink:0;width:260px;position:relative;overflow:hidden;}
.au-ceo-photo-wrap img{position:absolute;bottom:0;left:0;width:100%;height:120%;object-fit:cover;object-position:top center;display:block;}
.au-ceo-photo-wrap::after{content:'';position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(to right,transparent,#eef2f9);pointer-events:none;}
.au-ceo-info{flex:1;padding:40px 48px 40px 28px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.au-ceo-salutation{font-size:13px;color:var(--dt70);font-weight:500;margin-bottom:4px;}
.au-ceo-name{font-size:clamp(20px,2vw,30px);font-weight:900;color:#1b3fa0;margin-bottom:8px;line-height:1.2;}
.au-ceo-role{font-size:14px;color:var(--dt70);font-weight:500;}
.ceo-watermark{position:absolute;right:32px;top:50%;transform:translateY(-50%);opacity:.07;pointer-events:none;}

/* ── Video section ── */
.au-video-section{padding:0 var(--cpad) 80px;background:#fff;}
.au-video-wrap{position:relative;border-radius:24px;overflow:hidden;height:500px;background:#1b3fa0;display:flex;align-items:center;justify-content:center;cursor:pointer;border:4px solid #1b3fa0;box-shadow:0 0 0 4px #1b3fa0;}
.au-video-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;}
.au-video-play{width:72px;height:72px;background:rgba(28,28,28,.72);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 8px 32px rgba(0,0,0,.45);backdrop-filter:blur(4px);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s;}
.au-video-wrap:hover .au-video-play{transform:scale(1.08);background:rgba(28,28,28,.88);box-shadow:0 12px 40px rgba(0,0,0,.55);}
.au-video-play svg{width:26px;height:26px;fill:#fff;margin-left:4px;}
.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,10,25,.92);z-index:10000;align-items:center;justify-content:center;padding:20px;}
.video-modal.open{display:flex;}
.video-modal-box{position:relative;width:min(92vw,1000px);background:#000;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.7);}
.video-modal-box video{width:100%;display:block;aspect-ratio:16/9;max-height:80vh;background:#000;outline:none;}
.video-modal-close{position:absolute;top:12px;left:12px;z-index:10;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:7px;padding:5px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s;}
.video-modal-close:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.7);}

/* ── Role section ── */
.au-role{padding:80px 0 88px;background:#f0f4fb;}
.au-role-heading{font-size:clamp(26px,2.6vw,40px);font-weight:900;color:var(--dt);line-height:1.2;margin-bottom:16px;}
.au-role-desc{font-size:14px;color:var(--dt70);line-height:1.85;}
.role-photo-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;grid-template-rows:220px 155px 205px;gap:12px;}
.role-text-cell{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding-right:28px;}
.role-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;}
.role-card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease;}
.role-card:hover img{transform:scale(1.06);}
.role-card-tint{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,hsl(var(--primary)/0.95) 0%,hsl(var(--primary)/0.60) 50%,hsl(var(--primary)/0.35) 100%);transition:opacity .45s ease;z-index:1;}
.role-card:hover .role-card-tint{opacity:0;}
.role-card-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);z-index:2;}
.role-card-title{position:absolute;bottom:14px;left:16px;right:16px;color:#fff;font-size:17px;font-weight:700;line-height:1.4;z-index:3;}
.rcard-coherent{grid-column:2;grid-row:1/3;}
.rcard-clinical{grid-column:3;grid-row:1;}
.rcard-asset{grid-column:3;grid-row:2;}
.rcard-cluster{grid-column:4;grid-row:1/4;}
.rcard-dev{grid-column:5;grid-row:1/3;}
.rcard-qa{grid-column:1;grid-row:3;}
.rcard-prep{grid-column:2;grid-row:3;}
.rcard-developing{grid-column:3;grid-row:3;}
.rcard-mgmt{grid-column:5;grid-row:3;}

/* ── Contact CTA ── */
.au-contact{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;padding:0;}
.au-contact-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.au-contact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent 0%,transparent 30%,hsl(var(--primary)/0.65) 60%,hsl(var(--primary)/0.92) 100%);}
.au-contact .container{position:relative;z-index:2;padding-top:64px;padding-bottom:64px;}
.au-contact-card{background:var(--cyan);border-radius:24px;padding:36px 40px;max-width:580px;}
.au-contact-label{font-size:13px;color:rgba(255,255,255,.9);font-weight:500;margin-bottom:14px;line-height:1.4;}
.au-contact-card h2{font-size:clamp(28px,3vw,44px);font-weight:900;color:#fff;margin-bottom:16px;line-height:1.1;}
.au-contact-card p{font-size:14px;color:rgba(255,255,255,.85);line-height:1.8;margin-bottom:28px;}
.au-contact-btn{display:inline-flex;align-items:center;gap:10px;background:#1f1a56;color:#fff;border:none;border-radius:999px;padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s;}
.au-contact-btn:hover{background:#2d2880;transform:translateY(-2px);}

/* ── About Us dark mode ── */
[data-theme="dark"] .au-brief{background:var(--bg);}
[data-theme="dark"] .au-quote-card{background:var(--bg2);}
[data-theme="dark"] .au-quote-text{color:#fafafa;}
[data-theme="dark"] .au-quote-icon{color:#fafafa;}
[data-theme="dark"] .au-brief-heading{color:#fafafa;}
[data-theme="dark"] .au-vm-card{background:var(--bg2);}
[data-theme="dark"] .au-vm-card p{color:#fafafa;}
[data-theme="dark"] .au-leaders{background:var(--bg2);}
[data-theme="dark"] .au-section-heading{color:#fafafa;}
[data-theme="dark"] .au-board-section{background:#0a1428;}
[data-theme="dark"] .board-label-pill{background:#253679;}
[data-theme="dark"] .au-ceo-card{background:#0d1f3c;}
[data-theme="dark"] .au-ceo-photo-wrap::after{background:linear-gradient(to right,transparent,#0d1f3c);}
[data-theme="dark"] .au-ceo-name{color:#c5d8ff;}
[data-theme="dark"] .au-ceo-salutation{color:rgba(250,250,250,.6);}
[data-theme="dark"] .au-ceo-role{color:rgba(250,250,250,.65);}
[data-theme="dark"] .ceo-watermark svg g{fill:rgba(255,255,255,1);}
[data-theme="dark"] .au-video-section{background:var(--bg2);}
[data-theme="dark"] .au-role{background:var(--bg2);}
[data-theme="dark"] .au-role-heading{color:#fafafa;}
[data-theme="dark"] .au-role-desc{color:rgba(250,250,250,.70);}
[data-theme="dark"] .au-contact-card{background:#1b7ab5;}
[data-theme="dark"] .au-contact-overlay{background:linear-gradient(to right,transparent 0%,hsl(var(--primary)/0.72) 45%,hsl(var(--primary)/0.95) 100%);}

/* ── About Us responsive ── */
@media(max-width:1024px){
  .au-brief-inner{grid-template-columns:1fr;gap:40px;}
  .board-cards-area{grid-template-columns:repeat(2,1fr);}
  .au-board-section{padding:24px 16px;gap:12px;}
  .board-label-col{width:56px;}
  .au-chairman-card{flex-direction:column;}
  .au-chairman-photo-wrap{width:100%;height:260px;}
  .au-chairman-photo-wrap img{border-radius:24px 24px 0 0;}
  .au-chairman-info{border-radius:0 0 24px 24px;}
  .role-photo-grid{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;}
  .role-text-cell{grid-column:1/4;grid-row:auto;padding-right:0;margin-bottom:8px;}
  .rcard-coherent,.rcard-cluster,.rcard-dev{grid-column:auto;grid-row:auto;}
  .rcard-qa,.rcard-prep,.rcard-developing,.rcard-mgmt{grid-column:auto;grid-row:auto;}
  .role-card{min-height:180px;}
}
@media(max-width:640px){
  .board-cards-area{grid-template-columns:repeat(2,1fr);}
  .au-board-section{flex-direction:column;}
  .board-label-col{width:100%;height:52px;}
  .board-label-pill{height:100%;border-radius:14px;padding:0 20px;}
  .board-label-pill span{writing-mode:horizontal-tb;transform:none;letter-spacing:1px;}
  .au-mosaic{grid-template-columns:1fr;}
  .au-vm-row{grid-template-columns:1fr;}
  .au-ceo-card{flex-direction:column;}
  .ceo-label-col{width:100%;height:56px;flex-direction:row;padding:0 20px;justify-content:space-between;align-items:center;}
  .au-ceo-photo-wrap{width:100%;height:220px;}
  .au-ceo-photo-wrap img{height:100%;top:0;}
  .au-ceo-photo-wrap::after{top:0;bottom:0;right:0;width:30px;}
  .role-photo-grid{grid-template-columns:1fr 1fr;}
  .role-text-cell{grid-column:1/3;}
  .role-card{min-height:160px;}
}

/* ════════════════════════════════
   CONTACT US PAGE
════════════════════════════════ */
.cu-section{
  padding:72px 0 96px;
  background:#fff;
  transition:background .3s ease;
}
.cu-grid{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:48px;
  align-items:start;
}
/* ── Form card ── */
.cu-form-card{
  background:#fff;
  border-radius:20px;
  padding:40px 40px 36px;
  box-shadow:0 4px 32px rgba(26,36,82,.07);
}
.cu-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin:0 0 20px;
}
.cu-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:0 0 20px;
}
.cu-field:last-child{margin:0}
.cu-label{
  font-size:14px;font-weight:700;
  color:#0d1f3c;
}
.cu-input-wrap{position:relative}
.cu-input-wrap svg{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;stroke:rgba(13,31,60,.3);fill:none;
  stroke-width:1.8;stroke-linecap:round;pointer-events:none;
}
.cu-input{
  width:100%;padding:13px 16px 13px 42px;
  border:1.5px solid rgba(26,36,82,.12);
  border-radius:50px;
  font-size:14px;font-family:'DM Sans',system-ui,sans-serif;
  color:#0d1f3c;background:#fff;outline:none;
  transition:border-color .2s,box-shadow .2s;
}
.cu-input::placeholder{color:rgba(13,31,60,.35)}
.cu-input:focus{
  border-color:#3daae1;
  box-shadow:0 0 0 3px rgba(61,170,225,.12);
}
/* Subject select */
.cu-select-wrap{position:relative}
.cu-select-wrap .cu-select-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;stroke:rgba(13,31,60,.3);fill:none;
  stroke-width:1.8;stroke-linecap:round;pointer-events:none;
}
.cu-select-wrap .cu-chevron{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;stroke:rgba(13,31,60,.4);fill:none;
  stroke-width:2;pointer-events:none;
}
.cu-select{
  width:100%;padding:13px 40px 13px 42px;
  border:1.5px solid rgba(26,36,82,.12);
  border-radius:50px;
  font-size:14px;font-family:'DM Sans',system-ui,sans-serif;
  color:rgba(13,31,60,.45);background:#fff;outline:none;
  appearance:none;-webkit-appearance:none;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s;
}
.cu-select:focus{
  border-color:#3daae1;
  box-shadow:0 0 0 3px rgba(61,170,225,.12);
  color:#0d1f3c;
}
/* Textarea */
.cu-textarea{
  width:100%;padding:14px 16px;
  border:1.5px solid rgba(26,36,82,.12);
  border-radius:16px;min-height:170px;
  font-size:14px;font-family:'DM Sans',system-ui,sans-serif;
  color:#0d1f3c;background:#fff;outline:none;
  resize:vertical;
  transition:border-color .2s,box-shadow .2s;
}
.cu-textarea::placeholder{color:rgba(13,31,60,.35)}
.cu-textarea:focus{
  border-color:#3daae1;
  box-shadow:0 0 0 3px rgba(61,170,225,.12);
}
/* Send button row */
.cu-btn-row{
  display:flex;justify-content:flex-end;
  margin:28px 0 0;
}
.cu-send-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 36px;
  background:#3daae1;color:#fff;
  font-size:15px;font-weight:700;font-family:'DM Sans',system-ui,sans-serif;
  border-radius:50px;
  transition:background .2s,transform .15s;
  cursor:pointer;
}
.cu-send-btn:hover{background:#2a9fd4;transform:translateY(-1px)}
.cu-send-btn svg{
  width:17px;height:17px;stroke:#fff;fill:none;
  stroke-width:2;stroke-linecap:round;
}

/* ── Map side ── */
.cu-map-side{
  display:flex;flex-direction:column;gap:20px;
}
.cu-address-row{
  display:flex;align-items:flex-start;gap:14px;
}
.cu-pin-icon{
  width:38px;height:38px;min-width:38px;border-radius:50%;
  background:#3daae1;
  display:flex;align-items:center;justify-content:center;
  margin-top:2px;
}
.cu-pin-icon svg{
  width:17px;height:17px;stroke:#fff;fill:none;
  stroke-width:2;stroke-linecap:round;
}
.cu-address-text{
  font-size:14px;line-height:1.7;color:#0d1f3c;font-weight:500;
}
.cu-address-text a{
  color:#3daae1;text-decoration:underline;text-underline-offset:2px;
}
.cu-address-text a:hover{color:#1a8fcc}
.cu-map-frame{
  width:100%;height:320px;
  border-radius:20px;overflow:hidden;
  border:none;
  box-shadow:0 4px 24px rgba(26,36,82,.10);
}

/* Dark mode */
[data-theme="dark"] .cu-section{background:#1b3a7a;}
[data-theme="dark"] .cu-form-card{
  background:rgba(255,255,255,.06);
  box-shadow:0 4px 32px rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.08);
}
[data-theme="dark"] .cu-label{color:#fff;font-weight:700;}
[data-theme="dark"] .cu-input,
[data-theme="dark"] .cu-select,
[data-theme="dark"] .cu-textarea{
  background:rgba(0,0,0,.25);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
[data-theme="dark"] .cu-input::placeholder,
[data-theme="dark"] .cu-textarea::placeholder{color:rgba(255,255,255,.35);}
[data-theme="dark"] .cu-select{color:rgba(255,255,255,.45);}
[data-theme="dark"] .cu-select option{background:#1b3a7a;color:#fff;}
[data-theme="dark"] .cu-input:focus,
[data-theme="dark"] .cu-select:focus,
[data-theme="dark"] .cu-textarea:focus{
  border-color:rgba(255,255,255,.5);
  box-shadow:0 0 0 3px rgba(255,255,255,.08);
}
[data-theme="dark"] .cu-input-wrap svg,
[data-theme="dark"] .cu-select-wrap .cu-select-icon,
[data-theme="dark"] .cu-select-wrap .cu-chevron{stroke:rgba(255,255,255,.45);}
[data-theme="dark"] .cu-address-text{color:#fff;}
[data-theme="dark"] .cu-address-text a{color:rgba(255,255,255,.8);}

/* Responsive */
@media(max-width:1024px){
  .cu-grid{grid-template-columns:1fr;gap:40px;}
  .cu-map-frame{height:280px;}
}
@media(max-width:640px){
  .cu-form-card{padding:28px 20px;}
  .cu-row{grid-template-columns:1fr;}
}


/* ════════════════════════════════
   NEWS PAGE
════════════════════════════════ */
/* ════════════════════════════════
   NEWS PAGE SPECIFIC STYLES
════════════════════════════════ */

/* ── SEARCH BAR ── */
.news-search-section{
  padding:24px 0 36px;
  background:var(--bg);
}
.news-search-wrap{
  display:flex;align-items:center;
  border:1.5px solid var(--dt12);
  border-radius:999px;
  background:var(--bg);
  overflow:hidden;
  transition:border-color .2s, box-shadow .2s;
}
.news-search-wrap:focus-within{
  border-color:var(--cyan);
  box-shadow:0 0 0 3px hsl(199 74% 55% / .15);
}
.news-search-icon{
  padding:0 16px 0 20px;
  color:var(--dt40);
  display:flex;align-items:center;flex-shrink:0;
}
.news-search-icon svg{width:18px;height:18px;}
.news-search-input{
  flex:1;
  border:none;outline:none;
  background:transparent;
  font-size:14px;color:var(--dt);
  font-family:inherit;
  padding:14px 0;
}
.news-search-input::placeholder{color:var(--dt40);}
.news-search-btn{
  flex-shrink:0;
  background:var(--cyan);color:#fff;
  border:none;border-radius:999px;
  padding:10px 28px;
  margin:5px;
  font-size:14px;font-weight:700;
  font-family:inherit;cursor:pointer;
  display:flex;align-items:center;gap:8px;
  transition:background .2s,transform .15s;
}
.news-search-btn:hover{background:#1a8fc0;transform:scale(1.02);}
.news-search-btn svg{width:15px;height:15px;}

/* ── NEWS GRID (reuses ncard from style.css) ── */
.news-listing{
  background:var(--bg);
  padding:0 0 80px;
}

/* ── PAGINATION ── */
.news-pagination{
  display:flex;align-items:center;justify-content:center;
  gap:8px;
  padding:48px 0 16px;
}
.pag-btn{
  width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--dt12);
  background:transparent;
  color:var(--dt70);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:border-color .2s,background .2s,color .2s;
}
.pag-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);}
.pag-btn:disabled{opacity:.35;cursor:default;}
.pag-btn svg{width:16px;height:16px;}
.pag-num{
  width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--dt12);
  background:transparent;
  color:var(--dt70);
  font-size:14px;font-weight:600;
  font-family:inherit;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:border-color .2s,background .2s,color .2s;
}
.pag-num:hover{border-color:var(--cyan);color:var(--cyan);}
.pag-num.active{
  background:var(--cyan);border-color:var(--cyan);
  color:#fff;
}

/* DARK MODE */
[data-theme="dark"] .news-search-section{background:var(--bg2);}
[data-theme="dark"] .news-search-wrap{background:var(--bg2);}
[data-theme="dark"] .news-listing{background:var(--bg2);}
[data-theme="dark"] .pag-btn{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.6);}
[data-theme="dark"] .pag-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);}
[data-theme="dark"] .pag-num{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.6);}
[data-theme="dark"] .pag-num:hover{border-color:var(--cyan);color:var(--cyan);}

</style>

/* ════════════════════════════════
   MODEL OF CARE PAGE
════════════════════════════════ */
/* ════════════════════════════════
   MODEL OF CARE — PAGE STYLES
════════════════════════════════ */

/* ── Intro ── */
.moc-intro{padding:80px 0;background:#fff;}
[data-theme="dark"] .moc-intro{background:var(--bg);}

.moc-intro-grid{
  display:grid;
  grid-template-columns:1.9fr 1.3fr 1.6fr;
  gap:48px;
  align-items:start;
}

.moc-intro-heading{
  font-size:clamp(20px,2.2vw,32px);
  font-weight:800;
  color:#1a2e6e;
  line-height:1.35;
  margin-bottom:20px;
}
[data-theme="dark"] .moc-intro-heading{color:#c5d8ff;}

.moc-intro-body{font-size:14px;line-height:1.9;color:var(--dt70);}

.moc-intro-img{
  width:100%;height:320px;
  object-fit:cover;border-radius:20px;
  display:block;
}

/* ── Pillars ── */
.moc-pillars{display:flex;flex-direction:column;gap:28px;}

.moc-pillar-item{display:flex;gap:16px;align-items:flex-start;}

.moc-pillar-icon{
  width:44px;height:44px;
  background:var(--cyan);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.moc-pillar-icon svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

.moc-pillar-body{}
.moc-pillar-title{font-size:14px;font-weight:700;color:var(--cyan);margin-bottom:8px;}

.moc-pillar-list{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:4px;
}
.moc-pillar-list li{
  font-size:13px;color:var(--dt70);line-height:1.7;
  display:flex;align-items:flex-start;gap:8px;
}
.moc-pillar-list li::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:var(--cyan);flex-shrink:0;margin-top:7px;
}

/* ── Section helpers ── */
.moc-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--cyan);margin-bottom:10px;
}
.moc-section-title{
  font-size:clamp(22px,2.4vw,34px);font-weight:800;
  color:#1a2e6e;margin-bottom:36px;line-height:1.3;
}
[data-theme="dark"] .moc-section-title{color:#c5d8ff;}

/* ── Transformation tabs ── */
.moc-transform{padding:80px 0;background:var(--bg);}
[data-theme="dark"] .moc-transform{background:var(--bg2);}

/* ── Two-card side-by-side layout ── */
.moc-tf-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:28px;
}
@media(max-width:640px){.moc-tf-cards{grid-template-columns:1fr;}}

.moc-tf-bigcard{
  border-radius:24px;overflow:hidden;
  position:relative;
  min-height:480px;
  cursor:pointer;
}
.moc-tf-olive{background:#7a6a00;}
.moc-tf-blue{background:#3db5f0;}

/* ── Front face (default — wheel diagram) ── */
.moc-tf-front{
  display:flex;flex-direction:column;align-items:center;
  padding:48px 24px 0;
  min-height:480px;
  transition:opacity .35s ease;
}
.moc-tf-bigcard:hover .moc-tf-front{
  opacity:0;pointer-events:none;
}

.moc-wheel-wrap{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding-bottom:16px;
}
.moc-wheel-svg{width:260px;height:260px;display:block;}

.moc-tf-caption{
  width:calc(100% - 32px);
  margin:0 16px 20px;
  background:rgba(0,0,0,.22);
  border-radius:40px;
  padding:16px 28px 20px;
  text-align:center;
}
.moc-tf-sub{
  font-size:12px;color:rgba(255,255,255,.75);
  font-style:italic;display:block;margin-bottom:6px;
}
.moc-tf-title{
  font-size:clamp(18px,1.8vw,26px);font-weight:800;
  color:#fff;margin:0;
}

/* ── Back face (hover — text content) ── */
.moc-tf-back{
  position:absolute;inset:0;
  background:#1a2452;
  padding:36px 36px 32px;
  display:flex;flex-direction:column;
  transform:translateY(100%);
  transition:transform .42s cubic-bezier(.25,.46,.45,.94);
}
.moc-tf-bigcard:hover .moc-tf-back{
  transform:translateY(0);
}

/* Logo badge row */
.moc-tf-logos{display:flex;gap:12px;margin-bottom:22px;}
.moc-tf-logo-badge{
  width:70px;height:70px;
  background:#fff;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;flex-shrink:0;
}
.moc-tf-logo-badge svg{width:50px;height:50px;display:block;}

/* Back text */
.moc-tf-back-sub{
  font-size:12px;font-weight:600;letter-spacing:.5px;
  color:var(--cyan);display:block;margin-bottom:8px;
}
.moc-tf-back-title{
  font-size:clamp(22px,2.2vw,34px);font-weight:800;
  color:#fff;margin:0 0 16px;line-height:1.2;
}
.moc-tf-back-desc{
  font-size:14px;line-height:1.85;
  color:rgba(255,255,255,.78);margin-bottom:22px;
}

/* Checklist */
.moc-tf-checklist{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:10px;
}
.moc-tf-checklist li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:13.5px;color:rgba(255,255,255,.88);line-height:1.6;
}
.moc-tf-checklist li::before{
  content:'';width:22px;height:22px;min-width:22px;
  border-radius:50%;margin-top:2px;
  background:var(--cyan)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
    no-repeat center/13px;
}

/* ── MOC Care tabs ── */
.moc-care{padding:80px 0;background:#fff;}
[data-theme="dark"] .moc-care{background:var(--bg);}

/* Square card tabs */
.moc-care-tabs{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin-bottom:28px;
}
@media(max-width:768px){.moc-care-tabs{grid-template-columns:repeat(3,1fr);}}
@media(max-width:480px){.moc-care-tabs{grid-template-columns:repeat(2,1fr);}}

.moc-care-tab{
  height:96px;
  border-radius:20px;
  font-size:14px;font-weight:700;cursor:pointer;
  border:1.5px solid rgba(0,0,0,.08);
  background:#fff;
  font-family:inherit;transition:all .25s;
  display:flex;align-items:center;justify-content:center;
  text-align:center;padding:12px;line-height:1.3;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
[data-theme="dark"] .moc-care-tab{background:var(--bg2);border-color:var(--dt12);}
.moc-care-tab:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.1);}
.moc-care-tab.active{
  background:#3db5f0;border-color:#3db5f0;
  color:#fff !important;
  box-shadow:0 6px 20px rgba(61,181,240,.35);
  transform:none;
}
/* Per-tab accent colours (inactive state) */
.mct-blue {color:#3db5f0;}
.mct-lime {color:#8cb800;}
.mct-teal {color:#1aad9d;}
.mct-dark {color:#1a2452;}
[data-theme="dark"] .mct-dark{color:#c5d8ff;}

/* Dark navy panel */
.moc-care-panel{display:none;}
.moc-care-panel.active{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:48px;
  align-items:center;
  background:#1a2452;
  border-radius:24px;
  padding:52px 56px;
  position:relative;
  overflow:hidden;
}
/* Decorative dots watermark */
.moc-care-panel.active::after{
  content:'';
  position:absolute;bottom:-40px;right:40%;
  width:320px;height:320px;
  border-radius:50%;
  border:60px solid rgba(255,255,255,.04);
  pointer-events:none;
}

/* Left col */
.moc-care-label{
  font-size:13px;font-weight:600;letter-spacing:.3px;
  color:var(--cyan);display:block;margin-bottom:14px;
}
.moc-care-body{
  font-size:clamp(17px,1.6vw,22px);
  font-weight:700;line-height:1.6;
  color:#fff;margin:0;
}

/* Right col: initiatives card */
.moc-care-init-card{
  background:rgba(255,255,255,.09);
  border-radius:20px;padding:32px 28px;
}
.moc-care-init-label{
  font-size:14px;font-weight:600;
  color:rgba(255,255,255,.65);
  display:block;margin-bottom:18px;
}
.moc-care-initiatives{display:flex;flex-direction:column;gap:14px;}
.moc-care-init-item{
  display:flex;align-items:center;gap:14px;
  font-size:14px;font-weight:500;
  color:#fff;background:none;border-radius:0;padding:0;
}
.moc-care-init-dot{
  width:26px;height:26px;min-width:26px;
  border-radius:50%;flex-shrink:0;
  background:#8cb800
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")
    no-repeat center/14px;
}

/* ── Strategic Goals ── */
.moc-goals{padding:80px 0;background:var(--bg);}
[data-theme="dark"] .moc-goals{background:var(--bg2);}

.moc-goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}

.moc-goals-sub{
  font-size:12px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--cyan);margin-bottom:10px;
}
.moc-goals-heading{
  font-size:clamp(20px,2.2vw,30px);font-weight:800;
  color:#1a2e6e;line-height:1.3;margin-bottom:16px;
}
[data-theme="dark"] .moc-goals-heading{color:#c5d8ff;}

.moc-goals-body{font-size:14px;line-height:1.9;color:var(--dt70);}

.moc-goals-card{
  background:#fff;border-radius:20px;
  padding:32px;
  box-shadow:0 2px 20px rgba(0,0,0,.07);
}
[data-theme="dark"] .moc-goals-card{background:var(--bg);}

.moc-goals-card-title{
  font-size:14px;font-weight:700;
  color:#1a2e6e;margin-bottom:20px;
}
[data-theme="dark"] .moc-goals-card-title{color:#c5d8ff;}

.moc-goal-item{
  display:flex;align-items:flex-start;gap:12px;
  padding:10px 0;border-bottom:1px solid var(--dt06);
  font-size:13px;color:var(--dt70);line-height:1.7;
}
.moc-goal-item:last-child{border-bottom:none;}
.moc-goal-check{
  width:22px;height:22px;background:var(--cyan);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:1px;
}
.moc-goal-check svg{width:11px;height:11px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;}

/* ── 4 Better Goals ── */
/* ── Fourfold static cards ── */
.moc-fourfold{padding:80px 0;background:#fff;}
[data-theme="dark"] .moc-fourfold{background:var(--bg);}

.moc-fourfold-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
@media(max-width:640px){.moc-fourfold-grid{grid-template-columns:repeat(2,1fr);}}

.moc-fourfold-card{
  height:150px;
  border-radius:20px;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:14px;padding:20px 16px;
}
.moc-fourfold-card:nth-child(odd) {background:#3db5f0;}
.moc-fourfold-card:nth-child(even){background:#1a2452;}
.moc-fourfold-card svg{width:40px;height:40px;display:block;}
.moc-fourfold-label{font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:1.3;}

/* ── Transformation Program Video ── */
.moc-prog-video{padding:56px 0;background:#fff;}
[data-theme="dark"] .moc-prog-video{background:var(--bg);}

.moc-prog-player{
  position:relative;
  border-radius:20px;overflow:hidden;
  aspect-ratio:21/9;
  background:#062a2e;
  box-shadow:0 8px 48px rgba(0,0,0,.18);
}
.moc-prog-player img{
  width:100%;height:100%;
  object-fit:cover;opacity:.82;display:block;
}
.moc-prog-overlay{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.18);
}
.moc-prog-play-btn{
  width:54px;height:54px;
  background:rgba(0,0,0,.62);
  border-radius:50%;border:none;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;backdrop-filter:blur(6px);
  transition:background .2s,transform .2s;
}
.moc-prog-play-btn:hover{background:rgba(0,0,0,.88);transform:scale(1.1);}
.moc-prog-play-btn svg{width:18px;height:18px;fill:#fff;margin-left:3px;}


/* ── Future Healthcare ── */
.moc-future{padding:80px 0;background:#fff;}
[data-theme="dark"] .moc-future{background:var(--bg);}

/* 2-col intro header */
.moc-future-header{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px;
  align-items:start;
  margin-bottom:56px;
}
@media(max-width:768px){.moc-future-header{grid-template-columns:1fr;gap:20px;}}

.moc-future-eyebrow{
  font-size:12px;font-weight:600;letter-spacing:.4px;
  color:var(--cyan);display:block;margin-bottom:14px;
}
.moc-future-header h2{
  font-size:clamp(22px,2.6vw,36px);font-weight:800;
  color:#1a2452;line-height:1.25;margin:0;
}
[data-theme="dark"] .moc-future-header h2{color:#c5d8ff;}
.moc-future-header p{
  font-size:15px;line-height:1.9;
  color:var(--dt70);margin:0;
  padding-top:4px;
}

/* Cards */
.moc-future-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:stretch;
}

.moc-future-card{
  background:#1a2452;
  border-radius:24px;
  padding:40px 32px 44px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:240px;
  transition:transform .25s,box-shadow .25s;
}
.moc-future-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 36px rgba(26,36,82,.28);
}

.moc-future-icon{
  width:52px;height:52px;
  background:rgba(255,255,255,.1);
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:auto;
  padding-bottom:0;
  flex-shrink:0;
}
.moc-future-icon svg{
  width:28px;height:28px;display:block;
  stroke:#fff;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

.moc-future-goal-num{
  display:block;
  font-size:12px;font-weight:500;
  color:rgba(255,255,255,.55);
  margin:28px 0 8px;
  letter-spacing:0;text-transform:none;
}

.moc-future-card h4{
  font-size:clamp(15px,1.4vw,18px);font-weight:800;
  color:#fff;margin:0;line-height:1.4;
}

/* ── Responsive ── */
@media(max-width:1024px){
  .moc-intro-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .moc-intro-grid .moc-pillars{grid-column:1/-1;}
  .moc-tf-panel.active,
  .moc-care-panel.active,
  .moc-goals-grid,
  .moc-better-panel.active,
  .moc-video-grid{grid-template-columns:1fr;}
  .moc-future-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .moc-intro-grid{grid-template-columns:1fr;}
  .moc-future-grid{grid-template-columns:1fr;}
  .moc-pill-row{flex-direction:column;align-items:flex-start;}
}

/* MOBILE NAV OVERLAY */
.mobile-nav{position:fixed;inset:0;z-index:9999;background:rgba(5,10,30,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;padding:24px 32px 40px;transform:translateX(110%);transition:transform .38s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain;}
.mobile-nav.open{transform:translateX(0);}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-nav-logo{display:flex;flex-direction:column;gap:2px;}
.mobile-nav-logo .logo-ar{color:#fff;font-size:13px;font-weight:600;}
.mobile-nav-logo .logo-en{color:rgba(255,255,255,.55);font-size:9px;letter-spacing:3px;}
.mobile-nav-close{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0;}
.mobile-nav-close:hover{background:rgba(255,255,255,.18);color:#fff;}
.mobile-nav-links{display:flex;flex-direction:column;flex:1;overflow-y:auto;}
.mobile-nav-link{color:rgba(255,255,255,.72);text-decoration:none;font-size:18px;font-weight:600;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;transition:color .2s,padding-left .2s;}
.mobile-nav-link:hover{color:#fff;padding-left:8px;}
.mobile-nav-link:last-child{border-bottom:none;}
.mobile-nav-link svg{opacity:.35;flex-shrink:0;}
.mobile-nav-foot{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:12px;}
.mobile-nav-foot .lang-btn,.mobile-nav-foot .ih-lang-btn{border-color:rgba(255,255,255,.3);color:#fff;background:transparent;font-size:13px;padding:7px 18px;}
[dir="rtl"] .mobile-nav{transform:translateX(-110%);}
[dir="rtl"] .mobile-nav.open{transform:translateX(0);}
[dir="rtl"] .mobile-nav-link:hover{padding-left:0;padding-right:8px;}
[dir="rtl"] .mobile-nav-link svg{transform:scaleX(-1);}

/* RESPONSIVE GAPS FIX 768px */
@media(max-width:768px){
  .board-cards-area{grid-template-columns:repeat(2,1fr);}
  .au-ceo-card{flex-direction:column;}
  .au-ceo-photo-wrap{width:100%;height:200px;}
  .au-ceo-photo-wrap img{height:100%;top:0;}
  .au-ceo-photo-wrap::after{display:none;}
  .au-ceo-info{padding:28px 24px;}
  .moc-tf-cards{grid-template-columns:1fr;}
  .moc-goals-grid{grid-template-columns:1fr;gap:32px;}
  .moc-care-panel.active{padding:36px 28px;grid-template-columns:1fr;}
  .moc-future-grid{grid-template-columns:repeat(2,1fr);}
}

/* RTL OVERRIDES */
[dir="rtl"] body{font-family:'Cairo','DM Sans',system-ui,sans-serif;}
[dir="rtl"] .logo-ar{letter-spacing:0;}
[dir="rtl"] .logo-en{letter-spacing:2px;}
[dir="rtl"] .lang-btn,[dir="rtl"] .ih-lang-btn{letter-spacing:0;}
[dir="rtl"] .page-hero-text{left:auto;right:calc(var(--cpad) + 24px);text-align:right;}
[dir="rtl"] .hero-content{align-items:flex-start;text-align:right;}
[dir="rtl"] .hero-cards-wrap{clip-path:polygon(0% 0%,95% 0%,100% 100%,0% 100%);}
[dir="rtl"] .about-inner{flex-direction:row-reverse;}
[dir="rtl"] .about-left{text-align:right;}
[dir="rtl"] .news-header,[dir="rtl"] .sec-label,[dir="rtl"] .section-label{text-align:right;}
[dir="rtl"] .ncard-body{text-align:right;}
[dir="rtl"] .ncard-meta{flex-direction:row-reverse;}
[dir="rtl"] .footer-brand{align-items:flex-end;text-align:right;}
[dir="rtl"] .footer-col h4,[dir="rtl"] .footer-col ul{text-align:right;}
[dir="rtl"] .footer-social{flex-direction:row-reverse;}
[dir="rtl"] .footer-bottom{flex-direction:row-reverse;}
[dir="rtl"] .footer-vision{flex-direction:row-reverse;text-align:right;}
[dir="rtl"] .au-brief-label,[dir="rtl"] .au-brief-heading,[dir="rtl"] .au-brief-text,[dir="rtl"] .au-section-label,[dir="rtl"] .au-section-heading{text-align:right;}
[dir="rtl"] .au-vm-card h4,[dir="rtl"] .au-vm-card p{text-align:right;}
[dir="rtl"] .au-chairman-card{flex-direction:row-reverse;}
[dir="rtl"] .au-chairman-info{padding:48px 44px 48px 56px;}
[dir="rtl"] .au-chairman-wm{right:auto;left:40px;}
[dir="rtl"] .au-chairman-salutation,[dir="rtl"] .au-chairman-name,[dir="rtl"] .au-chairman-role{text-align:right;}
[dir="rtl"] .au-ceo-card{flex-direction:row-reverse;}
[dir="rtl"] .au-ceo-photo-wrap::after{background:linear-gradient(to left,transparent,#eef2f9);left:0;right:auto;}
[dir="rtl"] .au-ceo-salutation,[dir="rtl"] .au-ceo-name,[dir="rtl"] .au-ceo-role{text-align:right;}
[dir="rtl"] .ceo-watermark{right:auto;left:32px;}
[dir="rtl"] .board-label-pill span{writing-mode:vertical-lr;transform:rotate(0deg);}
[dir="rtl"] .bcard-salutation,[dir="rtl"] .bcard-name,[dir="rtl"] .bcard-role,[dir="rtl"] .bcard-bio{text-align:right;}
[dir="rtl"] .au-role-heading,[dir="rtl"] .au-role-desc{text-align:right;}
[dir="rtl"] .role-card-title{left:auto;right:16px;text-align:right;}
[dir="rtl"] .au-contact-card{margin-right:auto;margin-left:0;}
[dir="rtl"] .au-contact-label,[dir="rtl"] .au-contact-card h2,[dir="rtl"] .au-contact-card p{text-align:right;}
[dir="rtl"] .cu-input-wrap svg{left:auto;right:14px;}
[dir="rtl"] .cu-input{padding:13px 42px 13px 16px;text-align:right;}
[dir="rtl"] .cu-select-wrap .cu-select-icon{left:auto;right:14px;}
[dir="rtl"] .cu-select-wrap .cu-chevron{right:auto;left:16px;}
[dir="rtl"] .cu-select{padding:13px 42px 13px 40px;}
[dir="rtl"] .cu-textarea{text-align:right;}
[dir="rtl"] .cu-send-row{justify-content:flex-start;}
[dir="rtl"] .cu-form-card h2,[dir="rtl"] .cu-form-card p{text-align:right;}
[dir="rtl"] .cu-address-row,[dir="rtl"] .cu-address-text{text-align:right;}
[dir="rtl"] .news-search-input{text-align:right;}
[dir="rtl"] .news-search-icon{padding:0 20px 0 0;}
[dir="rtl"] .news-pagination{flex-direction:row-reverse;}
[dir="rtl"] .moc-intro-heading,[dir="rtl"] .moc-intro-body,[dir="rtl"] .moc-eyebrow,[dir="rtl"] .moc-section-title{text-align:right;}
[dir="rtl"] .moc-pillar-item{flex-direction:row-reverse;}
[dir="rtl"] .moc-pillar-body,[dir="rtl"] .moc-pillar-title{text-align:right;}
[dir="rtl"] .moc-pillar-list li{flex-direction:row-reverse;}
[dir="rtl"] .moc-tf-caption,[dir="rtl"] .moc-tf-sub,[dir="rtl"] .moc-tf-title{text-align:right;}
[dir="rtl"] .moc-tf-back-sub,[dir="rtl"] .moc-tf-back-title,[dir="rtl"] .moc-tf-back-desc{text-align:right;}
[dir="rtl"] .moc-tf-checklist li{flex-direction:row-reverse;}
[dir="rtl"] .moc-care-label,[dir="rtl"] .moc-care-body{text-align:right;}
[dir="rtl"] .moc-care-init-label{text-align:right;}
[dir="rtl"] .moc-care-init-item{flex-direction:row-reverse;}
[dir="rtl"] .moc-care-panel.active::after{right:auto;left:40%;}
[dir="rtl"] .moc-goals-sub,[dir="rtl"] .moc-goals-heading,[dir="rtl"] .moc-goals-body{text-align:right;}
[dir="rtl"] .moc-goals-card-title{text-align:right;}
[dir="rtl"] .moc-goal-item{flex-direction:row-reverse;}
[dir="rtl"] .moc-future-eyebrow,[dir="rtl"] .moc-future-header h2,[dir="rtl"] .moc-future-header p{text-align:right;}
[dir="rtl"] .moc-future-card{align-items:flex-end;}
[dir="rtl"] .moc-future-card h4,[dir="rtl"] .moc-future-goal-num{text-align:right;}
[dir="rtl"] .ih-hero-content,[dir="rtl"] .ih-hero-title,[dir="rtl"] .ih-hero-sub{text-align:right;}
[dir="rtl"] .ih-about-label,[dir="rtl"] .ih-about-heading,[dir="rtl"] .ih-about-body{text-align:right;}
[dir="rtl"] .ih-network-heading{text-align:right;}
[dir="rtl"] .ih-stat-num,[dir="rtl"] .ih-stat-label{text-align:right;}
[dir="rtl"] .ih-promise-content{border-left:none;border-right:1.5px solid rgba(255,255,255,.15);padding-left:0;padding-right:80px;}
[dir="rtl"] .ih-promise-title,[dir="rtl"] .ih-promise-body{text-align:right;}
[dir="rtl"] .ih-faq-q{flex-direction:row-reverse;}
[dir="rtl"] .ih-faq-q-text,[dir="rtl"] .ih-faq-a-text{text-align:right;}
[dir="rtl"] .ih-footer-nav{flex-direction:row-reverse;}
[dir="rtl"] .ih-footer-nav a{border-right:none;border-left:1px solid rgba(255,255,255,.15);}
[dir="rtl"] .ih-footer-nav a:last-child{border-left:none;}
[dir="rtl"] .ecard-name,[dir="rtl"] .ecard-hq,[dir="rtl"] .ecard-label{text-align:right;}
[dir="rtl"] .ecard-meta{flex-direction:row-reverse;}
[dir="rtl"] .kc-card-label,[dir="rtl"] .kc-card-title,[dir="rtl"] .kc-card-desc{text-align:right;}
[dir="rtl"] .tender-card-title,[dir="rtl"] .tender-status,[dir="rtl"] .tender-meta{text-align:right;}
[dir="rtl"] .proc-filter-chips{flex-direction:row-reverse;}
[dir="rtl"] .venn-c{left:auto;}
[dir="rtl"] .vc-teal{right:0;}
[dir="rtl"] .vc-cyan{right:190px;left:auto;}
[dir="rtl"] .vc-navy{right:420px;left:auto;}
[dir="rtl"] .vc-teal:hover{border-radius:0 120px 120px 0;}
[dir="rtl"] .vc-cyan:hover{border-radius:0 120px 120px 0;}
[dir="rtl"] .vc-navy:hover{border-radius:0 120px 120px 0;}
@media(max-width:640px){
  [dir="rtl"] .vc-cyan{right:108px;left:auto;}
  [dir="rtl"] .page-hero-text{right:calc(var(--cpad) + 12px);}
}
[data-theme="dark"][dir="rtl"] .au-ceo-photo-wrap::after{background:linear-gradient(to left,transparent,#0d1f3c);}
[dir="rtl"] .ih-ptab-line{right:31px;}