:root {
  /* === Header === */
  --content-header-font-weight: 400;
  --content-header-h1-font-size: 72px;
  --content-header-h1-line-height: 111.111%;
  --content-header-h1-letter-spacing: -1.44px;
  --content-header-h2-font-size: 48px;
  --content-header-h2-line-height: 133.333%;
  --content-header-h3-font-size: 32px;
  --content-header-h3-line-height: 125%;
  --content-header-h4-font-size: 24px;
  --content-header-h4-line-height: 140%;
  /* === Text === */
  --content-text-font-weight: 400;
  --content-text-accent-font-size: 20px;
  --content-text-accent-line-height: 160%;
  --content-text-primary-font-size: 16px;
  --content-text-primary-line-height: 150%;
  --content-text-secondary-font-size: 14px;
  --content-text-secondary-line-height: 171.429%;
  --content-text-tertiary-font-size: 12px;
  --content-text-tertiary-line-height: 166.667%;
}

@media screen and (max-width: 1919px) {
  :root {
    --content-header-h4-font-size: 20px;
  }
}
@media screen and (max-width: 1599px) {
  :root {
    --content-header-h1-font-size: 56px;
    --content-header-h1-line-height: 114.286%;
    --content-header-h1-letter-spacing: -1.12px;
    --content-header-h2-font-size: 32px;
    --content-header-h2-line-height: 150%;
    --content-header-h3-font-size: 24px;
    --content-header-h3-line-height: 133.333%;
    --content-header-h4-font-size: 18px;
    --content-text-accent-font-size: 16px;
    --content-text-accent-line-height: 175%;
    --content-text-primary-font-size: 14px;
    --content-text-primary-line-height: 171.429%;
    --content-text-secondary-font-size: 12px;
    --content-text-secondary-line-height: 166.667%;
    --content-text-tertiary-font-size: 10px;
    --content-text-tertiary-line-height: 180%;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --content-header-h1-font-size: 32px;
    --content-header-h1-line-height: 150%;
    --content-header-h1-letter-spacing: initial;
    --content-header-h2-font-size: 24px;
    --content-header-h2-line-height: 133.333%;
    --content-header-h3-font-size: 20px;
    --content-header-h3-line-height: 140%;
  }
}
.support {
  background-color: var(--primary-bg-color);
}
.support__list {
  grid-column: 1/-1;
  padding-top: 128px;
}
@media screen and (max-width: 1279px) {
  .support__list {
    padding-top: 96px;
  }
}
@media screen and (max-width: 767px) {
  .support__list {
    padding-top: 48px;
  }
}
.support__list .grid-2024 {
  row-gap: 24px;
}
.support__list .grid-2024 .support-card.-impotrant, .support__list .grid-2024 .support-card.-contacts, .support__list .grid-2024 .support-card.-money_withdrawal {
  order: 10;
  grid-template-columns: repeat(3, 1fr);
  grid-column: auto/span 3;
}
@media screen and (max-width: 1279px) {
  .support__list .grid-2024 .support-card.-impotrant, .support__list .grid-2024 .support-card.-contacts, .support__list .grid-2024 .support-card.-money_withdrawal {
    grid-column: auto/span 4;
  }
}
.support__list .grid-2024 .support-card.-impotrant .support-card__header, .support__list .grid-2024 .support-card.-contacts .support-card__header, .support__list .grid-2024 .support-card.-money_withdrawal .support-card__header {
  grid-column: auto/span 3;
}
.support__list .grid-2024 .support-card.-impotrant .support-card__body, .support__list .grid-2024 .support-card.-contacts .support-card__body, .support__list .grid-2024 .support-card.-money_withdrawal .support-card__body {
  display: none;
}

.support-card {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  padding: 32px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .support-card {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 1599px) {
  .support-card {
    padding: 24px;
  }
}
.support-card__header {
  grid-column: auto/span 2;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
@media screen and (max-width: 1599px) {
  .support-card__header {
    grid-column: auto/span 3;
    row-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .support-card__header {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .support-card__body {
    display: contents;
  }
}
.support-card__title {
  --content-text-font-weight: 500;
}
@media screen and (max-width: 767px) {
  .support-card__title {
    margin-bottom: 8px;
  }
}
.support-card__button {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .support-card__button {
    order: 1;
  }
}
.support-card__button.button-2024 {
  max-width: 247px;
  width: 100%;
}
@media screen and (max-width: 1919px) {
  .support-card__button.button-2024 {
    max-width: 195px;
  }
}
@media screen and (max-width: 1599px) {
  .support-card__button.button-2024 {
    max-width: 246px;
  }
}
@media screen and (max-width: 1279px) {
  .support-card__button.button-2024 {
    max-width: 284px;
  }
}
@media screen and (max-width: 767px) {
  .support-card__button.button-2024 {
    max-width: 100%;
  }
}
.support-card__body {
  grid-column: 4/span 3;
}
.support-card__list {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .support-card__list {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.support-card__list-item {
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: var(--content-text-primary-font-size);
  line-height: var(--content-text-primary-line-height);
  font-weight: 400;
  color: var(--base-content-color);
}
@media screen and (max-width: 1599px) {
  .support-card__list-item {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.support-card__list-item:not(:first-child) {
  border-top: 1px solid #E8E8E8;
}
.support-card__list-item:first-child {
  padding-top: 0;
}
.support-card__list-item:last-child {
  padding-bottom: 0;
}
.support-card__list-link {
  display: flex;
  align-items: center;
}
.support-card__list-link:hover {
  color: #6400E7;
}
.support-card__list-link::after {
  margin-left: auto;
  font-family: "font-icons";
  font-size: 24px;
  color: var(--base-content-color);
  content: "\e913";
}

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