.how-it-works-block {
  padding: min(140px, 140 / 1490 * 100vw) 0 min(168px, 168 / 1490 * 100vw);
}
.how-it-works-block__wrapper {
  width: 100%;
  display: flex;
  height: min(678px, 678 / 1490 * 100vw);
  padding: min(62px, 62 / 1490 * 100vw) 0;
  position: relative;
  align-items: center;
  border-radius: min(56px, 56 / 1490 * 100vw);
  flex-direction: column;
  background-color: #0E0722;
}
.how-it-works-block__stamp {
  top: min(60px, 60 / 1490 * 100vw);
  right: min(60px, 60 / 1490 * 100vw);
  width: min(150px, 150 / 1490 * 100vw);
  height: min(150px, 150 / 1490 * 100vw);
  position: absolute;
}
.how-it-works-block__stamp .q-icon {
  width: min(150px, 150 / 1490 * 100vw);
  height: min(150px, 150 / 1490 * 100vw);
  position: absolute;
}
.how-it-works-block__stamp .q-icon:last-child {
  animation: spin 15s linear infinite;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.how-it-works-block__steps {
  width: 100%;
  display: grid;
  padding: min(17px, 17 / 1490 * 100vw) min(50px, 50 / 1490 * 100vw) 0;
  grid-template-columns: repeat(3, 1fr);
}
.how-it-works-block__item {
  color: white;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
}
.how-it-works-block__item__img {
  width: min(190px, 190 / 1490 * 100vw);
  height: min(200px, 200 / 1490 * 100vw);
}
.how-it-works-block__item__number {
  font-weight: 700;
  font-size: min(52px, 52 / 1490 * 100vw);
  line-height: 100%;
  margin-top: min(23px, 23 / 1490 * 100vw);
  text-align: center;
}
.how-it-works-block__item__title {
  font-weight: 700;
  font-size: min(28px, 28 / 1490 * 100vw);
  line-height: 130%;
  margin-top: min(13px, 13 / 1490 * 100vw);
  text-align: center;
  font-family: "Soyuz Grotesk", sans-serif;
}
.how-it-works-block__item__text {
  font-weight: 400;
  font-size: min(15px, 15 / 1490 * 100vw);
  line-height: 160%;
  margin-top: min(16px, 16 / 1490 * 100vw);
  text-align: center;
}
.how-it-works-block__item:nth-child(2):before {
  content: "";
  top: min(116px, 116 / 1490 * 100vw);
  left: min(-48px, -48 / 1490 * 100vw);
  height: min(4px, 4 / 1490 * 100vw);
  width: min(136px, 136 / 1490 * 100vw);
  position: absolute;
  background-image: radial-gradient(circle, #BFFF58 min(2px, 2 / 1490 * 100vw), transparent min(2px, 2 / 1490 * 100vw));
  background-size: min(12px, 12 / 1490 * 100vw) min(4px, 4 / 1490 * 100vw);
  background-repeat: repeat-x;
}
.how-it-works-block__item:nth-child(2):after {
  content: "";
  top: min(116px, 116 / 1490 * 100vw);
  right: min(-48px, -48 / 1490 * 100vw);
  height: min(4px, 4 / 1490 * 100vw);
  width: min(136px, 136 / 1490 * 100vw);
  position: absolute;
  background-image: radial-gradient(circle, #BFFF58 min(2px, 2 / 1490 * 100vw), transparent min(2px, 2 / 1490 * 100vw));
  background-size: min(12px, 12 / 1490 * 100vw) min(4px, 4 / 1490 * 100vw);
  background-repeat: repeat-x;
}
body.mobile .how-it-works-block {
  padding: calc(80 / 375 * 100dvw) calc(20 / 375 * 100dvw);
}
body.mobile .how-it-works-block__wrapper {
  height: unset;
  border-radius: calc(32 / 375 * 100dvw);
  padding: calc(140 / 375 * 100dvw) 0 calc(48 / 375 * 100dvw);
}
body.mobile .how-it-works-block__stamp {
  top: calc(24 / 375 * 100dvw);
  right: unset;
  width: calc(100 / 375 * 100dvw);
  height: calc(100 / 375 * 100dvw);
}
body.mobile .how-it-works-block__stamp .q-icon {
  width: calc(100 / 375 * 100dvw);
  height: calc(100 / 375 * 100dvw);
}
body.mobile .how-it-works-block__steps {
  width: 100%;
  padding: calc(17 / 375 * 100dvw) 0 0;
  grid-template-columns: 1fr;
}
body.mobile .how-it-works-block__item__img {
  width: calc(133 / 375 * 100dvw);
  height: calc(140 / 375 * 100dvw);
}
body.mobile .how-it-works-block__item__number {
  font-size: calc(40 / 375 * 100dvw);
  margin-top: calc(14 / 375 * 100dvw);
}
body.mobile .how-it-works-block__item__title {
  font-size: calc(20 / 375 * 100dvw);
  margin-top: calc(8 / 375 * 100dvw);
}
body.mobile .how-it-works-block__item__text {
  font-size: calc(13 / 375 * 100dvw);
  margin-top: calc(8 / 375 * 100dvw);
}
body.mobile .how-it-works-block__item:nth-child(2) {
  margin: calc(40 / 375 * 100dvw) 0;
}
body.mobile .how-it-works-block__item:nth-child(2):before {
  top: calc(-34 / 375 * 100dvw);
  left: unset;
  width: calc(4 / 375 * 100dvw);
  height: calc(34 / 375 * 100dvw);
  background-image: radial-gradient(circle, #BFFF58 calc(2 / 375 * 100dvw), transparent calc(2 / 375 * 100dvw));
  background-size: calc(4 / 375 * 100dvw) calc(12 / 375 * 100dvw);
  background-repeat: repeat-y;
}
body.mobile .how-it-works-block__item:nth-child(2):after {
  top: unset;
  bottom: calc(-42 / 375 * 100dvw);
  right: unset;
  width: calc(4 / 375 * 100dvw);
  height: calc(34 / 375 * 100dvw);
  background-image: radial-gradient(circle, #BFFF58 calc(2 / 375 * 100dvw), transparent calc(2 / 375 * 100dvw));
  background-size: calc(4 / 375 * 100dvw) calc(12 / 375 * 100dvw);
  background-repeat: repeat-y;
}