@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&display=swap');
:root{
  --navy:#1B3A5C;
  --blue:#3A8DC4;
  --blue-light:#5DADE2;
  --blue-pale:#D6EAF8;
  --blue-mid:#2874A6;
  --white:#ffffff;
  --gray:#F3F7FB;
  --gray2:#E4EDF5;
  --text:#1B3A5C;
  --text-muted:#5C7A96;
  --radius:20px;
  --radius-sm:12px;
  --radius-pill:100px;
  --shadow:0 4px 32px rgba(27,58,92,0.10);
  --shadow-card:0 2px 16px rgba(27,58,92,0.07);
}

html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:var(--text);background:#fff;overflow-x:hidden;}

/* ── HERO ── */
.hero{
  min-height:100vh;
  background:#0d1f33;
  position:relative;overflow:hidden;
  display:flex;align-items:center;
  padding-top:90px;
}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,31,51,0.45) 0%,rgba(18,42,72,0.38) 50%,rgba(22,58,95,0.32) 100%);z-index:1;}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0.35;}
.hero-inner{max-width:900px;margin:0 auto;padding:80px 48px;width:100%;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(93,173,226,0.15);border:1px solid rgba(93,173,226,0.25);border-radius:var(--radius-pill);padding:7px 16px 7px 10px;margin-bottom:32px;}
.hero-eyebrow-dot{width:28px;height:28px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.hero-eyebrow-text{font-family:'Poppins',sans-serif;font-size:10px;font-weight:500;letter-spacing:1.5px;color:rgba(255,255,255,0.7);text-transform:uppercase;}
.hero h1{font-family:'Poppins',sans-serif;font-size:clamp(38px,4.8vw,64px);font-weight:700;color:#fff;line-height:1.0;letter-spacing:-0.5px;margin-bottom:28px;opacity:0;animation:fadeUp 0.8s 0.3s forwards;}
.hero h1 em{font-style:normal;color:var(--blue-light);}
.hero-sub{font-size:16px;color:rgba(255,255,255,0.65);max-width:520px;line-height:1.8;margin-bottom:44px;font-weight:300;opacity:0;animation:fadeUp 0.8s 0.5s forwards;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fadeUp 0.8s 0.65s forwards;}

/* pill buttons */
.btn-pill{display:inline-flex;align-items:center;gap:10px;border-radius:var(--radius-pill);font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:13px 20px 13px 28px;cursor:pointer;border:none;transition:all 0.25s;text-decoration:none;}
.btn-pill-primary{background:var(--blue);color:#fff;}
.btn-pill-primary:hover{background:var(--blue-light);transform:translateY(-2px);}
.btn-pill-dark{background:var(--navy);color:#fff;}
.btn-pill-dark:hover{background:var(--blue-mid);}
.btn-pill-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,0.25);padding:12px 20px 12px 28px;}
.btn-pill-outline:hover{border-color:var(--blue);color:var(--blue-light);}
.btn-pill-outline-navy{background:transparent;color:var(--navy);border:1.5px solid rgba(27,58,92,0.2);padding:12px 20px 12px 28px;}
.btn-pill-outline-navy:hover{border-color:var(--blue);color:var(--blue);}
.pill-arrow{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;}
.btn-pill-primary .pill-arrow{background:rgba(255,255,255,0.2);}
.btn-pill-dark .pill-arrow{background:rgba(255,255,255,0.15);}
.btn-pill-outline .pill-arrow,.btn-pill-outline-navy .pill-arrow{background:rgba(255,255,255,0.08);}

/* hero card */
.hero-card{background:#fff;border-radius:var(--radius);padding:32px;box-shadow:0 20px 60px rgba(0,0,0,0.25);opacity:0;animation:fadeUp 0.8s 0.8s forwards;}
.hero-card-tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--blue);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px;}
.hero-card-tag::before{content:'';width:18px;height:2px;background:var(--blue);display:block;}
.hero-stat{margin-bottom:20px;}
.hero-stat-num{font-family:'Poppins',sans-serif;font-size:52px;font-weight:700;color:var(--navy);line-height:1;}
.hero-stat-label{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:300;}
.hero-card-divider{height:1px;background:var(--gray2);margin:20px 0;}
.hero-card-items{display:flex;flex-direction:column;gap:12px;}
.hero-card-item{display:flex;align-items:center;gap:12px;}
.hci-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0;}
.hci-text{font-size:13px;color:var(--text-muted);font-weight:300;}

/* ── SECTION BADGE ── */
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--blue-pale);border-radius:var(--radius-pill);padding:6px 16px 6px 6px;margin-bottom:20px;}
.badge-icon{width:30px;height:30px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.badge-text{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:1.5px;color:var(--navy);text-transform:uppercase;}
.badge-dark{background:rgba(58,141,196,0.15);border:1px solid rgba(58,141,196,0.2);}
.badge-dark .badge-text{color:rgba(255,255,255,0.8);}
.badge-dark .badge-icon{background:var(--blue);}

/* ── SECTION COMMON ── */
.section{padding:100px 48px;}
.section-inner{max-width:1200px;margin:0 auto;}
.section-title{font-family:'Poppins',sans-serif;font-size:clamp(36px,4.5vw,56px);font-weight:700;color:var(--navy);line-height:1.02;margin-bottom:18px;}
.section-title-lg{font-size:clamp(40px,5vw,64px);}
.section-intro{font-size:16px;color:var(--text-muted);max-width:620px;line-height:1.8;margin-bottom:56px;font-weight:300;}
.section-intro-center{text-align:center;margin-left:auto;margin-right:auto;}

/* ── METRICS STRIP ── */
.metrics-strip{background:var(--navy);padding:0;}
.metrics-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);}
.metric-item{padding:44px 24px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);}
.metric-item:last-child{border-right:none;}
.metric-num{font-family:'Poppins',sans-serif;font-size:52px;font-weight:700;color:#fff;line-height:1;}
.metric-label{font-size:11px;color:rgba(255,255,255,0.4);letter-spacing:1.5px;margin-top:8px;text-transform:uppercase;}

/* ── ABOUT SPLIT ── */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.split-grid-wide{grid-template-columns:1.1fr 0.9fr;}
.split-text p{font-size:15.5px;color:var(--text-muted);line-height:1.85;margin-bottom:20px;font-weight:300;}
.split-text p strong{color:var(--text);font-weight:500;}
.split-visual{position:relative;}
/* ── GLOBE ── */
/* ── ABOUT GALLERY ── */
.about-gallery-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:70px 220px 70px 220px 70px;gap:14px;}
.gallery-cell{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 8px 32px rgba(27,58,92,0.13);opacity:0;filter:blur(10px);transition:opacity 0.6s ease,filter 0.6s ease,transform 0.5s ease;}
.gallery-cell.g-visible{opacity:1;filter:blur(0);}
.gallery-cell:hover img{transform:scale(1.05);}
.gallery-cell img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 0.5s ease;}
.gallery-cell:nth-child(1){grid-column:2/3;grid-row:1/3;}
.gallery-cell:nth-child(2){grid-column:1/2;grid-row:2/4;}
.gallery-cell:nth-child(3){grid-column:1/2;grid-row:4/6;}
.gallery-cell:nth-child(4){grid-column:2/3;grid-row:3/5;}
.about-animate{opacity:0;filter:blur(8px);transform:translateY(12px);transition:opacity 0.65s ease,filter 0.65s ease,transform 0.65s ease;}
.about-animate.a-visible{opacity:1;filter:blur(0);transform:translateY(0);}
.about-diffs{display:flex;flex-direction:column;gap:12px;margin-top:28px;margin-bottom:32px;}
.about-diff{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:14px;border-left:4px solid transparent;transition:transform 0.2s ease,box-shadow 0.2s ease;}
.about-diff:hover{transform:translateX(4px);}
.about-diff.diff-blue{background:#EBF5FD;border-left-color:#2874A6;}
.about-diff.diff-teal{background:#E8F6F4;border-left-color:#1A9E8F;}
.about-diff.diff-gold{background:#FDF5E8;border-left-color:#C9882A;}
.about-diff-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.diff-blue .about-diff-icon{background:#D1EBF8;}
.diff-teal .about-diff-icon{background:#C8EDE9;}
.diff-gold .about-diff-icon{background:#F8E6C8;}
.about-diff-icon .icon-svg{width:17px;height:17px;stroke-width:2;}
.diff-blue .about-diff-icon .icon-svg{stroke:#2874A6;}
.diff-teal .about-diff-icon .icon-svg{stroke:#1A9E8F;}
.diff-gold .about-diff-icon .icon-svg{stroke:#C9882A;}
.about-diff-text strong{display:block;font-size:17px;font-weight:700;margin-bottom:4px;}
.diff-blue .about-diff-text strong{color:#1A5C8A;}
.diff-teal .about-diff-text strong{color:#12756A;}
.diff-gold .about-diff-text strong{color:#A06A18;}
.about-diff-text span{font-size:13px;color:var(--text-muted);font-weight:300;line-height:1.6;}
/* ── Gallery badges ── */
.gallery-badge{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-radius:20px;padding:6px 13px;display:flex;align-items:center;gap:7px;box-shadow:0 4px 16px rgba(0,0,0,0.15);z-index:3;pointer-events:none;}
.gallery-badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.gallery-badge span{font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;color:var(--navy);letter-spacing:0.3px;white-space:nowrap;}
/* ── END ABOUT GALLERY ── */
.globe-card{
  background:#fff;
  border-radius:var(--radius);
  border:1.5px solid #e2eaf3;
  box-shadow:0 4px 24px rgba(27,58,92,0.10);
  overflow:hidden;
  font-family:'Poppins',sans-serif;
  display:flex;
  flex-direction:column;
}
.globe-card-header{
  padding:20px 24px 16px;
  border-bottom:1px solid #edf2f8;
  display:flex;align-items:center;justify-content:space-between;
}
.globe-card-title{
  font-family:'Poppins',sans-serif;
  font-size:14px;font-weight:600;
  color:var(--navy);letter-spacing:0.2px;
}
.globe-card-badge{
  font-family:'Poppins',sans-serif;
  font-size:10px;font-weight:600;
  color:var(--blue);
  background:rgba(58,141,196,0.10);
  border:1px solid rgba(58,141,196,0.25);
  border-radius:20px;padding:3px 10px;
  letter-spacing:0.6px;text-transform:uppercase;
}
.globe-canvas-wrap{
  position:relative;
  width:100%;
  height:460px;
  background:#fff;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.globe-canvas-wrap canvas{
  display:block;
}
.visual-float-card{display:none;}
.float-card-num{font-family:'Poppins',sans-serif;font-size:36px;color:var(--navy);line-height:1;}
.float-card-label{font-size:12px;color:var(--text-muted);margin-top:4px;font-weight:300;}

/* ── STRENGTH CARDS ── */
.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--gray2);}
.cards-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
/* ── FEATURE CAROUSEL ── */
.feat-steps-outer{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:28px;}
.feat-steps-outer::-webkit-scrollbar{display:none;}
.feat-steps{display:flex;gap:10px;width:max-content;}
.feat-step-btn{padding:8px 18px;border-radius:50px;border:1.5px solid var(--gray2);background:#fff;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all 0.2s;font-family:'Poppins',sans-serif;white-space:nowrap;}
.feat-step-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);}
.feat-step-btn:hover:not(.active){border-color:var(--blue);color:var(--navy);}
.feat-card-wrap{border:1.5px solid var(--gray2);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(27,58,92,0.06);}
.feat-panel{display:none;}
.feat-panel.active{display:grid;grid-template-columns:1fr 1fr;animation:featIn 0.4s ease both;}
@keyframes featIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.feat-left{padding:52px 44px;display:flex;flex-direction:column;justify-content:center;min-height:360px;}
.feat-svc-num{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--blue);margin-bottom:14px;font-family:'Poppins',sans-serif;}
.feat-svc-title{font-family:'Poppins',sans-serif;font-size:24px;font-weight:800;color:var(--navy);line-height:1.25;margin-bottom:14px;}
.feat-svc-desc{font-size:14.5px;color:var(--text-muted);line-height:1.75;font-weight:300;margin-bottom:22px;}
.feat-svc-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.feat-svc-tag{font-size:11px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--gray);color:var(--text-muted);}
.feat-explore-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;background:var(--navy);color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Poppins',sans-serif;transition:all 0.2s;align-self:flex-start;}
.feat-explore-btn:hover{background:var(--blue);}
.feat-right{background:#F0F4F8;min-height:420px;display:flex;align-items:center;justify-content:center;padding:44px;position:relative;overflow:hidden;}
.feat-progress-track{height:3px;background:var(--gray2);}
.feat-progress-fill{height:100%;background:var(--blue);width:0%;transition:width 5s linear;}
@media(max-width:820px){.feat-panel.active{grid-template-columns:1fr;}.feat-left{padding:36px 28px;min-height:auto;}.feat-right{min-height:240px;padding:28px;}.feat-svc-title{font-size:22px;}}
.strength-card{background:#fff;padding:44px 36px;transition:all 0.3s;position:relative;overflow:hidden;}
.strength-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-light));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}
.strength-card:hover::after{transform:scaleX(1);}
.sc-num{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;color:var(--blue);opacity:0.5;margin-bottom:20px;}
.sc-title{font-family:'Poppins',sans-serif;font-size:21px;color:var(--navy);margin-bottom:12px;}
.sc-text{font-size:14px;color:var(--text-muted);line-height:1.75;font-weight:300;}

/* ── SERVICE CARDS ── */
.service-card-new{background:#fff;border-radius:var(--radius);padding:36px;cursor:pointer;transition:all 0.25s;border:1.5px solid var(--gray2);}
.service-card-new:hover{border-color:var(--blue);box-shadow:0 8px 32px rgba(58,141,196,0.12);transform:translateY(-3px);}
.sc-icon{width:52px;height:52px;background:var(--blue-pale);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;}
.sc-service-title{font-family:'Poppins',sans-serif;font-size:21px;color:var(--navy);margin-bottom:10px;}
.sc-service-desc{font-size:13.5px;color:var(--text-muted);line-height:1.7;font-weight:300;margin-bottom:20px;}
.sc-service-link{font-family:'Poppins',sans-serif;font-size:11px;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;}

/* ── PROJECT CARDS ── */
.proj-carousel-wrap{position:relative;margin:0 -24px;}
.proj-scroll{display:flex;gap:20px;overflow-x:auto;padding:8px 24px 28px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;}
.proj-scroll:active{cursor:grabbing;}
.proj-scroll::-webkit-scrollbar{display:none;}
.proj-card{flex:0 0 340px;scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;min-height:420px;cursor:pointer;text-decoration:none;display:block;}
.proj-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s ease;}
.proj-card:hover img{transform:scale(1.05);}
.proj-card-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,25,47,0) 15%,rgba(10,25,47,0.35) 45%,rgba(10,25,47,0.82) 70%,rgba(10,25,47,0.97) 100%);}
.proj-card-body{position:absolute;bottom:0;left:0;right:0;padding:28px 26px;color:#fff;}
.proj-card-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:12px;font-family:'Poppins',sans-serif;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.28);border-radius:100px;padding:4px 12px 4px 8px;}
.proj-card-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:#93C5FD;flex-shrink:0;}
.proj-card-title{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px;}
.proj-card-desc{font-size:13px;line-height:1.65;color:rgba(255,255,255,0.82);font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;}
.proj-card-link{font-size:12.5px;font-weight:600;color:#fff;display:flex;align-items:center;gap:6px;font-family:'Poppins',sans-serif;letter-spacing:0.3px;}
.proj-card-link svg{transition:transform 0.2s;}
.proj-card:hover .proj-card-link svg{transform:translateX(4px);}
.proj-org-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-radius:20px;padding:5px 13px;font-size:11px;font-weight:700;color:var(--navy);z-index:4;font-family:'Poppins',sans-serif;letter-spacing:0.3px;pointer-events:none;}
.proj-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.proj-nav-arrows{display:flex;gap:10px;}
.proj-arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gray2);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;color:var(--navy);}
.proj-arrow:hover:not(:disabled){border-color:var(--blue);color:var(--blue);}
.proj-arrow:disabled{opacity:0.35;cursor:not-allowed;}
.proj-dots{display:flex;gap:6px;align-items:center;margin-top:20px;justify-content:center;}
.proj-dot{width:6px;height:6px;border-radius:50%;background:var(--gray2);transition:all 0.2s;cursor:pointer;border:none;padding:0;}
.proj-dot.active{background:var(--navy);width:20px;border-radius:3px;}
.project-card-top{background:linear-gradient(145deg,var(--navy),#234B72);padding:32px 28px 28px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;}
.pc-tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--blue-light);text-transform:uppercase;margin-bottom:10px;}
.pc-title{font-family:'Poppins',sans-serif;font-size:20px;color:#fff;line-height:1.2;}
.project-card-body{padding:24px 28px;}
.pc-client{font-size:11px;color:var(--text-muted);margin-bottom:12px;letter-spacing:0.3px;}
.pc-desc{font-size:13px;color:var(--text-muted);line-height:1.7;font-weight:300;}
.pc-link{font-family:'Poppins',sans-serif;font-size:11px;color:var(--blue);letter-spacing:1.5px;margin-top:16px;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;}

/* ── EXPERTISE TAGS ── */
.exp-tags-new{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;}
.exp-tag-new{background:var(--gray);border:1.5px solid transparent;border-radius:var(--radius-pill);padding:10px 22px;font-family:'Poppins',sans-serif;font-size:13px;color:var(--navy);cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;}
.exp-tag-new:hover{background:var(--blue);color:#fff;border-color:var(--blue);}

/* ── INSIGHTS CARDS ── */
.insights-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.insight-card-new{background:#fff;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--gray2);transition:all 0.25s;cursor:pointer;}
.insight-card-new:hover{box-shadow:0 8px 32px rgba(27,58,92,0.08);transform:translateY(-3px);}
.insight-top{padding:36px 32px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;}
.insight-top-1{background:linear-gradient(145deg,#1B3A5C,#234B72);}
.insight-top-2{background:linear-gradient(145deg,#1E4878,#265A8A);}
.insight-type-tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--blue-light);text-transform:uppercase;margin-bottom:10px;}
.insight-card-title{font-family:'Poppins',sans-serif;font-size:22px;color:#fff;line-height:1.2;}
.insight-body{padding:28px 32px;}
.insight-meta{font-size:11px;color:var(--text-muted);margin-bottom:10px;}
.insight-excerpt{font-size:13px;color:var(--text-muted);line-height:1.7;font-weight:300;}
.insight-cta-link{font-family:'Poppins',sans-serif;font-size:11px;color:var(--blue);letter-spacing:1.5px;margin-top:14px;display:inline-block;text-transform:uppercase;}

/* ── CLIENTS ── */
.clients-strip{padding:64px 48px;background:#fff;border-top:1px solid var(--gray2);}
.clients-label{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;text-align:center;margin-bottom:36px;}
.clients-logos-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:1000px;margin:0 auto;}
.client-pill{background:var(--gray);border-radius:var(--radius-pill);padding:10px 20px;font-family:'Poppins',sans-serif;font-size:11px;color:var(--text-muted);letter-spacing:0.8px;transition:all 0.2s;}
.client-pill:hover{background:var(--blue-pale);color:var(--blue);}

/* ── CTA BANNER ── */
.cta-section{background:#fff;padding:64px 48px;text-align:center;position:relative;border-top:4px solid var(--navy);border-bottom:1.5px solid var(--gray2);}
.cta-section h2{font-family:'Poppins',sans-serif;font-size:clamp(26px,3.5vw,42px);color:var(--navy);margin-bottom:14px;line-height:1.1;font-weight:700;}
.cta-section p{font-size:15px;color:var(--text-muted);max-width:500px;margin:0 auto 36px;line-height:1.75;font-weight:300;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ── PAGE HEROES ── */
.page-hero-new{background:linear-gradient(150deg,var(--navy),#1E4878);padding:130px 48px 80px;}
.page-hero-inner-new{max-width:1200px;margin:0 auto;}
.page-hero-new h1{font-family:'Poppins',sans-serif;font-size:clamp(48px,6vw,72px);font-weight:700;color:#fff;line-height:1;margin-bottom:18px;}
.page-hero-sub{font-size:16px;color:rgba(255,255,255,0.55);max-width:560px;line-height:1.8;font-weight:300;}

/* ── SERVICES VIDEO HERO ── */
.svc-hero{position:relative;overflow:hidden;background:#0d1f33;}
.svc-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.svc-hero-overlay{position:absolute;inset:0;background:linear-gradient(150deg,rgba(13,31,51,0.72) 0%,rgba(18,50,88,0.58) 100%);z-index:1;}

/* ── TABS ── */
.tabs-wrap{background:#fff;padding:72px 48px;}
.tabs-inner{max-width:1200px;margin:0 auto;}
.tab-nav-new{display:flex;gap:0;flex-wrap:wrap;border-bottom:1.5px solid var(--gray2);margin-bottom:60px;position:relative;}
.tab-btn-new{font-family:'Poppins',sans-serif;font-size:12px;letter-spacing:1.2px;color:var(--text-muted);padding:13px 20px;border:none;background:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color 0.2s;text-transform:uppercase;position:relative;z-index:1;}
.tab-btn-new.active{color:var(--navy);}
.tab-btn-new:hover{color:var(--navy);}
/* hover pill */
.tab-hover-bg{position:absolute;top:0;left:0;height:30px;background:rgba(27,58,92,0.07);border-radius:6px;pointer-events:none;transition:left 0.28s cubic-bezier(0.4,0,0.2,1),top 0.28s cubic-bezier(0.4,0,0.2,1),width 0.28s cubic-bezier(0.4,0,0.2,1),opacity 0.18s;opacity:0;z-index:0;}
/* active sliding underline */
.tab-active-line{position:absolute;top:0;left:0;height:2.5px;background:var(--blue);border-radius:2px;pointer-events:none;transition:left 0.28s cubic-bezier(0.4,0,0.2,1),top 0.28s cubic-bezier(0.4,0,0.2,1),width 0.28s cubic-bezier(0.4,0,0.2,1);z-index:2;}
.tab-content-new{display:none;}
.tab-content-new.active{display:block;}
/* ── SERVICE CONTENT: top description + media row ── */
.svc-top-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;padding-bottom:8px;}
.svc-desc-col h2{font-size:28px;font-weight:700;color:var(--navy);margin-bottom:10px;}
.svc-desc-col p{margin-bottom:14px;color:var(--text-muted);font-size:14.5px;line-height:1.85;font-weight:300;}
.svc-desc-col p.service-tagline-new{margin-bottom:18px;}
.svc-media-box{aspect-ratio:16/10;background:linear-gradient(135deg,#f0f4f9 0%,#e2eaf5 100%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed #b8cee0;min-height:260px;}
.svc-media-real{border-radius:16px;overflow:hidden;aspect-ratio:16/10;min-height:260px;background:#0d1f33;}
.svc-media-real video,.svc-media-real img{width:100%;height:100%;object-fit:cover;display:block;}
.svc-media-icon{width:48px;height:48px;border-radius:50%;background:rgba(58,141,196,0.13);display:flex;align-items:center;justify-content:center;}
.svc-media-label{font-size:13px;font-weight:600;color:#3A8DC4;letter-spacing:0.4px;}
.svc-media-sub{font-size:11px;color:var(--text-muted);text-align:center;max-width:160px;line-height:1.5;}
/* ── SCROLL HINT ── */
.svc-scroll-hint{display:flex;justify-content:center;padding:8px 0 32px;}
#tab-eval .svc-desc-col p{margin-bottom:0;}
.svc-scroll-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;background:#fff;border:1.5px solid var(--gray2);border-radius:100px;font-size:13px;font-weight:600;color:var(--navy);font-family:'Poppins',sans-serif;cursor:default;box-shadow:0 2px 12px rgba(0,0,0,0.07);animation:svcBounce 2s ease-in-out infinite;}
@keyframes svcBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(5px);}}
/* ── SERVICE OFFER CARDS SECTION ── */
.svc-offer-section{border-top:1.5px solid var(--gray2);padding-top:52px;}
.svc-offer-eyebrow{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);margin-bottom:6px;}
.svc-offer-section-title{font-size:22px;font-weight:700;color:var(--navy);font-family:'Poppins',sans-serif;margin-bottom:28px;}
.svc-offer-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0;}
.svc-offer-card{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:var(--gray);border-radius:14px;border:1.5px solid transparent;transition:border-color 0.22s,box-shadow 0.22s;}
.svc-offer-card:hover{border-color:rgba(58,141,196,0.35);box-shadow:0 4px 18px rgba(58,141,196,0.1);}
.svc-card-tick{width:34px;min-width:34px;height:34px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;margin-top:1px;}
.svc-card-tick-navy{background:var(--navy);}
.svc-card-text{font-size:15px;font-weight:500;color:var(--navy);line-height:1.45;}
.svc-offer-section+.svc-offer-section{margin-top:36px;padding-top:36px;}

/* ── NEW SERVICES LAYOUT ── */
.svc-new-wrap{background:#fff;padding:80px 48px;}
.svc-new-inner{max-width:1200px;margin:0 auto;}
.svc-new-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start;}
.svc-new-nav{position:sticky;top:110px;}
.svc-new-nav-item{display:flex;align-items:baseline;gap:14px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:all 0.22s;border-left:3px solid transparent;margin-bottom:2px;}
.svc-new-nav-item:hover{background:var(--gray);}
.svc-new-nav-item.active{background:var(--gray);border-left-color:var(--blue);}
.svc-new-nav-num{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;color:var(--blue);letter-spacing:2px;flex-shrink:0;}
.svc-new-nav-label{font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:var(--text-muted);line-height:1.35;}
.svc-new-nav-item.active .svc-new-nav-label{color:var(--navy);font-weight:600;}
.svc-new-nav-item:hover .svc-new-nav-label{color:var(--navy);}
.svc-new-panel{display:none;}
.svc-new-panel.active{display:block;animation:svcPanelIn 0.38s ease both;}
@keyframes svcPanelIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.svc-new-eyebrow{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;color:var(--blue);text-transform:uppercase;margin-bottom:14px;}
.svc-new-title{font-family:'Poppins',sans-serif;font-size:clamp(28px,3.5vw,44px);font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:14px;}
.svc-new-tagline{font-size:16px;color:var(--text-muted);font-weight:300;line-height:1.75;font-style:italic;max-width:600px;margin-bottom:40px;padding-bottom:36px;border-bottom:1px solid var(--gray2);}
.svc-new-body{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;margin-bottom:48px;}
.svc-new-desc p{font-size:15px;color:var(--text-muted);line-height:1.9;font-weight:300;margin-bottom:18px;}
.svc-visual-box{border-radius:20px;background:linear-gradient(135deg,#EBF4FB 0%,#D6EAF8 60%,#EBF4FB 100%);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #B6D4ED;}
.svc-visual-cam{width:52px;height:52px;border-radius:14px;background:rgba(58,141,196,0.13);display:flex;align-items:center;justify-content:center;}
.svc-visual-box-label{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:2px;color:var(--blue);text-transform:uppercase;font-weight:600;}
.svc-visual-box-sub{font-size:12px;color:var(--text-muted);font-weight:300;}
.svc-new-offer-wrap{background:var(--gray);border-radius:20px;padding:36px 40px;}
.svc-new-offer-title{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--navy);margin-bottom:20px;}
.svc-new-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.svc-new-offer-item{display:flex;align-items:flex-start;gap:10px;padding:13px 20px 13px 0;border-bottom:1px solid var(--gray2);font-size:13.5px;color:var(--text-muted);font-weight:300;line-height:1.5;}
.svc-new-offer-item:nth-last-child(-n+2){border-bottom:none;}
.svc-new-offer-item:nth-last-child(1):nth-child(odd){border-bottom:none;}
.svc-offer-tick{width:18px;height:18px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;}
.svc-offer-tick-navy{background:var(--navy);}
@media(max-width:960px){
  .svc-new-layout{grid-template-columns:1fr;}
  .svc-new-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:40px;}
  .svc-new-nav-item{padding:8px 14px;border-left:none;border-bottom:2px solid transparent;border-radius:8px;}
  .svc-new-nav-item.active{border-left:none;border-bottom-color:var(--blue);}
  .svc-new-body{grid-template-columns:1fr;}
  .svc-new-wrap{padding:60px 24px;}
}
@media(max-width:600px){
  .svc-new-offer-grid{grid-template-columns:1fr;}
  .svc-new-offer-item:nth-last-child(-n+2){border-bottom:1px solid var(--gray2);}
  .svc-new-offer-item:last-child{border-bottom:none;}
}
.service-detail-new h2{font-family:'Poppins',sans-serif;font-size:42px;color:var(--navy);margin-bottom:6px;line-height:1;}
.service-tagline-new{font-size:14px;color:var(--blue);margin-bottom:26px;font-style:italic;font-weight:300;}
.service-detail-new p{font-size:14.5px;color:var(--text-muted);line-height:1.85;margin-bottom:16px;font-weight:300;}
.service-sidebar-new{background:var(--gray);border-radius:var(--radius);padding:36px;}
.sidebar-section-new{margin-bottom:28px;}
.sidebar-section-new:last-child{margin-bottom:0;}
.sidebar-section-new h4{font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:2px;color:var(--navy);margin-bottom:14px;text-transform:uppercase;}
.sidebar-list-new{list-style:none;}
.sidebar-list-new li{font-size:13px;color:var(--text-muted);padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.05);display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:300;}
.sidebar-list-new li::before{content:'→';color:var(--blue);flex-shrink:0;font-size:11px;margin-top:1px;}

/* ── EXPERTISE GRID ── */
.exp-grid-full{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px;}
.exp-card-new{background:#fff;padding:32px 26px 28px;border-radius:16px;border:1.5px solid #eaeff6;position:relative;overflow:hidden;transition:transform 0.38s cubic-bezier(0.34,1.4,0.64,1),box-shadow 0.38s ease;cursor:default;}
.exp-card-new::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--ec,#3A8DC4);transition:height 0.3s ease;}
.exp-card-new:hover{transform:translateY(-10px);box-shadow:0 28px 52px rgba(0,0,0,0.11);}
.exp-card-new:hover::after{height:6px;}
.exp-card-new.fade-up:nth-child(1){animation-delay:0.05s;}
.exp-card-new.fade-up:nth-child(2){animation-delay:0.1s;}
.exp-card-new.fade-up:nth-child(3){animation-delay:0.15s;}
.exp-card-new.fade-up:nth-child(4){animation-delay:0.2s;}
.exp-card-new.fade-up:nth-child(5){animation-delay:0.25s;}
.exp-card-new.fade-up:nth-child(6){animation-delay:0.3s;}
.exp-card-new.fade-up:nth-child(7){animation-delay:0.35s;}
.exp-card-new.fade-up:nth-child(8){animation-delay:0.4s;}
.exp-card-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--ec-light,rgba(58,141,196,0.12));transition:transform 0.3s ease;}
.exp-card-new:hover .exp-card-icon{transform:scale(1.1);}
.exp-card-icon .icon-svg{width:22px;height:22px;color:var(--ec,#3A8DC4);}
.exp-card-new h3{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;}
.exp-card-new p{font-size:13px;color:var(--text-muted);line-height:1.7;}
.exp-themes-new{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px;}
.exp-theme-new{border-radius:20px;padding:4px 11px;font-size:10px;font-weight:600;font-family:'Poppins',sans-serif;letter-spacing:0.5px;text-transform:uppercase;background:var(--ec-light,rgba(58,141,196,0.12));color:var(--ec,#3A8DC4);}

/* ── IMPACT / CASE STUDIES ── */
.stats-dark{background:var(--navy);padding:64px 48px;}
.stats-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius);}
.stat-item{padding:40px 20px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:'Poppins',sans-serif;font-size:46px;color:#fff;line-height:1;}
.stat-label{font-size:10px;color:rgba(255,255,255,0.4);margin-top:8px;letter-spacing:1.5px;text-transform:uppercase;}
.stats-light{background:#fff;padding:64px 48px;border-bottom:1.5px solid var(--gray2);}
.stats-light .stats-inner{border-color:var(--gray2);}
.stats-light .stat-item{border-right-color:var(--gray2);}
.stats-light .stat-num{color:var(--blue);font-weight:800;}
.stats-light .stat-label{color:var(--text-muted);}

.case-studies-wrap{padding:80px 48px;background:#fff;}
.case-study-new{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;margin-bottom:72px;padding-bottom:72px;border-bottom:1px solid var(--gray2);}
.case-study-new:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.case-study-new:nth-child(even){grid-template-columns:1.4fr 1fr;}
.case-study-new:nth-child(even) .cs-content-new{order:-1;}
.cs-visual-new{background:linear-gradient(145deg,var(--navy),#204060);border-radius:var(--radius);padding:48px 36px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.cs-visual-new .icon{font-size:52px;margin-bottom:16px;}
.cs-visual-new h3{font-family:'Poppins',sans-serif;font-size:22px;color:#fff;margin-bottom:6px;}
.cs-visual-new span{font-size:11px;color:rgba(255,255,255,0.4);}
.cs-visual-new.cs-img{padding:0;}
.cs-visual-new.cs-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.55s ease;}
.cs-visual-new.cs-img:hover img{transform:scale(1.05);}
.cs-img-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(15,33,54,0.93) 0%,rgba(15,33,54,0.3) 70%,transparent 100%);padding:32px 28px 26px;z-index:2;}
.cs-img-caption h3{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:4px;}
.cs-img-caption span{font-size:10.5px;color:rgba(255,255,255,0.55);letter-spacing:0.3px;}
.cs-content-new .tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--blue);margin-bottom:10px;text-transform:uppercase;}
.cs-content-new h2{font-family:'Poppins',sans-serif;font-size:28px;color:var(--navy);margin-bottom:6px;line-height:1.15;}
.cs-content-new .client{font-size:12.5px;color:var(--text-muted);margin-bottom:18px;}
.cs-content-new p{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:14px;font-weight:300;}
.cs-results-new{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.cs-result-new{background:var(--blue-pale);border-radius:var(--radius-sm);padding:14px 16px;}
.cs-result-new strong{font-family:'Poppins',sans-serif;font-size:20px;color:var(--blue);display:block;line-height:1;}
.cs-result-new span{font-size:10.5px;color:var(--text-muted);margin-top:3px;display:block;}

/* ── ABOUT PAGE ── */
.values-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;}
.value-item-new{border-left:3px solid var(--blue);padding-left:20px;}
.value-item-new strong{font-family:'Poppins',sans-serif;font-size:17px;color:var(--navy);display:block;margin-bottom:7px;}
.value-item-new p{font-size:13.5px;color:var(--text-muted);line-height:1.7;font-weight:300;}
.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--gray2);margin-top:44px;}
.approach-step-new{background:#fff;padding:32px 24px;position:relative;overflow:hidden;}
.approach-num{font-family:'Poppins',sans-serif;font-size:56px;color:rgba(39,99,165,0.32);position:absolute;top:10px;right:16px;font-weight:700;}
.approach-icon{font-size:26px;margin-bottom:14px;}
.approach-title{font-family:'Poppins',sans-serif;font-size:18px;color:var(--navy);margin-bottom:8px;}
.approach-desc{font-size:12.5px;color:var(--text-muted);line-height:1.7;font-weight:300;}
.team-grid-new{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:36px;}
.team-card-new{text-align:center;}
.team-avatar-new{width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--navy));margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:22px;color:#fff;}
.team-name-new{font-family:'Poppins',sans-serif;font-size:14px;color:var(--navy);margin-bottom:3px;}
.team-role-new{font-size:11.5px;color:var(--text-muted);font-weight:300;}
.advisors-grid-new{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px;}
.advisor-card-new{background:var(--gray);border-radius:var(--radius-sm);padding:22px;text-align:center;}
.advisor-avatar-new{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,var(--blue-mid),var(--navy));margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:18px;color:#fff;}
.advisor-photo-new{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center top;margin:0 auto 14px;display:block;border:3px solid var(--gray2);}
.advisor-name-new{font-family:'Poppins',sans-serif;font-size:13px;color:var(--navy);margin-bottom:3px;}
.advisor-area-new{font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:0.5px;}
/* Team photo gallery — 3-column masonry */
.team-gallery-wrap{margin-top:60px;}
.team-gallery-header{margin-bottom:32px;}
.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;}
.media-col{display:flex;flex-direction:column;gap:16px;}
.media-item{border-radius:var(--radius-sm);overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity 0.75s ease,transform 0.75s ease;}
.media-item.mg-visible{opacity:1;transform:translateY(0);}
.media-item img{width:100%;height:auto;display:block;object-fit:cover;transition:transform 0.5s ease;}
.media-item:hover img{transform:scale(1.04);}
.media-item.ratio-portrait{aspect-ratio:9/16;}
.media-item.ratio-portrait img{height:100%;object-fit:cover;object-position:center top;}
.media-item.ratio-landscape{aspect-ratio:16/9;}
.media-item.ratio-landscape img{height:100%;object-fit:cover;}
/* partner pills replaced by logo grid - see .partners-logo-grid */

/* ── INSIGHTS PAGE ── */
.insights-filter-new{display:flex;gap:8px;flex-wrap:wrap;padding:32px 48px;border-bottom:1px solid var(--gray2);max-width:1280px;margin:0 auto;}
@keyframes filter-btn-pop{0%{transform:translateY(0) scale(1);}40%{transform:translateY(-4px) scale(1.13);}72%{transform:translateY(0) scale(0.97);}100%{transform:translateY(0) scale(1);}}
.filter-btn-new{background:var(--gray);border:none;border-radius:var(--radius-pill);padding:9px 22px;font-family:'Poppins',sans-serif;font-size:11px;letter-spacing:1.2px;color:var(--text-muted);cursor:pointer;transition:all 0.22s ease;text-transform:uppercase;transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.filter-btn-new:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.13);}
.filter-btn-new.popping{animation:filter-btn-pop 0.5s cubic-bezier(0.34,1.56,0.64,1) both;transition:none;}
.filter-btn-new.active,.filter-btn-new:hover{color:#fff;}
/* Default pastel tints per category */
.filter-btn-new[data-fcat="all"]{background:#DDE4EE;color:#1B3A5C;}
.filter-btn-new[data-fcat="publication"]{background:#D9ECF8;color:#1B3A5C;}
.filter-btn-new[data-fcat="brief"]{background:#D9EFE6;color:#1A4A35;}
.filter-btn-new[data-fcat="news"]{background:#EBE4F7;color:#3A1B6E;}
/* Active / hover — saturated version */
.filter-btn-new[data-fcat="all"].active,.filter-btn-new[data-fcat="all"]:hover{background:var(--navy);color:#fff;}
.filter-btn-new[data-fcat="publication"].active,.filter-btn-new[data-fcat="publication"]:hover{background:var(--blue);color:#fff;}
.filter-btn-new[data-fcat="brief"].active,.filter-btn-new[data-fcat="brief"]:hover{background:#2B7A5B;color:#fff;}
.filter-btn-new[data-fcat="news"].active,.filter-btn-new[data-fcat="news"]:hover{background:#6B52A8;color:#fff;}
/* About page filter buttons */
.filter-btn-new[data-acat="all"]{background:#DDE4EE;color:#1B3A5C;}
.filter-btn-new[data-acat="firm"]{background:#D8EFF2;color:#0D4A55;}
.filter-btn-new[data-acat="team"]{background:#F5EDD8;color:#5E3A00;}
.filter-btn-new[data-acat="partners"]{background:#D9EEE2;color:#1A3D25;}
.filter-btn-new[data-acat="all"].active,.filter-btn-new[data-acat="all"]:hover{background:var(--navy);color:#fff;}
.filter-btn-new[data-acat="firm"].active,.filter-btn-new[data-acat="firm"]:hover{background:#1A7B8A;color:#fff;}
.filter-btn-new[data-acat="team"].active,.filter-btn-new[data-acat="team"]:hover{background:#B07328;color:#fff;}
.filter-btn-new[data-acat="partners"].active,.filter-btn-new[data-acat="partners"]:hover{background:#2B5E3A;color:#fff;}
.filter-btn-new[data-acat="media"]{background:#F0E8F5;color:#5A1A7A;}
.filter-btn-new[data-acat="media"].active,.filter-btn-new[data-acat="media"]:hover{background:#7B2D9E;color:#fff;}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:52px 48px;max-width:1280px;margin:0 auto;}
.article-card-new{background:#fff;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--gray2);transition:all 0.25s;cursor:pointer;}
.article-card-new:hover{box-shadow:0 8px 32px rgba(27,58,92,0.08);transform:translateY(-3px);}
.article-top{padding:32px 26px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;}
.article-top.t-pub{background:linear-gradient(145deg,#1B3A5C,#234B72);}
.article-top.t-method{background:linear-gradient(145deg,#1B3E60,#2E6095);}
.article-top.t-data{background:linear-gradient(145deg,#1B3A5C,#1E3F5A);}
.article-type-tag{font-family:'Poppins',sans-serif;font-size:10px;letter-spacing:2.5px;color:var(--blue-light);text-transform:uppercase;margin-bottom:8px;}
.article-card-title{font-family:'Poppins',sans-serif;font-size:20px;color:#fff;line-height:1.2;}
.article-body-new{padding:22px 26px;}
.article-date-new{font-size:11px;color:var(--text-muted);margin-bottom:8px;}
.article-excerpt-new{font-size:13px;color:var(--text-muted);line-height:1.7;font-weight:300;margin-bottom:14px;}
.read-more-new{font-family:'Poppins',sans-serif;font-size:11px;color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;}
.read-more-btn{background:none;border:none;font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;transition:color 0.2s;}
.read-more-btn:hover{color:var(--navy);}
.article-full-content{display:none;padding:28px 28px 34px;border-top:1.5px solid var(--gray2);background:#f7fafd;}
.article-full-content.open{display:block;}
.article-full-content h4{font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:700;color:var(--navy);margin:24px 0 8px;line-height:1.3;}
.article-full-content h4:first-child{margin-top:0;}
.article-full-content p{font-size:13.5px;color:var(--text-muted);line-height:1.9;margin-bottom:0;}
.article-related-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0 18px;}
.article-related-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);}
.article-related-chip{display:inline-flex;align-items:center;padding:4px 12px;background:var(--blue-pale);border-radius:100px;font-size:11px;font-weight:600;color:var(--navy);cursor:pointer;transition:background 0.2s;}
.article-related-chip:hover{background:#cde2f5;}
.article-card-new.expanded{transform:none!important;box-shadow:0 4px 20px rgba(27,58,92,0.07);}
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:52px 48px;max-width:1280px;margin:0 auto;}
.cs-related-reading{margin-top:22px;padding-top:18px;border-top:1px solid var(--gray2);}
.cs-related-label{font-size:9.5px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}
.cs-related-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--blue);cursor:pointer;transition:color 0.2s;background:none;border:none;padding:0;font-family:inherit;}
.cs-related-link:hover{color:var(--navy);}

/* ── INSIGHTS SECTIONS & FILTER ── */
.insights-section{width:100%;}
.insights-section-header{padding:36px 48px 8px;max-width:1280px;margin:0 auto;}
.insights-section-label{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;}
.insights-section-title{font-family:'Poppins',sans-serif;font-size:26px;font-weight:800;color:var(--navy);margin-bottom:0;}

/* ── PROJECT BRIEFS MINIMAL LIST ── */
.briefs-list{padding:0 36px 52px;max-width:1160px;margin:0 auto;}
.bl-item{display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 28px;padding:22px 18px;border-radius:10px;position:relative;transition:background 0.18s;}
.bl-item:nth-child(even){background:#F5F8FC;}
.bl-item:nth-child(odd){background:#fff;}
.bl-item:hover{background:#EAF1FB !important;}
.bl-item:hover .bl-title{color:var(--blue);}
.bl-num{font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;color:#C2D4E8;letter-spacing:1px;padding-top:3px;text-align:right;}
.bl-body{display:flex;flex-direction:column;gap:5px;}
.bl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.bl-pill{display:inline-flex;padding:2px 10px;border-radius:100px;font-size:8.5px;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;font-family:'Poppins',sans-serif;background:#EAF0FA;color:var(--btc,#2763A5);}
.bl-org{font-size:10.5px;font-weight:600;color:var(--text-muted);font-family:'Poppins',sans-serif;letter-spacing:0.1px;}
.bl-title{font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.35;transition:color 0.2s;}
.bl-desc{font-size:12px;color:var(--text-muted);line-height:1.78;font-weight:300;max-width:680px;margin-top:2px;}
.bl-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:3px;min-width:180px;text-align:right;}
.bl-funder-label{font-size:9.5px;color:#B0BEC9;font-weight:300;font-family:'Poppins',sans-serif;text-transform:uppercase;letter-spacing:0.5px;}
.bl-funder-name{font-size:10.5px;font-weight:700;color:var(--navy);font-family:'Poppins',sans-serif;line-height:1.3;}
.bl-dot{width:8px;height:8px;border-radius:50%;background:var(--btc,#2763A5);margin-top:4px;flex-shrink:0;}
@media(max-width:900px){
  .briefs-list{padding:0 12px 40px;}
  .bl-item{grid-template-columns:32px 1fr;gap:0 14px;padding:18px 12px;}
  .bl-right{display:none;}
}

/* ── NEWS SECTION ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 48px 52px;max-width:1280px;margin:0 auto;}
.news-card{background:#fff;border-radius:var(--radius);border:1.5px solid var(--gray2);padding:26px 24px;transition:all 0.25s;}
.news-card:hover{box-shadow:0 8px 32px rgba(27,58,92,0.08);transform:translateY(-3px);}
.news-tag{display:inline-flex;align-items:center;padding:3px 10px;background:var(--blue-pale);border-radius:100px;font-size:9.5px;font-weight:700;color:var(--blue);font-family:'Poppins',sans-serif;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:10px;}
.news-date{font-size:10.5px;color:var(--text-muted);font-family:'Poppins',sans-serif;letter-spacing:0.5px;margin-bottom:8px;}
.news-title{font-family:'Poppins',sans-serif;font-size:15.5px;font-weight:700;color:var(--navy);line-height:1.3;margin-bottom:10px;}
.news-body{font-size:13px;color:var(--text-muted);line-height:1.75;font-weight:300;}

/* ── SERVICE PROJECT EXAMPLE (inline in desc col) — uses .cs-related-* styles ── */

/* ── CONTACT PAGE ── */
.contact-wrap{padding:72px 48px;}
.contact-inner-new{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:72px;}
.contact-info-new h2{font-family:'Poppins',sans-serif;font-size:34px;color:var(--navy);margin-bottom:8px;}
.contact-info-new>p{font-size:15px;color:var(--text-muted);margin-bottom:32px;line-height:1.75;font-weight:300;}
.contact-detail-new{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;}
.contact-icon-new{width:40px;height:40px;background:var(--blue-pale);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.contact-detail-text-new strong{font-family:'Poppins',sans-serif;font-size:12px;color:var(--navy);display:block;margin-bottom:3px;letter-spacing:1px;text-transform:uppercase;}
.contact-detail-text-new span{font-size:13.5px;color:var(--text-muted);font-weight:300;}
.form-section-new h2{font-family:'Poppins',sans-serif;font-size:34px;color:var(--navy);margin-bottom:8px;}
.form-section-new>p{font-size:15px;color:var(--text-muted);margin-bottom:32px;font-weight:300;}
.form-row-new{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group-new{margin-bottom:16px;}
.form-group-new label{font-family:'Poppins',sans-serif;font-size:10.5px;letter-spacing:1.5px;color:var(--navy);text-transform:uppercase;display:block;margin-bottom:7px;}
.form-group-new input,.form-group-new textarea,.form-group-new select{width:100%;padding:12px 16px;border:1.5px solid var(--gray2);border-radius:var(--radius-sm);font-family:'Poppins',sans-serif;font-size:14px;color:var(--text);background:#fff;transition:border-color 0.2s;outline:none;font-weight:300;}
.form-group-new input:focus,.form-group-new textarea:focus,.form-group-new select:focus{border-color:var(--blue);}
.form-group-new textarea{resize:vertical;min-height:120px;}
.form-submit-new{background:var(--blue);color:#fff;padding:14px 40px;border-radius:var(--radius-pill);border:none;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all 0.25s;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;}
.form-submit-new:hover{background:var(--blue-light);transform:translateY(-1px);}

/* ── FOOTER ── */
footer{background:var(--navy);color:#fff;padding:72px 48px 36px;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;margin-bottom:56px;}
.footer-logo-name{font-family:'Poppins',sans-serif;font-size:17px;letter-spacing:2.5px;color:#fff;}
.footer-logo-sub{font-family:'Poppins',sans-serif;font-size:8.5px;letter-spacing:3px;color:var(--blue-light);opacity:0.7;margin-bottom:18px;display:block;}
.footer-about{font-size:13px;color:rgba(255,255,255,0.82);line-height:1.75;max-width:260px;font-weight:300;}
.footer-col h4{font-family:'Poppins',sans-serif;font-size:9.5px;letter-spacing:2.5px;color:var(--blue-light);margin-bottom:18px;text-transform:uppercase;opacity:0.8;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.82);text-decoration:none;margin-bottom:9px;cursor:pointer;transition:color 0.2s;font-weight:300;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:28px;display:flex;justify-content:space-between;align-items:center;}
.footer-copy{font-size:11.5px;color:rgba(255,255,255,0.22);font-weight:300;}
.footer-tagline{font-family:'Poppins',sans-serif;font-size:9.5px;letter-spacing:2.5px;color:rgba(255,255,255,0.18);}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
.fade-up{opacity:0;transform:translateY(22px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  nav{width:calc(100% - 32px);padding:10px 10px 10px 20px;}
  .nav-links{display:none;}
  #nav-hamburger{display:flex;}
  .hero-inner{grid-template-columns:1fr;padding:60px 24px;}
  .hero-card{display:none;}
  .split-grid,.split-grid-wide,.case-study-new,.case-study-new:nth-child(even),.contact-inner-new,.footer-top{grid-template-columns:1fr!important;}
  .svc-top-row,.svc-offer-cards{grid-template-columns:1fr!important;}
  .case-study-new:nth-child(even) .cs-content-new{order:0;}
  .cards-grid-3,.cards-grid-2,.projects-grid-new,.insights-grid-new,.team-grid-new,.approach-grid,.exp-grid-full,.stats-inner{grid-template-columns:repeat(2,1fr)!important;}
  .advisors-grid-new{grid-template-columns:repeat(3,1fr)!important;}
  .articles-grid{grid-template-columns:repeat(2,1fr)!important;}
  .briefs-grid{grid-template-columns:repeat(2,1fr)!important;}
  .news-grid{grid-template-columns:repeat(2,1fr)!important;}
  .section,.tabs-wrap,.case-studies-wrap,.stats-dark,.contact-wrap,.cta-section{padding-left:24px;padding-right:24px;}
  .metrics-inner{grid-template-columns:repeat(2,1fr);}
  .section-title-lg{font-size:40px;}
  .hero h1{font-size:38px;}
  .page-hero-new{padding:110px 24px 60px;}
  .insights-filter-new,.insights-section-header{padding-left:24px;padding-right:24px;}
  .visual-float-card{display:none;}
  .logo-slider-outer{padding:40px 24px;}
  .team-showcase-outer{flex-direction:column!important;}
  .team-photo-grid{flex-direction:row;overflow-x:auto;gap:10px;}
  .team-col{flex-direction:row!important;gap:10px!important;margin-top:0!important;}
  .team-photo-card{width:180px!important;height:200px!important;flex-shrink:0;}
  .team-name-list{width:100%!important;}
  .dash-grid{grid-template-columns:1fr!important;}
  .media-gallery{grid-template-columns:repeat(2,1fr)!important;}
  .svc-new-layout{flex-direction:column;}
  .svc-new-nav{flex-direction:row;overflow-x:auto;min-width:0;width:100%;border-right:none;border-bottom:1px solid var(--gray2);}
  .svc-new-nav-item{white-space:nowrap;}
}

@media(max-width:767px){
  #nav-hamburger{display:flex;}
  .nav-links{display:none;}
  .cards-grid-3,.cards-grid-2,.projects-grid-new,.insights-grid-new,.team-grid-new,.approach-grid,.exp-grid-full,.stats-inner,.briefs-grid,.news-grid{grid-template-columns:1fr!important;}
  .advisors-grid-new{grid-template-columns:repeat(2,1fr)!important;}
  .articles-grid{grid-template-columns:1fr!important;}
  .metrics-inner{grid-template-columns:repeat(2,1fr);}
  .hero h1,.page-hero-new h1{font-size:clamp(26px,7vw,34px)!important;}
  .section-title{font-size:clamp(22px,5vw,30px)!important;}
  .section-title-lg{font-size:32px!important;}
  .page-hero-new{padding:100px 20px 50px;}
  .section{padding-top:52px;padding-bottom:52px;}
  .section,.tabs-wrap,.case-studies-wrap,.stats-dark,.contact-wrap,.cta-section{padding-left:20px;padding-right:20px;}
  .insights-filter-new{overflow-x:auto;white-space:nowrap;padding:16px 20px;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px;}
  .filter-btn-new{flex-shrink:0;padding:7px 16px;font-size:10px;}
  .media-gallery{grid-template-columns:1fr!important;}
  .media-item.ratio-portrait,.media-item.ratio-landscape{aspect-ratio:4/3;}
  .form-row-new{grid-template-columns:1fr!important;}
  .cta-btns{flex-direction:column;align-items:stretch;}
  .cta-btns .btn-pill{width:100%;text-align:center;justify-content:center;}
  .btn-pill{padding:13px 24px;font-size:13px;}
  .team-showcase-outer{flex-direction:column!important;}
  .team-photo-grid{overflow-x:auto;gap:10px;padding-bottom:8px;}
  .team-col{flex-direction:row!important;gap:8px!important;margin-top:0!important;}
  .team-photo-card{width:160px!important;height:180px!important;flex-shrink:0;}
  .team-name-list{width:100%!important;margin-top:16px;}
  .svc-new-layout{flex-direction:column;}
  .svc-new-nav{flex-direction:row;overflow-x:auto;min-width:0;width:100%;border-right:none;border-bottom:1px solid var(--gray2);padding:0;}
  .svc-new-nav-item{white-space:nowrap;padding:14px 18px;}
  .svc-new-panel{padding:24px 20px!important;}
  .approach-grid{grid-template-columns:1fr!important;}
  .partners-logo-grid{grid-template-columns:repeat(3,1fr)!important;}
  .footer-top{grid-template-columns:1fr!important;}
  .footer-col{margin-bottom:24px;}
  .contact-inner-new{grid-template-columns:1fr!important;}
  .stats-dark .stat-number{font-size:clamp(32px,8vw,56px);}
  .brief-card{min-height:auto;}
  .hero-inner{padding:80px 20px 40px;}
}

@media(max-width:480px){
  .hero h1,.page-hero-new h1{font-size:26px!important;}
  .metrics-inner{grid-template-columns:1fr!important;}
  .advisors-grid-new{grid-template-columns:1fr!important;}
  .advisor-photo-new{width:100px!important;height:100px!important;}
  .section-title-lg{font-size:26px!important;}
  nav{width:calc(100% - 24px);}
  .logo-slider-outer{padding:32px 16px;}
  .insights-filter-new{padding:12px 16px;}
}

/* ── BLUE DOT PATTERN (brand texture) ── */
.dots-bg{position:relative;overflow:hidden;}
.dots-bg::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(93,173,226,0.18) 1.2px,transparent 1.2px),
                   radial-gradient(circle,rgba(93,173,226,0.10) 1.8px,transparent 1.8px),
                   radial-gradient(circle,rgba(93,173,226,0.08) 1px,transparent 1px);
  background-size:72px 72px, 115px 115px, 48px 48px;
  background-position:0 0, 36px 36px, 18px 18px;
  animation:dotsDrift 24s ease-in-out infinite alternate;
}
.dots-bg>*{position:relative;z-index:1;}
@keyframes dotsDrift{
  0%{background-position:0 0,36px 36px,18px 18px;}
  100%{background-position:16px 10px,52px 46px,34px 28px;}
}

/* ── INFINITE LOGO SLIDER ── */
.logo-slider-outer{
  background:#fff;
  padding:52px 0;
  border-top:1px solid var(--gray2);
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);
}
.logo-slider-label{font-family:'Poppins',sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;text-align:center;margin-bottom:28px;opacity:0.65;}
.logo-slider-nav-wrap{display:flex;align-items:center;gap:0;position:relative;}
.logo-nav-btn{
  flex-shrink:0;
  width:42px;height:42px;
  border-radius:50%;
  border:2px solid #d0dce9;
  background:#fff;
  color:var(--navy);
  font-size:28px;line-height:1;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(27,58,92,0.10);
  transition:background 0.2s,border-color 0.2s,color 0.2s;
  z-index:2;
  padding:0;
}
.logo-nav-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff;}
.logo-track-wrap{overflow:hidden;flex:1;}
.logo-track{display:flex;gap:0;align-items:center;width:max-content;}
.logo-item{
  display:flex;align-items:center;justify-content:center;
  padding:16px 32px;
  margin:0 10px;
  background:#fff;
  border-radius:12px;
  border:1.5px solid #e8edf3;
  box-shadow:0 2px 10px rgba(27,58,92,0.07);
  flex-shrink:0;
  height:110px;
  min-width:165px;
  transition:box-shadow 0.25s,border-color 0.25s,transform 0.2s;
}
.logo-item:hover{box-shadow:0 6px 20px rgba(27,58,92,0.14);border-color:var(--blue-light);transform:translateY(-2px);}
.logo-item img{
  max-height:72px;
  max-width:160px;
  width:auto;
  object-fit:contain;
}
/* ── PARTNERS LOGO GRID (About page) ── */
.partners-logo-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px;justify-content:center;}
.partner-logo-card{
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  background:#fff;border-radius:12px;border:1.5px solid #e8edf3;
  padding:16px 20px 12px;
  min-width:130px;max-width:160px;
  flex:0 0 auto;
  box-shadow:0 2px 8px rgba(27,58,92,0.06);
  transition:box-shadow 0.2s,transform 0.2s,border-color 0.2s;
  text-align:center;
}
.partner-logo-card:hover{box-shadow:0 6px 18px rgba(27,58,92,0.13);transform:translateY(-2px);border-color:var(--blue-light);}
.partner-logo-img-wrap{display:flex;align-items:center;justify-content:center;height:60px;width:100%;margin-bottom:8px;}
.partner-logo-img-wrap img{max-height:52px;max-width:120px;width:auto;object-fit:contain;}
.partner-logo-name{font-family:'Poppins',sans-serif;font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:0.5px;text-align:center;line-height:1.3;}

/* ── MEAL DASHBOARD ── */
.meal-dash{
  background:linear-gradient(160deg,#0F2544,#1B3A5C);
  border-radius:var(--radius);
  padding:22px;
  min-height:340px;
  font-family:'Poppins',sans-serif;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.meal-dash::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(93,173,226,0.12) 1px,transparent 1px);
  background-size:28px 28px;
  pointer-events:none;
}
.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;}
.dash-title{font-size:11px;font-weight:600;letter-spacing:1px;color:rgba(255,255,255,0.7);text-transform:uppercase;}
.dash-live{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--blue-light);}
.dash-live-dot{width:6px;height:6px;background:#4EB87E;border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.dash-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;position:relative;}
.dash-kpi{background:rgba(255,255,255,0.07);border-radius:10px;padding:12px 10px;border:1px solid rgba(255,255,255,0.08);}
.dash-kpi-val{font-size:22px;font-weight:700;color:#fff;line-height:1;}
.dash-kpi-lbl{font-size:8px;color:rgba(255,255,255,0.45);margin-top:4px;letter-spacing:0.5px;text-transform:uppercase;}
.dash-kpi-delta{font-size:8px;color:#4EB87E;margin-top:2px;}
.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;position:relative;}
.dash-chart-wrap{background:rgba(255,255,255,0.05);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,0.08);}
.dash-chart-title{font-size:8px;color:rgba(255,255,255,0.45);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:12px;}
.dash-bars{display:flex;align-items:flex-end;gap:6px;height:80px;}
.dash-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;}
.dash-bar{width:100%;border-radius:4px 4px 0 0;transition:height 1s ease;background:linear-gradient(to top,#2874A6,#5DADE2);}
.dash-bar-lbl{font-size:7px;color:rgba(255,255,255,0.35);text-align:center;}
.dash-donut-wrap{background:rgba(255,255,255,0.05);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;align-items:center;}
.dash-donut-title{font-size:8px;color:rgba(255,255,255,0.45);letter-spacing:0.8px;text-transform:uppercase;margin-bottom:10px;align-self:flex-start;}
.dash-donut-svg{width:70px;height:70px;}
.dash-legend{margin-top:10px;display:flex;flex-direction:column;gap:5px;align-self:flex-start;width:100%;}
.dash-legend-item{display:flex;align-items:center;gap:6px;font-size:8px;color:rgba(255,255,255,0.55);}
.dash-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}

/* ── TEAM SHOWCASE ── */
.team-showcase-outer{display:flex;gap:80px;align-items:center;justify-content:center;width:100%;}
.approach-mini{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.approach-mini-step{padding:14px 16px;background:var(--gray);border-radius:12px;}
.approach-mini-num{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;color:var(--blue);letter-spacing:1.5px;margin-bottom:4px;}
.approach-mini-title{font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.approach-mini-desc{font-size:12px;color:var(--text-muted);line-height:1.55;}
.team-photo-grid{display:flex;gap:16px;flex-shrink:0;}
.team-col{display:flex;flex-direction:column;gap:16px;}
.team-col:nth-child(2){margin-top:0;}
.team-col:nth-child(3){margin-top:0;}
.team-photo-card{
  width:230px;height:270px;border-radius:22px;overflow:hidden;
  cursor:pointer;transition:opacity 0.3s,transform 0.3s;
  background:linear-gradient(145deg,var(--blue),var(--navy));
  display:flex;align-items:center;justify-content:center;
  font-family:'Poppins',sans-serif;font-size:36px;font-weight:700;color:rgba(255,255,255,0.9);
  flex-shrink:0;
}
.team-photo-card:hover{transform:translateY(-4px);}
.team-photo-card.dimmed{opacity:0.45;filter:grayscale(0.7);}
.team-photo-card.active{opacity:1;filter:none;box-shadow:0 8px 24px rgba(58,141,196,0.35);}
.team-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}
.team-name-list{flex:1;display:flex;flex-direction:column;gap:36px;padding-top:8px;}
.team-name-row{cursor:pointer;transition:opacity 0.3s;}
.team-name-row.dimmed{opacity:0.4;}
.team-name-row.active .tnr-bar{width:30px;background:var(--navy);}
.tnr-top{display:flex;align-items:center;gap:14px;}
.tnr-bar{width:20px;height:14px;border-radius:4px;background:rgba(27,58,92,0.2);transition:all 0.3s;flex-shrink:0;}
.tnr-name{font-family:'Poppins',sans-serif;font-size:26px;font-weight:600;color:var(--navy);line-height:1;transition:color 0.3s;}
.team-name-row.active .tnr-name{color:var(--blue);}
.tnr-role{margin-top:7px;padding-left:34px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);}

/* ── SERVICE CARD VISUALS ── */
.sc-visual-preview{margin-top:16px;border-radius:10px;overflow:hidden;background:var(--blue-pale);padding:14px;min-height:70px;}
.sc-mini-bars{display:flex;align-items:flex-end;gap:4px;height:44px;}
.sc-mini-bar{border-radius:3px 3px 0 0;background:linear-gradient(to top,var(--blue),var(--blue-light));opacity:0.7;}
.sc-mini-line{width:100%;height:1px;background:var(--gray2);margin-top:8px;}
.sc-mini-kpis{display:flex;gap:8px;margin-top:10px;}
.sc-mini-kpi{flex:1;background:rgba(255,255,255,0.7);border-radius:6px;padding:6px 8px;}
.sc-mini-kpi-val{font-size:13px;font-weight:700;color:var(--blue);}
.sc-mini-kpi-lbl{font-size:7px;color:var(--text-muted);letter-spacing:0.3px;}
.sc-mini-target{display:flex;align-items:center;gap:8px;margin-top:8px;}
.sc-mini-target-ring{width:36px;height:36px;flex-shrink:0;}
.sc-mini-target-text{font-size:8px;color:var(--text-muted);line-height:1.4;}
.sc-mini-shield{display:flex;align-items:center;justify-content:center;height:52px;}
.sc-mini-network{position:relative;height:52px;}
.sc-mini-node{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);opacity:0.6;}
.sc-mini-conn{position:absolute;background:var(--blue);opacity:0.15;height:1.5px;transform-origin:left center;}

/* ── SECTOR TAGS ─────────────────────────────────────────── */
.exp-tags-clean{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.exp-tag-clean{display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #E8EDF2;cursor:pointer;transition:all 0.2s;text-decoration:none;}
.exp-tag-clean:last-child,.exp-tag-clean:nth-last-child(2):nth-child(odd){border-bottom:none;}
.exp-tag-clean-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0;transition:transform 0.2s;}
.exp-tag-clean-text{font-size:16px;font-weight:600;color:var(--navy);letter-spacing:-0.01em;transition:color 0.2s;}
.exp-tag-clean:hover .exp-tag-clean-text{color:var(--blue);}
.exp-tag-clean:hover .exp-tag-clean-dot{transform:scale(1.5);}
.exp-tag-clean:hover{padding-left:6px;}

/* ── SPOTLIGHT GLOW CARDS ───────────────────────────────── */
[data-glow]{
  --base:220;--spread:200;--radius:12;--border:2;--size:260;--outer:1;
  --border-size:calc(var(--border,2)*1px);
  --spotlight-size:calc(var(--size,150)*1px);
  --hue:calc(var(--base) + (var(--xp,0)*var(--spread,0)));
  --backdrop:hsl(0 0% 100% / 0.02);
  background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0)*1px) calc(var(--y,0)*1px),hsl(var(--hue,210) 100% 70% / 0.08),transparent);
  background-attachment:fixed;
}
[data-glow]::before,[data-glow]::after{
  pointer-events:none;content:"";position:absolute;
  inset:calc(var(--border-size)*-1);
  border:var(--border-size) solid transparent;
  border-radius:calc(var(--radius)*1px);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:calc(100% + (2*var(--border-size))) calc(100% + (2*var(--border-size)));
  -webkit-mask:linear-gradient(transparent,transparent),linear-gradient(white,white);
  mask:linear-gradient(transparent,transparent),linear-gradient(white,white);
  -webkit-mask-clip:padding-box,border-box;
  mask-clip:padding-box,border-box;
  -webkit-mask-composite:destination-in;
  mask-composite:intersect;
}
[data-glow]::before{
  background-image:radial-gradient(calc(var(--spotlight-size)*0.75) calc(var(--spotlight-size)*0.75) at calc(var(--x,0)*1px) calc(var(--y,0)*1px),hsl(var(--hue,210) 100% 50% / 0.9),transparent 100%);
  filter:brightness(2);
}
[data-glow]::after{
  background-image:radial-gradient(calc(var(--spotlight-size)*0.5) calc(var(--spotlight-size)*0.5) at calc(var(--x,0)*1px) calc(var(--y,0)*1px),hsl(0 100% 100% / 0.7),transparent 100%);
}

/* ── FLIP CARDS ─────────────────────────────────────────── */
.flip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.flip-card{height:300px;perspective:1200px;cursor:pointer;}
.flip-card-inner{position:relative;width:100%;height:100%;transition:transform 0.7s cubic-bezier(0.4,0.2,0.2,1);transform-style:preserve-3d;}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;box-sizing:border-box;}
.flip-card-front{background:#1B3A5C;border:none;box-shadow:0 4px 24px rgba(0,0,0,0.15);justify-content:space-between;overflow:hidden;padding:0;transform:rotateY(0deg);}
.fc-front-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.fc-front-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(10,20,40,0.18) 0%,rgba(10,20,40,0.60) 100%);z-index:1;}
.fc-front-content{position:relative;z-index:2;padding:28px;height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.flip-card-back{transform:rotateY(180deg);justify-content:center;gap:20px;padding:32px;}
.flip-card.demo-flip .flip-card-inner{transform:rotateY(180deg);}
.fc-num{font-size:11px;font-weight:700;letter-spacing:2px;color:rgba(255,255,255,0.65);}
.fc-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:rgba(255,255,255,0.18);backdrop-filter:blur(4px);}
.fc-icon svg{width:22px;height:22px;}
.fc-title{font-size:19px;font-weight:800;color:#fff;line-height:1.25;margin-top:auto;}
.fc-hint{font-size:11px;color:rgba(255,255,255,0.65);display:flex;align-items:center;gap:4px;margin-top:10px;}
.fc-hint-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:fc-pulse 2s infinite;}
@keyframes fc-pulse{0%,100%{opacity:0.4}50%{opacity:1}}
.fc-back-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:0.55;}
.fc-back-text{font-size:14px;line-height:1.7;color:#2d3748;}
@media(max-width:900px){.flip-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.flip-grid{grid-template-columns:1fr;}.flip-card{height:auto;min-height:260px;}}

[data-count]{opacity:0;transition:opacity 0.5s ease;}
.icon-svg{display:block;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.badge-icon .icon-svg{width:16px;height:16px;stroke:rgba(255,255,255,0.92);stroke-width:2;}
.sc-icon .icon-svg{width:26px;height:26px;stroke:var(--blue);stroke-width:1.75;}
.contact-icon-new .icon-svg{width:18px;height:18px;stroke:var(--blue);stroke-width:2;}
.hero-eyebrow-dot .icon-svg{width:15px;height:15px;stroke:rgba(255,255,255,0.9);stroke-width:2;}
.approach-icon .icon-svg{width:24px;height:24px;stroke:var(--blue);stroke-width:1.75;}
.exp-card-icon .icon-svg{width:24px;height:24px;stroke:var(--ec,var(--blue));stroke-width:1.75;}
.cs-icon-wrap .icon-svg{width:44px;height:44px;stroke:rgba(255,255,255,0.72);stroke-width:1.5;}

/* ==========================================================================
   Deep Insights design on YOOtheme Pro markup.
   Added after the original website CSS by "YOOtheme pages generator.py".
   ========================================================================== */

html, body { font-family: 'Poppins', sans-serif; color: var(--navy); }
body { background: #fff; }
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,
.uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-logo, .uk-navbar-nav > li > a,
.uk-subnav > * > :first-child, .uk-button { font-family: 'Poppins', sans-serif; }
h1, h2, h3, h4, h5, h6 { color: var(--navy); }
.uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4 { color: #fff; }
a { color: var(--blue-mid); }
a:hover { color: var(--blue); }
.uk-section-muted { background: var(--gray); }
.uk-container { max-width: 1200px; }

/* ---------- header: floating pill navigation ---------- */
.tm-header, .tm-header-mobile {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  width: calc(100% - 64px); max-width: 1180px; z-index: 1000;
}
.tm-header .uk-navbar-container, .tm-header-mobile .uk-navbar-container {
  background: rgba(255,255,255,0.97); backdrop-filter: blur(12px);
  border-radius: var(--radius-pill);
  box-shadow: 0 4px 24px rgba(27,58,92,0.12), 0 1px 0 rgba(27,58,92,0.05);
}
.tm-header .uk-navbar-container > .uk-container,
.tm-header-mobile .uk-navbar-container > .uk-container { max-width: none; padding: 0 10px 0 20px; }
.tm-header .uk-navbar, .tm-header-mobile .uk-navbar { min-height: 64px; }
.tm-header .uk-logo img, .tm-header-mobile .uk-logo img { height: 44px; width: auto; object-fit: contain; }
.tm-header .uk-navbar-nav { gap: 2px; }
.tm-header .uk-navbar-nav > li > a {
  min-height: 0; height: auto; padding: 8px 14px; margin: 0;
  font-size: 12px; font-weight: 500; letter-spacing: 0.3px; text-transform: none;
  color: var(--text-muted); border-radius: var(--radius-pill); transition: all 0.2s;
}
.tm-header .uk-navbar-nav > li > a:hover,
.tm-header .uk-navbar-nav > li.uk-active > a { color: var(--navy); background: var(--gray); }
.tm-header .uk-navbar-nav > li:last-child > a {
  background: var(--navy); color: #fff; padding: 10px 22px; margin-left: 6px;
}
.tm-header .uk-navbar-nav > li:last-child > a::after { content: '\2192'; margin-left: 8px; font-size: 11px; }
.tm-header .uk-navbar-nav > li:last-child > a:hover { background: var(--blue-mid); color: #fff; }
.tm-header-mobile { top: 12px; width: calc(100% - 24px); }
.tm-header-mobile .uk-navbar-toggle { color: var(--navy); min-height: 64px; }

/* mobile menu panel */
.uk-offcanvas-bar, .tm-header-mobile .uk-dropbar { background: var(--navy); }
.uk-offcanvas-bar .uk-nav-default > li > a,
.uk-offcanvas-bar .uk-nav-primary > li > a { color: rgba(255,255,255,0.88); font-size: 15px; font-weight: 500; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.07); }
.uk-offcanvas-bar .uk-nav > li.uk-active > a, .uk-offcanvas-bar .uk-nav > li > a:hover { color: #fff; }

/* ---------- buttons: pills with a round arrow ---------- */
.uk-button {
  display: inline-flex; align-items: center; gap: 10px;
  border-radius: var(--radius-pill); font-size: 13px; font-weight: 400; letter-spacing: 1.5px;
  text-transform: uppercase; line-height: 1; padding: 13px 20px 13px 28px; border: none;
  transition: all 0.25s;
}
.uk-button::after {
  content: '\2192'; width: 26px; height: 26px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; letter-spacing: 0; background: rgba(255,255,255,0.2);
}
.uk-button-primary { background: var(--blue); color: #fff; }
.uk-button-primary:hover { background: var(--blue-light); color: #fff; transform: translateY(-2px); }
.uk-button-secondary { background: var(--navy); color: #fff; }
.uk-button-secondary::after { background: rgba(255,255,255,0.15); }
.uk-button-secondary:hover { background: var(--blue-mid); color: #fff; }
.uk-button-default { background: transparent; color: var(--navy); border: 1.5px solid rgba(27,58,92,0.2); padding: 12px 20px 12px 28px; }
.uk-button-default::after { background: var(--gray2); }
.uk-button-default:hover { background: transparent; border-color: var(--blue); color: var(--blue); }
.uk-light .uk-button-default { color: #fff; border-color: rgba(255,255,255,0.25); }
.uk-light .uk-button-default::after { background: rgba(255,255,255,0.08); }
.uk-light .uk-button-default:hover { border-color: var(--blue); color: var(--blue-light); }
.uk-button-text { padding: 0; letter-spacing: 0.3px; text-transform: none; font-weight: 600; font-size: 12.5px; }
.uk-button-text::after { width: auto; height: auto; background: none; }
.uk-button-text::before { display: none; }

/* ---------- shared text blocks ---------- */
.section-title { font-size: clamp(36px,4.5vw,56px); font-weight: 700; color: var(--navy); line-height: 1.02; margin: 0 0 18px; }
.di-badge-wrap .badge { margin-bottom: 0; }
.di-body p, .di-intro p, .section-intro { font-size: 15px; color: var(--text-muted); line-height: 1.8; font-weight: 300; margin: 0 0 16px; }
.di-intro p, .di-intro .section-intro { font-size: 16px; max-width: 620px; margin-bottom: 8px; }
[class*='uk-text-center'] .di-intro p { margin-left: auto; margin-right: auto; }

/* ---------- home: hero ---------- */
.di-hero { background: #0d1f33; padding-top: 120px; }
.di-hero > .uk-container, .di-hero .uk-container { max-width: 900px; }
.di-eyebrow-wrap .hero-eyebrow { margin-bottom: 4px; }
.di-hero-title { font-size: clamp(38px,4.8vw,64px); font-weight: 700; color: #fff; line-height: 1.0; letter-spacing: -0.5px; margin-top: 24px; }
.di-hero-title em { font-style: normal; color: var(--blue-light); }
.di-hero-sub p { font-size: 16px; color: rgba(255,255,255,0.75); max-width: 520px; line-height: 1.8; font-weight: 300; }
.di-hero-btns { margin-top: 36px !important; }

/* ---------- home: metrics ---------- */
.metrics-strip { background: var(--navy) !important; }
.metrics-strip .uk-container { max-width: 1200px; }
.metrics-strip .metric-item { padding: 44px 24px; text-align: center; border-right: 1px solid rgba(255,255,255,0.05); }
.metrics-strip .metric-item:last-child { border-right: none; }
.metrics-strip .metric-num { margin: 0; }
.metrics-strip .metric-label { margin-top: 8px !important; }

/* ---------- home: client logos ---------- */
.logo-slider-outer .logo-slider-label { margin-bottom: 28px; }
.di-logos .el-item {
  display: flex; align-items: center; justify-content: center; height: 110px; padding: 16px 28px;
  background: #fff; border-radius: 12px; border: 1.5px solid #e8edf3; box-shadow: 0 2px 10px rgba(27,58,92,0.07);
  transition: box-shadow 0.25s, border-color 0.25s, transform 0.2s; margin: 6px 0;
}
.di-logos .el-item:hover { box-shadow: 0 6px 20px rgba(27,58,92,0.14); border-color: var(--blue-light); transform: translateY(-2px); }
.di-logos .el-image { max-height: 70px; width: auto; object-fit: contain; margin: 0 !important; }
.di-logos .uk-slidenav { color: var(--navy); }

/* ---------- home: who we are ---------- */
.di-who { background: linear-gradient(135deg,#f0f7ff 0%,#eaf3fb 60%,#f5f0ff 100%) !important; }
.di-diffs .about-diffs { margin-bottom: 8px; }
.di-about-gallery .el-item { border-radius: 14px; overflow: hidden; box-shadow: 0 8px 32px rgba(27,58,92,0.13); }
.di-about-gallery .el-title {
  display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,0.92); backdrop-filter: blur(8px);
  border-radius: 20px; padding: 6px 13px; font-size: 11px; font-weight: 600; color: var(--navy); letter-spacing: 0.3px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.di-about-gallery .el-title::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--blue-mid); }
.di-about-gallery .el-title:empty { display: none; }

/* ---------- home: sector tags ---------- */
.exp-tags-clean.uk-list > li { margin: 0 !important; padding: 0; border-bottom: 1px solid #E8EDF2; }
.exp-tags-clean.uk-list > li > * { padding: 0; }
.exp-tags-clean a {
  display: flex; align-items: center; gap: 14px; padding: 20px 0; color: var(--navy); font-size: 16px; font-weight: 600;
  text-decoration: none; transition: all 0.2s;
}
.exp-tags-clean a::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--blue); flex-shrink: 0; transition: transform 0.2s; }
.exp-tags-clean a:hover { color: var(--blue); padding-left: 6px; }
.exp-tags-clean a:hover::before { transform: scale(1.5); }

/* ---------- home: why partner with us (text opens on hover) ---------- */
.di-why .el-item { border-radius: 18px; overflow: hidden; box-shadow: var(--shadow-card); }
.di-why .uk-position-cover, .di-why .uk-overlay { transition: background 0.35s ease; }
.di-why .el-item .uk-position-bottom-left { left: 0; right: 0; bottom: 0; padding: 26px; background: linear-gradient(to top, rgba(10,25,47,0.92) 0%, rgba(10,25,47,0.55) 60%, rgba(10,25,47,0) 100%); }
.di-why .el-meta { font-size: 11px; font-weight: 700; letter-spacing: 2.5px; color: var(--blue-light); }
.di-why .el-title { color: #fff; font-size: 20px; font-weight: 700; margin: 4px 0 0; }
.di-why .el-content { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.45s ease, opacity 0.35s ease, margin 0.35s; margin-top: 0 !important; font-size: 13.5px; line-height: 1.65; color: rgba(255,255,255,0.88); font-weight: 300; }
.di-why .el-item:hover .el-content { max-height: 260px; opacity: 1; margin-top: 12px !important; }
.di-why .el-item:hover .uk-position-bottom-left { background: linear-gradient(to top, rgba(10,25,47,0.96) 0%, rgba(10,25,47,0.85) 70%, rgba(10,25,47,0.4) 100%); }

/* ---------- home: what we do (service tabs) ---------- */
.di-feat .uk-subnav-pill { gap: 10px; margin-left: 0; margin-bottom: 28px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.di-feat .uk-subnav-pill > * { padding-left: 0; }
.di-feat .uk-subnav-pill > * > a {
  padding: 8px 18px; border-radius: 50px; border: 1.5px solid var(--gray2); background: #fff; font-size: 12.5px;
  font-weight: 600; color: var(--text-muted); text-transform: none; letter-spacing: 0; white-space: nowrap;
}
.di-feat .uk-subnav-pill > .uk-active > a { background: var(--navy); color: #fff; border-color: var(--navy); }
.di-feat .uk-subnav-pill > * > a:hover { border-color: var(--blue); color: var(--navy); }
.di-feat .uk-switcher > li > .el-item, .di-feat .uk-switcher > * > .el-item { border: 1.5px solid var(--gray2); border-radius: 20px; overflow: hidden; box-shadow: 0 4px 24px rgba(27,58,92,0.06); background: #fff; }
.di-feat .uk-switcher .uk-grid > * > .el-image, .di-feat .el-image { width: 100%; height: 100%; min-height: 420px; object-fit: cover; display: block; }
.di-feat .uk-switcher .uk-grid > :first-child { padding: 52px 44px; display: flex; flex-direction: column; justify-content: center; }
.di-feat .el-meta { font-size: 11px; font-weight: 700; letter-spacing: 2.5px; color: var(--blue); }
.di-feat .el-title { font-size: 24px; font-weight: 800; color: var(--navy); line-height: 1.25; margin: 10px 0 14px; }
.di-feat .el-content .feat-svc-desc { margin-bottom: 18px; }

/* ---------- home: selected projects ---------- */
.di-projects .el-item { border-radius: 16px; overflow: hidden; min-height: 420px; }
.di-projects .uk-position-bottom-left, .di-projects .uk-overlay { left: 0; right: 0; bottom: 0; }
.di-projects .uk-position-bottom-left { padding: 28px 26px; background: linear-gradient(to bottom, rgba(10,25,47,0) 0%, rgba(10,25,47,0.55) 35%, rgba(10,25,47,0.95) 100%); }
.di-projects .el-meta {
  display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;
  color: #fff; background: rgba(255,255,255,0.18); backdrop-filter: blur(6px); border-radius: 20px; padding: 5px 12px; margin-bottom: 12px;
}
.di-projects .el-meta::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #93C5FD; }
.di-projects .el-title { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 10px; color: #fff; }
.di-projects .el-content { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,0.82); font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.di-projects .el-link { color: #fff; }
.di-projects .uk-dotnav > * > * { background: var(--gray2); border: none; }
.di-projects .uk-dotnav > .uk-active > * { background: var(--navy); }

/* ---------- call to action ---------- */
.cta-section.uk-section { padding: 64px 0; }
.cta-section h2 { margin-bottom: 14px; }
.cta-section p { margin: 0 auto 36px; }

/* ---------- footer ---------- */
footer { background: var(--navy); color: #fff; padding: 0; }
footer .di-footer { background: transparent !important; padding-top: 72px; }
footer .footer-col a { display: block; }
footer .footer-bottom { margin-top: 24px; }

/* ---------- small screens ---------- */
@media (max-width: 959px) {
  .metrics-strip .metric-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 28px 16px; }
  .di-feat .uk-switcher .uk-grid > :first-child { padding: 32px 24px; }
  .di-feat .el-image { min-height: 260px; }
  .di-hero { padding-top: 100px; }
}

/* ---------- fixes after first look ---------- */
.uk-light .uk-button-primary, .uk-light .uk-button-primary:hover { background: var(--blue); color: #fff; }
.uk-light .uk-button-primary:hover { background: var(--blue-light); }
.uk-light .uk-button-secondary { background: var(--navy); color: #fff; }
.tm-header .uk-navbar-left, .tm-header .uk-navbar-right, .tm-header .uk-navbar-nav { align-items: center; }
.tm-header .uk-navbar-nav > li { display: flex; align-items: center; }
.tm-header .uk-logo, .tm-header .uk-navbar-item, .tm-header-mobile .uk-logo, .tm-header-mobile .uk-navbar-item { min-height: 64px; }
.uk-light .uk-button-primary { background: var(--blue) !important; color: #fff !important; }
.uk-light .uk-button-primary:hover { background: var(--blue-light) !important; }

/* ==========================================================================
   Inner pages
   ========================================================================== */
.uk-section[id] { scroll-margin-top: 110px; }
.di-svc[id] { scroll-margin-top: 170px; }

/* page header */
.di-page-hero { background: linear-gradient(150deg, var(--navy), #1E4878) !important; padding-top: 140px; padding-bottom: 80px; }
.di-page-hero .badge { margin-bottom: 0; }
.page-hero-title { font-size: clamp(48px,6vw,72px); font-weight: 700; color: #fff; line-height: 1; margin: 16px 0 18px; }
.di-page-hero .page-hero-sub p { font-size: 16px; color: rgba(255,255,255,0.72); max-width: 560px; line-height: 1.8; font-weight: 300; margin: 0; }

/* section links (pills) */
.di-anchors { border-bottom: 1px solid var(--gray2); }
.di-anchor-nav.uk-subnav { gap: 8px; margin-left: 0; }
.di-anchor-nav.uk-subnav > * { padding-left: 0; }
.di-anchor-nav.uk-subnav-pill > * > a {
  border-radius: var(--radius-pill); padding: 9px 22px; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase;
  background: var(--gray); color: var(--text-muted); transition: all 0.2s;
}
.di-anchor-nav.uk-subnav-pill > * > a:hover, .di-anchor-nav.uk-subnav-pill > .uk-active > a { background: var(--navy); color: #fff; }
.di-svc-nav { position: sticky; top: 100px; z-index: 900; background: rgba(255,255,255,0.97) !important; }
.di-svc-nav .di-anchor-nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.di-svc-nav .di-anchor-nav > * > a { white-space: nowrap; }

/* services */
.svc-title { font-size: 28px; font-weight: 700; color: var(--navy); margin: 0 0 10px; }
.di-tagline .service-tagline-new { margin-bottom: 8px; }
.di-svc .di-body p { font-size: 14.5px; line-height: 1.85; }
.di-svc-media, .di-svc-media video, .di-svc-media img, video.di-svc-media, img.di-svc-media {
  width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 16px; display: block; background: #0d1f33;
}
.di-offer-head { margin-top: 56px !important; padding-top: 44px; border-top: 1.5px solid var(--gray2); }
.di-offer.uk-list > li { margin: 0 0 14px !important; break-inside: avoid; }
.di-offer.uk-list > li > .el-content, .di-offer.uk-list > li > div {
  display: flex; align-items: center; gap: 16px; padding: 18px 22px; background: var(--gray); border-radius: 14px;
  font-size: 15px; font-weight: 500; color: var(--navy); line-height: 1.45; border: 1.5px solid transparent; transition: border-color 0.2s, box-shadow 0.2s;
}
.uk-section-muted .di-offer.uk-list > li > div { background: #fff; }
.di-offer.uk-list > li > div:hover { border-color: rgba(58,141,196,0.35); box-shadow: 0 4px 18px rgba(58,141,196,0.1); }
.di-offer.uk-list > li > div::before {
  content: '\2713'; width: 34px; min-width: 34px; height: 34px; border-radius: 50%; background: var(--blue); color: #fff;
  display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700;
}
.di-offer-navy.uk-list > li > div::before { background: var(--navy); }

/* expertise cards */
.di-exp .exp-card-new { height: 100%; box-sizing: border-box; }
.di-exp .el-meta { margin: 0; }
.di-exp .el-title { margin-top: 0; }

/* our work */
.stats-light .di-stats { border: 1px solid var(--gray2); border-radius: var(--radius); margin: 0 auto; }
.stats-light .stat-item { padding: 40px 20px; text-align: center; border-right: 1px solid var(--gray2); }
.stats-light .stat-item:last-child { border-right: none; }
.stats-light .stat-num { margin: 0; font-size: 46px; line-height: 1; }
.di-case + .di-case { margin-top: 72px !important; padding-top: 72px; border-top: 1px solid var(--gray2); }
.di-cs-img { border-radius: var(--radius); overflow: hidden; }
.di-cs-img .uk-position-bottom-left, .di-article-top .uk-position-bottom-left { left: 0; right: 0; bottom: 0; }
.di-cs-img .uk-position-bottom-left { padding: 32px 28px 26px; background: linear-gradient(to top, rgba(15,33,54,0.93) 0%, rgba(15,33,54,0.3) 70%, transparent 100%); }
.di-cs-img .el-title { font-size: 17px; font-weight: 700; color: #fff; margin: 0 0 4px; }
.di-cs-img .el-meta { font-size: 10.5px; color: rgba(255,255,255,0.65); letter-spacing: 0.3px; }
.cs-tag .tag { font-size: 10px; letter-spacing: 2.5px; color: var(--blue); text-transform: uppercase; }
.cs-title { font-size: 28px; font-weight: 700; color: var(--navy); line-height: 1.15; margin: 6px 0 6px; }
.client { font-size: 12.5px; color: var(--text-muted); }

/* about */
.di-title-sm { font-size: 32px; }
.di-values .el-item { border-left: 3px solid var(--blue); padding-left: 20px; }
.di-values .el-title { font-size: 17px; font-weight: 700; color: var(--navy); margin: 0 0 7px; }
.di-values .el-content { font-size: 13.5px; color: var(--text-muted); line-height: 1.7; font-weight: 300; }
.di-approach .el-item { background: #fff; padding: 32px 24px; position: relative; height: 100%; box-sizing: border-box; border: 1px solid var(--gray2); }
.di-approach .el-meta { position: absolute; top: 10px; right: 16px; font-size: 56px; font-weight: 700; color: rgba(39,99,165,0.32); line-height: 1; margin: 0; }
.di-approach .el-title { font-size: 18px; color: var(--navy); margin: 40px 0 8px; font-weight: 600; }
.di-approach .el-content { font-size: 12.5px; color: var(--text-muted); line-height: 1.7; font-weight: 300; }
.di-team .el-image { border-radius: 20px; box-shadow: 0 10px 34px rgba(27,58,92,0.14); }
.di-team .el-title { font-size: 18px; font-weight: 700; color: var(--navy); margin: 18px 0 4px; }
.di-team .el-meta { font-size: 12px; color: var(--blue); letter-spacing: 0.5px; }
.di-subtitle { font-size: 28px; font-weight: 700; color: var(--navy); margin: 0 0 24px; }
.di-advisors .el-item { background: var(--gray); border-radius: var(--radius-sm); padding: 22px; height: 100%; box-sizing: border-box; }
.di-advisors .el-image { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; object-position: center top; border: 3px solid var(--gray2); }
.di-advisors .el-title { font-size: 13px; font-weight: 600; color: var(--navy); margin: 14px 0 3px; }
.di-advisors .el-meta { font-size: 10px; color: var(--blue); text-transform: uppercase; letter-spacing: 0.5px; }
.di-partners .el-item { background: #fff; border: 1.5px solid #e8edf3; border-radius: 12px; padding: 16px 12px; height: 100%; box-sizing: border-box; transition: all 0.2s; }
.di-partners .el-item:hover { box-shadow: 0 6px 18px rgba(27,58,92,0.13); transform: translateY(-2px); border-color: var(--blue-light); }
.di-partners .el-image { height: 60px; width: auto; max-width: 120px; object-fit: contain; }
.di-partners .el-title { font-size: 10px; font-weight: 500; color: var(--text-muted); letter-spacing: 0.5px; margin: 8px 0 0; line-height: 1.3; }
.di-media .el-item { border-radius: var(--radius-sm); overflow: hidden; }

/* insights */
.di-ins-head { margin-bottom: 8px; }
.di-ins-head .insights-section-title { font-size: 26px; }
.di-article-top { border-radius: var(--radius) var(--radius) 0 0; overflow: hidden; }
.di-article-top .el-image { filter: brightness(0.5) saturate(0.8); }
.di-article-top .uk-position-bottom-left { padding: 26px; }
.di-article-top .el-meta { font-size: 10px; letter-spacing: 2.5px; color: var(--blue-light); text-transform: uppercase; }
.di-article-top .el-title { font-size: 20px; color: #fff; line-height: 1.2; margin: 6px 0 0; }
.di-article-body { padding: 22px 26px 0; border: 1.5px solid var(--gray2); border-top: none; margin-top: 0 !important; }
.di-read { border: 1.5px solid var(--gray2); border-top: none; border-radius: 0 0 var(--radius) var(--radius); padding: 0 26px 22px; margin-top: 0 !important; }
.di-read .uk-accordion-title { font-size: 13px; font-weight: 600; color: var(--blue); }
.di-read .uk-accordion-content p { font-size: 14px; color: var(--text-muted); line-height: 1.8; font-weight: 300; }
.di-read .uk-accordion-content h4 { font-size: 16px; color: var(--navy); margin: 22px 0 8px; }
.bl-native { background: #fff; border-radius: 14px; padding: 22px 24px; border-left: 4px solid var(--btc, var(--blue)); height: 100%; box-sizing: border-box; }
.bl-native .el-meta { display: inline-block; background: var(--btc, var(--blue)); color: #fff; font-size: 10px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border-radius: 20px; padding: 4px 11px; }
.bl-native .el-title { font-size: 16px; font-weight: 700; color: var(--navy); line-height: 1.35; margin: 10px 0 6px; }
.bl-native .bl-org { font-size: 12px; color: var(--text-muted); font-weight: 500; }
.bl-native p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; margin: 8px 0; }
.bl-native .bl-funder { font-size: 11px; color: var(--navy); font-weight: 600; }
.bl-native .bl-funder span { color: var(--text-muted); font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 9.5px; margin-right: 6px; }
.news-native { background: #fff; border: 1.5px solid var(--gray2); border-radius: 16px; padding: 26px; height: 100%; box-sizing: border-box; }
.news-native .el-meta { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); font-weight: 700; }
.news-native .el-title { font-size: 17px; font-weight: 700; color: var(--navy); line-height: 1.35; margin: 8px 0; }
.news-native .news-date { font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }
.news-native p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; }

/* contact */
.di-contact-title { font-size: 34px; font-weight: 700; color: var(--navy); margin: 0 0 8px; }
.contact-wrap.uk-section { padding-left: 0; padding-right: 0; }
.form-section-new { background: #fff; border: 1.5px solid var(--gray2); border-radius: var(--radius); padding: 40px; }

@media (max-width: 959px) {
  .stats-light .stat-item { border-right: none; border-bottom: 1px solid var(--gray2); }
  .di-svc-nav { top: 88px; }
  .form-section-new { padding: 24px; }
  .form-row-new { grid-template-columns: 1fr; }
}

/* keep the page scrolling on the window so sticky bars and #links work */
body { overflow: clip !important; }

/* section link pills (class sits on the element wrapper) */
.di-anchor-nav .uk-subnav { gap: 8px; margin-left: 0; }
.di-anchor-nav .uk-subnav > * { padding-left: 0; }
.di-anchor-nav .uk-subnav-pill > * > a {
  border-radius: var(--radius-pill); padding: 9px 22px; font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase;
  background: var(--gray); color: var(--text-muted); transition: all 0.2s;
}
.di-anchor-nav .uk-subnav-pill > * > a:hover, .di-anchor-nav .uk-subnav-pill > .uk-active > a { background: var(--navy); color: #fff; }
.di-svc-nav .di-anchor-nav .uk-subnav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.di-svc-nav .di-anchor-nav .uk-subnav > * > a { white-space: nowrap; }
.uk-accordion-title { font-family: 'Poppins', sans-serif; }

/* the original design uses bold headings everywhere */
h1, h2, h3, h4 { font-weight: 700; }

/* ==========================================================================
   Blocks filled from Joomla articles (dynamic content): cards are columns with the Card style
   ========================================================================== */
.di-exp > .exp-card-new, .di-briefs > .bl-native, .di-news > .news-native, .di-article {
  background: none !important; border: none !important; box-shadow: none !important; transform: none !important;
  padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; border-radius: 0 !important;
}
.di-exp > .exp-card-new::after { display: none; }
.di-exp > .exp-card-new > .uk-card, .di-briefs > .bl-native > .uk-card, .di-news > .news-native > .uk-card,
.di-article > .uk-card { box-shadow: none; background: #fff; height: 100%; }

/* expertise cards */
.exp-card-new > .uk-card { border: 1.5px solid #eaeff6; border-radius: 16px; position: relative; overflow: hidden;
  transition: transform 0.38s cubic-bezier(0.34,1.4,0.64,1), box-shadow 0.38s; }
.exp-card-new > .uk-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--ec, #3A8DC4); transition: height 0.3s ease; }
.exp-card-new > .uk-card:hover { transform: translateY(-10px); box-shadow: 0 28px 52px rgba(0,0,0,0.11); }
.exp-card-new > .uk-card:hover::after { height: 6px; }
.exp-card-new > .uk-card > .uk-card-body { padding: 32px 26px 28px; }
.exp-card-new > .uk-card:hover .exp-card-icon { transform: scale(1.1); }
.di-exp-title { font-size: 16px; font-weight: 700; color: var(--navy); margin: 18px 0 8px !important; }
.di-exp-desc p, .di-exp-desc { font-size: 13px; color: var(--text-muted); line-height: 1.7; margin: 0; }
.di-chips { margin-top: 16px !important; }

/* our work: alternate image side */
.di-cases .di-case:nth-of-type(even) > :first-child { order: 2; }
.di-cases .di-case + .di-case { margin-top: 72px !important; padding-top: 72px; border-top: 1px solid var(--gray2); }
.cs-tag { font-size: 10px; letter-spacing: 2.5px; color: var(--blue); text-transform: uppercase; margin-bottom: 0 !important; }
.di-case .client { margin-top: 0 !important; }
.di-reading .cs-related-reading { margin-top: 2px; }

/* publications */
.di-article > .uk-card { border: 1.5px solid var(--gray2); border-radius: var(--radius); overflow: hidden; }
.di-article > .uk-card > .uk-card-body { padding: 0 0 22px; }
.di-article .uk-card-body > :not(.di-article-top) { padding-left: 26px; padding-right: 26px; }
.di-article .di-article-top { border-radius: 0; margin: 0 !important; }
.di-article-date { font-size: 11px; color: var(--text-muted); margin-top: 22px !important; }
.di-article-excerpt, .di-article-excerpt p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; margin-top: 8px !important; }
.di-article .di-read { border: none; border-radius: 0; padding-bottom: 0; margin-top: 8px !important; }
.di-related .article-related-row { margin: 6px 0 0; }

/* project briefs */
.bl-native > .uk-card { border-radius: 14px; border-left: 4px solid var(--btc, var(--blue)); }
.bl-native > .uk-card > .uk-card-body { padding: 22px 24px; }
.di-pill { display: inline-block; background: var(--btc, var(--blue)); color: #fff; font-size: 10px; font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase; border-radius: 20px; padding: 4px 11px; }
.di-brief-title { font-size: 16px; font-weight: 700; color: var(--navy); line-height: 1.35; margin: 10px 0 6px !important; }
.bl-native .bl-org { font-size: 12px; color: var(--text-muted); font-weight: 500; margin-top: 0 !important; }
.di-brief-desc, .di-brief-desc p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; margin: 8px 0 !important; }
.bl-native .bl-funder { font-size: 11px; color: var(--navy); font-weight: 600; margin-top: 0 !important; }

/* news */
.news-native > .uk-card { border: 1.5px solid var(--gray2); border-radius: 16px; }
.news-native > .uk-card > .uk-card-body { padding: 26px; }
.di-news-tag { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); font-weight: 700; }
.news-native .news-date { font-size: 11px; color: var(--text-muted); margin-top: 6px !important; }
.di-news-title { font-size: 17px; font-weight: 700; color: var(--navy); line-height: 1.35; margin: 8px 0 !important; }
.di-news-body, .di-news-body p { font-size: 13px; color: var(--text-muted); line-height: 1.7; font-weight: 300; margin-top: 0 !important; }

/* ==========================================================================
   Language switch and Arabic (right to left)
   ========================================================================== */
.mod-languages ul, .mod-languages .lang-inline { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.mod-languages li { margin: 0 !important; }
.mod-languages a { display: inline-block; padding: 6px 11px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 600;
  color: var(--text-muted); text-decoration: none; letter-spacing: 0.5px; }
.mod-languages a:hover { color: var(--navy); background: var(--gray); }
.mod-languages .lang-active a { background: var(--gray); color: var(--navy); }
.tm-header .uk-navbar-right > .uk-navbar-item, .tm-header .mod-languages { display: flex; align-items: center; min-height: 64px; padding: 0 0 0 8px; }
.tm-header-mobile .mod-languages { display: flex; align-items: center; }

html[dir="rtl"] body, html[dir="rtl"] body *:not(svg):not(path):not(use):not(line):not(polyline):not(circle):not(rect) {
  font-family: 'Cairo', 'Poppins', sans-serif !important; letter-spacing: 0 !important;
}
html[dir="rtl"] .uk-button::after { content: '\2190'; }
html[dir="rtl"] .tm-header .uk-navbar-nav > li:last-child > a { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] .tm-header .uk-navbar-nav > li:last-child > a::after { content: '\2190'; margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .tm-header .uk-navbar-container > .uk-container,
html[dir="rtl"] .tm-header-mobile .uk-navbar-container > .uk-container { padding: 0 20px 0 10px; }
html[dir="rtl"] .tm-header .mod-languages { padding: 0 8px 0 0; }
html[dir="rtl"] .di-hero-title, html[dir="rtl"] .section-title, html[dir="rtl"] .page-hero-title { line-height: 1.25; letter-spacing: 0; }
html[dir="rtl"] .about-diff { border-left-width: 0; border-right: 4px solid transparent; }
html[dir="rtl"] .about-diff:hover { transform: translateX(-4px); }
html[dir="rtl"] .about-diff.diff-blue { border-right-color: #2874A6; }
html[dir="rtl"] .about-diff.diff-teal { border-right-color: #1A9E8F; }
html[dir="rtl"] .about-diff.diff-gold { border-right-color: #C9882A; }
html[dir="rtl"] .di-values .el-item { border-left: none; border-right: 3px solid var(--blue); padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .bl-native > .uk-card { border-left: none; border-right: 4px solid var(--btc, var(--blue)); }
html[dir="rtl"] .exp-tags-clean a:hover { padding-left: 0; padding-right: 6px; }
html[dir="rtl"] .di-approach .el-meta { right: auto; left: 16px; }
html[dir="rtl"] .bl-native .bl-funder span { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .footer-about, html[dir="rtl"] .footer-col a { text-align: right; }
html[dir="rtl"] .di-why .el-item:hover .uk-position-bottom-left, html[dir="rtl"] .di-why .uk-position-bottom-left { text-align: right; }
.mod-languages .uk-subnav { margin: 0; gap: 4px; flex-wrap: nowrap; }
.mod-languages .uk-subnav > * { padding-left: 0; }
.mod-languages .uk-subnav > .uk-active > a { background: var(--gray); color: var(--navy); }
.mod-languages .uk-subnav > * > a { text-transform: none; }

/* item colors from the source */
.ec-teal{--ec:#0891b2;--ec-light:rgba(8,145,178,0.1);}
.ec-pink{--ec:#be185d;--ec-light:rgba(190,24,93,0.1);}
.ec-amber{--ec:#d97706;--ec-light:rgba(217,119,6,0.1);}
.ec-red{--ec:#dc2626;--ec-light:rgba(220,38,38,0.1);}
.ec-blue{--ec:#2563eb;--ec-light:rgba(37,99,235,0.1);}
.ec-green{--ec:#16a34a;--ec-light:rgba(22,163,74,0.1);}
.ec-emerald{--ec:#059669;--ec-light:rgba(5,150,105,0.1);}
.ec-violet{--ec:#7c3aed;--ec-light:rgba(124,58,237,0.1);}
.btc-navy{--btc:#1B3A5C;}
.btc-blue{--btc:#2763A5;}
.btc-green{--btc:#2B7A5B;}
.btc-violet{--btc:#6B52A8;}
.btc-terracotta{--btc:#B85530;}

.di-svc-nav .di-anchor-nav .uk-subnav, .di-svc-nav .di-anchor-nav.uk-subnav { flex-wrap: wrap; overflow-x: visible; }
@media (max-width: 959px) { .di-svc-nav .di-anchor-nav .uk-subnav, .di-svc-nav .di-anchor-nav.uk-subnav { flex-wrap: nowrap; overflow-x: auto; } }