/* Helprite Group | Version 10: cohesive navy header + editorial brand layout.
 * Added after previous styles to preserve existing PHP pages and content.
 */
:root{--header-navy:#10213c;--header-ink:#edf4ff;--header-muted:#b6c6df;--header-accent:#7dc6ed}
/* Match entire header to the existing footer's solid navy. */
header.top,
header.top.sc,
header.top.scrolled-deep{
  background:var(--header-navy)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 8px 26px rgba(5,17,35,.1)!important;
}
footer{background:var(--header-navy)!important}
header.top .util{background:var(--header-navy)!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
header.top .util .utility-left>*,
header.top .util .utility-right>a,
header.top .util .w>*{color:var(--header-muted)!important}
header.top .util .material-icon{color:#a3c2e9!important}
header.top .util .utility-right>a:hover{color:#fff!important}
header.top .util .social-link{border-color:rgba(255,255,255,.23)!important;color:#c8dbf2!important;background:transparent!important}
header.top .util .social-link:hover{background:#fff!important;color:#173d75!important}
header.top .logo .lg-l,footer .logo .lg-l{display:none!important}
header.top .logo .lg-d,footer .logo .lg-d{display:block!important}
footer .logo .lg-d{filter:none!important}
header.top nav li a{color:#e9f2ff!important}
header.top nav li a:hover,header.top nav li a[aria-current="page"]{color:#b7e1ff!important}
header.top nav li a::after{background:var(--header-accent)!important;bottom:7px}
header.top .portal.portal-desktop{
 background:#f7fbff;border:1px solid #f7fbff;color:#0e294c!important;
 border-radius:6px;box-shadow:none;
}
header.top .portal.portal-desktop:hover{background:#dbeaff;color:#0e294c!important;border-color:#dbeaff}
header.top .bar{min-height:86px}
header.top.sc .bar{min-height:76px}
header.top .logo img{width:174px;max-height:58px}
@media(min-width:981px) and (max-width:1240px){
 header.top nav ul{gap:11px!important}
 header.top nav li a{font-size:.82rem}
}

/* Remove the large WHITE sector cards highlighted in the screenshots.
   Keep all company cards and healthcare service details intact. */
[data-p] .section-soft .dir .sector,
[data-p] .dir .sector{
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 padding:0!important;
}
[data-p] .dir{gap:clamp(36px,4vw,65px)}
[data-p] .dir .sector>h3,
[data-p] .dir .sector>p.sub{margin-left:0}
[data-p] .dir .brand-card{background:#fff}
[data-p] .dir .care-feature{background:#fff!important}

/* Desktop only — the new drawer-specific brand heading stays out of the way. */
.drawer-header{display:none}
@media(max-width:980px){
 header.top .util{display:none!important}
 header.top .bar{min-height:74px!important}
 header.top .logo img{width:164px;max-height:54px}
 header.top .menu{
  display:inline-flex!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.27)!important;border-radius:10px!important;
  color:#fff!important;width:44px;height:44px;min-width:44px;min-height:44px;
  padding:10px!important;
  box-shadow:none!important;transition:background .2s,border-color .2s;
 }
 header.top .menu:hover,header.top .menu[aria-expanded="true"]{background:rgba(255,255,255,.17)!important;border-color:rgba(255,255,255,.5)!important}
 .menu-glyph>span{background:#fff!important;height:2px}
 header.top nav,header.top nav.open{
  /* A complete navy navigation space with compact vertical rhythm. */
  background:var(--header-navy)!important;
  width:min(420px,100vw)!important;
  padding:21px 24px max(25px,env(safe-area-inset-bottom))!important;
  box-shadow:-30px 0 65px rgba(3,12,28,.35)!important;
  border-left:1px solid rgba(255,255,255,.1);
  overscroll-behavior:contain;
 }
 header.top nav:not(.open){visibility:hidden}
 .drawer-header{display:block;margin:0 52px 12px 0;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.13)}
 .drawer-brand{display:inline-flex!important;max-width:174px;min-height:51px;padding:0!important;margin:0!important;border:0!important}
 .drawer-brand img{width:155px;max-height:51px;object-fit:contain}
 .drawer-kicker{margin:6px 0 0!important;color:#a7bdd7!important;font-size:.64rem!important;line-height:1.45!important;font-weight:750;letter-spacing:.18em}
 header.top nav ul{display:grid;gap:3px!important;margin:0!important;padding:0!important}
 header.top nav li a{
  display:flex;align-items:center;justify-content:space-between;
  min-height:47px;padding:10px 13px!important;border:1px solid transparent!important;
  border-radius:8px;color:#edf4ff!important;background:transparent;
  white-space:normal;font-weight:650;font-size:.935rem!important;line-height:1.4;
  transition:background .2s,border-color .2s,color .2s;
 }
 header.top nav li a::after{content:none!important}
 header.top nav li a::before{content:none}
 header.top nav li a:hover,
 header.top nav li a:focus-visible,
 header.top nav li a[aria-current="page"]{
  color:#fff!important;background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.1)!important;
 }
 header.top nav .portal.portal-mobile{
  display:flex!important;justify-content:center;gap:10px;
  width:100%;min-height:48px;margin:13px 0 0!important;
  background:#f4f9ff!important;color:#10213c!important;border:1px solid #f4f9ff!important;
  border-radius:8px!important;padding:12px 15px!important;font-size:.84rem!important;font-weight:750;
 }
 header.top nav .portal.portal-mobile:hover{background:#dcecff!important;border-color:#dcecff!important}
 header.top nav .drawer-details{
  display:flex!important;flex-direction:column;align-items:center;text-align:center;
  gap:8px!important;margin:16px 0 0!important;padding:17px 14px 15px!important;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:12px;
 }
 .drawer-details-title{color:#cce5ff!important;font-size:.67rem!important;font-weight:800;letter-spacing:.17em;margin-bottom:3px}
 header.top .drawer-details .drawer-detail{
  color:#d6e3f3!important;font-size:.79rem!important;line-height:1.45!important;
  min-height:23px;gap:8px!important;white-space:normal!important;
 }
 header.top .drawer-details .drawer-detail:hover{color:#fff!important}
 header.top .drawer-details .material-icon{color:#91d0ff!important;width:15px;height:15px}
 .drawer-socials{gap:10px!important;margin-top:7px!important}
 .drawer-socials a{
  width:33px!important;height:33px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:50%;color:#e9f3ff!important;
 }
 .drawer-socials a:hover{background:#f7fbff!important;color:#10213c!important}
 .drawer-socials svg{width:15px;height:15px}
 body.menu-is-open .nav-backdrop{background:rgba(5,18,39,.62)!important}
}
@media(max-width:520px){
 header.top nav,header.top nav.open{width:100vw!important;padding:17px 19px max(20px,env(safe-area-inset-bottom))!important}
 header.top .bar{min-height:70px!important}
 header.top .logo img{width:154px}
 .drawer-header{margin-bottom:10px;padding-bottom:14px}
 .drawer-brand img{width:143px}
 header.top nav li a{min-height:45px;padding:9px 12px!important}
 header.top nav .drawer-details{margin-top:14px!important;padding:14px 11px!important;gap:7px!important}
}
@media(max-height:720px) and (max-width:980px){
 header.top nav .drawer-details{margin-top:12px!important}
 .drawer-header{margin-bottom:7px;padding-bottom:8px}
 header.top nav li a{min-height:42px;padding-block:7px!important}
}
@media(prefers-reduced-motion:reduce){
 header.top nav li a,header.top .menu{transition:none!important}
}