@import "@/styles/variables";
@import "@/styles/mixins";

.container {
  z-index: 1;
  padding-top: 8.75rem;
  padding-bottom: 7.125rem;
  height: 400px;
  color: $white;
  h5 {
    opacity: 0.8;
  }
  h2 {
    word-break: break-all;
  }
}

.bannerMask {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba($blue-dark, 0.6);
  }
}