.hero-7 {
  height: 100vh;
  min-height: 800px; }
  .hero-7 > .container > .row {
    height: 100vh;
    min-height: 800px; }
  .hero-7 > .container, .hero-7 > .container-fluid {
    position: relative;
    z-index: 2; }
    .hero-7 > .container > div, .hero-7 > .container-fluid > div {
      position: relative;
      height: 100%;
      min-height: 960px;
      display: flex;
      justify-content: center;
      align-items: center; }
  .hero-7 .overlay {
    background: black;
    opacity: 0.5; }
  .hero-7 h1, .hero-7 h2 {
    color: var(--bs-light); }
