/* SCSS file content */
.home-banner {
  will-change: transform;
  min-height: 37.5rem;
  height: calc(100svh - 80px);
}
.home-banner-wrapper {
  overflow: hidden;
}
.home-banner-wrapper > .container,
.home-banner-wrapper > .container-fluid {
  max-width: 100% !important;
}
@media (max-width: 767.98px) {
  .home-banner-wrapper > .container,
  .home-banner-wrapper > .container-fluid {
    --bs-gutter-x: 24px;
  }
}
@media (min-width: 992px) {
  .home-banner {
    height: 100svh;
  }
}
.home-banner .poster {
  width: 100%;
  height: 100%;
  position: relative;
}
.home-banner .poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-banner .overlay {
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.52)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.52) 100%);
}
.home-banner video {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-banner .desktop video {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  opacity: 0;
}
.home-banner .text-wrap {
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .home-banner .text-wrap {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1420px) {
  .home-banner .text-wrap {
    padding-bottom: 7.1875rem;
  }
}
.home-banner .text-wrap .ttl-anim-homebanner {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  will-change: transform;
}
.home-banner .text-wrap .title {
  max-width: 20.0625rem;
  font-weight: 500;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .home-banner .text-wrap .title {
    max-width: 31.25rem;
  }
}
@media (min-width: 992px) {
  .home-banner .text-wrap .title {
    max-width: 62.375rem;
    font-weight: 400;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .home-banner .text-wrap .title {
    font-size: 5.3125rem;
    max-width: 44rem;
  }
}