/* COLORS */
/* FONTS */
#intro-withimage {
  position: relative;
  background: url("/themes/custom/images/waves/hero_purple.svg") bottom center repeat-x transparent;
  background-size: cover;
  color: #fff;
}
#intro-withimage .button:hover {
  background: #fff !important;
  border-color: #fff !important;
  color: #191b46 !important;
}
#intro-withimage .h1,
#intro-withimage .subtitle {
  color: #fff;
}
#intro-withimage .section {
  padding-top: 240px;
}
@media screen and (max-width: 599px) {
  #intro-withimage .section {
    padding-top: 100px;
  }
}
#intro-withimage .section-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
#intro-withimage .section-flex .image {
  order: 2;
  flex: 1 1 0%;
  min-width: 240px;
  position: relative;
}
#intro-withimage .section-flex .section-content {
  order: 1;
  flex: 1 1 0%;
  min-width: 240px;
}
@media screen and (max-width: 812px) {
  #intro-withimage .section-flex {
    flex-direction: column;
  }
  #intro-withimage .section-flex .image {
    order: 1;
  }
  #intro-withimage .section-flex .section-content {
    order: 2;
  }
}
@media only screen and (min-width: 813px) {
  #intro-withimage .section-flex .image img {
    position: absolute;
    right: -90px;
    transform: scale(1.35) translateY(-40%);
  }
}
#intro-withimage .section-content {
  position: relative;
  z-index: 29;
  margin-bottom: 150px;
}
#intro-withimage .section-content .h1 .typewriter-placeholder .Typewriter__cursor {
  background: #00adef;
}
#intro-withimage .section-content .typewriter-words {
  display: none;
}
#intro-withimage .section-content .text {
  margin-bottom: 20px;
}
#intro-withimage .section-content .links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#intro-withimage .section-content .links .app-container {
  margin-right: 10px;
  float: left;
}
#intro-withimage .section-content .links .app-container .dropdown-content {
  right: auto;
  left: 0;
  margin: 10px 0 0 0;
  padding: 30px;
  border-radius: 12px;
}
#intro-withimage .section-content .links .app-container .dropdown-content .downloads {
  white-space: nowrap;
  font-size: 0px;
  line-height: 0px;
}
#intro-withimage .section-content .links .app-container .dropdown-content .downloads a {
  display: inline-block;
}
#intro-withimage .section-content .links .app-container .dropdown-content .downloads a img {
  height: 50px;
  width: auto;
  max-width: none;
}
#intro-withimage .section-content .links .app-container .dropdown-content .downloads a:first-child {
  margin-right: 20px;
}
#intro-withimage .section-content .links .app-container .dropdown-content .downloads a:hover {
  opacity: 0.5;
}
#intro-withimage .section-content .links .app-container .dropdown-content:before {
  right: auto;
  left: 30px;
}
#intro-withimage .section-content .links a.request {
  float: left;
}
/*# sourceMappingURL=intro-withimage-purple.css.map */