:root {
  --base-size: 1vw;
  --tr: 0.3s;
  --tr-regular: all var(--tr) ease;
  --regular-column-left: 93.3rem;
  --regular-column-right: 64.4rem;
  --regular-columns: var(--regular-column-left) var(--regular-column-right);
  --ff-regular: "Inter", sans-serif;
  --ff-title: "Craftwork", sans-serif;
  --ff-controls: "Gilroy", sans-serif;
  --ff-bold: "Raleway", sans-serif;
  --ff-em: "TexGyreChorus", serif;
  --w-container: 1440px;
}
@media (min-width: 451px) and (max-width: 992px) {
  :root {
    --base-size: calc(1vw + 1vh);
  }
}
@media (max-width: 1280px) {
  :root {
    --regular-column-left: 83.3rem;
    --regular-column-right: 58.4rem;
  }
}
@media (max-width: 992px) {
  :root {
    --regular-column-left: 43.3rem;
  }
}
@media (max-width: 768px) {
  :root {
    --regular-column-left: 53.3rem;
  }
}
@media (max-width: 1500px) {
  :root {
    --w-container: 1260px;
  }
}
@media (max-width: 1280px) {
  :root {
    --w-container: 892px;
  }
}
@media (max-width: 768px) {
  :root {
    --w-container: 100%;
  }
}

.main .section1 .container {
  max-width: 100%;
  height: 768px;
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: cover;
}
.main .section1 .container .filter {
  height: 100%;
  /*backdrop-filter: blur(3px);*/
  backdrop-filter: contrast(80%);
}
.main .section1 .container .row {
  padding-top: 21rem;
}
@media (max-width: 992px) {
  .main .section1 .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.main .section1 h1 {
  padding-top: 100px;
  padding-bottom: 20px;
  color: var(--c-text-on);
  font-size: 3rem;
  font-weight: 900;
}
@media (min-width: 993px) {
  .main .section1 h1 {
    font-size: 6rem;
  }
}
.main .section1 h2 {
  padding-bottom: 40px;
  color: var(--c-text-on);
  font-size: 2rem;
  font-weight: bold;
}
@media (min-width: 993px) {
  .main .section1 h2 {
    font-size: 4rem;
  }
}
.main .section1 .button-primary {
  width: fit-content;
  --button-color: var(--c-text-on);
  --button-color-hover: var(--button-color);
  font-weight: bold;
  font-size: 2rem;
}
@media (min-width: 993px) {
  .main .section1 .button-primary {
    font-size: 6rem;
    padding: 10px 40px;
  }
}
.main .s2-banner {
  background-color: #000000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FD6262;
  font-size: 34px;
  font-weight: bold;
}
.main .s2-banner #banner_title {
  padding: 20px;
}
.main .s2-banner .button-primary {
  /*height: 50px;*/
  background-color: #3BA55C;
}
@media (min-width: 993px) {
  .main .s2-banner .button-primary {
    margin-left: 50px;
  }
}
.main .s2-banner .button__text {
  color: #FFFFFF;
  font-weight: bold;
  /*font-size: 30px;
  line-height: 25px;*/
}
.main .section2 {
  padding-top: 0;
}
.main .s2-words {
  color: #000000;
  font-size: 3rem;
  font-weight: bold;
  padding: 20px;
}
@media (min-width: 993px) {
  .main .s2-words {
    font-size: 6rem;
    padding: 100px;
  }
}
.main .s2-html {
  padding: 50px 50px 0 0;
  /*font-size: 3rem;*/
}
.main .s2-html p {
  margin-bottom: 20px;
}
.main .s3-cards div:not(:last-child) {
  padding-right: 20px;
}
.main .s3-cards img {
  margin: 0 auto;
}
.main .s3-cards .button-primary {
  display: block;
  width: 250px;
  margin: 0 auto;
  --button-color: var(--c-text-on);
  --button-color-hover: var(--button-color);
}
.main .section4, .main .section8 {
  background-color: #F6BE6A;
  /*.s4-cards {
      .row {
          flex-shrink: 0;
      }
  }*/
}
.main .section4 h2, .main .section8 h2 {
  color: #FFFFFF;
}
.main .section4 .s4-card, .main .section8 .s4-card {
  background-color: #FFFFFF;
  border-radius: 24px;
}
.main .section4 .s4-card img, .main .section8 .s4-card img {
  width: 100%;
  border-radius: 24px;
}
.main .section6 {
  background-color: #292929;
}
.main .section6 h2 {
  color: #FFFFFF;
  margin-bottom: 3rem;
}
.main .section6 .s6-html {
  color: #FFFFFF;
}
.main .section6 .s6-embed {
  text-align: center;
}
.main .section6 .s6-embed iframe {
  border-radius: 24px;
  width: 300px;
}
@media (min-width: 993px) {
  .main .section6 .s6-embed iframe {
    width: 784px;
    height: 441px;
  }
}
.main .section8 .s8-html {
  font-weight: 400;
}
@media (min-width: 1200px) {
  .main .section8 .s8-html {
    font-size: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .main .section8 h3 {
    font-weight: 600;
    font-size: 4.5rem !important;
  }
}
.main .section8 .s8-image img {
  max-width: 323px;
}
.main .section8 .s8-icons {
  background-color: #FFFFFF;
  padding: 20px 30px;
  border-radius: 50px;
}
.main .section8 .s8-icons .row {
  justify-content: center;
}
.main .section8 .s8-icon {
  padding: 0;
  margin: 0 10px;
  max-width: 72px;
}
/*# sourceMappingURL=../maps/homepage.css.map */