:root {
  --primary: #2d98d4;
  --secondary: #FF7043;
  --info: #06abfc;
  font-family: Helvetica, sans-serif;
}

h1 {
  font-weight: 550;
}

h1, h2 {
  font-family: Helvetica, sans-serif;
  width: 100%;
  word-break: break-word;
}

.wrapper {
  max-height: 100vh;
  max-width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.intro {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
@media screen and (min-width: 728px) {
  .intro {
    padding-left: 1rem;
    padding-right: 0.3rem;
  }
}

.text-overflow-1-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-overflow-2-lines {
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-overflow-3-lines {
  max-height: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bg-orange {
  background-color: var(--secondary);
  color: #fff;
}

@media screen and (max-width: 260px) {
  .cta {
    padding: 0.2rem;
  }
}

.btn-primary {
  font-family: Helvetica, sans-serif;
  background-color: var(--primary);
  border-color: var(--primary);
  font-weight: bold;
  font-size: 1rem;
  border-radius: 7px;
  min-width: 100px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 336px) {
  .btn-primary {
    width: 125px;
  }
}
@media screen and (min-width: 728px) {
  .btn-primary {
    min-width: 100px;
  }
}

.btn-secondary {
  font-family: Helvetica, sans-serif;
  background-color: var(--secondary);
  border-color: var(--secondary);
  font-weight: bold;
  font-size: 1rem;
  border-radius: 7px;
  min-width: 100px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

.btn-primary:hover {
  background-color: var(--info);
  border-color: var(--info);
}

.btn-secondary:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.bg-image {
  background-image: url("/assets/img/background-image.svg");
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}

.bg-image-y {
  background-image: url("/assets/img/background-image-y.svg");
  background-size: contain;
  background-repeat-y: no-repeat;
}

#horizontal-v2 .text-overflow-2-lines, #vertical-v2 .text-overflow-2-lines {
  max-height: 2.5em;
}
#horizontal-v2 .btn-primary, #horizontal-v2 .btn-secondary, #vertical-v2 .btn-primary, #vertical-v2 .btn-secondary {
  border-radius: 20px;
}
@media screen and (max-width: 728px) {
  #horizontal-v2 h1, #horizontal-v2 h2, #vertical-v2 h1, #vertical-v2 h2 {
    font-size: 1.375rem;
    line-height: 24.5px;
  }
  #horizontal-v2 .btn-primary, #horizontal-v2 .btn-secondary, #vertical-v2 .btn-primary, #vertical-v2 .btn-secondary {
    font-size: 1rem;
  }
}
@media screen and (min-width: 728px) {
  #horizontal-v2 h1, #vertical-v2 h1 {
    font-size: 1.31rem;
    line-height: 23.1px;
  }
  #horizontal-v2 h2, #vertical-v2 h2 {
    font-size: 1.12rem;
    line-height: 19.8px;
  }
  #horizontal-v2 .btn-primary, #horizontal-v2 .btn-secondary, #vertical-v2 .btn-primary, #vertical-v2 .btn-secondary {
    border-radius: 5px;
  }
}

#horizontal, #vertical {
  height: 100%;
}
#horizontal h1, #horizontal h2, #vertical h1, #vertical h2 {
  font-size: 20px;
  line-height: 24px;
}
@media screen and (max-width: 728px) {
  #horizontal h1, #horizontal h2, #vertical h1, #vertical h2 {
    font-size: 0.95rem;
  }
  #horizontal h1, #vertical h1 {
    line-height: 18px;
  }
  #horizontal .btn-primary, #horizontal .btn-secondary, #vertical .btn-primary, #vertical .btn-secondary {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 728px) {
  #horizontal h2, #vertical h2 {
    font-size: 0.9rem;
  }
  #horizontal .cta, #vertical .cta {
    padding: 0.2rem;
  }
}/*# sourceMappingURL=custom.css.map */