/* Colour belongs to the current service only. */
body .site-header-service-grid .service-nav-electric { --service-active:#ffce45; --service-tint:#ffce4520; }
body .site-header-service-grid .service-nav-plumbing { --service-active:#55bbff; --service-tint:#55bbff20; }
body .site-header-service-grid .service-nav-fans { --service-active:#58dc9b; --service-tint:#58dc9b20; }
body .site-header-service-grid .service-nav-wifi { --service-active:#c69aff; --service-tint:#c69aff20; }
body .site-header-service-grid .service-nav-air { --service-active:#75ccff; --service-tint:#75ccff20; }
body .site-header-service-grid .service-nav-urgent { --service-active:#ff8585; --service-tint:#ff858520; }
body .site-header-service-grid a[aria-current="page"] {
 background:linear-gradient(135deg,var(--service-tint),#ffffff03)!important;
 box-shadow:inset 0 -3px 0 var(--service-active)!important;
 border-color:rgba(255,255,255,.1)!important;
}
body .site-header-service-grid a[aria-current="page"] svg,
body .site-header-service-grid a[aria-current="page"] :is(strong,:where(.home-visual-strong)) { color:var(--service-active)!important; }
body .site-header-service-grid a[aria-current="page"] small { color:#e0eaf2!important; }
body .site-header-service-grid .service-nav-air[aria-current="page"] {
 background:linear-gradient(110deg,#55bbff22,#ff727222)!important;
 box-shadow:inset 0 -3px 0 #77cfff!important;
 border-right-color:rgba(255,255,255,.1)!important;
}