/*
 * Upcuan v1.0.0.18
 * Hero wave full-bleed fix.
 * Prevent the gradient hero from leaving rectangular side strips below the
 * wave when the page/container width differs from the viewport width.
 */

.hero-section > .wave {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  width: calc(100vw + 4px) !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.hero-section > .wave > svg {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 355px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero-section.inner-page > .wave > svg {
  height: 265px !important;
}