@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}
html {
  scroll-behavior: smooth;
}
.container-initial {
  padding-top: 30vh;
}
.logo-image {
  max-width: -webkit-fill-available;
}
.div-header {
  background-color: #272833;
  height: 100vh;
}
.div-subheader {
  background-image: url(assets/images/div-header.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 3.694444444444444444444444444444%;
  padding-bottom: 3.694444444444444444444444444444%;
  position: relative;
}
.div-blue-1 {
  background-image: url(assets/images/div-blue1.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6.322245322245322245322245322245%;
  padding-bottom: 6.322245322245322245322245322245%;
  position: relative;
}
.div-blue-2 {
  background-image: url(assets/images/div-blue2.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6.322245322245322245322245322245%;
  padding-bottom: 6.322245322245322245322245322245%;
  position: relative;
}
.div-footer {
  background-image: url(assets/images/div-footer.svg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5.694444444444444444444444444444%;
  position: relative;
}
.text-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.text {
  font-family: Inter;
  font-style: normal;
  letter-spacing: -3px;
}
.text.header {
  color: #ffffff;
}
.text.tittle {
  color: #2d3436;
  font-weight: bold;
  letter-spacing: -2px;
}
.text.no-spacing {
  color: #2d3436;
  font-weight: bold;
  letter-spacing: 0px;
}
.text.higligth {
  color: #43ade8;
}
.text.higligth-blue {
  color: #211ddd;
}
.text.higligth-yellow {
  color: #ffc107;
}
.text.body {
  font-style: normal;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #585d5f;
}
.text.button-text {
  padding: 3px;
  color: #6c5ce7;
  letter-spacing: 0px;
}
.button {
  background: transparent;
  border: 0.75px solid #adadad;
  box-sizing: border-box;
  border-radius: 6px;
}
/* Goto Next */

.goto-next {
  border: 0;
  bottom: 0;
  display: block;
  height: 5em;
  left: 50%;
  margin: 0 0 0 -5em;
  overflow: hidden;
  position: absolute;
  text-indent: 10em;
  white-space: nowrap;
  width: 10em;
  z-index: 1;
}

.goto-next:before {
  background-image: url("assets/images/arrow.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1.5em;
  left: 50%;
  margin: -0.75em 0 0 -1em;
  position: absolute;
  top: 50%;
  width: 2em;
  z-index: 1;
}