/* VGaint v8.85: About Us Hero boundary-only parity correction.
   Keeps v8.82 smooth U-curve + its 1.7px blue SVG stroke.
   Does not affect header, navigation, footer or About sections' content. */

/* Ensure approved curve sits flush with the bottom of the hero,
   with the same white outside canvas as Services. */
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp {
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 100% !important;
  height: 36px !important;
  z-index: 10 !important;
  overflow: visible;
  pointer-events: none !important;
}
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve > path:first-child {
  fill: #ffffff !important;
}
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve > path.v882-curve-highlight {
  fill: none !important;
  stroke: #42A5E5 !important;
  stroke-width: 1.7 !important;
}
/* Neutralize leftover legacy decorative layers that could extend
   beyond the curved Hero boundary without altering actual content. */
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > .vg-about-wave,
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > .vg71-wave {
  display: none !important;
}
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp + section.v792-about {
  background: #ffffff !important;
  background-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp + section.v792-about::before,
body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp + section.v792-about::after {
  content: none !important;
  display: none !important;
}
@media (max-width:600px) {
  body main.vg-about-page > section.vg-about-hero.vg-about-hero-crisp > svg.v703-about-hero-curve {
    height: 19px !important;
  }
}
