/* [project]/src/views/website/eva/style.scss.css [app-client] (css) */
.sub-title {
  line-height: 37px;
}

.btm-divider {
  border-bottom: 1px solid #0000;
  border-image: linear-gradient(to right, #e9e9e900, #b0b8bb2e, #e9e9e900) 1;
}

.hero-icon {
  width: 150px;
}

#eva .banner svg {
  width: 300vw;
  height: 200vh;
  margin: -500% auto 0;
}

#eva .banner svg g {
  margin: 0;
}

@media screen and (min-width: 768px) and (min-height: 1000px) {
  #eva .banner svg {
    margin: -185% auto 0;
  }
}

@media screen and (min-width: 768px) and (min-height: 1100px) {
  #eva .banner svg {
    margin: -170% auto 0;
  }
}

@media screen and (min-width: 768px) and (min-height: 1300px) {
  #eva .banner svg {
    margin: -150% auto 0;
  }
}

@media screen and (min-width: 1024px) {
  #eva .banner svg {
    width: 300vw;
    margin: -1150px auto 0;
  }
}

@media screen and (min-width: 1280px) {
  #eva .banner svg {
    width: 100vw;
    margin: -130px auto 0;
  }
}

@media screen and (min-width: 1280px) and (max-height: 800px) {
  #eva .banner svg {
    margin: -825px auto 0;
  }
}

@media screen and (min-width: 1920px) {
  #eva .banner svg {
    margin: -350px auto 0;
  }
}

#eva .banner .eva-video {
  width: 200vw;
  max-width: none;
  height: 1200px;
}

@media screen and (min-width: 1024px) {
  #eva .banner .eva-video {
    width: 80vw;
    height: 1200px;
  }
}

#eva .banner .eva-video video {
  width: 700vw;
  max-width: none;
}

@media screen and (min-width: 768px) and (min-height: 1000px) {
  #eva .banner .eva-video video {
    width: 200vw;
  }
}

@media screen and (min-width: 1024px) {
  #eva .banner .eva-video video {
    width: 100vw;
  }
}

@media screen and (min-width: 1024px) and (min-height: 1000px) {
  #eva .banner .eva-video video {
    width: 200vw;
  }
}

@media screen and (min-width: 1200px) {
  #eva .banner .eva-video video {
    width: 100vw;
  }
}

@media screen and (min-width: 1024px) {
  #eva .banner {
    width: 100vw;
  }
}

#eva #situational-awareness {
  background: #0c0c0c;
}

#eva #situational-awareness h3 {
  width: 70%;
}

#eva #what-is-eva, #eva #situational-awareness {
  position: relative;
}

#eva #what-is-eva .bg-overlay, #eva #situational-awareness .bg-overlay {
  z-index: 4;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #eva #what-is-eva h3, #eva #situational-awareness h3 {
    width: 100%;
  }
}

#eva #what-is-eva .right, #eva #situational-awareness .right {
  position: relative;
}

@media screen and (min-width: 1280px) {
  #eva #what-is-eva .txt-content, #eva #situational-awareness .txt-content {
    width: 70%;
  }
}

#eva #what-is-eva .img-container, #eva #situational-awareness .img-container {
  z-index: 2;
  right: -18%;
}

#eva #eva-bullets .image-wrapper {
  position: relative;
}

#eva #eva-bullets .image-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
}

#eva #eva-bullets .image-wrapper:before {
  content: "";
  background-color: #000000b3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#eva #eva-bullets .info-sphere {
  background-color: #0c0c0cd6;
  border: 1px solid #939db833;
  border-radius: 100%;
  width: 100%;
  height: auto;
  transition: all .4s ease-in-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

#eva #eva-bullets .info-sphere .card-title {
  text-align: center;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 15px 50px;
  font-size: 26px;
  line-height: 25px;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 1024px) {
  #eva #eva-bullets .info-sphere .card-title {
    zoom: .8;
  }
}

#eva #eva-bullets .info-sphere img {
  opacity: .2;
  width: 100%;
  transition: all .4s ease-in-out;
  display: inline;
}

#eva #eva-bullets .info-sphere.active img {
  opacity: .2;
  width: 100%;
  display: inline;
}

#eva #eva-bullets .info-sphere.active .img-2 {
  transition-delay: .2s;
}

#eva #eva-bullets .info-sphere.active .img-3 {
  transition-delay: .4s;
}

#eva #eva-bullets .desc-txt {
  font-size: 17px;
  line-height: 18px;
}

#eva #calltoaction {
  min-height: 350px;
}

@media screen and (min-width: 768px) {
  #eva #calltoaction {
    min-height: 270px;
  }
}

#eva #calltoaction .round-xpand-btn {
  right: calc(50% - 70px);
  transform: none;
}

#eva #calltoaction p {
  margin-bottom: 50px;
}

#eva #eva-advantages .rounded-lg, #eva #eva-soi .rounded-lg, #eva #eva-cta .rounded-lg {
  border-radius: 50px;
  width: 45px;
  height: 45px;
  margin-left: 25px;
  font-size: 25px;
}

#eva #eva-advantages .list-disc, #eva #eva-soi .list-disc, #eva #eva-cta .list-disc {
  color: #dcdcdc;
}

#eva #eva-advantages a, #eva #eva-soi a, #eva #eva-cta a {
  color: #bdbdbd;
  background-color: #454545;
}

#eva #eva-advantages vigaro .text-muted-foreground, #eva #eva-soi vigaro .text-muted-foreground, #eva #eva-cta vigaro .text-muted-foreground {
  color: #a7aeb9;
}

#eva #eva-advantages .bg-muted, #eva #eva-soi .bg-muted, #eva #eva-cta .bg-muted {
  background-color: #4139634a;
}

#eva #eva-advantages .from-background, #eva #eva-soi .from-background, #eva #eva-cta .from-background {
  background: #313131;
}

#eva #eva-advantages .bg-background, #eva #eva-soi .bg-background, #eva #eva-cta .bg-background {
  color: #9b9b9b;
  background-color: #2d2d2d;
}

#eva #eva-advantages .bg-card, #eva #eva-soi .bg-card, #eva #eva-cta .bg-card {
  background-color: #181818;
}

#eva #eva-advantages svg, #eva #eva-soi svg, #eva #eva-cta svg {
  stroke: #6455a3;
}

#eva #eva-advantages code, #eva #eva-soi code, #eva #eva-cta code {
  color: #c9c9c9;
}

#eva #eva-advantages .text-foreground, #eva #eva-soi .text-foreground, #eva #eva-cta .text-foreground {
  color: #8874dd;
}

#eva #eva-advantages .from-muted\/30, #eva #eva-soi .from-muted\/30, #eva #eva-cta .from-muted\/30 {
  --tw-gradient-from: hsl(var(--muted) / .3) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: #0000004d, #181818;
}