/* fonts */
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: normal;
  src: local("Optima"), url("./fonts/Optima.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: normal;
  font-weight: 700;
  src: local("Optima Bold"), url("./fonts/Optima_Bold.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Optima";
  font-style: italic;
  font-weight: normal;
  src: local("Optima Italic"), url("./fonts/Optima_Italic.woff2?v=1") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: normal;
  src: local("Mulish"), url("./fonts/Mulish-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 500;
  src: local("Mulish"), url("./fonts/Mulish-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 700;
  src: local("Mulish"), url("./fonts/Mulish-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 800;
  src: local("Mulish"), url("./fonts/Mulish-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: normal;
  src: local("DINPro"), url("./fonts/DINPro-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "DINPro";
  font-style: normal;
  font-weight: 500;
  src: local("DINPro"), url("./fonts/DINPro-Medium.woff2") format("woff2");
}
body .region-content section.kv {
  margin-bottom: 60px;
}
body .region-content section.kv .kv-banner {
  position: absolute;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1440/520;
  -o-object-position: right bottom;
     object-position: right bottom;
}
body .region-content section.kv .title-wrapper {
  padding-top: 160px;
}
@media (min-width: 992px) {
  body .region-content section.kv .title-wrapper {
    padding-top: 190px;
  }
}
body .region-content section.kv .section-sub-title {
  font-weight: normal;
  font-size: 1.25rem;
}
@media (min-width: 992px) {
  body .region-content section.kv .section-sub-title {
    font-size: 1.778rem;
  }
}
body .region-content section.kv .section-title {
  color: unset;
  font-size: 6.222rem;
  -webkit-text-fill-color: unset;
  text-transform: uppercase;
  max-width: 100%;
}
@media (max-width: 1279px) {
  body .region-content section.kv .section-title {
    font-size: 4.778rem;
  }
}
@media (max-width: 1199px) {
  body .region-content section.kv .section-title {
    font-size: 4rem;
  }
}
@media (max-width: 991px) {
  body .region-content section.kv .section-title {
    font-size: 3.556rem;
  }
}
@media (max-width: 767px) {
  body .region-content section.kv .section-title {
    font-size: 2.778rem;
  }
}
@media (max-width: 575px) {
  body .region-content section.kv .section-title {
    font-size: 2.222rem;
  }
}
@media (min-width: 992px) {
  body .region-content section.kv .section-title {
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
@media (min-width: 992px) {
  body .region-content section.kv .desc {
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  body .region-content section.kv {
    margin-bottom: 180px;
  }
  body .region-content section.kv .btn-container .btn {
    position: relative;
    bottom: -50px;
  }
}/*# sourceMappingURL=homepage.css.map */