html {
  font-size: calc(100vw / 1440 * 10);
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

body {
  background: var(--white);
}

section {
  overflow: hidden;
}

.container {
  width: 100%;
  padding: 0 6rem;
}

.wow {
  visibility: hidden;
}

@media (max-width: 1023px) {
  html {
    font-size: calc(100vw / 768 * 10);
  }

  .container {
    padding: 0 4rem;
  }
}

@media (max-width: 767px) {
  html {
    font-size: calc(100vw / 360 * 10);
  }

  .container {
    padding: 0 2rem;
  }
}