.type-banner {

  position: relative;

  display: flex;

  width: 100%;

  flex-direction: column;

  justify-content: flex-end;

  overflow: hidden;
}@media (min-width: 1024px) {.type-banner {

    justify-content: center;
  }
}.type-banner {

  aspect-ratio: 375 / 480;
}

  @media (min-width: 1024px) {.type-banner {
    aspect-ratio: auto;
    height: 440px
}
  }

  .type-banner .img-box {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    height: 100%;
    width: 100%;
  }

  .type-banner .img-box::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        180deg,
        rgba(18, 18, 18, 0) 54.19%,
        rgba(18, 18, 18, 0.7) 77.89%,
        #121212 97.6%
      );
      pointer-events: none;
    }

  @media (min-width: 1024px) {
      .type-banner .img-box::after {
        background: linear-gradient(
          90deg,
          rgba(18, 18, 18, 0.8) 14.32%,
          rgba(18, 18, 18, 0) 44.13%
        );
      }
    }

  .type-banner .img-box img {

  height: 100%;

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

  .type-banner .twm-container {

  position: relative;
}

  .type-banner .twm-container .text {

  margin-left: auto;

  margin-right: auto;

  width: 100%;

  padding-top: 2rem;

  padding-bottom: 2rem;

  text-align: center;
}

  @media (min-width: 1024px) {.type-banner .twm-container .text {

    text-align: left;
  }
}

  .type-banner .twm-container .text {
      max-width: 550px;
    }

  @media (min-width: 768px) {

  .type-banner .twm-container .text {

    padding-bottom: 100px;
  }
      }

  @media (min-width: 1024px) {

  .type-banner .twm-container .text {
        max-width: 447px;
        margin: 0 2.5rem;
        padding-bottom: 2rem
    }
      }

  .type-banner .twm-container .text h2 {
        font-size: 30px;
        line-height: 120%;
        margin-bottom: 0.75rem;
        font-weight: 500;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      }

  @media (min-width: 1024px) {.type-banner .twm-container .text h2 {

    margin-bottom: 1rem;
  }
}

  .type-banner .twm-container .text h2.orange-theme {

  --tw-text-opacity: 1;

  color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

  .type-banner .twm-container .text h2.gray-theme {

  --tw-text-opacity: 1;

  color: rgb(48 49 50 / var(--tw-text-opacity, 1));
}

  .type-banner .twm-container .text h2.black-theme {

  --tw-text-opacity: 1;

  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

  @media (min-width: 1024px) {

  .type-banner .twm-container .text h2 {
          font-size: 3rem
      }
        }

  .type-banner .twm-container .text p {

  font-size: 1.125rem;

  line-height: 1.5;

  letter-spacing: 0.08em;
}

  .type-banner .twm-container .text p.orange-theme {

  --tw-text-opacity: 1;

  color: rgb(255 103 0 / var(--tw-text-opacity, 1));
}

  .type-banner .twm-container .text p.gray-theme {

  --tw-text-opacity: 1;

  color: rgb(48 49 50 / var(--tw-text-opacity, 1));
}

  .type-banner .twm-container .text p.black-theme {

  --tw-text-opacity: 1;

  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

/*# sourceMappingURL=type-banner.css.map */