/* v67 — Services overview: short cards; full detail lives on each service page. */
.services-flat-grid{align-items:stretch}
.services-flat-grid .detail-card{display:flex;flex-direction:column}
.services-flat-grid .svc-short-list li:nth-child(n+5){display:none}
.services-flat-grid .svc-short-list ul{margin-bottom:6px}
.services-flat-grid .svc-more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:999px;background:var(--navy,#0b2a4a);color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;
  transition:transform .2s ease,background .2s ease}
.services-flat-grid .svc-more:hover{transform:translateY(-2px);background:#f5c400;color:#0b2a4a}
.services-flat-grid .help-heading{margin-top:6px}
html[dir="rtl"] .services-flat-grid .svc-more{align-self:flex-end;font-size:16px}

/* v67 — services hero: keep the photo's proportions; on phones stack copy and tiles instead of overlapping. */
.qs-visual-services .qs-visual-frame{background-size:46% auto!important;background-position:right top!important;background-repeat:no-repeat!important}
html[dir="rtl"] .qs-visual-services .qs-visual-frame{background-position:left top!important}
@media (max-width:760px){
  .qs-visual-services .qs-visual-frame,body.rtl .qs-visual-services .qs-visual-frame{height:auto!important;min-height:0!important;display:flex;flex-direction:column;
    background-size:100% auto!important;background-position:center top!important;padding:min(62vw,300px) 0 22px!important}
  .qs-visual-services .qs-mask-left{display:none!important}
  .qs-visual-services .qs-mask-bottom{height:auto!important;top:min(42vw,200px)!important;bottom:0!important;background:linear-gradient(180deg,rgba(6,31,52,0),#061f34 90px)!important}
  .qs-visual-services .qs-visual-copy,body.rtl .qs-visual-services .qs-visual-copy{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:auto!important;margin:0 18px!important;z-index:5}
  .qs-visual-services .qs-visual-service-links{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;margin:22px 14px 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:8px!important}
  .qs-visual-services .qs-visual-service-link{min-height:74px}
}