.banner {
  padding-top: 5rem;
  background-color: var(--black-00-footer);
}
.banner__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.banner__text {
  font-size: 1.5rem;
  line-height: 140%;
  color: var(--text-08);
  margin-top: 6.875rem;
  width: 100%;
}
.banner__text span {
  font-weight: 500;
  color: var(--blue);
}
.banner__video {
  position: relative;
  max-width: 33.75rem;
  margin-right: 4.5rem;
  width: 100%;
}
.banner__video::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 111%;
}
.banner__video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
@media (max-width: 768px) {
  .banner__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .banner__text {
    margin-top: unset;
  }
  .banner__video {
    margin: 40px auto 0;
  }
  .banner__text {
    font-size: 20px;
  }
}
/*# sourceMappingURL=banner.css.map */
/*# sourceMappingURL=banner.css.map */