/* === Preloader === */

.preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100vw;
  height: 100vh;
  background-color: #FFFFFF;
  opacity: 0;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity .5s ease;
  flex-direction: column;
}

.preloader-container__dark {
  background-color: #0F171E;
}

.preloader-container__mobile {
  background: radial-gradient(circle at 73% 71%, #00B467, #15D593) !important;
}

.preloader-icon {
  padding-left: 55px;
}

.slogan {
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: #7083A0;
}

.preloader-container__mobile .slogan {
  display: none;
}
.preloader-container__mobile .preloader-icon {
  padding-left: 0;
}
.test {
  width: 96px;
  height: 100px;
}

.preloader {
  width: 110px;
  height: 110px;
  fill: #FFFFFF;
  stroke: #7F879D;
  stroke-width: 1px;
  transition: stroke-dashoffset 100ms ease;

}
.preloader g {
  transition: fill 200ms ease;
}
.scale {
  animation: scale 2s ease infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  85% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


/* === end === */