/* hero-section */
.hero-section {
  padding-top: 6rem;
  position: relative;

  &::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    width: 500px;
    height: 500px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    filter: blur(130px);
  }

  .hero-container {
    max-width: 1400px;
    padding-inline: 1rem;
    margin: auto;
    min-height: 70dvh;
    height: auto;
    @media (min-width: 992px) {
      min-height: auto;
      height: 600px;
    }
  }

  .img-side {
    width: 100%;
    position: relative;
    min-height: 300px;

    @media (min-width: 992px) {
      width: 700px;
      min-height: auto;
      height: 100%;
    }

    .trainer-bg {
      width: 100%;
      object-fit: contain;
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 20%;
    }

    .trainer-img {
      width: 70%;
      position: absolute;
      object-fit: contain;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);

      @media (max-width: 991px) {
        width: 60%;
      }
    }
  }

  .content-side {
    position: relative;
    z-index: 1;
    width: 100%;
    @media (min-width: 992px) {
      width: 48%;
    }
  }
}

.home-banner-img {
  height: 300px;

  @media (min-width: 992px) {
    height: 400px;
  }
}