/* Animation
----------------------------------*/
.text_box {
  font-weight: 200;
  font-size: 7.6em;
  line-height: 1.2em;
  font-family: "CraftworkGrotesk-Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.text_box .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
  width: 600px;
}

.text_box .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
  font-family: "CraftworkGrotesk-Bold", sans-serif;
}


/* Fonts 
----------------------------------*/
.slides,
.slides p {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
}

.slides h1,
.slides h2,
.slides h3,
.slides h4,
.slides h5,
.slides h6,
.left-title {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
}

.slides .button,
.slides .slides-form {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 300;
}

/* Buttons
----------------------------------*/
.so-btn {
  font-size: 20px;
  text-align: left;
  display: flex;
  border-radius: 12px;
  width: 100%;
  padding: 24px 48px;
  justify-content: left;
  align-items: center;
}

.svg-img {
  width: 36px;
  height: 36px;
}