/* Demo styling */

.lottie-animation {
  max-height: 100vh;
}

/*#icon-container {
  height: 100vh;
}*/

.lottie-animation * {
  max-height: inherit;
}

.anim_section_cust {
  z-index: 12;
}

.lottie-animation--sticky {
  width: 100vw;
  position: sticky;
  top: 10%;
  margin: 0 auto;
}

section {
  position: relative;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

section.demo {
  font-size: 1.25rem;
  min-height: unset;
  padding: 80px 100px;
}

section.demo>* {
  max-width: 800px;
}

section.demo dt {
  /* margin-top: 0.5em; */
  font-weight: bold;
}

section.demo dd p:not(first-of-type) {
  margin: 0.3em 0;
}

section:nth-child(even) {
  --hue: 200;
}

section :first-child {
  margin-top: 0;
}

section :last-child {
  margin-bottom: 0;
}

.demo-side {
  width: 50vh;
  position: absolute;
  top: 25%;
  right: 0;
}

#circles_1, #circles_2 {
  background-attachment: fixed;
}

/*.lottie-animation svg {
  width: 100vw !important;
  height: 100vh !important;
}*/

#bg_lines {
  object-fit: contain;
  /*width: 100%;
  height: 100%;*/
  position: absolute;
  width: 100vw;
  left: 0;
}

.popup_text {
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

.fullOp {
  opacity: 1 !important;
}

a .popup_title {
  text-decoration: underline;
}

#inv_anim {
  /*visibility: hidden !important;*/
}