.page {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
    0deg,
    rgba(71, 134, 255, 0.4) 0%,
    rgba(71, 134, 255, 0) 100%
  );
  background: url('../../../../assets/images/bg_tokens.png');
  height: $appHeight;
  width: $appWidth;
}
.container {
  display: flex;
  flex-direction: column;
}
.swapCircleImg {
  margin-top: 180px;
  position: absolute;
  left: 0px;
  animation: rotation 10s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.quoteText {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #a5acbb;
  margin-bottom: 10px;
  display: inline-block;
  margin-top: 88px;
  position: relative;
}
.submittingText {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  position: relative;
}
.progressBar {
  display: flex;
  flex-direction: row;
  width: 270px;
  height: 7px;
  border-radius: 10px;
  margin-top: 16px;
  position: relative;
}
.leftSide {
  width: 74px;
  background: #2496ff;
  border-radius: 10px 0px 0px 10px;
}
.rightSide {
  width: 196px;
  background: #ffffff;
  opacity: 0.18;
  border-radius: 0px 10px 10px 0px;
}
