/* VGaint v8.88 — Services Hero image ONLY. Based on approved v8.87. */
/* No text, curve, spacing, navigation or footer modification. */
main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-office {
  background-image: url("v8-88-services-server-room.webp") !important;
  background-color: #eaf6fd !important;
  background-repeat: no-repeat !important;
  background-size: 58% 100% !important;
  background-position: right center !important;
  opacity: 1 !important;
}
/* Keep the original approved soft left-to-right fade over the new imagery. */
main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-overlay {
  background: linear-gradient(90deg,#eaf6fd 0%,#eaf6fd 30%,rgba(234,246,253,.98) 42%,rgba(234,246,253,.82) 51%,rgba(234,246,253,.25) 63%,rgba(234,246,253,0) 78%) !important;
}
@media(max-width:980px) {
  main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-office {
    background-size: 70% 100% !important;
  }
  main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-overlay {
    background: linear-gradient(90deg,#eaf6fd 0%,rgba(234,246,253,.98) 42%,rgba(234,246,253,.76) 67%,rgba(234,246,253,.3) 100%) !important;
  }
}
@media(max-width:600px) {
  main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-office {
    background-size: cover !important;
    background-position: 61% center !important;
    opacity: .22 !important;
  }
  main.vg-services-page > section.vg-about-hero.vg-v876-clean > .v701-overlay {
    background: rgba(234,246,253,.80) !important;
  }
}