.cq-page-hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background: #1c3660 !important;
}

.cq-page-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 0 38%;
  background-image: var(--cq-hero-image);
  background-repeat: no-repeat;
  background-position: var(--cq-hero-position, center);
  background-size: cover;
  filter: saturate(.9) contrast(.96);
  transform: scale(1.015);
}

.cq-page-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      #1c3660 0%,
      rgba(28, 54, 96, .98) 36%,
      rgba(28, 54, 96, .84) 52%,
      rgba(28, 54, 96, .42) 74%,
      rgba(28, 54, 96, .2) 100%
    ),
    linear-gradient(180deg, rgba(28, 54, 96, .12), rgba(28, 54, 96, .34));
}

.cq-page-hero > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 720px) {
  .cq-page-hero::before {
    inset: 40% 0 0 0;
    opacity: .58;
    background-position: var(--cq-hero-position-mobile, var(--cq-hero-position, center));
  }

  .cq-page-hero::after {
    background:
      linear-gradient(
        180deg,
        #1c3660 0%,
        #1c3660 35%,
        rgba(28, 54, 96, .94) 57%,
        rgba(28, 54, 96, .7) 100%
      ),
      linear-gradient(90deg, rgba(28, 54, 96, .8), rgba(28, 54, 96, .38));
  }
}