@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import "../fonts/CircularStd/stylesheet.css";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  border: none;
  outline: none;
}

a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

input {
  background: transparent;
  border: none;
  outline: none;
}

.burgerToggle {
  display: block;
  width: 65px;
  height: 65px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 1199.98px) {
  .burgerToggle {
    display: none;
  }
}
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hamRotate {
  position: absolute;
  right: 0;
  top: 0;
  scale: 0.7;
}

.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 3.5;
  stroke-linecap: round;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform 400ms;
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
  stroke-dashoffset: -64px;
}

.ham8.active .middle {
  transform: rotate(90deg);
}

.ham8.active .bottom {
  stroke-dashoffset: -64px;
}

.ham8 {
  display: block;
  margin-left: auto;
}

@font-face {
  font-family: "Druk Wide Cyr";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/DrukCyr/drukwidecyr-bold.otf");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SFPro/SFProText-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SFPro/SFProText-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/SFPro/SFProText-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");
}
.op-hover {
  opacity: 1;
  transition: all 0.2s;
}
.op-hover:hover {
  opacity: 0.7;
  transition: all 0.2s;
}

.lock {
  overflow: hidden;
}

.ibg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  object-fit: cover;
}

body {
  background: rgb(14, 21, 58);
  color: #fff;
  font-family: Circular Std, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.wrapper {
  display: flex;
  min-height: 100vh;
  position: relative;
  gap: 14px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .wrapper {
    gap: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .wrapper {
    gap: calc(0px + 14 * 100vw / 1440);
  }
}
.wrapper__bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.brand-block {
  border-radius: 20px;
  background: linear-gradient(112deg, rgba(6, 11, 38, 0.94) 59.3%, rgba(26, 31, 55, 0) 100%);
  backdrop-filter: blur(60px);
  overflow: hidden;
}
@media (max-width: 767px) {
  .brand-block {
    padding-left: calc(20px + 0 * (100vw - 375px) / 1440);
    padding-right: calc(20px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-block {
    padding-left: calc(20px + 0 * 100vw / 1440);
    padding-right: calc(20px + 0 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .brand-block {
    padding-bottom: calc(20px + 3.4 * (100vw - 375px) / 1440);
    padding-top: calc(20px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-block {
    padding-bottom: calc(20px + 2 * 100vw / 1440);
    padding-top: calc(20px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-block {
    border-radius: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-block {
    border-radius: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-block {
    padding-left: calc(0px + 34 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-block {
    padding-left: calc(0px + 20 * 100vw / 1440);
    padding-right: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-block {
    padding-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-block {
    padding-bottom: calc(0px + 20 * 100vw / 1440);
    padding-top: calc(0px + 20 * 100vw / 1440);
  }
}
.brand-block.--dark {
  background: linear-gradient(127deg, rgba(6, 11, 40, 0.94) 19.41%, rgba(10, 14, 35, 0.49) 76.65%);
  backdrop-filter: blur(60px);
}

.page {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.page .--content {
  flex: 1 1 100%;
  position: relative;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .page .--content {
    padding-right: calc(18px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .page .--content {
    padding-right: calc(18px + 5 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .page .--content {
    padding-left: calc(18px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .page .--content {
    padding-left: calc(18px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .page .--content {
    padding-right: calc(0px + 39.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .page .--content {
    padding-right: calc(0px + 23 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .page .--content {
    margin-top: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .page .--content {
    margin-top: calc(0px + 20 * 100vw / 1440);
  }
}
.color-red {
  color: var(--primary-red-500-error-color, #E31A1A) !important;
}

.color-green {
  color: var(--primary-green-500-success-color, #01B574);
}

.mb20 {
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .mb20 {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .mb20 {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}

.mb10 {
  margin-bottom: 10px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .mb10 {
    margin-bottom: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .mb10 {
    margin-bottom: calc(0px + 10 * 100vw / 1440);
  }
}

.brand-table__inner {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: #212529;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-table__inner {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-table__inner {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
.brand-table__inner::-webkit-scrollbar {
  width: 0;
  opacity: 0;
  height: 0;
}
.brand-table__inner::-webkit-scrollbar-track {
  box-shadow: none;
  width: 0;
  opacity: 0;
  height: 0;
}
.brand-table__inner::-webkit-scrollbar-thumb {
  outline: 0;
  background: none;
  width: 0;
  opacity: 0;
  height: 0;
}
.brand-table table {
  border-radius: 10px;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin: -1px -1px;
}
@media (max-width: 767px) {
  .brand-table table {
    font-size: calc(10px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-table table {
    font-size: calc(10px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-table table {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-table table {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-table table {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-table table {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.brand-table table th {
  text-align: center;
}
.brand-table table th, .brand-table table td {
  border: 1px solid rgba(255, 255, 255, 0.24);
  padding: 9px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-table table th, .brand-table table td {
    padding-left: calc(0px + 15.3 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-table table th, .brand-table table td {
    padding-left: calc(0px + 9 * 100vw / 1440);
    padding-right: calc(0px + 9 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-table table th, .brand-table table td {
    padding-bottom: calc(0px + 15.3 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-table table th, .brand-table table td {
    padding-bottom: calc(0px + 9 * 100vw / 1440);
    padding-top: calc(0px + 9 * 100vw / 1440);
  }
}
.brand-table table td {
  text-align: left;
}

.brand-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  padding: 9px;
  border-radius: 10px;
  background: #0075FF;
  backdrop-filter: blur(60px);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-button {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-button {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-button {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-button {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-button {
    padding-left: calc(0px + 15.3 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-button {
    padding-left: calc(0px + 9 * 100vw / 1440);
    padding-right: calc(0px + 9 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-button {
    padding-bottom: calc(0px + 15.3 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-button {
    padding-bottom: calc(0px + 9 * 100vw / 1440);
    padding-top: calc(0px + 9 * 100vw / 1440);
  }
}
.brand-button.--green {
  background: #1A8754;
  display: block;
}
.brand-button.--grey {
  background: #5C6D81;
  display: block;
}

.brand-input__control {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__control {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__control {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
.brand-input__label {
  border-right: 1px solid rgba(255, 255, 255, 0.24);
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  white-space: nowrap;
  min-width: 30%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .brand-input__label {
    font-size: calc(10px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-input__label {
    font-size: calc(10px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .brand-input__label {
    padding-bottom: calc(12px + 0 * (100vw - 375px) / 1440);
    padding-top: calc(12px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-input__label {
    padding-bottom: calc(12px + 0 * 100vw / 1440);
    padding-top: calc(12px + 0 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .brand-input__label {
    padding-left: calc(7px + 20.4 * (100vw - 375px) / 1440);
    padding-right: calc(7px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-input__label {
    padding-left: calc(7px + 12 * 100vw / 1440);
    padding-right: calc(7px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__label {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__label {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__label {
    padding-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__label {
    padding-bottom: calc(0px + 12 * 100vw / 1440);
    padding-top: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__label {
    padding-left: calc(0px + 32.3 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__label {
    padding-left: calc(0px + 19 * 100vw / 1440);
    padding-right: calc(0px + 19 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .brand-input__label {
    min-width: 40%;
  }
}
.brand-input__holder {
  width: 100%;
}
.brand-input__holder input {
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .brand-input__holder input {
    padding-left: calc(4px + 49.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-input__holder input {
    padding-left: calc(4px + 29 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__holder input {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__holder input {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__holder input {
    padding-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__holder input {
    padding-bottom: calc(0px + 12 * 100vw / 1440);
    padding-top: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-input__holder input {
    padding-left: calc(4px + 49.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-input__holder input {
    padding-left: calc(4px + 29 * 100vw / 1440);
  }
}

.--textarea .brand-input__control {
  border: none;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
}
.--textarea label {
  border: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 4px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .--textarea label {
    margin-bottom: calc(0px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .--textarea label {
    margin-bottom: calc(0px + 4 * 100vw / 1440);
  }
}
.--textarea textarea {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: center;
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  display: block;
  width: 100%;
  height: 100%;
  height: 148px;
}
@media (max-width: 767px) {
  .--textarea textarea {
    font-size: calc(10px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .--textarea textarea {
    font-size: calc(10px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .--textarea textarea {
    padding-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .--textarea textarea {
    padding-bottom: calc(0px + 12 * 100vw / 1440);
    padding-top: calc(0px + 12 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .--textarea textarea {
    padding-left: calc(4px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .--textarea textarea {
    padding-left: calc(4px + 6 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .--textarea textarea {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .--textarea textarea {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .--textarea textarea {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .--textarea textarea {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}

.--file .brand-input__control {
  overflow: hidden;
}
.--file .brand-input__label {
  color: #8093B3;
  background: var(--Grays-White, #FFF);
}
.--file .brand-input__holder {
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  margin-left: 12px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .--file .brand-input__holder {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .--file .brand-input__holder {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .--file .brand-input__holder {
    margin-left: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .--file .brand-input__holder {
    margin-left: calc(0px + 12 * 100vw / 1440);
  }
}
.--file input {
  display: none;
}

.brand-select {
  display: block;
  width: 100%;
  height: 100%;
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  background: transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  .brand-select {
    padding-left: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .brand-select {
    padding-left: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-select {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-select {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-select {
    padding-left: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-select {
    padding-left: calc(0px + 25 * 100vw / 1440);
  }
}
.brand-select option {
  background: rgba(6, 11, 38, 0.74);
  cursor: pointer;
  padding-left: 10px;
  color: #fff;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-select option {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-select option {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .brand-select option {
    padding-left: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .brand-select option {
    padding-left: calc(0px + 10 * 100vw / 1440);
  }
}

.brand-tabs ul {
  display: flex;
  align-items: stretch;
}
.brand-tabs ul li {
  display: block;
  height: 100%;
  width: 100%;
}
.brand-tabs ul li a {
  display: block;
  width: 100%;
  text-align: center;
}
.brand-tabs ul li a.brand-button {
  background: transparent;
  backdrop-filter: none;
}
.brand-tabs ul li a.brand-button.active {
  background: #0075FF;
}

.navigation {
  margin-top: 9px;
  margin-left: 10px;
  margin-bottom: 10px;
  padding-top: 33px;
  flex: 0 0 264px;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: fit-content;
  position: relative;
}
@media (min-width: 1600px) {
  .navigation {
    flex: 0 0 20%;
  }
}
@media (max-width: 1199.98px) {
  .navigation {
    position: absolute;
    top: -3000px;
    opacity: 0;
    left: -1000px;
  }
}
@media (max-width: 1199.98px) {
  .navigation.--active {
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    opacity: 1;
    z-index: 3;
    border-radius: 0;
    margin: 0;
  }
}
.navigation__logo {
  width: 160px;
  margin: 0 auto 17px;
  display: block;
}
@media (min-width: 1600px) {
  .navigation__logo {
    width: 60%;
  }
}
.navigation__logo img {
  width: 100%;
  display: block;
}
.navigation__line {
  height: 1px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="234" height="1" viewBox="0 0 234 1" fill="none"><path d="M0 0.5H233.25" stroke="url(%23paint0_linear_101_3928)"/><defs><linearGradient id="paint0_linear_101_3928" x1="0" y1="0.5" x2="231" y2="0.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23E0E1E2" stop-opacity="0"/><stop offset="0.5" stop-color="%23E0E1E2"/><stop offset="1" stop-color="%23E0E1E2" stop-opacity="0.15625"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 100%;
  width: 100%;
  max-width: 233px;
  margin: 0 auto 22.5px;
  opacity: 0.6;
}
@media (min-width: 1600px) {
  .navigation__line {
    max-width: 85%;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__line {
    margin-top: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__line {
    margin-top: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__line {
    margin-bottom: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__line {
    margin-bottom: calc(0px + 25 * 100vw / 1440);
  }
}
.navigation__bottom {
  flex: 1 1 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-bottom: 10px;
  margin-top: 40px;
}
.navigation__bottom-info {
  position: relative;
  padding: 20px;
  margin-bottom: 160px !important;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info {
    padding-left: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info {
    padding-left: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info {
    padding-right: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info {
    padding-right: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info {
    padding-top: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info {
    padding-top: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info {
    padding-bottom: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info {
    padding-bottom: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info {
    border-radius: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info {
    border-radius: calc(0px + 25 * 100vw / 1440);
  }
}
.navigation__bottom-info-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.navigation__bottom-info-icon {
  width: 35px;
  height: 35px;
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info-icon {
    width: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info-icon {
    width: calc(0px + 45 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info-icon {
    height: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info-icon {
    height: calc(0px + 45 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info-icon {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info-icon {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.navigation__bottom-info p {
  color: var(--black-amp-white-white, var(--Grays-White, #FFF));
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
  margin-bottom: 4px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info p {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info p {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
.navigation__bottom-info span {
  color: var(--black-amp-white-white, var(--Grays-White, #FFF));
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 12px */
  display: block;
  margin-bottom: 6px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info span {
    font-size: calc(0px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info span {
    font-size: calc(0px + 13 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info span {
    margin-bottom: calc(0px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info span {
    margin-bottom: calc(0px + 6 * 100vw / 1440);
  }
}
.navigation__bottom-info a {
  width: 70%;
  min-width: fit-content;
  display: block;
  color: var(--Grays-White, #FFF);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 10px */
  border-radius: 12px;
  background: linear-gradient(127deg, rgba(6, 11, 40, 0.74) 28.26%, rgba(10, 14, 35, 0.71) 91.2%);
  backdrop-filter: blur(5px);
  padding: 14px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    border-radius: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    border-radius: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    font-size: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    font-size: calc(0px + 11 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    padding-top: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    padding-top: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    padding-left: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    padding-left: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    padding-right: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    padding-right: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .navigation__bottom-info a {
    padding-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .navigation__bottom-info a {
    padding-bottom: calc(0px + 12 * 100vw / 1440);
  }
}

.menu__item {
  width: 219px;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .menu__item {
    width: 80%;
  }
}
.menu__item.--active .menu__link {
  border-radius: 15px;
  background: #1A1F37;
  box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__item.--active .menu__link {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__item.--active .menu__link {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
.menu__item.--active .menu__link.--inside {
  background: transparent;
  box-shadow: none;
}
.menu__item.--active .menu__icon-holder {
  background: #0075FF;
}
.menu__item.--active .menu__icon {
  fill: #fff;
}
.menu__item.--active .menu__icon.--stroke {
  fill: none;
  stroke: #fff;
}
.menu__title {
  color: var(--Grays-White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  padding: 12px;
  padding-left: 30px;
  margin-left: 12px;
}
@media (max-width: 1199.98px) {
  .menu__title {
    margin: 0 auto;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__title {
    font-size: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__title {
    font-size: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__title {
    padding-top: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__title {
    padding-top: calc(0px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__title {
    padding-left: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__title {
    padding-left: calc(0px + 40 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__title {
    padding-right: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__title {
    padding-right: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__title {
    padding-bottom: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__title {
    padding-bottom: calc(0px + 10 * 100vw / 1440);
  }
}
.menu__link {
  color: var(--Grays-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  width: 100%;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    font-size: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    font-size: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    padding-top: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    padding-top: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    padding-left: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    padding-left: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    padding-right: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    padding-right: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    padding-bottom: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    padding-bottom: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link {
    gap: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link {
    gap: calc(0px + 15 * 100vw / 1440);
  }
}
.menu__link.--inside {
  padding-left: 61px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 1600px) {
  .menu__link.--inside {
    padding-left: 61px;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__link.--inside {
    padding-left: calc(0px + 119 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__link.--inside {
    padding-left: calc(0px + 70 * 100vw / 1440);
  }
}
.menu button.menu__link {
  position: relative;
}
.menu button.menu__link:after {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.4701 10.4717C8.20975 10.7321 7.78764 10.7321 7.52729 10.4717L2.86063 5.80506C2.60028 5.54471 2.60028 5.1226 2.86063 4.86225C3.12098 4.60191 3.54309 4.60191 3.80344 4.86225L7.9987 9.05752L12.194 4.86225C12.4543 4.6019 12.8764 4.6019 13.1368 4.86225C13.3971 5.1226 13.3971 5.54471 13.1368 5.80506L8.4701 10.4717Z" fill="white"/></svg>');
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.2s;
  width: 16px;
  height: 16px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu button.menu__link:after {
    width: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu button.menu__link:after {
    width: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu button.menu__link:after {
    height: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu button.menu__link:after {
    height: calc(0px + 16 * 100vw / 1440);
  }
}
.menu button.menu__link.collapsed:after {
  transform: translateY(-50%) rotate(0deg);
}
.menu__icon {
  fill: #0075FF;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__icon {
    width: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__icon {
    width: calc(0px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__icon {
    height: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__icon {
    height: calc(0px + 22 * 100vw / 1440);
  }
}
.menu__icon.--stroke {
  fill: none;
  stroke: #0075FF;
}
.menu__icon-holder {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #1A1F37;
  box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__icon-holder {
    width: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__icon-holder {
    width: calc(0px + 40 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__icon-holder {
    height: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__icon-holder {
    height: calc(0px + 40 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .menu__icon-holder {
    border-radius: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .menu__icon-holder {
    border-radius: calc(0px + 14 * 100vw / 1440);
  }
}

.header {
  position: relative;
  width: 100%;
  background: linear-gradient(90deg, #06183E 0%, #09338E 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .header {
    height: calc(52px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header {
    height: calc(52px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header {
    height: calc(22px + 85 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header {
    height: calc(22px + 50 * 100vw / 1440);
  }
}
.header__steps {
  color: var(--Grays-White, rgba(176, 176, 176, 0.71));
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .header__steps {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__steps {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
@media (max-width: 1199.98px) {
  .header__steps {
    display: none;
  }
}
.header__burger {
  display: none;
}
@media (max-width: 1199.98px) {
  .header__burger {
    display: block;
    z-index: 4;
    position: relative;
  }
}
.header__right {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header__right {
    gap: calc(10px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__right {
    gap: calc(10px + 8 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__right {
    gap: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__right {
    gap: calc(0px + 18 * 100vw / 1440);
  }
}
.header__langs {
  color: var(--Grays-White, #FFF);
  text-align: center;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__langs {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__langs {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.header__langs button {
  color: var(--Grays-White, #FFF);
}
.header__langs ul {
  min-width: 40px;
  cursor: pointer;
  background: #0F1535;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 767px) {
  .header__langs ul {
    width: calc(30px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__langs ul {
    width: calc(30px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__langs ul {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__langs ul {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__langs ul {
    width: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__langs ul {
    width: calc(0px + 40 * 100vw / 1440);
  }
}
.header__langs ul li + li {
  margin-top: 5px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__langs ul li + li {
    margin-top: calc(0px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__langs ul li + li {
    margin-top: calc(0px + 5 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .header__tg {
    width: calc(28px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__tg {
    width: calc(28px + 7 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .header__tg {
    height: calc(28px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__tg {
    height: calc(28px + 7 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .header__tg {
    margin-right: calc(15px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .header__tg {
    margin-right: calc(15px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__tg {
    width: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__tg {
    width: calc(0px + 35 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__tg {
    height: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__tg {
    height: calc(0px + 35 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .header__tg {
    margin-right: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .header__tg {
    margin-right: calc(0px + 30 * 100vw / 1440);
  }
}
.header__tg-icon {
  width: 100%;
  height: 100%;
}

.referal-link {
  display: flex;
  align-items: center;
  color: #A0AEC0;
}
@media (max-width: 767px) {
  .referal-link {
    font-size: calc(9px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link {
    font-size: calc(9px + 3 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link {
    gap: calc(3px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link {
    gap: calc(3px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.referal-link__field {
  color: #fff;
  cursor: pointer;
  border: 0.5px solid rgba(226, 232, 240, 0.3);
  background: #0F1535;
  font-style: normal;
  font-weight: 450;
  line-height: 150%; /* 18px */
}
@media (max-width: 767px) {
  .referal-link__field {
    border-radius: calc(7px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field {
    border-radius: calc(7px + 8 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link__field {
    font-size: calc(9px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field {
    font-size: calc(9px + 3 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link__field {
    padding-left: calc(6px + 27.2 * (100vw - 375px) / 1440);
    padding-right: calc(6px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field {
    padding-left: calc(6px + 16 * 100vw / 1440);
    padding-right: calc(6px + 16 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link__field {
    padding-bottom: calc(6px + 5.1 * (100vw - 375px) / 1440);
    padding-top: calc(6px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field {
    padding-bottom: calc(6px + 3 * 100vw / 1440);
    padding-top: calc(6px + 3 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link__field {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link__field {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link__field {
    padding-left: calc(0px + 37.4 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link__field {
    padding-left: calc(0px + 22 * 100vw / 1440);
    padding-right: calc(0px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link__field {
    padding-bottom: calc(0px + 15.3 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link__field {
    padding-bottom: calc(0px + 9 * 100vw / 1440);
    padding-top: calc(0px + 9 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link__field svg {
    width: calc(8px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field svg {
    width: calc(8px + 10 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .referal-link__field svg {
    height: calc(8px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .referal-link__field svg {
    height: calc(8px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link__field svg {
    width: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link__field svg {
    width: calc(0px + 18 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .referal-link__field svg {
    height: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .referal-link__field svg {
    height: calc(0px + 18 * 100vw / 1440);
  }
}

.login-page {
  min-height: 100vh;
  background: #000;
  color: #fff;
  font-family: Circular Std, sans-serif;
  display: flex;
  overflow: hidden;
}
.login-page__left {
  position: relative;
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .login-page__left {
    position: inherit;
    flex: 0;
  }
}
.login-page__left-inner {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 991.98px) {
  .login-page__left-inner {
    display: none;
  }
}
.login-page__left h1 {
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 36px */
  letter-spacing: 6.48px;
  background: linear-gradient(95deg, #FFF 79.99%, #21242F 102.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.login-page__left h2 {
  color: var(--Grays-White, #FFF);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20px */
  letter-spacing: 3.6px;
  margin-bottom: 15px;
}
.login-page__bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  opacity: 1;
}
@media screen and (max-width: 991.98px) {
  .login-page__bg {
    opacity: 0.5;
  }
}
.login-page__right {
  flex: 1 0 550px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(159deg, #0F123B 14.25%, #090D2E 56.45%, #020515 86.14%);
  display: flex;
  align-content: space-around;
  height: 100vh;
  flex-wrap: wrap;
}
@media screen and (max-width: 991.98px) {
  .login-page__right {
    flex: 1 1 100%;
    overflow: scroll;
    height: 100vh;
    align-items: flex-start;
  }
}
.login-page__right-inner {
  max-width: 450px;
  z-index: 2;
  position: relative;
  width: 100%;
  padding-top: 30px;
}
.login-page__right-inner-logo {
  display: none;
}
@media (max-width: 575.98px) {
  .login-page__right-inner-logo {
    display: block;
    margin: 0 auto 50px;
    width: 50%;
    max-width: 300px;
  }
}
.login-page__right-inner h3 {
  color: var(--Grays-White, #FFF);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 39px */
  margin-bottom: 6px;
}
@media (max-width: 575.98px) {
  .login-page__right-inner h3 {
    display: none;
  }
}
.login-page__right-inner h4 {
  color: var(--Gray-Gray-400, #A0AEC0);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .login-page__right-inner h4 {
    display: none;
  }
}
.login-page__right-inner p {
  color: var(--Gray-Gray-400, #A0AEC0);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  margin-bottom: 10px;
}
.login-page__right-inner p span {
  color: var(--Grays-White, #FFF);
}
.login-page__form {
  max-width: 270px;
  margin: 0 auto;
}
.login-page__form h5 {
  margin-bottom: 30px;
}
@media (max-width: 575.98px) {
  .login-page__form h5 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 39px */
  }
}
.login-page__form button {
  border-radius: 12px;
  background: #0075FF;
  backdrop-filter: blur(60px);
  color: var(--Grays-White, #FFF);
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 15px */
  padding: 14px;
  width: 100%;
  margin-bottom: 14px;
}
.login-page__input + .login-page__input {
  margin-top: 17px;
}
.login-page__input label {
  display: block;
  text-align: left;
  cursor: pointer;
}
.login-page__input-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.login-page__input-holder {
  height: 50px;
  width: 262px;
  position: relative;
}
.login-page__input-holder input {
  width: 100%;
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 3px 10px 3px 20px;
  color: #fff;
}
.login-page__checkbox {
  margin-top: 30px;
  margin-bottom: 30px;
}
.login-page__checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.login-page__checkbox label {
  color: var(--Grays-White, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 18px */
  position: relative;
  display: flex;
  align-items: center;
}
.login-page__checkbox label:before {
  content: "";
  -webkit-appearance: none;
  cursor: pointer;
  margin-right: 5px;
  width: 27px;
  height: 18px;
  display: inline-block;
  background: #5f6e80;
  border-radius: 24px;
}
.login-page__checkbox label:after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
  top: 2.3px;
  left: 2.3px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 50%;
}
.login-page__checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2.3px;
  left: 12.3px;
  width: 13px;
  height: 13px;
}
.login-page__checkbox input:checked + label:before {
  background: #0075FF;
}

.dashboard__balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dashboard__balance-number {
  color: var(--Gray-Gray-400, #A0AEC0);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-number {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-number {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.dashboard__balance-number p {
  color: var(--Grays-White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  margin-top: 3px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-number p {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-number p {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-number p {
    margin-top: calc(0px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-number p {
    margin-top: calc(0px + 3 * 100vw / 1440);
  }
}
.dashboard__balance-number p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-number p span {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-number p span {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.dashboard__balance-icon {
  width: 22px;
  height: 22px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-icon {
    width: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-icon {
    width: calc(0px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-icon {
    height: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-icon {
    height: calc(0px + 22 * 100vw / 1440);
  }
}
.dashboard__balance-icon-holder {
  border-radius: 12px;
  background: #0075FF;
  box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-icon-holder {
    border-radius: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-icon-holder {
    border-radius: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-icon-holder {
    width: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-icon-holder {
    width: calc(0px + 45 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__balance-icon-holder {
    height: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__balance-icon-holder {
    height: calc(0px + 45 * 100vw / 1440);
  }
}
.dashboard__robot {
  position: relative;
  color: var(--Gray-Gray-400, #A0AEC0);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  height: 100%;
}
@media (max-width: 767px) {
  .dashboard__robot {
    padding-top: calc(30px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .dashboard__robot {
    padding-top: calc(30px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot {
    padding-top: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot {
    padding-top: calc(0px + 40 * 100vw / 1440);
  }
}
.dashboard__robot-bg {
  z-index: -1;
}
.dashboard__robot p {
  color: var(--Grays-White, #FFF);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 28px */
  margin-top: 11px;
  margin-bottom: 19px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot p {
    font-size: calc(0px + 47.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot p {
    font-size: calc(0px + 28 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot p {
    margin-top: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot p {
    margin-top: calc(0px + 11 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot p {
    margin-bottom: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot p {
    margin-bottom: calc(0px + 19 * 100vw / 1440);
  }
}
.dashboard__robot span {
  font-size: 16px;
  display: block;
}
@media (max-width: 767px) {
  .dashboard__robot span {
    margin-bottom: calc(100px + 221 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .dashboard__robot span {
    margin-bottom: calc(100px + 130 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot span {
    font-size: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot span {
    font-size: calc(0px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot span {
    margin-bottom: calc(0px + 391 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot span {
    margin-bottom: calc(0px + 230 * 100vw / 1440);
  }
}
.dashboard__robot-right h5 {
  color: var(--Secondary-Primary-White, var(--Grays-White, #FFF));
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  margin-bottom: 12px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot-right h5 {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot-right h5 {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__robot-right h5 {
    margin-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__robot-right h5 {
    margin-bottom: calc(0px + 12 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .dashboard__robot-right .col-12.col-sm-6 + .col-12.col-sm-6 {
    margin-top: 20px;
  }
}
.dashboard__video {
  object-fit: contain;
}
.dashboard__video-holder {
  position: relative;
  padding-top: 23%;
}
@media (max-width: 575.98px) {
  .dashboard__video-holder {
    padding-top: 40%;
  }
}
.dashboard__chart-holder h5 {
  color: var(--Secondary-Primary-White, var(--Grays-White, #FFF));
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  margin-bottom: 40px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__chart-holder h5 {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__chart-holder h5 {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__chart-holder h5 {
    margin-bottom: calc(0px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__chart-holder h5 {
    margin-bottom: calc(0px + 40 * 100vw / 1440);
  }
}
.dashboard__chart-holder span {
  display: block;
  color: var(--primary-green-500-success-color, #01B574);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__chart-holder span {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__chart-holder span {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.dashboard__location h5 {
  color: var(--Secondary-Primary-White, var(--Grays-White, #FFF));
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location h5 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location h5 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location h5 {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location h5 {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.dashboard__location-map {
  width: 100%;
}
.dashboard__location-map-holder {
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-map-holder {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-map-holder {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.dashboard__location-row {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.32);
  margin-bottom: 34px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-row {
    height: calc(0px + 1.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-row {
    height: calc(0px + 1 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-row {
    margin-bottom: calc(0px + 57.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-row {
    margin-bottom: calc(0px + 34 * 100vw / 1440);
  }
}
.dashboard__location-users {
  border-radius: 20px;
  background: rgba(134, 134, 134, 0.21);
  backdrop-filter: blur(60px);
  padding: 18px 28px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-users {
    border-radius: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-users {
    border-radius: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-users {
    padding-left: calc(0px + 47.6 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 47.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-users {
    padding-left: calc(0px + 28 * 100vw / 1440);
    padding-right: calc(0px + 28 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-users {
    padding-bottom: calc(0px + 30.6 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-users {
    padding-bottom: calc(0px + 18 * 100vw / 1440);
    padding-top: calc(0px + 18 * 100vw / 1440);
  }
}
.dashboard__location-user {
  color: #CDCDCD;
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  flex: 1 1 50%;
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.dashboard__location-user span {
  color: rgba(205, 205, 205, 0.75);
  font-size: 13px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user span {
    font-size: calc(0px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user span {
    font-size: calc(0px + 13 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user span {
    gap: calc(0px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user span {
    gap: calc(0px + 6 * 100vw / 1440);
  }
}
.dashboard__location-user span img {
  width: 20px;
  height: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user span img {
    width: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user span img {
    width: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__location-user span img {
    height: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__location-user span img {
    height: calc(0px + 20 * 100vw / 1440);
  }
}
.dashboard__unilevel-holder h5 {
  text-align: center;
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__unilevel-holder h5 {
    font-size: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__unilevel-holder h5 {
    font-size: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__unilevel-holder h5 {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__unilevel-holder h5 {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.dashboard__demo {
  position: relative;
}
@media (max-width: 767px) {
  .dashboard__demo {
    padding-left: calc(20px + 255 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .dashboard__demo {
    padding-left: calc(20px + 150 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .dashboard__demo {
    padding-bottom: calc(20px + 30.6 * (100vw - 375px) / 1440);
    padding-top: calc(20px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .dashboard__demo {
    padding-bottom: calc(20px + 18 * 100vw / 1440);
    padding-top: calc(20px + 18 * 100vw / 1440);
  }
}
.dashboard__demo h2 {
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 37.8px */
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .dashboard__demo h2 {
    font-size: calc(17px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .dashboard__demo h2 {
    font-size: calc(17px + 10 * 100vw / 1440);
  }
}
@media (max-width: 767.98px) {
  .dashboard__demo h2 {
    margin-bottom: 62px;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__demo h2 {
    font-size: calc(0px + 45.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__demo h2 {
    font-size: calc(0px + 27 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__demo h2 {
    margin-bottom: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__demo h2 {
    margin-bottom: calc(0px + 25 * 100vw / 1440);
  }
}
.dashboard__demo p {
  color: var(--Grays-White, #FFF);
  font-size: 17px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  padding-bottom: 18px;
  margin-bottom: 11px;
  position: relative;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__demo p {
    font-size: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__demo p {
    font-size: calc(0px + 17 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__demo p {
    margin-bottom: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__demo p {
    margin-bottom: calc(0px + 11 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .dashboard__demo p {
    padding-bottom: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .dashboard__demo p {
    padding-bottom: calc(0px + 18 * 100vw / 1440);
  }
}
.dashboard__demo p::after {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.23);
  height: 1px;
  width: 100%;
  max-width: 495px;
}
@media (max-width: 767.98px) {
  .dashboard__demo p::after {
    max-width: 165px;
  }
}
@media (min-width: 1600px) {
  .dashboard__demo p::after {
    max-width: 53%;
  }
}
.dashboard__demo img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .dashboard__demo img {
    opacity: 0.7;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
  }
}

.features__packages {
  justify-content: center;
  display: flex;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .features__packages {
    gap: calc(20px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .features__packages {
    gap: calc(20px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .features__packages {
    border-radius: calc(0px + 74.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .features__packages {
    border-radius: calc(0px + 44 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .features__packages {
    gap: calc(0px + 74.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .features__packages {
    gap: calc(0px + 44 * 100vw / 1440);
  }
}

.package {
  border-radius: 50px;
  background: rgba(40, 91, 151, 0.27);
  box-shadow: 0px 33px 56px -36px rgba(255, 255, 255, 0.5) inset, 0px 7px 11px -4px #FFF inset, 0px -82px 68px -68px rgba(0, 78, 229, 0.3) inset, 0px 98px 100px 0px rgba(0, 78, 229, 0.3) inset, 0px 4px 18px 0px rgba(1, 148, 254, 0.2) inset, 0px 1px 40px 0px #0194FE inset;
  backdrop-filter: blur(50px);
  position: relative;
}
@media (max-width: 767px) {
  .package {
    padding-left: calc(32px + 1.7 * (100vw - 375px) / 1440);
    padding-right: calc(32px + 1.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .package {
    padding-left: calc(32px + 1 * 100vw / 1440);
    padding-right: calc(32px + 1 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .package {
    padding-bottom: calc(22px + 22.1 * (100vw - 375px) / 1440);
    padding-top: calc(22px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .package {
    padding-bottom: calc(22px + 13 * 100vw / 1440);
    padding-top: calc(22px + 13 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package {
    padding-left: calc(0px + 56.1 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 56.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package {
    padding-left: calc(0px + 33 * 100vw / 1440);
    padding-right: calc(0px + 33 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package {
    padding-bottom: calc(0px + 59.5 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package {
    padding-bottom: calc(0px + 35 * 100vw / 1440);
    padding-top: calc(0px + 35 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package {
    border-radius: calc(30px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package {
    border-radius: calc(30px + 20 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .package-holder {
    flex: 0 0 calc(32% - (40px + 0 * (100vw - 375px) / 1440));
  }
}
@media (min-width: 767px) {
  .package-holder {
    flex: 0 0 calc(32% - (40px + 0 * 100vw / 1440));
  }
}
@media (max-width: 445.98px) {
  .package-holder {
    flex: 0 0 100%;
  }
}
@media (max-width: 1439.98px) and (max-width: 767px) {
  .package {
    padding-left: calc(32px + 0 * (100vw - 375px) / 1440);
    padding-right: calc(32px + 0 * (100vw - 375px) / 1440);
  }
}
@media (max-width: 1439.98px) and (min-width: 767px) {
  .package {
    padding-left: calc(32px + 0 * 100vw / 1440);
    padding-right: calc(32px + 0 * 100vw / 1440);
  }
}
@media (max-width: 1439.98px) and (max-width: 767px) {
  .package {
    padding-bottom: calc(22px + 18.7 * (100vw - 375px) / 1440);
    padding-top: calc(22px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (max-width: 1439.98px) and (min-width: 767px) {
  .package {
    padding-bottom: calc(22px + 11 * 100vw / 1440);
    padding-top: calc(22px + 11 * 100vw / 1440);
  }
}
@media (max-width: 445.98px) {
  .package {
    min-width: auto;
  }
}
.package h2 {
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package h2 {
    font-size: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package h2 {
    font-size: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package h2 {
    margin-bottom: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package h2 {
    margin-bottom: calc(0px + 10 * 100vw / 1440);
  }
}
.package__inner {
  display: flex;
  flex-direction: column;
  font-family: SF Pro Text, sans-serif;
  font-weight: 400;
}
.package__top-blocks {
  display: flex;
  margin-bottom: 25px;
  gap: 15px;
  flex-wrap: wrap;
}
.package__chart {
  width: 100%;
  margin: 0 auto 16px;
  text-align: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__chart {
    margin-bottom: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__chart {
    margin-bottom: calc(0px + 16 * 100vw / 1440);
  }
}
.package__chart img {
  width: 80%;
}
.package__chart.--image img {
  width: 100%;
}
.package__top-block {
  color: var(--Grays-White, #FFF);
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex: 1 1 calc(50% - 15px);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__top-block {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__top-block {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.package__top-block p {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex: 1 1 calc(50% - 15px);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__top-block p {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__top-block p {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.package__top-block p.--blue {
  color: #0194FE;
}
.package__top-block p.--blue span {
  color: #fff;
  font-weight: 400;
}
.package__top-blocks-row {
  display: flex;
  margin-bottom: 25px;
  gap: 15px;
  text-align: center;
}
.package__top-block-row {
  flex: 1 1 calc(50% - 15px);
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.package__top-block-row:nth-child(1) {
  text-align: left;
}
.package__top-block-row p {
  margin-top: 4px;
}
.package__hr {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.43);
  margin-bottom: 17px;
}
.package__year {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 23px;
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__year {
    gap: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__year {
    gap: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__year {
    font-size: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__year {
    font-size: calc(0px + 30 * 100vw / 1440);
  }
}
.package__year span {
  color: #0194FE;
  font-family: SF Pro Text, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: block;
  margin-top: -5px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__year span {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__year span {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
.package__action {
  display: block;
  width: 97%;
  margin: 0 auto 0;
  padding: 10px;
  text-align: center;
  background-color: #0679FB;
  border-radius: 5px;
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__action {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__action {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .package__action {
    border-radius: calc(0px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .package__action {
    border-radius: calc(0px + 5 * 100vw / 1440);
  }
}

.network h1 {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .network h1 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .network h1 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .network h1 {
    margin-bottom: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .network h1 {
    margin-bottom: calc(0px + 10 * 100vw / 1440);
  }
}
.network h2 {
  color: var(--Grays-White, #FFF);
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 20px */
  margin-bottom: 20px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .network h2 {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .network h2 {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .network h2 {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .network h2 {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}

.unilevel-tree {
  min-height: 400px;
}
.unilevel-tree__h1 {
  text-transform: capitalize !important;
}

.rank__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__title {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__title {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__title {
    margin-bottom: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__title {
    margin-bottom: calc(0px + 14 * 100vw / 1440);
  }
}
.rank__title h3 {
  color: var(--Grays-White, #FFF);
  font-family: Circular Std, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__title h3 {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__title h3 {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
.rank__title h3 p {
  color: #9F9F9F;
  font-family: Circular Std, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  margin-top: 3px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__title h3 p {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__title h3 p {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__title h3 p {
    margin-top: calc(0px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__title h3 p {
    margin-top: calc(0px + 3 * 100vw / 1440);
  }
}
.rank__title h3 p span {
  color: #E6E6E6;
}
.rank__title .brand-button {
  white-space: nowrap;
}
.rank__row {
  gap: 10px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .rank__row {
    padding-left: calc(20px + 25.5 * (100vw - 375px) / 1440);
    padding-right: calc(20px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank__row {
    padding-left: calc(20px + 15 * 100vw / 1440);
    padding-right: calc(20px + 15 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .rank__row {
    padding-bottom: calc(10px + 11.9 * (100vw - 375px) / 1440);
    padding-top: calc(10px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank__row {
    padding-bottom: calc(10px + 7 * 100vw / 1440);
    padding-top: calc(10px + 7 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row {
    padding-left: calc(0px + 59.5 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row {
    padding-left: calc(0px + 35 * 100vw / 1440);
    padding-right: calc(0px + 35 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row {
    padding-bottom: calc(0px + 28.9 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row {
    padding-bottom: calc(0px + 17 * 100vw / 1440);
    padding-top: calc(0px + 17 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row {
    gap: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row {
    gap: calc(0px + 10 * 100vw / 1440);
  }
}
.rank__row-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.rank__row-info {
  color: rgba(255, 255, 255, 0.74);
  font-family: Circular Std, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}
@media (max-width: 767px) {
  .rank__row-info {
    font-size: calc(12px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank__row-info {
    font-size: calc(12px + 6 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-info {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-info {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
.rank__row-info span {
  font-size: 20px;
  opacity: 1;
  color: #fff;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-info span {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-info span {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
.rank__row-icon {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  background: #0075FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-icon {
    border-radius: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-icon {
    border-radius: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-icon {
    width: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-icon {
    width: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-icon {
    height: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-icon {
    height: calc(0px + 30 * 100vw / 1440);
  }
}
.rank__row-icon svg {
  width: 100%;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-icon svg {
    width: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-icon svg {
    width: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__row-icon svg {
    height: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__row-icon svg {
    height: calc(0px + 20 * 100vw / 1440);
  }
}
.rank__more {
  text-align: center;
  margin: 16px auto 0;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__more {
    margin-top: calc(0px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__more {
    margin-top: calc(0px + 16 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .rank__more svg {
    width: calc(30px + 68 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank__more svg {
    width: calc(30px + 40 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .rank__more svg {
    height: calc(21px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank__more svg {
    height: calc(21px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__more svg {
    width: calc(0px + 119 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__more svg {
    width: calc(0px + 70 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank__more svg {
    height: calc(0px + 35.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank__more svg {
    height: calc(0px + 21 * 100vw / 1440);
  }
}
.rank .collapsed-ranks .rank__more {
  transform: rotate(180deg);
  transition: all 0.2s;
}
.rank .collapsed-ranks.collapsed .rank__more {
  transform: rotate(0deg);
  transition: all 0.2s;
}

.rank-list__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #9F9F9F;
  font-family: Circular Std, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .rank-list__item-top {
    padding-left: calc(5px + 25.5 * (100vw - 375px) / 1440);
    padding-right: calc(5px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .rank-list__item-top {
    padding-left: calc(5px + 15 * 100vw / 1440);
    padding-right: calc(5px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-top {
    margin-bottom: calc(0px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-top {
    margin-bottom: calc(0px + 6 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-top {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-top {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-top {
    padding-left: calc(0px + 34 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-top {
    padding-left: calc(0px + 20 * 100vw / 1440);
    padding-right: calc(0px + 20 * 100vw / 1440);
  }
}
.rank-list__item-top span {
  color: #fff;
}
.rank-list__item-progress {
  width: 100%;
  height: 15px;
  border-radius: 7px;
  background: rgba(217, 217, 217, 0.22);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-progress {
    height: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-progress {
    height: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-progress {
    border-radius: calc(0px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-progress {
    border-radius: calc(0px + 7 * 100vw / 1440);
  }
}
.rank-list__item-progress-inner {
  height: 15px;
  width: 0;
  border-radius: 7px;
  background: linear-gradient(270deg, #5FC5FF 0%, #0075FF 52.4%, #0035BF 100%);
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-progress-inner {
    height: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-progress-inner {
    height: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .rank-list__item-progress-inner {
    border-radius: calc(0px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .rank-list__item-progress-inner {
    border-radius: calc(0px + 7 * 100vw / 1440);
  }
}

.ranks {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .ranks {
    gap: 10px;
    justify-content: space-between;
  }
}
@media (max-width: 450.98px) {
  .ranks {
    gap: 5px;
  }
}
@media (max-width: 450.98px) and (max-width: 767px) {
  .ranks {
    margin-left: calc(0px + 0 * (100vw - 375px) / 1440);
    margin-right: calc(0px + 0 * (100vw - 375px) / 1440);
  }
}
@media (max-width: 450.98px) and (min-width: 767px) {
  .ranks {
    margin-left: calc(0px + 0 * 100vw / 1440);
    margin-right: calc(0px + 0 * 100vw / 1440);
  }
}
.ranks__item {
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: linear-gradient(127deg, rgba(6, 11, 40, 0.94) 19.41%, rgba(10, 14, 35, 0.49) 76.65%);
  backdrop-filter: blur(60px);
  flex: 0 1 calc(24% - 30px);
  position: relative;
}
@media (max-width: 767px) {
  .ranks__item {
    padding-left: calc(5px + 27.2 * (100vw - 375px) / 1440);
    padding-right: calc(5px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .ranks__item {
    padding-left: calc(5px + 16 * 100vw / 1440);
    padding-right: calc(5px + 16 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .ranks__item {
    padding-top: calc(24px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .ranks__item {
    padding-top: calc(24px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .ranks__item {
    padding-bottom: calc(9px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .ranks__item {
    padding-bottom: calc(9px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item {
    border-radius: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item {
    border-radius: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item {
    padding-left: calc(0px + 35.7 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 35.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item {
    padding-left: calc(0px + 21 * 100vw / 1440);
    padding-right: calc(0px + 21 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item {
    padding-top: calc(0px + 44.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item {
    padding-top: calc(0px + 26 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item {
    padding-bottom: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item {
    padding-bottom: calc(0px + 9 * 100vw / 1440);
  }
}
@media (max-width: 991.98px) {
  .ranks__item {
    flex: 0 1 calc(33.33% - 26.6666666667px);
  }
}
@media (max-width: 767.98px) {
  .ranks__item {
    flex: 0 0 calc(49% - 20px);
  }
}
@media (max-width: 450.98px) {
  .ranks__item {
    flex: 1 0 165px;
    overflow: hidden;
  }
}
.ranks__item h4 {
  color: var(--Grays-White, #FFF);
  font-family: Circular Std, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 21px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item h4 {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item h4 {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
.ranks__item-line {
  margin-bottom: 9px;
  background: rgba(255, 255, 255, 0.14);
  width: calc(100% + 20px);
  height: 1px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .ranks__item-line {
    margin-left: calc(-10px + 0 * (100vw - 375px) / 1440);
    margin-right: calc(-10px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .ranks__item-line {
    margin-left: calc(-10px + 0 * 100vw / 1440);
    margin-right: calc(-10px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-line {
    margin-bottom: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-line {
    margin-bottom: calc(0px + 9 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-line {
    margin-top: calc(0px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-line {
    margin-top: calc(0px + 9 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-line {
    margin-left: calc(0px + -17 * (100vw - 375px) / 1440);
    margin-right: calc(0px + -17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-line {
    margin-left: calc(0px + -10 * 100vw / 1440);
    margin-right: calc(0px + -10 * 100vw / 1440);
  }
}
@media (max-width: 450.98px) {
  .ranks__item-line {
    width: 100%;
  }
}
@media (max-width: 450.98px) and (max-width: 767px) {
  .ranks__item-line {
    margin-left: calc(0px + 0 * (100vw - 375px) / 1440);
    margin-right: calc(0px + 0 * (100vw - 375px) / 1440);
  }
}
@media (max-width: 450.98px) and (min-width: 767px) {
  .ranks__item-line {
    margin-left: calc(0px + 0 * 100vw / 1440);
    margin-right: calc(0px + 0 * 100vw / 1440);
  }
}
.ranks__item-info {
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 198, 171, 0.8) 0%, rgba(255, 143, 87, 0.8) 111.54%);
  backdrop-filter: blur(21px);
  margin: 0 auto;
  width: fit-content;
  padding: 7px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 8px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info {
    border-radius: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info {
    border-radius: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info {
    padding-left: calc(0px + 11.9 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info {
    padding-left: calc(0px + 7 * 100vw / 1440);
    padding-right: calc(0px + 7 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info {
    padding-bottom: calc(0px + 11.9 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info {
    padding-bottom: calc(0px + 7 * 100vw / 1440);
    padding-top: calc(0px + 7 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info {
    gap: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info {
    gap: calc(0px + 8 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info {
    margin-bottom: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info {
    margin-bottom: calc(0px + 10 * 100vw / 1440);
  }
}
.ranks__item-info-lvl {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 5px solid rgba(217, 217, 217, 0.49);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Grays-White, #FFF);
  font-family: Circular Std, sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 49px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-lvl {
    width: calc(0px + 85 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-lvl {
    width: calc(0px + 50 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-lvl {
    height: calc(0px + 85 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-lvl {
    height: calc(0px + 50 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-lvl {
    font-size: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-lvl {
    font-size: calc(0px + 35 * 100vw / 1440);
  }
}
.ranks__item-info-percent {
  color: var(--Grays-White, #FFF);
  font-family: Circular Std, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 35px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-percent {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-percent {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
.ranks__item-info-q {
  color: rgba(232, 232, 232, 0.74);
  font-family: Circular Std, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 140%; /* 28px */
  border-radius: 50%;
  border: 1px solid rgba(217, 217, 217, 0.49);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-q {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-q {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-q {
    width: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-q {
    width: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-info-q {
    height: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-info-q {
    height: calc(0px + 25 * 100vw / 1440);
  }
}
.ranks__item .rank-list__item-progress {
  height: 11px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item .rank-list__item-progress {
    height: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item .rank-list__item-progress {
    height: calc(0px + 11 * 100vw / 1440);
  }
}
.ranks__item .rank-list__item-progress-inner {
  height: 11px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item .rank-list__item-progress-inner {
    height: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item .rank-list__item-progress-inner {
    height: calc(0px + 11 * 100vw / 1440);
  }
}
.ranks__item .rank-list__item-top {
  margin-bottom: 0;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item .rank-list__item-top {
    margin-bottom: calc(0px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item .rank-list__item-top {
    margin-bottom: calc(0px + 0 * 100vw / 1440);
  }
}
.ranks__item-gift {
  color: #9F9F9F;
  font-family: Circular Std, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 14px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-gift {
    font-size: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-gift {
    font-size: calc(0px + 10 * 100vw / 1440);
  }
}
.ranks__item-gift span {
  font-size: 12px;
  display: block;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .ranks__item-gift span {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .ranks__item-gift span {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}

.ri-1 .ranks__item-info {
  background: linear-gradient(180deg, rgba(247, 248, 80, 0.8) 0%, rgba(145, 146, 47, 0.8) 111.54%);
}

.ri-2 .ranks__item-info {
  background: linear-gradient(180deg, rgba(255, 198, 171, 0.8) 0%, rgba(255, 143, 87, 0.8) 111.54%);
}

.ri-3 .ranks__item-info {
  background: linear-gradient(180deg, rgba(251, 138, 161, 0.8) 0%, rgba(171, 33, 70, 0.8) 111.54%);
}

.ri-4 .ranks__item-info {
  background: linear-gradient(180deg, rgba(243, 150, 231, 0.8) 0%, rgba(144, 31, 146, 0.8) 111.54%);
}

.ri-5 .ranks__item-info {
  background: linear-gradient(180deg, rgba(202, 171, 253, 0.8) 0%, rgba(137, 63, 250, 0.8) 111.54%);
}

.ri-6 .ranks__item-info {
  background: linear-gradient(180deg, rgba(138, 175, 253, 0.8) 0%, rgba(0, 57, 184, 0.8) 111.54%);
}

.ri-7 .ranks__item-info {
  background: linear-gradient(180deg, rgba(189, 252, 252, 0.8) 0%, rgba(0, 140, 200, 0.8) 111.54%);
}

.ri-8 .ranks__item-info {
  background: linear-gradient(180deg, rgba(171, 255, 218, 0.8) 0%, rgba(36, 119, 108, 0.8) 111.54%);
}

.ri-9 .ranks__item-info {
  background: linear-gradient(180deg, rgba(207, 254, 148, 0.8) 0%, rgba(41, 119, 2, 0.8) 111.54%);
}

.ri-10 .ranks__item-info {
  background: linear-gradient(180deg, rgba(0, 255, 10, 0.8) 0%, rgba(45, 115, 45, 0.8) 111.54%);
}

.announcements {
  font-family: Circular Std, sans-serif;
}
.announcements h1 {
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  margin-bottom: 12px;
}
@media (max-width: 1199.98px) {
  .announcements h1 {
    font-family: Inter, sans-serif;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .announcements h1 {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .announcements h1 {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .announcements h1 {
    margin-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .announcements h1 {
    margin-bottom: calc(0px + 12 * 100vw / 1440);
  }
}
.announcements h2 {
  color: var(--Grays-White, #FFF);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 37.5px */
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .announcements h2 {
    font-size: calc(20px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .announcements h2 {
    font-size: calc(20px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .announcements h2 {
    font-size: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .announcements h2 {
    font-size: calc(0px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .announcements h2 {
    margin-bottom: calc(0px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .announcements h2 {
    margin-bottom: calc(0px + 13 * 100vw / 1440);
  }
}
.announcements p {
  color: var(--Grays-White, #FFF);
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 20px */
}
@media (max-width: 767px) {
  .announcements p {
    font-size: calc(15px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .announcements p {
    font-size: calc(15px + 3 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .announcements p {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .announcements p {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}

.documentation {
  font-family: Circular Std, sans-serif;
}
.documentation h1 {
  color: var(--Grays-White, #FFF);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .documentation h1 {
    font-size: calc(20px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation h1 {
    font-size: calc(20px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation h1 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation h1 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation h1 {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation h1 {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.documentation__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.documentation__item-title {
  color: var(--Grays-White, #FFF);
  font-size: 20px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%; /* 20px */
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .documentation__item-title {
    font-size: calc(15px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-title {
    font-size: calc(15px + 5 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .documentation__item-title {
    gap: calc(3px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-title {
    gap: calc(3px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-title {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-title {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-title {
    gap: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-title {
    gap: calc(0px + 15 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .documentation__item-title img {
    width: calc(20px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-title img {
    width: calc(20px + 9 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .documentation__item-title img {
    height: calc(20px + 15.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-title img {
    height: calc(20px + 9 * 100vw / 1440);
  }
}
.documentation__item-actions {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .documentation__item-actions {
    gap: calc(6px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-actions {
    gap: calc(6px + 11 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-actions {
    gap: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-actions {
    gap: calc(0px + 17 * 100vw / 1440);
  }
}
.documentation__item-action {
  border-radius: 10px;
  background: #0075FF;
  backdrop-filter: blur(60px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .documentation__item-action {
    height: calc(28px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-action {
    height: calc(28px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .documentation__item-action {
    width: calc(28px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-action {
    width: calc(28px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-action {
    height: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-action {
    height: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-action {
    width: calc(0px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-action {
    width: calc(0px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-action {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-action {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (max-width: 991.98px) {
  .documentation__item-action {
    width: 28px;
    height: 28px;
  }
}
.documentation__item-action img {
  max-width: 80%;
  height: auto;
}
.documentation__item-action.--download {
  width: fit-content;
}
@media (max-width: 767px) {
  .documentation__item-action.--download {
    padding-left: calc(0px + 20.4 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .documentation__item-action.--download {
    padding-left: calc(0px + 12 * 100vw / 1440);
    padding-right: calc(0px + 12 * 100vw / 1440);
  }
}
@media (max-width: 991.98px) {
  .documentation__item-action.--download {
    width: 28px;
    height: 28px;
    padding-left: 0;
    padding-right: 0;
  }
}
.documentation__item-action.--download span {
  text-transform: uppercase;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  display: block;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .documentation__item-action.--download span {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .documentation__item-action.--download span {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (max-width: 991.98px) {
  .documentation__item-action.--download span {
    display: none;
  }
}
.documentation__item-action.--download img {
  display: none;
}
@media (max-width: 991.98px) {
  .documentation__item-action.--download img {
    display: block;
  }
}

.faq__title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
@media (max-width: 767px) {
  .faq__title {
    margin-bottom: calc(24px + 66.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__title {
    margin-bottom: calc(24px + 39 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .faq__title {
    padding-bottom: calc(17px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__title {
    padding-bottom: calc(17px + 3 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .faq__title {
    padding-left: calc(20px + 0 * (100vw - 375px) / 1440);
    padding-right: calc(20px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__title {
    padding-left: calc(20px + 0 * 100vw / 1440);
    padding-right: calc(20px + 0 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .faq__title {
    margin-left: calc(-20px + 0 * (100vw - 375px) / 1440);
    margin-right: calc(-20px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__title {
    margin-left: calc(-20px + 0 * 100vw / 1440);
    margin-right: calc(-20px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__title {
    margin-bottom: calc(0px + 107.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__title {
    margin-bottom: calc(0px + 63 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__title {
    padding-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__title {
    padding-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__title {
    padding-left: calc(0px + 34 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__title {
    padding-left: calc(0px + 20 * 100vw / 1440);
    padding-right: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__title {
    margin-left: calc(0px + -34 * (100vw - 375px) / 1440);
    margin-right: calc(0px + -34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__title {
    margin-left: calc(0px + -20 * 100vw / 1440);
    margin-right: calc(0px + -20 * 100vw / 1440);
  }
}
.faq h2 {
  color: var(--Grays-White, #FFF);
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 11px;
}
@media (max-width: 767px) {
  .faq h2 {
    font-size: calc(20px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq h2 {
    font-size: calc(20px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq h2 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq h2 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq h2 {
    margin-bottom: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq h2 {
    margin-bottom: calc(0px + 11 * 100vw / 1440);
  }
}
.faq__p {
  color: #A6A6A6;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%; /* 14px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__p {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__p {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.faq .accordion button {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 20px */
  display: block;
  width: 100%;
  text-align: left;
}
@media (max-width: 767px) {
  .faq .accordion button {
    font-size: calc(15px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq .accordion button {
    font-size: calc(15px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq .accordion button {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq .accordion button {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
.faq .faq-accordion__item {
  border-top: 1px solid rgba(255, 255, 255, 0.34);
}
@media (max-width: 767px) {
  .faq .faq-accordion__item {
    padding-bottom: calc(15px + 0 * (100vw - 375px) / 1440);
    padding-top: calc(15px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq .faq-accordion__item {
    padding-bottom: calc(15px + 0 * 100vw / 1440);
    padding-top: calc(15px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq .faq-accordion__item {
    padding-bottom: calc(0px + 25.5 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq .faq-accordion__item {
    padding-bottom: calc(0px + 15 * 100vw / 1440);
    padding-top: calc(0px + 15 * 100vw / 1440);
  }
}
.faq .faq-accordion__item:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
}
@media (max-width: 767px) {
  .faq .faq-accordion__body {
    padding-top: calc(15px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq .faq-accordion__body {
    padding-top: calc(15px + 0 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .faq .faq-accordion__body {
    font-size: calc(15px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq .faq-accordion__body {
    font-size: calc(15px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq .faq-accordion__body {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq .faq-accordion__body {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq .faq-accordion__body {
    padding-top: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq .faq-accordion__body {
    padding-top: calc(0px + 15 * 100vw / 1440);
  }
}
.faq__chat {
  border-radius: 10px;
  background: #0075FF;
  backdrop-filter: blur(60px);
}
@media (max-width: 767px) {
  .faq__chat {
    padding-bottom: calc(25px + 3.4 * (100vw - 375px) / 1440);
    padding-top: calc(25px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__chat {
    padding-bottom: calc(25px + 2 * 100vw / 1440);
    padding-top: calc(25px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .faq__chat {
    padding-left: calc(19px + 37.4 * (100vw - 375px) / 1440);
    padding-right: calc(19px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__chat {
    padding-left: calc(19px + 22 * 100vw / 1440);
    padding-right: calc(19px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat {
    padding-bottom: calc(0px + 45.9 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 45.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat {
    padding-bottom: calc(0px + 27 * 100vw / 1440);
    padding-top: calc(0px + 27 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat {
    padding-left: calc(0px + 69.7 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 69.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat {
    padding-left: calc(0px + 41 * 100vw / 1440);
    padding-right: calc(0px + 41 * 100vw / 1440);
  }
}
.faq__chat h3 {
  color: var(--Grays-White, #FFF);
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 8px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat h3 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat h3 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat h3 {
    margin-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat h3 {
    margin-bottom: calc(0px + 8 * 100vw / 1440);
  }
}
.faq__chat p {
  color: var(--Grays-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%; /* 14px */
}
@media (max-width: 767px) {
  .faq__chat p {
    margin-bottom: calc(20px + -11.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .faq__chat p {
    margin-bottom: calc(20px + -7 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat p {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat p {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat p {
    margin-bottom: calc(0px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat p {
    margin-bottom: calc(0px + 13 * 100vw / 1440);
  }
}
.faq__chat a {
  display: block;
  color: #000;
  font-family: Circular Std, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 20px */
  text-decoration-line: underline;
  width: fit-content;
  border-radius: 5px;
  background: var(--Grays-White, #FFF);
  margin-bottom: 0;
  padding: 15px 43px;
  text-align: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat a {
    border-radius: calc(0px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat a {
    border-radius: calc(0px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat a {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat a {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat a {
    margin-bottom: calc(0px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat a {
    margin-bottom: calc(0px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .faq__chat a {
    padding-bottom: calc(0px + 25.5 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .faq__chat a {
    padding-bottom: calc(0px + 15 * 100vw / 1440);
    padding-top: calc(0px + 15 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .faq__chat a {
    padding: 15px;
    width: 100%;
  }
}

.support h1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
}
@media (max-width: 767px) {
  .support h1 {
    margin-bottom: calc(10px + 27.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .support h1 {
    margin-bottom: calc(10px + 16 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .support h1 {
    margin-bottom: calc(0px + 44.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .support h1 {
    margin-bottom: calc(0px + 26 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .support h1 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .support h1 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .support h1 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .support h1 .brand-button {
    padding-left: calc(22px + 91.8 * (100vw - 375px) / 1440);
    padding-right: calc(22px + 91.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .support h1 .brand-button {
    padding-left: calc(22px + 54 * 100vw / 1440);
    padding-right: calc(22px + 54 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .support h1 .brand-button {
    margin-top: 10px;
    margin-left: auto;
  }
}

.create-ticket h1 {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 19px;
  text-transform: uppercase;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket h1 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket h1 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket h1 {
    margin-bottom: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket h1 {
    margin-bottom: calc(0px + 19 * 100vw / 1440);
  }
}
.create-ticket .--file-description {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  margin-bottom: 70px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .create-ticket .--file-description {
    font-size: calc(8px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .create-ticket .--file-description {
    font-size: calc(8px + 4 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket .--file-description {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket .--file-description {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket .--file-description {
    margin-bottom: calc(0px + 119 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket .--file-description {
    margin-bottom: calc(0px + 70 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket .--file-description {
    margin-top: calc(0px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket .--file-description {
    margin-top: calc(0px + 5 * 100vw / 1440);
  }
}
.create-ticket .brand-button {
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
}
.create-ticket .brand-button.--green img {
  width: 15px;
  height: 15px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket .brand-button.--green img {
    width: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket .brand-button.--green img {
    width: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .create-ticket .brand-button.--green img {
    height: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .create-ticket .brand-button.--green img {
    height: calc(0px + 15 * 100vw / 1440);
  }
}

.twofa h2 {
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .twofa h2 {
    font-size: calc(18px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa h2 {
    font-size: calc(18px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa h2 {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa h2 {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa h2 {
    margin-bottom: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa h2 {
    margin-bottom: calc(0px + 19 * 100vw / 1440);
  }
}
.twofa__input {
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  display: flex;
  align-items: center;
  line-height: normal;
}
@media (max-width: 767px) {
  .twofa__input {
    padding-left: calc(14px + 8.5 * (100vw - 375px) / 1440);
    padding-right: calc(14px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa__input {
    padding-left: calc(14px + 5 * 100vw / 1440);
    padding-right: calc(14px + 5 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .twofa__input {
    padding-bottom: calc(8px + 0 * (100vw - 375px) / 1440);
    padding-top: calc(8px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa__input {
    padding-bottom: calc(8px + 0 * 100vw / 1440);
    padding-top: calc(8px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__input {
    padding-left: calc(0px + 32.3 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__input {
    padding-left: calc(0px + 19 * 100vw / 1440);
    padding-right: calc(0px + 19 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__input {
    padding-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__input {
    padding-bottom: calc(0px + 8 * 100vw / 1440);
    padding-top: calc(0px + 8 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__input {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__input {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.twofa__input-holder {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  margin-bottom: 12px;
  overflow: hidden;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__input-holder {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__input-holder {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__input-holder {
    margin-bottom: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__input-holder {
    margin-bottom: calc(0px + 12 * 100vw / 1440);
  }
}
.twofa__label {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
  background: #0075FF;
}
@media (max-width: 767px) {
  .twofa__label {
    padding-left: calc(22px + 22.1 * (100vw - 375px) / 1440);
    padding-right: calc(22px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa__label {
    padding-left: calc(22px + 13 * 100vw / 1440);
    padding-right: calc(22px + 13 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .twofa__label {
    padding-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa__label {
    padding-bottom: calc(0px + 8 * 100vw / 1440);
    padding-top: calc(0px + 8 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__label {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__label {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__label {
    padding-left: calc(0px + 59.5 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 59.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__label {
    padding-left: calc(0px + 35 * 100vw / 1440);
    padding-right: calc(0px + 35 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__label {
    padding-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__label {
    padding-bottom: calc(0px + 8 * 100vw / 1440);
    padding-top: calc(0px + 8 * 100vw / 1440);
  }
}
.twofa__qr {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .twofa__qr {
    margin-bottom: calc(15px + 8.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .twofa__qr {
    margin-bottom: calc(15px + 5 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__qr {
    margin-bottom: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__qr {
    margin-bottom: calc(0px + 20 * 100vw / 1440);
  }
}
.twofa__qr img {
  width: 100%;
  height: 100%;
}
.twofa__span {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__span {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__span {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
.twofa__p {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 17px */
  margin-bottom: 6px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__p {
    font-size: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__p {
    font-size: calc(0px + 17 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .twofa__p {
    margin-bottom: calc(0px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .twofa__p {
    margin-bottom: calc(0px + 6 * 100vw / 1440);
  }
}

.kyc h2 {
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  margin-bottom: 19px;
}
@media (max-width: 767px) {
  .kyc h2 {
    font-size: calc(18px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .kyc h2 {
    font-size: calc(18px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc h2 {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc h2 {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc h2 {
    margin-bottom: calc(0px + 32.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc h2 {
    margin-bottom: calc(0px + 19 * 100vw / 1440);
  }
}
.kyc__span {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc__span {
    font-size: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc__span {
    font-size: calc(0px + 15 * 100vw / 1440);
  }
}
.kyc .brand-input__control {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.17);
  text-transform: capitalize;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc .brand-input__control {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc .brand-input__control {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
.kyc .brand-input__label {
  background: rgba(255, 255, 255, 0.17);
  color: rgba(255, 255, 255, 0.7);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc .brand-input__label {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc .brand-input__label {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.kyc .--file-description {
  color: var(--Grays-White, #FFF);
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 18px */
  margin-bottom: 29px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc .--file-description {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc .--file-description {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc .--file-description {
    margin-bottom: calc(0px + 49.3 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc .--file-description {
    margin-bottom: calc(0px + 29 * 100vw / 1440);
  }
}
.kyc .--file-description.--top {
  margin-bottom: 4px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .kyc .--file-description.--top {
    margin-bottom: calc(0px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .kyc .--file-description.--top {
    margin-bottom: calc(0px + 4 * 100vw / 1440);
  }
}
.kyc .brand-button {
  width: 100%;
}

@media (max-width: 767px) {
  .my-bots__item {
    padding-left: calc(12px + 47.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item {
    padding-left: calc(12px + 28 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .my-bots__item {
    padding-right: calc(12px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item {
    padding-right: calc(12px + 22 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .my-bots__item {
    padding-top: calc(27px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item {
    padding-top: calc(27px + 12 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .my-bots__item {
    padding-bottom: calc(40px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item {
    padding-bottom: calc(40px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item {
    padding-left: calc(12px + 47.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item {
    padding-left: calc(12px + 28 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item {
    padding-right: calc(12px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item {
    padding-right: calc(12px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item {
    padding-top: calc(27px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item {
    padding-top: calc(27px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item {
    padding-bottom: calc(20px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item {
    padding-bottom: calc(20px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item {
    gap: calc(20px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item {
    gap: calc(20px + 20 * 100vw / 1440);
  }
}
.my-bots__item-row {
  display: flex;
  align-items: stretch;
  gap: 40px;
}
@media (max-width: 991.98px) {
  .my-bots__item-row {
    flex-wrap: wrap;
  }
}
.my-bots__item-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 calc(25% - 30px);
}
@media (max-width: 991.98px) {
  .my-bots__item-col {
    flex: 0 0 calc(50% - 20px);
  }
}
.my-bots__item-col .brand-button {
  width: 100%;
  text-align: center;
}
@media (max-width: 575.98px) {
  .my-bots__item-col:nth-child(1) {
    flex: 0 0 100%;
  }
}
.my-bots__item-col:nth-child(2) {
  flex: 0 0 calc(30% - 30px);
}
@media (max-width: 991.98px) {
  .my-bots__item-col:nth-child(2) {
    flex: 0 0 calc(50% - 20px);
  }
}
@media (max-width: 575.98px) {
  .my-bots__item-col:nth-child(2) {
    flex: 0 0 100%;
  }
}
.my-bots__item-col:nth-child(2) span {
  color: #44CFB9;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(2) span {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(2) span {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.my-bots__item-col:nth-child(2) h3 {
  white-space: nowrap;
  color: var(--Grays-White, #FFF);
  font-family: Druk Wide Cyr, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(2) h3 {
    margin-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(2) h3 {
    margin-bottom: calc(0px + 8 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(2) h3 {
    font-size: calc(0px + 40.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(2) h3 {
    font-size: calc(0px + 24 * 100vw / 1440);
  }
}
.my-bots__item-col:nth-child(2) button {
  text-align: left;
  display: block;
  color: var(--Grays-White, #FFF);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(2) button {
    font-size: calc(0px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(2) button {
    font-size: calc(0px + 13 * 100vw / 1440);
  }
}
.my-bots__item-col:nth-child(3) p {
  color: var(--Grays-White, #FFF);
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    font-size: calc(16px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    font-size: calc(16px + 4 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    margin-bottom: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(3) p {
    margin-bottom: calc(0px + 18 * 100vw / 1440);
  }
}
.my-bots__item-col:nth-child(3) span {
  color: rgba(255, 255, 255, 0.5);
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 767px) {
  .my-bots__item-col:nth-child(3) span {
    font-size: calc(16px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .my-bots__item-col:nth-child(3) span {
    font-size: calc(16px + 4 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(3) span {
    font-size: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(3) span {
    font-size: calc(0px + 20 * 100vw / 1440);
  }
}
.my-bots__item-col:nth-child(4) {
  gap: 15px;
  flex: 0 0 calc(20% - 30px);
}
@media (max-width: 991.98px) {
  .my-bots__item-col:nth-child(4) {
    flex: 0 0 calc(50% - 20px);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .my-bots__item-col:nth-child(4) {
    gap: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .my-bots__item-col:nth-child(4) {
    gap: calc(0px + 15 * 100vw / 1440);
  }
}
.my-bots__item-img {
  width: 100%;
}

.finance__balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.finance__balance-number {
  color: var(--Gray-Gray-400, #A0AEC0);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-number {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-number {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.finance__balance-number p {
  color: var(--Grays-White, #FFF);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
  margin-top: 3px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-number p {
    font-size: calc(0px + 30.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-number p {
    font-size: calc(0px + 18 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-number p {
    margin-top: calc(0px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-number p {
    margin-top: calc(0px + 3 * 100vw / 1440);
  }
}
.finance__balance-number p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-number p span {
    font-size: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-number p span {
    font-size: calc(0px + 14 * 100vw / 1440);
  }
}
.finance__balance-icon {
  width: 22px;
  height: 22px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-icon {
    width: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-icon {
    width: calc(0px + 22 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-icon {
    height: calc(0px + 37.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-icon {
    height: calc(0px + 22 * 100vw / 1440);
  }
}
.finance__balance-icon-holder {
  border-radius: 12px;
  background: #0075FF;
  box-shadow: 0px 3.5px 5.5px 0px rgba(0, 0, 0, 0.02);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-icon-holder {
    border-radius: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-icon-holder {
    border-radius: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-icon-holder {
    width: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-icon-holder {
    width: calc(0px + 45 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance__balance-icon-holder {
    height: calc(0px + 76.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance__balance-icon-holder {
    height: calc(0px + 45 * 100vw / 1440);
  }
}
.finance .deposit-inputs {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  display: flex;
  align-items: stretch;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance .deposit-inputs {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance .deposit-inputs {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
@media (max-width: 767.98px) {
  .finance .deposit-inputs {
    flex-direction: column;
    border: none;
  }
}
.finance .deposit-inputs .brand-input__control {
  flex: 0 0 50%;
  border: none;
}
@media (max-width: 767.98px) {
  .finance .deposit-inputs .brand-input__control {
    flex: 1 1 100%;
    border: 1px solid rgba(255, 255, 255, 0.24);
  }
}
.finance .deposit-inputs .brand-input__control + .brand-input__control {
  border-radius: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}
@media (max-width: 767.98px) {
  .finance .deposit-inputs .brand-input__control + .brand-input__control {
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.24);
  }
}
@media (max-width: 767.98px) and (min-width: 1600px) and (max-width: 767px) {
  .finance .deposit-inputs .brand-input__control + .brand-input__control {
    border-radius: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (max-width: 767.98px) and (min-width: 1600px) and (min-width: 767px) {
  .finance .deposit-inputs .brand-input__control + .brand-input__control {
    border-radius: calc(0px + 10 * 100vw / 1440);
  }
}
.finance .deposit-inputs__action {
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .finance .deposit-inputs__action {
    margin-top: calc(0px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .finance .deposit-inputs__action {
    margin-top: calc(0px + 10 * 100vw / 1440);
  }
}
@media (max-width: 991.98px) {
  .finance .deposit-inputs__action {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .history .search__icon {
    width: calc(17px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .search__icon {
    width: calc(17px + 0 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .history .search__icon {
    height: calc(17px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .search__icon {
    height: calc(17px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__icon {
    width: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__icon {
    width: calc(0px + 17 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__icon {
    height: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__icon {
    height: calc(0px + 17 * 100vw / 1440);
  }
}
.history .search__block {
  color: var(--Gray-Gray-400, #A0AEC0);
  font-family: Circular Std, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 18px */
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .history .search__block {
    margin-bottom: calc(14px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .search__block {
    margin-bottom: calc(14px + 3 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .history .search__block {
    font-size: calc(10px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .search__block {
    font-size: calc(10px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__block {
    margin-bottom: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__block {
    margin-bottom: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__block {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__block {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
.history .search__input {
  height: 100%;
  color: #fff;
}
.history .search__input-holder {
  border-radius: 15px;
  border: 1px solid rgba(226, 232, 240, 0.3);
  background: #0F1535;
}
@media (max-width: 767px) {
  .history .search__input-holder {
    padding-left: calc(11px + 0 * (100vw - 375px) / 1440);
    padding-right: calc(11px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .search__input-holder {
    padding-left: calc(11px + 0 * 100vw / 1440);
    padding-right: calc(11px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__input-holder {
    border-radius: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__input-holder {
    border-radius: calc(0px + 15 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .search__input-holder {
    padding-left: calc(0px + 18.7 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 18.7 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .search__input-holder {
    padding-left: calc(0px + 11 * 100vw / 1440);
    padding-right: calc(0px + 11 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .history .search__input-holder {
    flex: 1;
  }
}
.history .--export {
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  border-radius: 15px;
  border: 1px solid rgba(226, 232, 240, 0.3);
  background: #0F1535;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .history .--export {
    padding-left: calc(10px + 22.1 * (100vw - 375px) / 1440);
    padding-right: calc(10px + 22.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .--export {
    padding-left: calc(10px + 13 * 100vw / 1440);
    padding-right: calc(10px + 13 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .history .--export {
    padding-bottom: calc(10px + 6.8 * (100vw - 375px) / 1440);
    padding-top: calc(10px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .--export {
    padding-bottom: calc(10px + 4 * 100vw / 1440);
    padding-top: calc(10px + 4 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .history .--export {
    margin-left: calc(15px + 17 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .history .--export {
    margin-left: calc(15px + 10 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .--export {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .--export {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .--export {
    padding-left: calc(0px + 39.1 * (100vw - 375px) / 1440);
    padding-right: calc(0px + 39.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .--export {
    padding-left: calc(0px + 23 * 100vw / 1440);
    padding-right: calc(0px + 23 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .--export {
    padding-bottom: calc(0px + 23.8 * (100vw - 375px) / 1440);
    padding-top: calc(0px + 23.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .--export {
    padding-bottom: calc(0px + 14 * 100vw / 1440);
    padding-top: calc(0px + 14 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .history .--export {
    border-radius: calc(0px + 25.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .history .--export {
    border-radius: calc(0px + 15 * 100vw / 1440);
  }
}

.profile h2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--Grays-White, #FFF);
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 25px */
  margin-bottom: 17px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .profile h2 {
    font-size: calc(0px + 42.5 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .profile h2 {
    font-size: calc(0px + 25 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .profile h2 {
    margin-bottom: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .profile h2 {
    margin-bottom: calc(0px + 17 * 100vw / 1440);
  }
}
.profile h2 .brand-button {
  width: 100%;
  max-width: 30%;
  min-width: fit-content;
}
.profile .brand-input {
  color: #fff;
}
.profile .brand-input__label {
  min-width: auto;
}
@media (max-width: 767px) {
  .profile .brand-input__label {
    width: calc(150px + 0 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .profile .brand-input__label {
    width: calc(150px + 0 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .profile .brand-input__label {
    width: calc(0px + 255 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .profile .brand-input__label {
    width: calc(0px + 150 * 100vw / 1440);
  }
}

@media (max-width: 767px) {
  .edit-profile__h2 {
    margin-bottom: calc(25px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .edit-profile__h2 {
    margin-bottom: calc(25px + 2 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__h2 {
    margin-bottom: calc(0px + 45.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__h2 {
    margin-bottom: calc(0px + 27 * 100vw / 1440);
  }
}
.edit-profile__button {
  width: 100%;
}
.edit-profile__notifications {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .edit-profile__notifications {
    margin-bottom: 90px;
  }
}
.edit-profile__notification {
  color: #8093B3;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__notification {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__notification {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__notification {
    margin-bottom: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__notification {
    margin-bottom: calc(0px + 8 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .edit-profile__notification button {
    margin-top: calc(5px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .edit-profile__notification button {
    margin-top: calc(5px + 3 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__notification button {
    margin-top: calc(0px + 13.6 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__notification button {
    margin-top: calc(0px + 8 * 100vw / 1440);
  }
}
.edit-profile__notification + .edit-profile__notification {
  margin-top: 17px;
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__notification + .edit-profile__notification {
    margin-top: calc(0px + 28.9 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__notification + .edit-profile__notification {
    margin-top: calc(0px + 17 * 100vw / 1440);
  }
}
.edit-profile__avatar-holder {
  border-radius: 20px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(127deg, rgba(6, 11, 38, 0.86) 28.26%, rgba(26, 31, 55, 0.3) 91.2%);
  backdrop-filter: blur(60px);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .edit-profile__avatar-holder {
    width: calc(130px + 51 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .edit-profile__avatar-holder {
    width: calc(130px + 30 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__avatar-holder {
    border-radius: calc(0px + 34 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__avatar-holder {
    border-radius: calc(0px + 20 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__avatar-holder {
    width: calc(0px + 272 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__avatar-holder {
    width: calc(0px + 160 * 100vw / 1440);
  }
}
.edit-profile__avatar-holder:before {
  content: "";
  padding-top: 100%;
  float: left;
}
.edit-profile__file .--file-description {
  color: #F00;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 12px */
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .edit-profile__file .--file-description {
    font-size: calc(10px + 3.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .edit-profile__file .--file-description {
    font-size: calc(10px + 2 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .edit-profile__file .--file-description {
    margin-top: calc(3px + 5.1 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .edit-profile__file .--file-description {
    margin-top: calc(3px + 3 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__file .--file-description {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__file .--file-description {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__file .--file-description {
    margin-top: calc(0px + 10.2 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__file .--file-description {
    margin-top: calc(0px + 6 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .edit-profile__file .--file-description {
    margin-bottom: calc(0px + 85 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .edit-profile__file .--file-description {
    margin-bottom: calc(0px + 50 * 100vw / 1440);
  }
}

.change-password .brand-input__control {
  align-items: stretch;
}
.change-password .brand-input__label {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .change-password .brand-input__label {
    width: calc(200px + 85 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .change-password .brand-input__label {
    width: calc(200px + 50 * 100vw / 1440);
  }
}
@media (max-width: 767px) {
  .change-password .brand-input__label {
    font-size: calc(8px + 6.8 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 767px) {
  .change-password .brand-input__label {
    font-size: calc(8px + 4 * 100vw / 1440);
  }
}
@media (max-width: 575.98px) {
  .change-password .brand-input__label {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .change-password .brand-input__label {
    width: calc(0px + 425 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .change-password .brand-input__label {
    width: calc(0px + 250 * 100vw / 1440);
  }
}
@media (min-width: 1600px) and (max-width: 767px) {
  .change-password .brand-input__label {
    font-size: calc(0px + 20.4 * (100vw - 375px) / 1440);
  }
}
@media (min-width: 1600px) and (min-width: 767px) {
  .change-password .brand-input__label {
    font-size: calc(0px + 12 * 100vw / 1440);
  }
}

/*# sourceMappingURL=dashboard.css.map */