/* NAQEL V13 - Locked service hero proportions based on V7 reference */
.service-v12-hero{padding:64px 0 62px;overflow:hidden}
.service-v12-hero .inner-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.service-v12-hero .inner-hero-copy{min-width:0}
.service-v12-hero .page-visual{
  min-height:280px;
  height:280px;
  border-radius:22px;
  background:linear-gradient(145deg,#15254e,#0b1428);
  border:1px solid rgba(255,255,255,.12);
  position:relative;
  display:grid;
  place-items:center;
  padding:26px 30px 74px;
  box-shadow:0 28px 65px rgba(0,0,0,.24);
  overflow:hidden;
}
.service-v12-hero .page-visual::before{
  content:"";
  position:absolute;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(249,115,22,.16),transparent 68%);
  top:-88px;left:-72px;
  pointer-events:none;
}
.service-v12-hero .page-visual-icon{
  width:104px!important;
  max-width:104px!important;
  height:104px!important;
  max-height:104px!important;
  display:grid;
  place-items:center;
  color:#bfdbfe;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.18));
}
.service-v12-hero .page-visual-icon svg{
  width:100%!important;
  height:100%!important;
  max-width:104px!important;
  max-height:104px!important;
  object-fit:contain;
  overflow:visible;
}
.service-v12-hero .page-visual-recovery .page-visual-icon,
.service-v12-hero .page-visual-resources .page-visual-icon{width:112px!important;max-width:112px!important;height:92px!important;max-height:92px!important}
.service-v12-hero .page-visual-recovery .page-visual-icon svg,
.service-v12-hero .page-visual-resources .page-visual-icon svg{max-width:112px!important;max-height:92px!important}
.service-v12-hero .page-visual-roadside .page-visual-icon{width:92px!important;max-width:92px!important;height:92px!important;max-height:92px!important}
.service-v12-hero .page-visual-roadside .page-visual-icon svg{max-width:92px!important;max-height:92px!important}
.service-v12-hero .page-visual-track{
  position:absolute;left:13%;right:13%;bottom:68px;height:2px;
  background:rgba(255,255,255,.16);z-index:2
}
.service-v12-hero .page-visual-track span{
  position:absolute;width:10px;height:10px;border-radius:50%;
  background:var(--orange);top:-4px;box-shadow:0 0 0 4px rgba(249,115,22,.08)
}
.service-v12-hero .page-visual-track span:nth-child(1){right:0}
.service-v12-hero .page-visual-track span:nth-child(2){right:50%;transform:translateX(50%)}
.service-v12-hero .page-visual-track span:nth-child(3){left:0}
.service-v12-hero .page-visual-chips{
  position:absolute;left:20px;right:20px;bottom:18px;
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;z-index:3
}
.service-v12-hero .page-visual-chips b{
  font-size:10px!important;line-height:1.2;padding:7px 11px!important;
  color:#fff;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);border-radius:999px;white-space:nowrap
}
@media(max-width:991px){
 .service-v12-hero .inner-hero-grid{grid-template-columns:1fr;gap:30px}
 .service-v12-hero .page-visual{height:250px;min-height:250px;max-width:620px;width:100%;margin:auto}
}
@media(max-width:680px){
 .service-v12-hero{padding:48px 0}
 .service-v12-hero .page-visual{height:218px;min-height:218px;padding-top:18px;padding-bottom:68px;border-radius:18px}
 .service-v12-hero .page-visual-icon{width:82px!important;max-width:82px!important;height:82px!important;max-height:82px!important}
 .service-v12-hero .page-visual-icon svg{max-width:82px!important;max-height:82px!important}
 .service-v12-hero .page-visual-recovery .page-visual-icon,
 .service-v12-hero .page-visual-resources .page-visual-icon{width:90px!important;max-width:90px!important;height:72px!important;max-height:72px!important}
 .service-v12-hero .page-visual-recovery .page-visual-icon svg,
 .service-v12-hero .page-visual-resources .page-visual-icon svg{max-width:90px!important;max-height:72px!important}
 .service-v12-hero .page-visual-roadside .page-visual-icon{width:72px!important;max-width:72px!important;height:72px!important;max-height:72px!important}
 .service-v12-hero .page-visual-roadside .page-visual-icon svg{max-width:72px!important;max-height:72px!important}
 .service-v12-hero .page-visual-track{bottom:61px;left:11%;right:11%}
 .service-v12-hero .page-visual-chips{bottom:13px;left:10px;right:10px;gap:5px}
 .service-v12-hero .page-visual-chips b{font-size:9px!important;padding:6px 8px!important}
}