:where(:root, [data-theme]) {
  --h3-font-size: 32px;
  --h3-line-height: 40px;
  --h3-font-weight: var(--font-weight-medium);
  --h3-color: var(--primary-title-color);
  --h4-font-size: 24px;
  --h4-line-height: 34px;
  --h4-font-weight: var(--font-weight-medium);
  --h4-color: var(--primary-title-color);
}
@media screen and (max-width: 1599px) {
  :where(:root, [data-theme]) {
    --h3-font-size: 24px;
    --h3-line-height: 32px;
    --h4-font-size: 18px;
    --h4-line-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  :where(:root, [data-theme]) {
    --h3-font-size: 20px;
    --h3-line-height: 28px;
  }
}

.group-section.-app {
  padding-right: 64px;
  padding-left: 64px;
}
@media screen and (max-width: 767px) {
  .group-section.-app {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.download-app {
  display: flex;
  column-gap: 124px;
  height: 434px;
  padding: 64px 80px;
  background-color: #1a1a1a !important;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 1599px) {
  .download-app {
    height: 468px;
    padding: 64px 40px;
    column-gap: 24px;
  }
}
@media screen and (max-width: 1279px) {
  .download-app {
    height: 228px;
    padding: 24px;
    column-gap: 64px;
  }
}
@media screen and (max-width: 767px) {
  .download-app {
    flex-direction: column;
    height: 516px;
  }
}
.download-app__content {
  flex: 1 1 0;
  grid-column: 5;
}
.download-app__title {
  margin-bottom: 24px;
  font-size: var(--h3-font-size) !important;
  line-height: var(--h3-line-height) !important;
  color: var(--h3-color) !important;
}
.download-app__subtitle {
  margin-bottom: 48px;
  padding-left: 30px;
  border-left: 6px solid #bd8aff;
  font-size: var(--h4-font-size) !important;
  line-height: var(--h4-line-height) !important;
  color: #b3b3b3;
}
@media screen and (max-width: 1279px) {
  .download-app__subtitle {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1279px) {
  .download-app__qr {
    display: flex;
    align-items: center;
    column-gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .download-app__qr {
    margin-bottom: 24px;
  }
}
.download-app__qr img {
  display: none;
}
@media screen and (min-width: 1280px) {
  .download-app__qr img {
    display: block;
    width: 120px;
    height: 120px;
  }
}
.download-app__qr-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 170px;
  height: 36px;
  padding: 8px;
  border: 1px solid #595959;
  border-radius: 4px;
  overflow: hidden;
  font-family: "font-icons";
  text-indent: -9999px;
  color: #f4f4f4;
}
.download-app__qr-button:hover {
  border-color: #fff;
}
.download-app__qr-button::before {
  font-family: "font-icons";
  text-indent: initial;
  font-size: 20px;
}
@media screen and (min-width: 1280px) {
  .download-app__qr-button {
    display: none;
  }
}
.download-app__qr-button.icon_apple_badge::before {
  content: "\e97e";
}
.download-app__qr-button.google_badge::before {
  content: "\e97d";
}
.download-app__media {
  flex: 0 0 280px;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1279px) {
  .download-app__media {
    flex: 0 0 180px;
  }
}
@media screen and (max-width: 575px) {
  .download-app__media {
    text-align: center;
  }
}
.download-app__phone {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .download-app__phone {
    max-width: 220px;
  }
}

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