@media (min-width: 240px) and (max-width: 320px) {
  html,
  body {
    font-size: 12.8px !important;
  }
}
@media (min-width: 321px) and (max-width: 360px) {
  html,
  body {
    font-size: 14.4px !important;
  }
}
@media (min-width: 361px) and (max-width: 375px) {
  html,
  body {
    font-size: 15px !important;
  }
}
@media (min-width: 376px) and (max-width: 384px) {
  html,
  body {
    font-size: 15.36px !important;
  }
}
@media (min-width: 385px) and (max-width: 414px) {
  html,
  body {
    font-size: 16.56px !important;
  }
}
@media (min-width: 415px) and (max-width: 450px) {
  html,
  body {
    font-size: 18px !important;
  }
}
@media (min-width: 451px) and (max-width: 500px) {
  html,
  body {
    font-size: 20px !important;
  }
}
@media (min-width: 501px) and (max-width: 550px) {
  html,
  body {
    font-size: 22px !important;
  }
}
@media (min-width: 551px) and (max-width: 569px) {
  html,
  body {
    font-size: 22.72px !important;
  }
}
@media (min-width: 569px) and (max-width: 640px) {
  html,
  body {
    font-size: 25.6px !important;
  }
}
@media (min-width: 641px) and (max-width: 667px) {
  html,
  body {
    font-size: 26.68px !important;
  }
}
@media (min-width: 668px) and (max-width: 736px) {
  html,
  body {
    font-size: 29.44px !important;
  }
}
@media (min-width: 738px) and (max-width: 768px) {
  html,
  body {
    font-size: 30.72px !important;
  }
}
@media (min-width: 769px) and (max-width: 900px) {
  html,
  body {
    font-size: 36px !important;
  }
}
@media (min-width: 901px) and (max-width: 1080px) {
  html,
  body {
    font-size: 43.24px !important;
  }
}
html {
  overflow-x: hidden;
}

body {
  height: 100%;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0 !important;
}
input {
  outline: none;
  border: none;
  border-radius: 0.333rem;
  background-color: #fff !important;
}

textarea {
  border-radius: 0.333rem;
  background-color: #fff !important;
}

.loading {
  width: 100%;
  padding-top: 70%;
  box-sizing: border-box;
}