:root{
  --p:#005484;--s:#00C5DC;--t:#06BC7B;--g:#FF8E29;
  --td:#061E42;--tl:#525252;--td2:#CCCDCD;
  --bg1:#001F2C;--bg2:#006591;--bd:#1A2A30;
  --w:#fff;--sf:#f5f8fb;--cb:#e2eaf0;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--td);background:var(--w);-webkit-font-smoothing:antialiased}

.sc .cd:hover div {
    color: #fff !important;
}
.cs-cta {
    background: #001f2c !important;
}
.sc .cd:hover strong {
    color: #fff !important;
}
.six_sectors div.cd:hover div img {
    filter: brightness(0) invert(1) !important;
}
.career_bottom_grid div.cd:hover > div:first-child > img {
  filter: brightness(0) invert(1) !important;
}
@media (max-width:900px){
.nls {
    display: none !important;
}
}
.fti div>div {
    color: rgba(255,255,255,.5);
}
.sc .cd:hover img {
    filter: brightness(0) invert(1);
}
.context_banner{
    background: linear-gradient(135deg, #EBF3F9 0%, #E6F6FA 100%) !important;
    border: none !important;
}
.context_grid div, .context_grid div>* {
    color: #061e42 !important;
}
.context_banner div span {
    background: #00548417 !important;
    color: var(--p) !important;
    border: none !important;
}
.sc.certifications .cg .cd div span {
    color: rgba(0,0,0,.7) !important;
    background: #cacaca40 !important;
}

.sc.certifications .cg .cd:hover div span {
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
}
.context_grid>div {
    background: #d2dee899 !important;
}
.context_banner .stt.lc {
    color: var(--td) !important;
}
.context_banner p>*,.context_banner p {
    color: var(--tl) !important;
}
.si span.stag.stn2,.si .stt2 {
    color: #fff;
    background: #ffffff1a;
}
/* NAV */
.nav{position:sticky;top:0;z-index:1000;background:white;border-bottom:1px solid var(--bd);height:62px;display:flex;align-items:center;padding:0 2rem}
.ni{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nl2{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.lic{width:32px;height:32px;background:linear-gradient(135deg,var(--s),var(--p));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff}
.lt{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.lt span{color:var(--s)}
.nls{display:flex;align-items:center;gap:2px}
.hamburger{display:none;font-size:30px;cursor:pointer;color:#001f2c;margin-left:10px}
.nit{position:relative}
.nb{display:flex;align-items:center;gap:4px;padding:6px 11px;border-radius:6px;font-size:13.5px;font-weight:500;color:#001f2c;background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;white-space:nowrap}
.nb:hover{background:rgba(255,255,255,.09);color:#001f2c}
.cv{font-size:17px;opacity:1;color:var(--p);transition:transform .2s;display:inline-block}
.nit:hover .cv{transform:rotate(180deg)}
.dd{display:none;position:absolute;top:calc(100% + 0px);left:0;background:#fff;border:1px solid var(--cb);border-radius:12px;min-width:230px;padding:5px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:999}
.nit:hover .dd{display:block}
.di{display:block;padding:9px 11px;border-radius:8px;cursor:pointer;transition:background .12s;font-size:13.5px;color:var(--tl);font-weight:700;}
.di:hover{background:var(--sf);color:var(--td)}
.di b{display:block;font-size:13.5px;font-weight:700;color:var(--td)}
.di s2{display:block;font-size:12px;color:#888;margin-top:1px}
.ds{border:none;border-top:1px solid var(--cb);margin:4px 0}
.nc{background:linear-gradient(135deg,var(--s),var(--p));color:#fff;padding:8px 18px;border-radius:7px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:opacity .15s;white-space:nowrap;margin-left:8px}
.nc:hover{opacity:.9}

/* SIDENAV */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  text-align:center;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* COLOR STRIPE */
.cs{height:4px;background:linear-gradient(90deg,var(--p),var(--s),var(--t),var(--g))}

/* HERO */
.hero{background:var(--bg1);padding:88px 2rem 100px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 75% 55% at 50% 0%,rgba(0,197,220,.11) 0%,transparent 70%),radial-gradient(ellipse 45% 35% at 85% 85%,rgba(6,188,123,.07) 0%,transparent 60%);pointer-events:none}
.heb{display:inline-flex;align-items:center;gap:8px;background:rgba(0,197,220,.1);color:var(--s);border:1px solid rgba(0,197,220,.22);font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.6px}
.hero h1{font-size:56px;font-weight:800;line-height:1.08;color:#fff;letter-spacing:-2px;margin:0 auto 1.2rem}
.hero h1 .a1{color:var(--s)}.hero h1 .a2{color:var(--t)}
.hsp{font-size:17px;color:rgba(255,255,255,.6);max-width:560px;margin:0 auto 2.5rem;line-height:1.75;font-weight:400}
.hb{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.bp{background:linear-gradient(135deg,var(--s),var(--p));color:#fff;padding:13px 28px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:transform .15s}
.bp:hover{transform:translateY(-2px)}
.bg2{background:transparent;color:rgba(255,255,255,.85);padding:13px 28px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.2);font-family:'Inter',sans-serif;transition:all .15s}
.bg2:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}

/* TRUST BAR */
.tb{background:var(--bg1);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:1.4rem 2rem}
.tbi{max-width:1100px;margin:0 auto;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}
.tv{font-size:21px;font-weight:800;color:var(--s);text-align:center}
.tl3{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px;text-transform:uppercase;letter-spacing:.5px;text-align:center}

/* SECTIONS */
.sc{padding:76px 2rem;}.sc.alt{background:var(--sf)}.sc.dk{background:var(--bg1)}
.si{max-width:1160px;margin:0 auto}
.ey{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--s);margin-bottom:9px}
.ey.g{color:var(--s)}
.stt{font-size:36px;font-weight:800;letter-spacing:-.8px;color:var(--td);margin-bottom:12px;line-height:1.15}
.stt.lc{color:#fff}
.ssb{font-size:15.5px;color:var(--tl);max-width:560px;line-height:1.75;margin-bottom:2.8rem}
.ssb.lc{color:rgba(255,255,255,.58)}

.indstry_tab img {
    max-width: 25px;
}
.ai_griddd>div>div {
    margin-left: auto;
    margin-right: auto;
}
/* CARDS */
.services .cg{display:flex !important;flex-wrap:wrap;justify-content:center;grid-template-columns:unset !important}
.services .cg .cd{flex:0 1 calc((100% - 36px) / 3);min-width:277px}
.services .cd{text-align:center}
.services .cd .ci2{margin:0 auto 16px;transition:color .2s,background .2s}
.services .cd .ci2.ig{color:#06BC7B}
.services .cd .ci2.ib{color:#005484}
.services .cd .ci2.it2{color:#00C5DC}
.services .cd .ci2.io{color:#FF8E29}
.services .cd:hover .ci2{color:#fff;background:rgba(255,255,255,.2)}
.services .cd:hover{background:var(--p);border-color:var(--p);box-shadow:0 8px 32px rgba(0,84,132,.3);transform:translateY(-2px)}
.services .cd:hover h3{color:#fff}
.services .cd:hover p{color:rgba(255,255,255,.8)}
.services .cd .cl{display:block;margin-top:18px;padding:8px 16px;background:rgba(0,84,132,.08);border-radius:8px;color:var(--p);font-size:13px;font-weight:700;text-align:center}
.services .cd:hover .cl{background:rgba(255,255,255,.2);color:#fff}
.services .cd:hover .cl::after{transform:translateX(3px)}
.services .cd:hover .sb2{background:rgba(255,255,255,.15);color:#fff}
.sc .cd:hover{background:var(--p);border-color:var(--p);box-shadow:0 8px 32px rgba(0,84,132,.3);transform:translateY(-2px)}
.sc .cd:hover .ci2{color:#fff;background:rgba(255,255,255,.2)}
.sc .cd:hover h3{color:#fff}
.sc .cd:hover p{color:rgba(255,255,255,.8)}
.sc .cd:hover .cl{background:rgba(255,255,255,.2);color:#fff}
.sc .cd:hover .cl::after{transform:translateX(3px)}
.sc .cd:hover .sb2{background:rgba(255,255,255,.15);color:#fff}
.ind .cd{text-align:center;padding:18px 10px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.ind-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;transition:color .2s,background .2s}
.ind-icon.ib{color:#005484;background:rgba(0,84,132,.1)}
.ind-icon.ig{color:#06BC7B;background:rgba(6,188,123,.1)}
.ind-icon.it2{color:#00C5DC;background:rgba(0,197,220,.1)}
.ind-icon.io{color:#FF8E29;background:rgba(255,142,41,.1)}
.ind-label{font-size:13px;font-weight:700;color:var(--td);transition:color .2s}
.ind .cd:hover{background:var(--p);border-color:var(--p);box-shadow:0 8px 32px rgba(0,84,132,.3);transform:translateY(-2px)}
.ind .cd:hover .ind-icon{color:#fff;background:rgba(255,255,255,.2)}
.ind .cd:hover .ind-label{color:#fff}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:3rem}
.cg3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:3rem}
.cg2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cd{background:#fff;border:1px solid var(--cb);border-radius:14px;padding:26px 24px;transition:box-shadow .2s,transform .2s;cursor:default;box-shadow:0 4px 16px rgba(0,84,132,.1),0 1px 4px rgba(0,0,0,.06)}
.cd[onclick]{cursor:pointer}
.cd:hover{box-shadow:0 8px 32px rgba(0,84,132,.18),0 2px 8px rgba(0,0,0,.08);transform:translateY(-2px)}
.cdk{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 24px}
.cdk:hover{background:rgba(255,255,255,.06)}
.ci2{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;transition:color .2s,background .2s}
.ci2.ib{color:#005484}.ci2.it2{color:#00C5DC}.ci2.ig{color:#06BC7B}.ci2.io{color:#FF8E29}.ci2.idk{color:rgba(255,255,255,.85)}
.ib{background:rgba(0,84,132,.1)}.it2{background:rgba(0,197,220,.1)}.ig{background:rgba(6,188,123,.1)}.io{background:rgba(255,142,41,.1)}.idk{background:rgba(255,255,255,.08)}
.cd:hover .ci2{color:#fff;background:rgba(255,255,255,.2)}
.cd:hover .fp,
.cdk:hover .fp{color:#fff !important;background:rgba(255,255,255,.15) !important}
.cd h3{font-size:16px;font-weight:700;margin-bottom:7px;color:var(--td)}
.cdk h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:7px}
.cd p{font-size:13.5px;color:var(--tl);line-height:1.65}
.cdk p{font-size:13.5px;color:rgba(255,255,255,.56);line-height:1.65}
.cl{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--s);margin-top:12px}
.cl::after{content:'→';transition:transform .15s}
.cd:hover .cl::after{transform:translateX(3px)}
.sb2{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.08);color:rgba(0,0,0,.7);font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;margin-top:10px}
.sc.dk .sb2,.cdk .sb2{color:rgba(255,255,255,.85)}

/* LIGHT/DARK BADGE OVERRIDES */
.sc.dk .fp,
.cdk .fp,
.hero .fp,
.ph .fp,
.tb .fp,
.sc.dk .sb2,
.cdk .sb2 {
  color:#fff !important;
  background:rgba(255,255,255,.16) !important;
}

/* PAGE HERO */
.ph{background:var(--bg1);padding:60px 2rem 50px;text-align:center;position:relative;overflow:hidden}
.ph::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 75% at 50% -10%,rgba(0,197,220,.09) 0%,transparent 70%);pointer-events:none}
.phe{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--s);margin-bottom:9px}
.ph h1{font-size:38px;font-weight:800;color:#fff;letter-spacing:-.8px;margin-bottom:10px;line-height:1.15}
.ph p{font-size:15.5px;color:rgba(255,255,255,.58);max-width:520px;margin:0 auto;line-height:1.75}

/* TABS */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.8rem}
.tab-btn{padding:8px 18px;border-radius:7px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid rgba(0,0,0,.08);background:#fff;color:var(--td);font-family:'Inter',sans-serif;transition:all .15s}
.tab-btn:hover{background:rgba(0,0,0,.03)}
.tab-btn.on{background:var(--p);color:#fff;border-color:var(--p)}
.dtab{padding:8px 18px;border-radius:7px;font-size:13.5px;font-weight:600;cursor:pointer;border:1.5px solid rgba(0,0,0,.08);background:#fff;color:var(--td);font-family:'Inter',sans-serif;transition:all .15s}
.dtab:hover{background:rgba(0,0,0,.03);color:var(--td)}
.dtab.on{background:var(--p);color:#fff;border-color:var(--p)}
.sc.dk .dtab,.cdk .dtab{background:transparent;color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.18)}
.sc.dk .dtab:hover,.cdk .dtab:hover{background:rgba(255,255,255,.08);color:#fff}
.tp{display:none}.tp.on{display:block}

/* INDUSTRIES */
.il{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}
.isb{background:var(--sf);border:1px solid var(--cb);border-radius:14px;overflow:hidden}
.ib2{display:block;width:100%;padding:13px 18px;font-size:14px;font-weight:500;text-align:left;background:transparent;border:none;cursor:pointer;font-family:'Inter',sans-serif;color:var(--tl);border-bottom:1px solid var(--cb);transition:all .15s;display:flex;align-items:center;gap:9px}
.ib2:last-child{border-bottom:none}
.ib2:hover{background:#fff;color:var(--p)}
.ib2.on{background:var(--p);color:#fff;font-weight:700}
.ipa{min-height:400px}.ip{display:none}.ip.on{display:block}
.iph h2{font-size:28px;font-weight:800;color:var(--td);margin-bottom:10px;letter-spacing:-.4px}
.iph p{font-size:15px;color:var(--tl);line-height:1.75;max-width:620px;margin-bottom:1.8rem}
.ug{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.uc{background:#fff;border:1px solid var(--cb);border-radius:10px;padding:15px 17px}
.uc h4{font-size:13.5px;font-weight:700;margin-bottom:5px;color:var(--td)}
.uc p{font-size:12.5px;color:var(--tl);line-height:1.6}

/* STAFFING */
.sg{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc2{background:#fff;border:1px solid var(--cb);border-radius:16px;padding:34px 30px}
.sc2 h2{font-size:24px;font-weight:800;color:var(--td);margin-bottom:10px}
.sc2 p{font-size:14.5px;color:var(--tl);line-height:1.75;margin-bottom:18px}
.stags{display:flex;gap:7px;flex-wrap:wrap}
.stag{font-size:12px;font-weight:700;padding:5px 11px;border-radius:6px}
.stn2{background:rgba(0,84,132,.08);color:var(--p)}
.stt2{background:rgba(0,197,220,.1);color:#007a8c}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2.5rem}
.hs{background:var(--sf);border:1px solid var(--cb);border-radius:12px;padding:22px 18px}
.hn{font-size:28px;font-weight:900;color:var(--s);margin-bottom:9px;line-height:1}
.hs h4{font-size:13.5px;font-weight:700;color:var(--td);margin-bottom:5px}
.hs p{font-size:12.5px;color:var(--tl);line-height:1.6}

/* CONTENT CARDS */
.ccg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.cc{background:#fff;border:1px solid var(--cb);border-radius:14px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}
.cc:hover{box-shadow:0 8px 32px rgba(0,84,132,.1);transform:translateY(-2px)}
.cim{height:150px;display:flex;align-items:center;justify-content:center;font-size:40px}
.cb2{padding:20px 22px}
.ctg{font-size:11.5px;font-weight:700;color:var(--s);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}
.cc h3{font-size:15px;font-weight:700;color:var(--td);margin-bottom:7px;line-height:1.4}
.cc p{font-size:13px;color:var(--tl);line-height:1.6}
.cmeta{font-size:12px;color:var(--td2);margin-top:10px}

/* TESTIMONIALS */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tm{background:#fff;border:1px solid var(--cb);border-radius:14px;padding:26px 22px}
.tmq{font-size:14px;color:var(--tl);line-height:1.75;font-style:italic;margin-bottom:16px}
.tmq::before{content:'\201C';font-size:24px;color:var(--s);font-style:normal;display:block;margin-bottom:6px;line-height:1}
.tma{font-size:13.5px;font-weight:700;color:var(--td)}
.tmr{font-size:12.5px;color:var(--tl);margin-top:2px}

/* STATS */
.sr{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sb3{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 20px;text-align:center}
.sv{font-size:34px;font-weight:900;color:var(--s);letter-spacing:-1px}
.sl2{font-size:13px;color:rgba(255,255,255,.48);margin-top:4px}

/* DIFF GRID */
.dg2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:1.8rem}
.dc2{background:#fff;border:1px solid var(--cb);border-radius:12px;padding:22px 18px;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s}
.die{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:color .2s,background .2s}
.die.ib{color:#005484;background:rgba(0,84,132,.1)}
.die.ig{color:#06BC7B;background:rgba(6,188,123,.1)}
.die.it2{color:#00C5DC;background:rgba(0,197,220,.1)}
.die.io{color:#FF8E29;background:rgba(255,142,41,.1)}
.dc2 h4{font-size:14px;font-weight:700;color:var(--td);margin-bottom:5px;transition:color .2s}
.dc2 p{font-size:13px;color:var(--tl);line-height:1.6;transition:color .2s}
.dc2:hover{background:var(--p);border-color:var(--p);box-shadow:0 8px 32px rgba(0,84,132,.3)}
.dc2:hover .die{color:#fff;background:rgba(255,255,255,.2)}
.dc2:hover h4{color:#fff}
.dc2:hover p{color:rgba(255,255,255,.8)}

/* CTA BAND */
.ctb{background:linear-gradient(135deg,#EBF3F9 0%,#E6F6FA 100%);padding:70px 2rem;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--cb)}
.ctb::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 75% at 50% 50%,rgba(0,197,220,.07) 0%,transparent 70%);pointer-events:none}
.ctb h2{font-size:34px;font-weight:800;color:var(--td);letter-spacing:-.6px;margin-bottom:10px}
.ctb p{font-size:15.5px;color:var(--tl);margin-bottom:2rem;line-height:1.75;max-width:500px;margin-left:auto;margin-right:auto}
.ctbb{background:var(--p);color:#fff;padding:13px 30px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;border:none;font-family:'Inter',sans-serif;transition:transform .15s}
.ctbb:hover{transform:translateY(-1px)}

/* PARTNERS */
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.pc{background:#fff;border:1px solid var(--cb);border-radius:12px;padding:22px 14px;text-align:center}
.pi{width:50px;height:50px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 10px}
.pc h4{font-size:13.5px;font-weight:700;color:var(--td);margin-bottom:2px}
.pc p{font-size:12px;color:var(--tl)}

/* CAREERS */
.jl{display:flex;flex-direction:column;gap:10px}
.jc{background:#fff;border:1px solid var(--cb);border-radius:12px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:box-shadow .15s}
.jc:hover{box-shadow:0 4px 20px rgba(0,84,132,.1)}
.ji h4{font-size:14.5px;font-weight:700;color:var(--td);margin-bottom:4px}
.ji p{font-size:13px;color:var(--tl)}
.jr{display:flex;align-items:center;gap:10px;flex-shrink:0}
.jtg{font-size:12px;font-weight:700;padding:4px 10px;border-radius:5px;background:rgba(0,84,132,.08);color:var(--p)}
.jab{font-size:13.5px;font-weight:700;color:var(--s);background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif}

/* CONTACT */
.ctg2{display:grid;grid-template-columns:1fr 1.15fr;gap:3.5rem;align-items:start}
.ci3 h2{font-size:28px;font-weight:800;color:var(--td);margin-bottom:12px;letter-spacing:-.4px}
.ci3 p{font-size:15px;color:var(--tl);line-height:1.75;margin-bottom:1.8rem}
.cdt{display:flex;align-items:flex-start;gap:13px;margin-bottom:14px}
.cdi{width:38px;height:38px;background:rgba(0,84,132,.08);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.cdt b{display:block;font-size:14px;font-weight:700;color:var(--td)}
.cdt span{font-size:14px;color:var(--tl)}
.cf2{background:#fff;border:1px solid var(--cb);border-radius:16px;padding:34px}
.cf2 h3{font-size:20px;font-weight:800;color:var(--td);margin-bottom:22px}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.ff{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.ff label{font-size:12.5px;font-weight:700;color:var(--td)}
.ff input,.ff select,.ff textarea{padding:10px 13px;border-radius:8px;border:1.5px solid var(--cb);background:var(--sf);font-size:14px;font-family:'Inter',sans-serif;color:var(--td);width:100%;outline:none;transition:border-color .15s}
.ff input:focus,.ff select:focus,.ff textarea:focus{border-color:var(--s)}
.ff textarea{height:96px;resize:none}
.fs{width:100%;padding:13px;background:linear-gradient(135deg,var(--s),var(--p));color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;margin-top:4px;transition:opacity .15s}
.fs:hover{opacity:.9}
.tab_content_grid div>svg {
    color: #fff;
}
/* CLIENTS */
.clients{background:var(--sf);padding:72px 2rem}
.clients .si{text-align:center;max-width:1160px;margin:0 auto}
.clients .stt{margin-bottom:.5rem}
.clients .ssb{margin-bottom:2.5rem;margin-left:auto;margin-right:auto;text-align:center}
.client-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:2rem}
.client-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--cb);
    border-radius: 12px;
    padding: 10px;
    width: 210px;
    height: 110px;
    box-shadow: 0 2px 10px rgba(0,84,132,.07);
    transition: box-shadow .2s,transform .2s,border-color .2s;
    cursor: default;
    overflow: hidden;
}.client-tile img{max-width:100%;max-height:70px;object-fit:contain;filter:grayscale(100%);opacity:.55;transition:filter .25s,opacity .25s}
.client-tile:hover{box-shadow:0 6px 24px rgba(0,84,132,.13);transform:translateY(-2px);border-color:var(--s)}
.client-tile:hover img{filter:grayscale(0%);opacity:1}

/* FOOTER */
.ft{background:var(--bg1);padding:56px 2rem 0;border-top:1px solid var(--bd)}
.fti{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.1fr;gap:2.5rem;padding-bottom:44px}
.fb2{font-size:13px;color:rgba(255,255,255,.4);margin-top:10px;line-height:1.7;max-width:230px}
.fh{font-size:11px;font-weight:700;color:rgba(255,255,255,.32);text-transform:uppercase;letter-spacing:.8px;margin-bottom:13px}
.fc ul{list-style:none}
.fc li{font-size:13.5px;color:rgba(255,255,255,.5);margin-bottom:8px;cursor:pointer;transition:color .12s}
.fc li:hover{color:var(--s)}
.fbt{border-top:1px solid var(--bd);padding:18px 0;text-align:center}
.fbti{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.fbt p{font-size:12.5px;color:rgba(255,255,255,.27)}
.fti div div {
    color: rgba(255,255,255,.5);
}
.sb2{
background:#cacaca40 !important;
}
.flag_list img {
    max-width: 45px;
}

.flag_list div:hover {
    background: transparent !important;
    border: none;
}
.flag_list div.cd:hover div {
    color: var(--td) !important;
}
.sc .cd:hover img {
    filter: none !important;
}
.cdt a {
    color: var(--tl);
    text-decoration: none;
}
/* FW PILLS */
.fp{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:5px;background:#cacaca40 !important;color:rgba(0,0,0,.7) !important;display:inline-block;margin:3px 2px 0 0}
.sc.dk .fp{color:rgba(255,255,255,.85) !important}

@media(max-width:900px){
	.context_banner .si {
    display: flex !important;
    flex-direction: column;
}
  /* NAV */
  .nav{padding:0 1rem}
  .hamburger{display:block}

  /* HERO */
  .hero{padding:60px 1rem 80px}
  .hero h1{font-size:34px}
  .hsp{font-size:16px;max-width:100%}
  .hb{flex-direction:column;gap:10px}
  .bp,.bg2{width:100%;padding:14px}

  /* TRUST BAR */
  .tb{padding:1rem}
  .tbi{flex-direction:column;gap:1.5rem}

  /* SECTIONS */
  .sc{padding:50px 1rem}
  .si{max-width:100%}
  .stt{font-size:26px}
  .ssb{max-width:100%}

  /* CARDS */
  .cg{grid-template-columns:1fr;gap:16px;margin-bottom:2rem}
  .cg3,.cg2,.sg,.tg,.ctg2,.il,.sr,.dg2,.how{grid-template-columns:1fr}
  .cd{padding:20px}
  .cd h3{font-size:15px}
  .cd p{font-size:13px}

  /* PAGE HERO */
  .ph{padding:40px 1rem 30px}
  .ph h1{font-size:28px}
  .ph p{max-width:100%}

  /* TABS */
  .tabs{flex-direction:column;gap:8px}
  .tab-btn,.dtab{width:100%;text-align:center;padding:12px}

  /* INDUSTRIES */
  .il{grid-template-columns:1fr;gap:2rem}
  .isb{margin-bottom:1rem}
  .iph h2{font-size:24px}
  .iph p{max-width:100%}

  /* STAFFING */
  .sg{grid-template-columns:1fr;gap:18px}
  .sc2{padding:24px 20px}
  .sc2 h2{font-size:20px}
  .how{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:2rem}
  .hs{padding:18px 14px}

  /* CONTENT CARDS */
  .ccg{grid-template-columns:1fr;gap:18px}

  /* TESTIMONIALS */
  .tg{grid-template-columns:1fr;gap:16px}
  .tm{padding:20px}

  /* STATS */
  .sr{grid-template-columns:repeat(2,1fr);gap:16px}
  .sb3{padding:20px}

  /* CTA BAND */
  .ctb{padding:50px 1rem}
  .ctb h2{font-size:28px}
  .ctb p{max-width:100%}
  .ctbb{width:100%;padding:16px}

  /* PARTNERS */
  .pg{grid-template-columns:repeat(2,1fr);gap:12px}
  .pc{padding:16px}

  /* CAREERS */
  .jc{flex-direction:column;text-align:left;gap:12px;padding:16px}
  .jr{justify-content:flex-start}

  /* CONTACT */
  .ctg2{grid-template-columns:1fr;gap:2rem}
  .ci3 h2{font-size:24px}
  .ci3 p{max-width:100%}
  .cf2{padding:24px}
  .fr2{grid-template-columns:1fr}

  /* CLIENTS */
  .clients{padding:50px 1rem}
  .client-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .client-tile{width:100%;height:auto;padding:12px}

  /* FOOTER */
  .ft{padding:40px 1rem 0}
  .fti{grid-template-columns:1fr 1fr;gap:2rem;padding-bottom:30px}
  .fb2{max-width:100%}
  .fbt{padding:16px 0}
}

@media(max-width:480px){
    .ind.countries_we_serve {
    display: flex !important;
    flex-wrap: wrap;
}
.tab_content>div>div {
    display: flex !important;
    flex-direction: column;
}
.ind.countries_we_serve .cd {
    width: 48%;
}
  .retail_grid {display: flex !important;flex-direction: column;flex-wrap: wrap;}
  .cybbbeerr_gridd,.cyber_boxes,.six_sectors,.place_work,.why_grid,.cybbberr_box,.flag_sec {
    display: flex !important;
    flex-direction: column;
}
.isb.indstry_tab button {
    width: 50%;
}.isb.indstry_tab {
    display: flex;
    flex-wrap: wrap;
}

  /* NAV */
  .nav{padding:0 .5rem}

  /* HERO */
  .hero{padding:40px .5rem 60px}
  .hero h1{font-size:28px}
  .heb{font-size:11px;padding:4px 12px}
  .hsp{font-size:15px;margin-bottom:2rem}

  /* SECTIONS */
  .sc{padding:30px .5rem}
  .stt{font-size:22px}

  /* CARDS */
  .cd{padding:16px}
  .cd h3{font-size:14px}
  .cd p{font-size:12px}

  /* PAGE HERO */
  .ph{padding:30px .5rem 20px}
  .ph h1{font-size:24px}

  /* TABS */
  .tab-btn,.dtab{padding:10px}

  /* INDUSTRIES */
  .iph h2{font-size:20px}

  /* STAFFING */
  .how{grid-template-columns:1fr}
  .hs{padding:14px 12px}

  /* STATS */
  .sr{grid-template-columns:1fr}

  /* CTA BAND */
  .ctb{padding:40px .5rem}
  .ctb h2{font-size:24px}

  /* PARTNERS */
  .pg{grid-template-columns:1fr}

  /* CLIENTS */
  .clients{padding:30px .5rem}
  .client-grid{grid-template-columns:1fr}

  /* FOOTER */
  .ft{padding:30px .5rem 0}
  .fti{grid-template-columns:1fr;gap:1.5rem}
}

/* ── Sidenav submenu groups ── */
.sn-group { text-align: left; }
.sn-parent {
  padding: 10px 20px 10px 28px;
  font-size: 20px;
  color: #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: color 0.2s;
  user-select: none;
}
.sn-parent:hover { color: #f1f1f1; }
.sn-arrow {
  font-size: 14px;
  transition: transform 0.25s;
  color: #666;
  flex-shrink: 0;
  margin-right: 14px;
}
.sn-group.open .sn-arrow { transform: rotate(180deg); color: #aaa; }
.sn-children {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background: rgba(255,255,255,0.04);
}
.sn-group.open .sn-children { max-height: 400px; }
.sn-children a {
  padding: 7px 20px 7px 44px !important;
  font-size: 15px !important;
  color: #888 !important;
  display: block;
  text-decoration: none;
  transition: color 0.2s, background 0.2s;
}
.sn-children a:hover { color: #f1f1f1 !important; background: rgba(255,255,255,0.06); }

.isb.indstry_tab .ib2.on img {
    filter: brightness(0) invert(1);
}
