@font-face {
  font-family: "VELUX Transform Variable";
  src: url("/assets/fonts/VELUXTransform-Variable.woff2") format("woff2");
  font-weight: 100 700;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "VELUX Transform Variable", sans-serif;
  font-size: 1em;
  color: #333;
  background-color: #f3f0eb;
  overflow: auto;
}
::-webkit-scrollbar {
  display: none;
}

html {
  font-size: calc(100vw * (16 / 1920));
}

@media (min-width: 1920px) {
  html {
    font-size: calc(1920px * (16 / 1920));
  }
}

@media (max-width: 1440px) {
  html {
    font-size: calc(1440px * (16 / 1440));
  }
}

/* @media (max-width: 750px) {
  html {
    font-size: calc(100vw * (16 / 375));
  }
} */
html {
  scroll-behavior: smooth;
}

/* .section {
  padding: 5rem 0;
} */
.display-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.footer_cta{
  color: var(--Primary-White, #FFF);

  /* Button/S (CTA) */
  font-family: "VELUX Transform Variable";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 115%; /* 1.00625rem */
  letter-spacing: 0.00875rem;
  text-transform: uppercase;
  display: inline-flex;
  height: 3rem;
  padding: 0rem 1.5rem;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  background: var(--Secondary-Red, #C70000);
  margin-top: 1rem;
  text-decoration: none;
  opacity: 0;
  transform: translateY(3rem);

}
.footer.visible .footer_cta{
  animation: revealText 1s ease-in-out forwards;
  animation-delay: 3.2s;
}
.info-container.is_generic > img{
  width: 100%;
  height: 38.9rem;
  object-fit: cover;
}