/* ============================================================
   Global ICT — Visual Redesign (CSS ONLY)
   Loaded last. Re-themes the existing design via the site's
   own CSS variables. No HTML, content, links or JS changed.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
  /* New navy / blue / cyan palette */
  --navy:          #061225;
  --navy-mid:      #0a2138;
  --navy-light:    #123356;
  --navy-dark:     #030914;
  --navy-50:       #eef4fb;

  --brand-green:   #24D17E;
  --brand-teal:    #1597D6;
  --brand-blue:    #087CFF;
  --brand-blue-lt: #26A7FF;

  --grad:          linear-gradient(135deg, #087CFF 0%, #26A7FF 100%);
  --grad-reverse:  linear-gradient(135deg, #26A7FF 0%, #087CFF 100%);
  --grad-soft:     linear-gradient(135deg, rgba(8,124,255,0.10) 0%, rgba(38,167,255,0.10) 100%);
  --grad-hero:     linear-gradient(135deg, rgba(8,124,255,0.06) 0%, rgba(38,167,255,0.08) 100%);

  --off-white:     #F6F9FD;
  --light-gray:    #eef3fa;
  --text-primary:  #07132B;

  --shadow-green:  0 8px 30px rgba(8,124,255,0.25);

  /* New typography */
  --font-display:  'Plus Jakarta Sans', sans-serif;
  --font-body:     'Inter', sans-serif;
}

/* Partner logos back to full colour (was greyscaled) */
.partner-logo-card img{ filter:none !important; opacity:1 !important; }

/* ============================================================
   "NEW LOOK" — premium polish on existing markup (CSS only)
   ============================================================ */

/* Hero badge -> cyan */
.hero-badge{ background:rgba(38,167,255,0.10) !important; border-color:rgba(38,167,255,0.30) !important; color:var(--brand-blue-lt) !important; }
.hero-badge-dot{ background:var(--brand-green) !important; box-shadow:0 0 0 4px rgba(36,209,126,0.18); }

/* Primary button -> gradient with glow */
.btn-primary{ background:var(--grad) !important; color:#fff !important; box-shadow:0 10px 28px rgba(8,124,255,0.35) !important; }
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 34px rgba(8,124,255,0.45) !important; }

/* Service cards -> crisper hover + thicker accent bar */
.service-card{ border-radius:18px !important; }
.service-card::before{ height:4px !important; }
.service-card:hover{ transform:translateY(-6px) !important; box-shadow:0 22px 48px rgba(7,19,43,0.12) !important; border-color:rgba(8,124,255,0.30) !important; }

/* Section labels -> cyan eyebrow */
.section-label{ color:var(--brand-blue) !important; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; }

/* Why / industry / stat polish */
.why-card-icon{ background:var(--grad) !important; color:#fff !important; box-shadow:0 10px 24px rgba(8,124,255,0.35); }
.stat-number{ background:linear-gradient(120deg,#fff,var(--brand-blue-lt)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }

/* ── NOC dashboard (home hero visual) ── */
.rd-noc{ background:linear-gradient(160deg,rgba(13,28,54,.95),rgba(6,18,37,.92)); border:1px solid rgba(38,167,255,.22); border-radius:22px; padding:22px; box-shadow:0 30px 70px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(10px); width:100%; }
.rd-noc-top{ display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:18px; }
.rd-noc-title{ font-family:var(--font-display); font-weight:700; font-size:.82rem; letter-spacing:.1em; color:#fff; display:flex; align-items:center; gap:9px; }
.rd-noc-title i{ width:9px; height:9px; border-radius:50%; background:var(--brand-green); box-shadow:0 0 12px var(--brand-green); animation:pulse-dot 2.2s infinite; }
.rd-noc-tag{ font-size:.68rem; color:var(--brand-blue-lt); letter-spacing:.12em; font-family:var(--font-display); font-weight:600; }
.rd-noc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.rd-noc-card{ background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.07); border-radius:13px; padding:14px; }
.rd-noc-card .r{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.rd-noc-card .nm{ font-size:.82rem; color:rgba(255,255,255,.9); font-weight:500; display:flex; align-items:center; gap:8px; font-family:var(--font-body); }
.rd-noc-card .nm i{ color:var(--brand-blue-lt); font-size:1rem; }
.rd-noc-st{ display:flex; align-items:center; gap:6px; font-size:.7rem; font-weight:600; color:var(--brand-green); }
.rd-noc-st b{ width:7px; height:7px; border-radius:50%; background:var(--brand-green); box-shadow:0 0 8px rgba(36,209,126,.8); display:inline-block; }
.rd-bar{ height:5px; border-radius:99px; background:rgba(255,255,255,.08); overflow:hidden; }
.rd-bar span{ display:block; height:100%; border-radius:99px; background:var(--grad); }
@media(max-width:600px){ .rd-noc-grid{ grid-template-columns:1fr; } }