/* ---------- BASE HERO ---------- */
.hero-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;

  h1,
  p {
    margin: 0;
    font-weight: 500;
  }

  h1 {
    margin: 0.5rem 0;
  }
}

/* ---------------------- */


/* ---------- HOME HERO ---------- */
.hero-home {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  min-height: 500px;
  text-align: center;

  .hero-text {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 2;
    padding: 1.5rem 2rem 1.5rem 2rem;
    overflow: hidden;

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      backdrop-filter: blur(5px) saturate(120%);
      -webkit-backdrop-filter: blur(5px) saturate(140%);
      background: rgba(255, 255, 255, 0.15);
      z-index: -1;
    }

    h1,
    p {
      position: relative;
      margin: 0;
      color: white;
      text-shadow: 0px 0px 25px black;

      /*font-family: "Tenor Sans", sans-serif;*/
    }

    h1 {
      margin: 0 0 1rem 0;
      font-weight: 500;
    }

    p {
      font-weight: 500;
      font-size: 1.3rem;
    }
  }

  @media(max-width: 500px) {

    max-height: 250px;
    min-height: 250px;

    .hero-text {
      h1 {
        font-size: 1.6rem;
      }

      p {
        font-size: 1.1rem;
      }
    }
  }
}

/* ---------------------- */

/* ---------- SINGLE SERVICE HERO ---------- */
.hero-services.single-service {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ---------------------- */