/* 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) {
  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--darker {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
blockquote {
  padding: 2rem;
  border-left: 4px solid var(--secondary);
  border-right: 4px solid var(--secondary);
  background-color: var(--secondary-light-trans-20);
  border-radius: var(--radius-m);
  width: auto;
  max-width: var(--width-m);
  font-size: var(--text-m);
  box-shadow: 0 15px 20px -12px var(--neutral-ultra-dark-trans-20);
  margin: 5rem 0 5rem 2rem !important;
}
@media (max-width: 768px) {
  blockquote {
    margin: 5rem 0 5rem 0;
  }
}
blockquote p {
  text-align: center;
  text-wrap: balance;
}
