/* [project]/src/views/website/soi/style.scss.css [app-client] (css) */
#soi-page h1 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 2.2rem;
}

@media only screen and (max-width: 768px) {
  #soi-page h1 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 1280px) {
  #soi-page h1 {
    line-height: 1.2em;
  }
}

#soi-page h2 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.2rem;
}

@media only screen and (max-width: 768px) {
  #soi-page h2 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 1280px) {
  #soi-page h2 {
    line-height: 1.2em;
  }
}

#soi-page h3 {
  font-size: 1.5rem;
  line-height: 1.6rem;
}

@media only screen and (max-width: 768px) {
  #soi-page h3 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}

#soi-page #overview a {
  color: #bdbdbd;
  background-color: #454545;
}

#soi-page body .text-muted-foreground {
  color: #a7aeb9;
}

#soi-page .bg-muted {
  background-color: #4139634a;
}

#soi-page .text-foreground {
  color: #8a76df;
}

#soi-page .from-background {
  background: #313131;
}

#soi-page .bg-background {
  color: #9b9b9b;
  background-color: #2d2d2d;
}

#soi-page .bg-card {
  background-color: #181818;
}

#soi-page svg {
  stroke: #6455a3;
}

#soi-page .text-muted-foreground {
  color: #c9c9c9;
}

#soi-page .text-title-xxl {
  font-size: 44px;
  line-height: 43px;
}

#soi-page #soi-section {
  overflow: hidden;
}

#soi-page #soi-section .soi-logo {
  width: 200px;
}

#soi-page #soi-section .eva-bullet {
  margin-bottom: 40px;
}

#soi-page #soi-section .eva-bullet .eva-bul-icon {
  width: 60px;
  margin-top: -41px;
  margin-left: 20px;
  position: absolute;
}

#soi-page #soi-section .soi-ani-1 {
  zoom: .5;
  width: 700px;
  margin-top: -486px;
  position: absolute;
  left: 2%;
}

@media (min-width: 640px) {
  #soi-page #soi-section .soi-ani-1 {
    zoom: .85;
    left: 2%;
  }
}

@media (min-width: 1024px) {
  #soi-page #soi-section .soi-ani-1 {
    margin-top: -154px;
    left: calc(50% - 294px);
  }
}

#soi-page #soi-section .soi-ani-1 .ani-holder {
  z-index: 5;
  margin-top: -150px;
  position: absolute;
}

#soi-page #soi-section .soi-ani-1 .soi-color-2 {
  z-index: 1;
  width: 286px;
  position: absolute;
  top: 56px;
  left: 146px;
}

#soi-page #soi-section .soi-ani-1 .soi-color-3 {
  z-index: 2;
  width: 131px;
  position: absolute;
  top: 135px;
  left: 226px;
}

#soi-page #soi-section .soi-ani-1 .soi-eva {
  z-index: 3;
  width: 20px;
  position: absolute;
  top: 190px;
  left: 283px;
}

#soi-page #soi-section a {
  margin-left: 50%;
}