/* ISS Technologies - header mega menus v5 (Services + Industries). Load LAST, after iss-design.css. */
html body header .links{align-self:stretch;align-items:center}
html body header .links .navdd{position:static;display:flex;align-items:center;align-self:stretch}
html body header .mega{position:absolute;left:0;right:0;top:100%;display:block;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;background:#fff!important;border:0!important;border-top:1px solid #E2E8F0!important;border-radius:0 0 16px 16px;box-shadow:0 24px 48px -16px rgba(15,23,42,.28)!important;z-index:99;text-align:left}
html body header .navdd:hover>.mega,html body header .navdd:focus-within>.mega{opacity:1;visibility:visible;transform:none}
html body header .mega *{box-sizing:border-box}
html body header .mega .mx{max-width:min(1510px,95vw);margin:0 auto;padding:0 clamp(16px,2.5vw,36px)}

/* services: four equal cards */
html body header .mega .mx-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px 0 24px}
html body header .mega .mx-col{--c:#2563EB;--t:#EFF4FF;display:flex;flex-direction:column;padding:20px 18px 14px;border:1px solid #E8EDF4;border-radius:16px;background:#FAFBFD}
html body header .mega .c-ms{--c:#0891B2;--t:#E6F6FA}
html body header .mega .c-cld{--c:#7C3AED;--t:#F1EBFD}
html body header .mega .c-cmp{--c:#059669;--t:#E4F5EE}
html body header .mega .mx-hd{display:flex;align-items:center;gap:12px;min-height:44px}
html body header .mega .mx-hd i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--t);color:var(--c)}
html body header .mega .mx-hd svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body header .mega .mx-hd h4{flex:1;margin:0;font-size:.95rem;font-weight:650;line-height:1.3;color:#172033!important}
html body header .mega .mx-ov{margin:10px 0 12px;padding-bottom:12px;min-height:3.6em;border-bottom:1px solid #E8EDF4;font-size:.8125rem;line-height:1.5;color:#64748B!important;box-sizing:content-box}
html body header .mega .mx-list{display:flex;flex-direction:column;gap:2px}
html body header .mega .mx-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin:0 -10px;border-radius:8px;font-size:.9375rem;font-weight:500;line-height:1.35;color:#172033!important;text-decoration:none!important;transition:background .15s,color .15s}
html body header .mega .mx-link::after{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;background:none!important;content:"\203A";opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s;color:var(--c);font-size:1.15rem;line-height:1}
html body header .mega .mx-link:hover,html body header .mega .mx-link:focus-visible{background:#fff;color:var(--c)!important;box-shadow:0 1px 2px rgba(15,23,42,.06);outline:none}
html body header .mega .mx-link:hover::after,html body header .mega .mx-link:focus-visible::after{opacity:1;transform:none}

/* industries: tile grid */
html body header .mega .mx-ind{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:22px 0 26px}
html body header .mega .mx-tile{--c:#2563EB;--t:#EFF4FF;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #E8EDF4;border-radius:14px;background:#FAFBFD;font-size:.9375rem;font-weight:600;line-height:1.3;color:#172033!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s,background .15s}
html body header .mega .mx-tile i{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--t);color:var(--c)}
html body header .mega .mx-tile svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body header .mega .mx-tile span{flex:1}
html body header .mega .mx-tile::after{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;background:none!important;content:"\2192";color:var(--c);opacity:0;transform:translateX(-4px);transition:opacity .15s,transform .15s}
html body header .mega .mx-tile:hover,html body header .mega .mx-tile:focus-visible{border-color:var(--c);background:#fff;box-shadow:0 10px 24px -14px rgba(15,23,42,.35);outline:none}
html body header .mega .mx-tile:hover::after,html body header .mega .mx-tile:focus-visible::after{opacity:1;transform:none}
html body header .mega .t2{--c:#DB2777;--t:#FDEBF3}html body header .mega .t3{--c:#0891B2;--t:#E6F6FA}html body header .mega .t4{--c:#EA580C;--t:#FEEFE6}
html body header .mega .t5{--c:#059669;--t:#E4F5EE}html body header .mega .t6{--c:#CA8A04;--t:#FBF3DC}html body header .mega .t7{--c:#7C3AED;--t:#F1EBFD}
html body header .mega .mx-all{justify-content:center;border-style:dashed;border-color:#CBD5E1;background:transparent;color:#2563EB!important}
html body header .mega .mx-all span{flex:none}
html body header .mega .mx-all::after{opacity:1;transform:none;color:#2563EB}
html body header .mega .mx-all:hover{border-color:#2563EB;background:#EFF4FF}

/* last line: View all + Book a consultation */
html body header .mega .mx-barwrap{background:#F8FAFC;border-top:1px solid #E2E8F0}
html body header .mega .mx-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:14px;padding-bottom:16px}
html body header .mega .mx-bar p{margin:0;font-size:.875rem;color:#64748B!important}
html body header .mega .mx-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html body header .mega .mx-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:12px;border:1px solid #CBD5E1;background:#fff;color:#172033!important;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s}
html body header .mega .mx-btn:hover{border-color:#2563EB;color:#2563EB!important}
html body header .mega .mx-btn.primary{background:#2563EB;border-color:#2563EB;color:#fff!important}
html body header .mega .mx-btn.primary:hover{background:#1D4ED8;border-color:#1D4ED8;color:#fff!important}

@media(max-width:1100px){
  html body header .mega .mx-cols{grid-template-columns:1fr 1fr}
  html body header .mega .mx-ind{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:860px){html body header .mega{display:none!important}}

/* Partners section (home): all text centred, last row of cards centred too */
html body section.tp,html body section.tp .tp-in{text-align:center!important}
html body section.tp :is(.tp-eyebrow,h2,.tp-sub,.tp-note){margin-left:auto!important;margin-right:auto!important;text-align:center!important}
html body section.tp ul.tp-grid{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px!important}
html body section.tp li.tp-card{flex:0 1 calc((100% - 60px)/4);min-width:0;align-items:center!important;text-align:center!important}
html body section.tp li.tp-card :is(h3,p){text-align:center!important}
html body section.tp .tp-logo{justify-content:center!important;width:100%}
@media(max-width:1000px){html body section.tp li.tp-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:560px){html body section.tp li.tp-card{flex-basis:100%}}

/* Logo: full-colour transparent PNG in header and footer (no white filter) */
html body header .brand-img,html body footer .brand-img{filter:none!important;height:50px!important;width:auto!important;background:none!important;opacity:1}
html body footer .brand-img-ft{height:92px!important}
@media(max-width:560px){html body header .brand-img{height:42px!important}html body footer .brand-img-ft{height:76px!important}}