/* Relative */
.relative {
  position: relative;
}
.relative > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img), .relative > .ct-section-inner-wrap > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img), .relative > .brxe-container > *:not(.absolute-img):not(.overlay):not(.overlay--darker):not(.acf-img) {
  z-index: 5;
}
/* Image */
.absolute-img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  pointer-events: none;
}
/* Overlay (darkens the Image) */
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.overlay--hero {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: var(--spacing-radius-none, 0px);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.overlay--section-cta {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(10, 71, 147, 0.9) 0%, rgba(10, 71, 147, 0.9) 100%);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}