body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f4f4f1;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

iframe {
  box-shadow: none;
  padding: 0px !important;
  border-width: 0px !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.waveContent {
  position: relative;
}

.waveContent h4,
.waveContent h5 {
  color: #fff;
  font-size: 3.3rem;
  position: absolute;
  left: 32px;
  top: 42px;
}

.waveContent h5 {
  left: 112px;
  top: 97px;
}

.waveContent h4:nth-child(1),
.waveContent2 h4:nth-child(1),
.waveContent h5:nth-child(3),
.waveContent2 h5:nth-child(3) {
  color: transparent;
  -webkit-text-stroke: 2px #fbfbff;
}

.waveContent h4:nth-child(2),
.waveContent2 h4:nth-child(2),
.waveContent h5:nth-child(4),
.waveContent2 h5:nth-child(4) {
  color: #02029163;
  animation: animate 4s ease-in-out infinite;
}

.waveContent2 h4 {
  color: #fff;
  font-size: 3.3rem;
  position: absolute;
  left: 24vw;
  top: 17vh;
}

@keyframes animate {
  0%,
  100% {
    clip-path: polygon(
      0% 45%,
      16% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }

  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );
  }
}

.logoStyle {
  height: 80px;
  z-index: 9;
}

.logoContainer {
  display: flex;
  position: absolute;
  top: 13%;
  left: -60%;
  z-index: 1000;
}

.introText {
  font-size: calc(16px + (30 - 16) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (2 - 1.4) * ((100vw - 300px) / (1600 - 300)));
  color: #1e4877;
  margin-top: 20px;
  background-color: #011a4270;
  text-transform: uppercase;
  text-align: center;
  -webkit-text-stroke: calc(
      0.5px + (2 - 0.5) * ((100vw - 300px) / (1600 - 300))
    )
    #fff;
  text-stroke: calc(0.25px + (0.5 - 0.25) * ((100vw - 300px) / (1600 - 300)))
    #fff;
}

.isDisabled-trueLoader {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #5397e4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.isDisabled-falseLoader {
  display: none;
  width: 100%;
  height: 100%;
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #063970 #063970;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #fff #fff transparent transparent;
  animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}


/*# sourceMappingURL=main.c2f84298.css.map*/