.highlight {
  &.section {
  }
  &__content {
    @extend %p-relative;
    border-radius: 20px;
    overflow: hidden;
    height: 580px;
    padding: 60px;
    z-index: 1;

    @include breakpoint(max-lg) {
      padding: 35px;
      height: 450px;
    }
    @include breakpoint(max-md) {
      padding: 30px;
      height: 400px;
    }
    @include breakpoint(max-sm) {
      height: 480px;
    }

    &::before {
      @extend %p-absolute;
      inset: 0;
      -webkit-backdrop-filter: brightness(0.5);
      backdrop-filter: brightness(0.5);
      z-index: -1;
    }
    .section-header {
      p {
        max-width: 413px;
        margin-left: auto;
      }
    }
  }
}
