:root {
  --bs-primary: #fff;
  --bs-secondary: #ab1214;
  --bs-info: #3d8bff;
  --bs-navbar-bg: #ab1214;
  --bs-navbar-link-color: #ffffff;
  --bs-navbar-brand-color: #ffffff;
}

.main section.main-preview {
  color: #fff !important;
  /*height: calc(100dvh - 85px);*/
  height: calc(100vh - 85px);
  background-image: url("../../../assets/images/preview/Banner.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.main section.main-preview {
  padding: 0 14px;
  padding-top: 50px;
}

.main section.main-preview > svg {
  width: 100%;
  height: 100%;
  max-width: 580px;
}

.main section.main-preview .main-preview-text {
  width: max-content;
}

.main section.main-preview .main-preview-text > h1 {
  font-size: 8rem;
  font-size: clamp(30px, 11vw, 8rem);
}

.main section.main-preview .main-preview-text > div > p > span {
  font-size: 40px;
  line-height: 1;
}

.main section.main-preview .main-preview-text > div > p > span:last-child {
  font-size: 80px;
}

@media (max-width: 1280px) {
  .main section.main-preview {
    background-image: url("../../../assets/images/preview/banner1280.jpg");
  }
}

@media (max-width: 768px) {
  .main section.main-preview {
    background-image: url("../../../assets/images/preview/banner768.jpg");
  }

  .main section.main-preview .main-preview-text > div > p > span {
    font-size: 30px;
  }

  .main section.main-preview .main-preview-text > div > p > span:last-child,
  .main section.main-preview .main-preview-text > div > p > span {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {
  .main section.main-preview {
    background-image: url("../../../assets/images/preview/banner480.jpg");
  }

  .main section.main-preview .main-preview-text > div > p > span:last-child,
  .main section.main-preview .main-preview-text > div > p > span {
    font-size: 20px;
  }
}

@media screen and (max-width: 380px) {
  .main section.main-preview {
    background-image: url("../../../assets/images/preview/banner380.jpg");
  }
}