@charset "UTF-8";
footer {
  background-color: #fff;
  padding-top: 48px;
  padding-bottom: 32px; }
  @media (max-width: 1023px) {
    footer {
      border-top: 1px solid var(--light-borders);
      padding: 18px 0; } }

      .header__menu a:hover {
          color: #000;
      }

      .sk-scale {
          display: flex;
          justify-content: space-between;
          width: 100%;
          padding: 5px 0;
          font-size: 12px;
          color: #333;
          margin-bottom: 10px;
        }

.footer-bottom {
  font-size: 13px;
  line-height: 130%;
  color: var(--light-secondary-text); }
  @media (max-width: 1023px) {
    .footer-bottom {
      display: none; } }
      .ticket-but{
    display: flex;
}
.sk-mess-no-viewved{
    border-left: 5px solid green;
}
.sk-mess-viewved{
    border-left: 5px solid gray;
}
.sk-textarea-ticket{
  border: 1px solid #ccc;
  width: 100%;
   padding: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 5px;
  color: #000;
  height: 70px;
}
.sk-alert-seccess, .sk-alert-success{
    background: #95d395;
    color: #000000;
    padding: 15px 20px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.sk-sub-ul-m{
    padding: 20px 10px 10px 10px;
    margin-top: 10px;
}
.sk1-alert-success, .sk-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.sk1-alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.sk1-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.sk-alert-danger{
    background: #d39595;
    color: #000000;
    padding: 15px 20px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
}
.footer__social {
  margin-top: 18px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px; }
  @media (max-width: 1023px) {
    .footer__social {
      display: none; } }
  .footer__social a {
    width: 29px;
    height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--light-surface);
    border-radius: 50%; }

.footer__row {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 1023px) {
    .footer__row {
      margin-bottom: 0; } }
  @media (max-width: 1023px) {
    .footer__row img {
      display: none; } }
  .footer__row p {
    margin-left: 15px; }
    @media (max-width: 1023px) {
      .footer__row p {
        margin-left: 0; } }

.footer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px; }
  @media (max-width: 1023px) {
    .footer-body {
        display: flex;
    flex-direction: column-reverse;
      padding-bottom: 0; } }

      @media (max-width: 600px) {
        .footer__menu {
            flex-wrap: wrap; } }
.currencies__table{
    color: #000;
}

  @media (max-width: 1023px) {
    .footer-body .col:first-child > p {
      display: none; } }
  @media (max-width: 1023px) {
    .footer-body .col:first-child {

      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
              margin-top: 20px;


  } }
  .footer-body .col:first-child p {
    font-size: 15px;
    line-height: 150%;
    color: var(--light-secondary-text); }
    @media (max-width: 1199px) {
      .footer-body .col:first-child p {
        font-size: 13px; } }


.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 88px; }
  @media (max-width: 1199px) {
    .footer__menu {
      gap: 32px; } }
  .footer__menu ul {
    list-style: none; }
  .footer__menu li:not(:last-child) {
    margin-bottom: 12px; }
  .footer__menu li:first-child {
    font-weight: 700;
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 16px; }
  .footer__menu a {
    font-size: 15px;
    color: var(--light-secondary-text); }

.tel-icon {
  display: none;
  fill: #000;
  width: 20px;
  height: 20px; }
  @media (max-width: 1023px) {
    .tel-icon {
      display: block; } }

.accordion-container {
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }
  .accordion-container:not(:last-child) {
    margin-bottom: 10px; }

.accordion {
  overflow: hidden;
  border-radius: 8px;
  background-color: #fff;
  padding: 30px;
  position: relative; }
  @media (max-width: 767px) {
    .accordion {
      padding: 20px; } }
  .accordion:not(:last-child) {
    margin-bottom: 10px; }

.accordion__intro {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  font-weight: 700;
  font-size: 17px;
  color: var(--light-primary-text); }
  @media (max-width: 767px) {
    .accordion__intro {
      font-size: 13px; } }

.accordion__active .accordion__content {
  opacity: 1; }

.accordion__active .accordion__intro-btn svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: 0px; }

.accordion__content {
  max-height: 0;
  will-change: max-height;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
  position: relative;
  padding: 0; }
  .accordion__content p {
    font-size: 15px;
    line-height: 140%;
    color: var(--light-primary-text);
    max-width: 700px; }
    @media (max-width: 767px) {
      .accordion__content p {
        font-size: 13px; } }

.accordion__content-text {
  padding-top: 10px; }
  @media (max-width: 767px) {
    .accordion__content-text {
      padding-top: 8px; } }

.accordion__intro-btn {
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 34px;
  height: 34px;
  background-color: var(--light-surface);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-left: 15px; }
  @media (max-width: 767px) {
    .accordion__intro-btn {
      width: 28px;
      height: 28px; } }
  .accordion__intro-btn svg {
    margin-top: 4px;
    margin-left: 2px; }
    @media (max-width: 767px) {
      .accordion__intro-btn svg {
        margin-top: 0;
        width: 10px;
        margin-left: 0; } }

.accordion__intro-btn svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.listing-payment h1 {
  text-align: center;
  font-size: 24px;
  color: var(--light-primary-text);
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .listing-payment h1 {
      font-size: 16px; } }
  .listing-payment h1 span {
    color: var(--accent-accent); }
    @media (max-width: 767px) {
      .listing-payment h1 span {
        display: block; } }

.listing-payment-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px; }
  @media (max-width: 1023px) {
    .listing-payment-inner {
      max-width: 100%;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; } }
  @media (max-width: 1199px) {
    .listing-payment-inner table td .btn {
      padding: 0 8px;
      white-space: nowrap; } }
  .listing-payment-inner .col {
    border-radius: 8px;
    background-color: #fff; }
  .listing-payment-inner .col:first-child {
    max-width: 392px;
    width: 100%;
    padding: 20px; }
    @media (max-width: 1340px) {
      .listing-payment-inner .col:first-child {
        max-width: 300px; } }
    @media (max-width: 1199px) {
      .listing-payment-inner .col:first-child {
        max-width: 250px; } }
    @media (max-width: 1023px) {
      .listing-payment-inner .col:first-child {
        max-width: 100%; } }
    .listing-payment-inner .col:first-child h2 {
      margin-bottom: 17px; }
    .listing-payment-inner .col:first-child a {
      color: var(--accent-accent);
      font-size: 13px; }
  .listing-payment-inner .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 1023px) {
      .listing-payment-inner .col:last-child {
        width: 100%;
        max-width: 100%; } }
    .listing-payment-inner .col:last-child h2 {
      margin-top: 20px;
      margin-left: 20px;
      margin-bottom: 23px; }
      @media (max-width: 1199px) {
        .listing-payment-inner .col:last-child h2 {
          margin-left: 16px; } }
      @media (max-width: 767px) {
        .listing-payment-inner .col:last-child h2 {
          font-size: 13px;
          margin-bottom: 13px; } }

.listing-payment__text:not(:last-child) {
  margin-bottom: 16px; }

.listing-payment__text p {
  font-size: 13px;
  line-height: 150%;
  color: var(--light-primary-text); }
  .listing-payment__text p:not(:last-child) {
    margin-bottom: 16px; }

@media (max-width: 1023px) {
  .listing-payment__table {
    overflow: auto;
    max-width: 100%; } }

.listing-payment__table table td {
  padding-top: 10px;
  padding-bottom: 10px; }

table {
  border-collapse: collapse;
  width: 100%; }

table th,
table td {
  text-align: left;
  border-bottom: 1px solid var(--light-borders);
  font-size: 16px;
  padding: 20px; }
  @media (max-width: 1199px) {
    table th,
    table td {
      white-space: nowrap;
      padding-left: 12px;
      padding-right: 12px; } }
  @media (max-width: 767px) {
    table th,
    table td {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 8px;
      padding-bottom: 8px;
      font-size: 13px; } }

table th {
  padding-top: 0;
  font-weight: 400;
  font-size: 13px;
  color: var(--light-secondary-text); }
  table th button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--light-secondary-text);
    gap: 5px; }

table tr:last-child td {
  border: none; }

table td {
  font-size: 13px;
  color: var(--light-primary-text);
  border-bottom-style: dashed;
  vertical-align: top;
  line-height: 140%; }
  @media (max-width: 767px) {
    table td {
      border-bottom: none; } }
  table td .btn {
    border-radius: 5px;
    padding: 0 24px;
    height: 30px;
    font-size: 13px; }
  table td span {
    color: var(--accent-accent); }
  table td .row-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px; }

.discount__table {
  background-color: #fff;
  padding-top: 20px;
  border-radius: 8px; }
  @media (max-width: 767px) {
    .discount__table {
      overflow: auto; } }

.discount-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }
  @media (max-width: 1023px) {
    .discount-items {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .discount-items {
      grid-template-columns: 1fr; } }
  .discount-items:not(:last-child) {
    margin-bottom: 12px; }

.discount-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media (max-width: 1023px) {
    .discount-item:first-child {
      grid-column: 1/3; } }
  @media (max-width: 767px) {
    .discount-item:first-child {
      grid-column: 1; } }
  .discount-item:nth-child(2) .btn {
    width: 180px; }
  .discount-item h2 {
    margin-bottom: 19px; }
  .discount-item ul {
    font-size: 13px;
    list-style: none; }
    .discount-item ul:not(:last-child) {
      margin-bottom: 20px; }
    .discount-item ul li:not(:last-child) {
      margin-bottom: 14px; }
    .discount-item ul span {
      margin-top: 4px;
      color: var(--light-primary-text);
      display: block; }
  .discount-item .btn {
    margin-top: auto; }

.discount-item__text {
  font-size: 13px;
  line-height: 150%;
  color: var(--light-primary-text); }
  .discount-item__text p:not(:last-child) {
    margin-bottom: 12px; }
  .discount-item__text a {
    color: var(--accent-accent); }

.discount-item:last-child .discount-item__buttons .btn:first-child {
  background: var(--accent-purchase); }

.discount-item__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: auto; }
  .discount-item__buttons .btn {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

.cashback__table {
  border-radius: 8px;
  padding-top: 20px;
  background-color: #fff; }
  @media (max-width: 767px) {
    .cashback__table {
      overflow: auto; } }

.cashback-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px; }
  .cashback-items:not(:last-child) {
    margin-bottom: 12px; }
  @media (max-width: 1023px) {
    .cashback-items {
      grid-template-columns: 1fr; } }
  @media (max-width: 767px) {
    .cashback-items {
      max-width: 100%; } }

button.js-col__btn {
  font-size: 13px;
  margin-top: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--accent-accent); }

.cashback-item {
  border-radius: 8px;
  padding: 20px;
  background-color: #fff; }
  @media (max-width: 767px) {
    .cashback-item {
      max-width: calc(100% - 40px); } }
  .cashback-item:last-child h2 {
    margin-bottom: 7px; }
  .cashback-item:last-child p {
    font-size: 13px;
    margin-bottom: 20px; }
  .cashback-item table td {
    padding: 7px 0;
    border: none; }
    @media (max-width: 767px) {
      .cashback-item table td {
        padding-right: 24px; } }
  .cashback-item table th {
    padding: 0 0 7px 0; }
    @media (max-width: 767px) {
      .cashback-item table th {
        padding-bottom: 8px; } }

@media (max-width: 767px) {
  .cashback-item__table {
    max-width: 100%;
    overflow: auto; } }

.js-col__text {
  max-height: 7.5em;
  /* Ограничиваем высоту для 5 строк (примерно) */
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  -o-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease; }
  .js-col__text.expanded {
    max-height: none;
    /* Убираем ограничение высоты */ }

.cashback-item__text {
  margin-top: 17px;
  font-size: 13px;
  line-height: 150%;
  color: var(--light-primary-text); }
  .cashback-item__text p:not(:last-child) {
    margin-bottom: 12px; }
  .cashback-item__text p {
    max-width: 540px; }

.quests-items {
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }

.quests__item {
  border-radius: 8px;
  padding: 30px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 28px; }
  @media (max-width: 1023px) {
    .quests__item {
      padding: 20px; } }
  @media (max-width: 767px) {
    .quests__item {
      display: block; } }
  .quests__item.quests__item--complete p,
  .quests__item.quests__item--complete h2 {
    color: var(--light-secondary-text); }
  .quests__item.quests__item--complete a {
    pointer-events: none;
    color: var(--light-secondary-text); }
  .quests__item.quests__item--complete img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1); }
  .quests__item img {
    border-radius: 8px;
    width: 145px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; }
  .quests__item h2 {
    margin-bottom: 12px; }
  .quests__item p {
    font-size: 13px;
    line-height: 150%;
    color: var(--light-primary-text); }
    @media (max-width: 1023px) {
      .quests__item p br {
        display: none; } }
  .quests__item a {
    color: var(--accent-accent); }
  .quests__item p:not(:last-child) {
    margin-bottom: 12px; }
  .quests__item .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  @media (max-width: 767px) {
    .quests__item .col:first-child {
      display: none; } }
  .quests__item:not(:last-child) {
    margin-bottom: 20px; }

.certs-empty {
  margin: 0 auto;
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  height: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .certs-empty .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    width: 59px;
    height: 68px;
    background: var(--light-surface);
    margin-bottom: 20px; }
  .certs-empty p {
    font-size: 17px;
    text-align: center;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .certs-empty p {
        font-size: 13px; } }

.help-box {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 30px; }
  @media (max-width: 767px) {
    .help-box {
      padding: 0; } }
  .help-box .btn {
    width: 216px;
    margin: 0 auto; }
  .help-box h1 {
    font-size: 17px;
    text-align: center;
    color: var(--light-primary-text);
    margin-bottom: 22px; }
    @media (max-width: 767px) {
      .help-box h1 {
        margin-bottom: 15px; } }
  .help-box__text {
    text-align: center;
    margin-bottom: 30px; }
    .help-box__text p {
      font-size: 15px;
      line-height: 140%;
      text-align: center;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .help-box__text p {
          font-size: 13px; } }
      .help-box__text p:not(:last-child) {
        margin-bottom: 12px; }
      .help-box__text p a {
        color: var(--accent-accent); }

.certs-box {
  background-color: #fff;
  border-radius: 8px;
  padding: 30px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .certs-box {
      padding: 0;
      border-radius: 0; } }
  .certs-box h1 {
    font-size: 17px;
    text-align: center;
    color: var(--light-primary-text);
    margin-bottom: 16px; }

.certs__item:not(:last-child) {
  margin-bottom: 24px; }

.certs__item img {
  max-width: 100%;
  margin: 0 auto; }

.certs__item p {
  margin-bottom: 12px;
  text-align: center;
  font-size: 15px;
  line-height: 140%;
  color: var(--light-primary-text); }
  @media (max-width: 767px) {
    .certs__item p {
      font-size: 13px;
      margin-bottom: 8px; } }

.faq {
  padding-top: 30px; }
  .faq h1 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .faq h1 {
        font-size: 16px; } }

.start {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 300px; }
  @media (max-width: 767px) {
    .start {
      height: auto;
      padding: 56px 32px; } }
  .start .btn {
    padding: 0 32px; }
    @media (max-width: 767px) {
      .start .btn {
        width: 100%; } }

.start__text {
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .start__text br {
      display: none; } }
  .start__text h2 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 12px; }
    @media (max-width: 767px) {
      .start__text h2 {
        font-size: 18px; } }
  .start__text p {
    font-size: 17px;
    line-height: 140%;
    color: #fff; }
    @media (max-width: 767px) {
      .start__text p {
        font-size: 13px; } }

.api {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .api .container {
      padding: 0; } }

.api__table {
  overflow: auto; }

.api-box {
  padding-top: 50px;
  background-color: #fff;
  border-radius: 8px; }
  @media (max-width: 767px) {
    .api-box {
      padding-top: 0; } }
  .api-box__head {
    margin-bottom: 40px;
    text-align: center; }
    @media (max-width: 767px) {
      .api-box__head {
        padding: 0 20px; } }
    .api-box__head p {
      font-size: 15px;
      line-height: 140%;
      text-align: center;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .api-box__head p {
          font-size: 13px; } }
    .api-box__head a {
      color: var(--accent-accent); }
  .api-box h1 {
    font-size: 24px;
    color: var(--light-primary-text);
    margin-bottom: 12px; }

.terms {
  padding-top: 30px; }

.terms-box {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 40px; }
  @media (max-width: 767px) {
    .terms-box {
      padding: 0; } }
  .terms-box__head {
    margin-bottom: 30px;
    text-align: center; }
    .terms-box__head h1 {
      font-size: 17px;
      margin-bottom: 12px;
      color: var(--light-primary-text); }
    .terms-box__head p {
      font-size: 15px;
      line-height: 140%;
      color: var(--accent-sale); }

.terms-box__text h2 {
  font-size: 15px;
  line-height: 140%;
  color: var(--light-primary-text); }
  .terms-box__text h2:not(:last-child) {
    margin-bottom: 12px; }
  @media (max-width: 767px) {
    .terms-box__text h2 {
      font-size: 13px; } }

.terms-box__text p {
  font-size: 15px;
  line-height: 140%;
  color: var(--light-primary-text); }
  @media (max-width: 767px) {
    .terms-box__text p {
      font-size: 13px; } }
  .terms-box__text p:not(:last-child) {
    margin-bottom: 12px; }

.referals {
  padding-top: 30px; }

.referals-box {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  padding: 30px 40px 48px 40px; }
  @media (max-width: 767px) {
    .referals-box {
      padding: 0; } }
  .referals-box__head {
    margin-bottom: 32px;
    text-align: center; }
    @media (max-width: 767px) {
      .referals-box__head {
        margin-bottom: 24px; } }
    .referals-box__head h1 {
      font-size: 17px;
      margin-bottom: 12px;
      color: var(--light-primary-text); }
    .referals-box__head p {
      font-size: 15px;
      line-height: 140%;
      color: var(--light-primary-text); }

.referals-box__text {
  font-size: 15px;
  line-height: 140%;
  color: var(--light-primary-text); }
  @media (max-width: 767px) {
    .referals-box__text {
      font-size: 13px; } }
  .referals-box__text:not(:last-child) {
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      .referals-box__text:not(:last-child) {
        margin-bottom: 24px; } }
  .referals-box__text p:not(:last-child) {
    margin-bottom: 12px; }

.referals-box__bottom {
  padding: 14px;
  text-align: center;
  background: var(--additional-l-sale-24);
  border-radius: 8px; }
  @media (max-width: 767px) {
    .referals-box__bottom {
      padding: 20px; } }
  .referals-box__bottom p {
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
    font-size: 13px;
    line-height: 140%;
    color: var(--accent-sale); }

.currencies {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .currencies .container {
      padding: 0; }
    .currencies table td:first-child {
      padding-left: 20px; }
    .currencies table td:last-child {
      padding-right: 20px; } }

.currencies-box {
  padding-top: 32px;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px; }
  @media (max-width: 767px) {
    .currencies-box {
      padding-top: 0; } }
  .currencies-box__head {
    margin-bottom: 32px;
    text-align: center; }
    @media (max-width: 767px) {
      .currencies-box__head {
        padding: 0 20px; } }
    .currencies-box__head h1 {
      font-size: 17px;
      margin-bottom: 12px;
      color: var(--light-primary-text); }
    .currencies-box__head p {
      max-width: 705px;
      width: 100%;
      margin: 0 auto;
      font-size: 15px;
      line-height: 140%;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .currencies-box__head p {
          font-size: 13px; }
          .currencies-box__head p br {
            display: none; }
          .currencies-box__head p span {
            display: block; } }
      .currencies-box__head p span {
        color: var(--light-secondary-text); }
      .currencies-box__head p a {
        color: var(--accent-accent); }

@media (max-width: 767px) {
  .currencies__table {
    max-width: 100%;
    overflow: auto; } }

.history-box__table {
  overflow: auto; }
  @media (max-width: 767px) {
    .history-box__table {
      overflow: visible; } }

.history-box {
  background-color: #fff;
  border-radius: 8px;
  padding-top: 30px; }
  @media (max-width: 767px) {
    .history-box {
      overflow: auto; } }

.history-box__head {
  padding: 0 20px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: var(--light-primary-text);
  gap: 14px; }
  @media (max-width: 767px) {
    .history-box__head {
      padding: 0 16px;
      white-space: nowrap;
      font-size: 13px;
      gap: 10px; } }

.commisions-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  @media (max-width: 768px) {
    .commisions-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-box-align: normal;
          -ms-flex-align: normal;
              align-items: normal; } }
  .commisions-inner .col {
    background: #fff;
    border-radius: 8px;
    padding-top: 20px; }
  .commisions-inner .col-head {
    padding: 0 20px;
    margin-bottom: 20px; }
    @media (max-width: 767px) {
      .commisions-inner .col-head {
        padding: 0 12px;
        margin-bottom: 12px; } }
    .commisions-inner .col-head p {
      font-size: 13px;
      color: var(--light-secondary-text); }
      .commisions-inner .col-head p span {
        color: var(--light-primary-text); }
  .commisions-inner h1,
  .commisions-inner h2 {
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 7px; }
    @media (max-width: 767px) {
      .commisions-inner h1,
      .commisions-inner h2 {
        font-size: 15px; } }

.commisions__table table td {
  padding-top: 5px;
  padding-bottom: 5px;
  border: none; }
  @media (max-width: 767px) {
    .commisions__table table td {
      padding-right: 0;
      padding-left: 0; }
      .commisions__table table td:first-child {
        padding-left: 12px; }
      .commisions__table table td:last-child {
        padding-right: 12px; } }

.commisions__table table tr:first-child td {
  padding-top: 10px; }

.commisions__table table tr:last-child td {
  padding-bottom: 20px; }

.commisions__table table th {
  padding-bottom: 10px; }
  @media (max-width: 767px) {
    .commisions__table table th {
      padding-right: 0;
      padding-left: 0; }
      .commisions__table table th:first-child {
        padding-left: 12px; }
      .commisions__table table th:last-child {
        padding-right: 12px; } }

.commisims__comment {
  font-size: 13px;
  color: var(--light-secondary-text);
  max-width: 480px;
  width: 100%;
  padding: 0 20px 20px;
  margin-top: 20px;
  line-height: 140%; }

.training {
  padding-top: 30px; }
  .training h1 {
    font-size: 24px;
    text-align: center;
    color: var(--light-primary-text);
    margin-bottom: 30px; }
    .training h1 span {
      color: var(--accent-accent); }
  .training .start {
    max-width: 100%; }

.training-items:not(:last-child) {
  margin-bottom: 30px; }

.training-item {
  border-radius: 8px;
  background: #fff;
  padding: 30px;
  display: grid;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr; }
  @media (max-width: 1023px) {
    .training-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 767px) {
    .training-item {
      padding: 0; } }
  .training-item:nth-child(even) .col:first-child {
    grid-row: 1;
    grid-column: 2/3; }
  .training-item:nth-child(even) .col:last-child {
    grid-row: 1;
    grid-column: 1/2; }
  .training-item:not(:last-child) {
    margin-bottom: 30px; }
  .training-item iframe {
    display: block;
    height: 315px !important;
    width: 100% !important; }
    @media (max-width: 767px) {
      .training-item iframe {
        height: 180px !important; } }
  .training-item h2 {
    font-size: 17px;
    color: var(--light-primary-text); }
    .training-item h2:not(:last-child) {
      margin-bottom: 8px; }
    @media (max-width: 767px) {
      .training-item h2 {
        font-size: 15px; } }
  .training-item__text {
    font-size: 15px;
    line-height: 140%;
    color: var(--light-primary-text); }
    .training-item__text p:not(:last-child) {
      margin-bottom: 12px; }
    @media (max-width: 767px) {
      .training-item__text {
        font-size: 13px; } }
  .training-item__head {
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .training-item__head {
        margin-bottom: 12px; } }
    .training-item__head p {
      font-size: 15px;
      line-height: 140%;
      color: var(--light-secondary-text); }
      @media (max-width: 767px) {
        .training-item__head p {
          font-size: 13px; } }

.about {
  padding-top: 30px; }
  .about h1 {
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center;
    color: var(--light-primary-text); }
  .about .start {
    max-width: 100%; }

.about-box {
  padding: 30px 30px 56px 30px;
  background-color: #fff;
  border-radius: 8px; }
  .about-box:not(:last-child) {
    margin-bottom: 30px; }
  @media (max-width: 767px) {
    .about-box {
      padding: 0; } }

.about-box__bottom {
  max-width: 860px;
  width: 100%;
  margin: 0 auto; }
  .about-box__bottom p:first-child {
    font-size: 17px;
    text-align: center;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .about-box__bottom p:first-child {
        font-size: 15px; } }
  .about-box__bottom p:last-child {
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .about-box__bottom p:last-child {
        font-size: 13px; } }
  .about-box__bottom p:not(:last-child) {
    margin-bottom: 12px; }

.about-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 1199px) {
    .about-item {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  @media (max-width: 767px) {
    .about-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 24px; } }
  .about-item:nth-child(even) .col:first-child {
    grid-row: 1;
    grid-column: 2/3; }
  .about-item:nth-child(even) .col:last-child {
    grid-row: 1;
    grid-column: 1/2; }
  .about-item:not(:last-child) {
    margin-bottom: 56px; }
    @media (max-width: 767px) {
      .about-item:not(:last-child) {
        margin-bottom: 32px; } }
  .about-item img {
    width: 100%;
    height: 560px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 767px) {
      .about-item img {
        height: auto; } }
  .about-item h2 {
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 18px;
    max-width: 480px; }
    @media (max-width: 767px) {
      .about-item h2 {
        max-width: 100%;
        font-size: 15px;
        margin-bottom: 12px; } }
  .about-item p {
    font-size: 15px;
    line-height: 140%;
    color: var(--light-primary-text);
    max-width: 480px; }
    @media (max-width: 767px) {
      .about-item p {
        font-size: 13px;
        max-width: 100%; } }
    .about-item p:not(:last-child) {
      margin-bottom: 12px; }

.balance-box-wrapper:not(:last-child) {
  margin-bottom: 40px; }

.balance-box-wrapper td:last-child {
  width: 300px !important; }

.balance-box-wrapper .input {
  position: relative; }
  .balance-box-wrapper .input input {
    font-size: 13px;
    height: auto;
    width: 120px;
    border: none;
    padding: 0;
    padding-left: 24px; }
    .balance-box-wrapper .input input::-webkit-input-placeholder {
      font-size: 13px; }
    .balance-box-wrapper .input input::-moz-placeholder {
      font-size: 13px; }
    .balance-box-wrapper .input input:-ms-input-placeholder {
      font-size: 13px; }
    .balance-box-wrapper .input input::-ms-input-placeholder {
      font-size: 13px; }
    .balance-box-wrapper .input input::placeholder {
      font-size: 13px; }
  .balance-box-wrapper .input svg {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.balance-box-wrapper .table-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px; }
  .balance-box-wrapper .table-buttons .btn {
    background: #f2f2f2;
    color: #373a44; }

.balance-box__table {
  overflow: auto; }

.balance-box__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 20px; }
  .balance-box__buttons .btn--orange {
    background: var(--accent-purchase); }
  @media (max-width: 767px) {
    .balance-box__buttons {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px; }
      .balance-box__buttons .btn {
        width: 100%; } }

.balance-box {
  background-color: #fff;
  border-radius: 8px; }
  .balance-box__head {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px; }
    @media (max-width: 767px) {
      .balance-box__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 12px; } }
    .balance-box__head h1,
    .balance-box__head h2 {
      font-size: 17px;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .balance-box__head h1,
        .balance-box__head h2 {
          font-size: 15px; } }

.notification .back {
  color: var(--light-secondary-text);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 16px;
  display: none; }
  @media (max-width: 767px) {
    .notification .back {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.notification__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
  gap: 32px; }
  .notification__head button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    font-size: 13px;
    color: var(--light-secondary-text); }
    @media (max-width: 767px) {
      .notification__head button {
        gap: 4px;
        font-size: 12px; } }

.notification-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px; }
  @media (max-width: 767px) {
    .notification-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .notification-wrap .col:first-child {
    width: 290px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media (max-width: 767px) {
      .notification-wrap .col:first-child {
        width: 100%; } }
  .notification-wrap .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    @media (max-width: 767px) {
      .notification-wrap .col:last-child {
        width: 100%; } }

.notification__list {
  border-radius: 8px;
  list-style: none;
  padding: 24px;
  background-color: #fff;
  border-radius: 8px; }
  .notification__list li:not(:last-child) {
    margin-bottom: 24px; }
  .notification__list a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .notification__list a::before {
      content: "";
      position: absolute;
      background: var(--accent-accent);
      border-radius: 5px;
      height: 30px;
      width: 3px;
      top: 50%;
      opacity: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: -24px; }
    .notification__list a.current::before {
      opacity: 1; }
    .notification__list a.current p:first-child {
      color: var(--accent-accent); }
    .notification__list a p:first-child {
      font-size: 15px;
      color: var(--light-primary-text);
      gap: 13px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 767px) {
        .notification__list a p:first-child {
          font-size: 13px; } }
    .notification__list a p:last-child {
      font-size: 15px;
      color: var(--light-secondary-text); }
      @media (max-width: 767px) {
        .notification__list a p:last-child {
          font-size: 13px; } }

.notification-item {
  background: #fff;
  border-radius: 8px;
  padding: 24px; }
  @media (max-width: 767px) {
    .notification-item {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 20px;
      min-height: 96px; } }
  .notification-item:not(:last-child) {
    margin-bottom: 10px; }
  .notification-item.notification-item--read button {
    color: var(--light-secondary-text);
    pointer-events: none; }
    .notification-item.notification-item--read button svg path {
      fill: var(--light-secondary-text); }
  .notification-item.notification-item--read h2 {
    color: var(--light-secondary-text); }
  .notification-item.notification-item--read .notification-item__body {
    color: var(--light-secondary-text); }
  .notification-item__head {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .notification-item__head p {
      font-size: 13px;
      color: var(--light-secondary-text); }
    @media (max-width: 767px) {
      .notification-item__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        margin-bottom: 0; } }
  .notification-item__body {
    max-width: 720px;
    font-size: 13px;
    line-height: 150%;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .notification-item__body {
        display: none; } }
    .notification-item__body p {
      max-height: 3em;
      /* Ограничиваем высоту для двух строк */
      overflow: hidden;
      -webkit-transition: max-height 0.3s ease;
      -o-transition: max-height 0.3s ease;
      transition: max-height 0.3s ease; }
      .notification-item__body p.expanded {
        max-height: none; }
    .notification-item__body button {
      display: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 8px;
      font-size: 13px;
      color: var(--accent-accent);
      margin-top: 8px;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
  .notification-item h2 {
    font-weight: 400;
    font-size: 17px;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .notification-item h2 {
        font-size: 13px !important; } }

.referals-page .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px; }
  @media (max-width: 1023px) {
    .referals-page .container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.referals-page .col:first-child {
  border-radius: 8px;
  padding: 20px;
  background-color: #fff;
  border: 2px solid var(--accent-accent);
  width: 290px; }
  @media (max-width: 1023px) {
    .referals-page .col:first-child {
      width: 100%; } }
  .referals-page .col:first-child h1 {
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 18px; }
    @media (max-width: 767px) {
      .referals-page .col:first-child h1 {
        margin-bottom: 12px; } }
  .referals-page .col:first-child .input-label {
    position: static;
    display: block;
    font-size: 13px;
    margin-bottom: 8px; }
  .referals-page .col:first-child .input input {
    padding-top: 0; }
  .referals-page .col:first-child .btn {
    width: 100%; }
  .referals-page .col:first-child p {
    margin-bottom: 64px;
    font-size: 13px;
    line-height: 140%;
    color: var(--light-primary-text); }
    @media (max-width: 1023px) {
      .referals-page .col:first-child p {
        margin-bottom: 20px; } }

.referals-page .col:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.referals-page__empty {
  padding: 0 20px 20px 20px;
  font-size: 13px;
  color: var(--light-secondary-text);
  line-height: 140%; }

.referals-page__box {
  background-color: #fff;
  border-radius: 8px; }
  .referals-page__box:last-child h2 {
    padding-top: 20px;
    margin-left: 20px; }
  .referals-page__box:not(:last-child) {
    margin-bottom: 12px; }
  .referals-page__box h2 {
    margin-bottom: 14px; }
    @media (max-width: 767px) {
      .referals-page__box h2 {
        margin-bottom: 12px; } }
  .referals-page__box ul {
    list-style: none;
    font-size: 15px;
    line-height: 150%;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .referals-page__box ul {
        font-size: 13px; } }
    .referals-page__box ul li {
      padding-left: 24px;
      position: relative; }
      .referals-page__box ul li::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: #a3a8b9;
        left: 0;
        top: 8px;
        border-radius: 50%; }
    .referals-page__box ul li:not(:last-child) {
      margin-bottom: 14px; }

.referals-page__box:first-child {
  padding: 24px; }

.settings-box {
  padding: 30px;
  border-radius: 8px;
  background: #fff;
  max-width: 600px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .settings-box {
      padding: 0; } }
  .settings-box .input input:not([type="password"]) {
    padding-right: 48px; }
  .settings-box:not(:last-child) {
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .settings-box:not(:last-child) {
        margin-bottom: 40px; } }
  .settings-box .btn {
    margin: 30px auto 0;
    min-width: 216px; }
    @media (max-width: 767px) {
      .settings-box .btn {
        min-width: auto;
        width: 100%;
        margin-top: 10px; } }
  .settings-box h2,
  .settings-box h1 {
    text-align: center;
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .settings-box h2,
      .settings-box h1 {
        font-size: 15px;
        margin-bottom: 14px; } }

.settings-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .settings-item .toggle-btn.active {
    background: var(--accent-purchase); }
  .settings-item p {
    font-size: 15px;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .settings-item p {
        font-size: 13px; } }
    .settings-item p span {
      display: block;
      background: var(--additional-l-sale-24);
      border-radius: 8px;
      margin-top: 4px;
      font-size: 13px;
      line-height: 140%;
      color: var(--accent-sale);
      padding: 4px 16px; }
      @media (max-width: 767px) {
        .settings-item p span {
          margin-top: 6px;
          padding: 4px 8px;
          font-size: 12px;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content; } }

.settings-box__list {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px; }
  @media (max-width: 767px) {
    .settings-box__list {
      gap: 24px; } }
  .settings-box__list .checkbox-container {
    font-size: 15px; }
    @media (max-width: 767px) {
      .settings-box__list .checkbox-container {
        font-size: 13px; } }

.settings-item--top {
  margin-top: 20px; }

.tg-help {
  font-size: 15px;
  line-height: 140%;
  color: var(--accent-accent);
  margin-top: 10px; }
  @media (max-width: 767px) {
    .tg-help {
      font-size: 13px; } }

.settings-box--tg .settings-box__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 16px 32px; }
  @media (max-width: 767px) {
    .settings-box--tg .settings-box__list {
      gap: 16px; } }

.tg__bottom {
  padding-top: 48px;
  font-size: 15px;
  line-height: 140%;
  color: var(--light-secondary-text); }
  @media (max-width: 767px) {
    .tg__bottom {
      padding-top: 16px;
      font-size: 12px; } }
  .tg__bottom a {
    display: inline;
    color: var(--accent-accent); }

.help-page__box {
  background-color: #fff;
  border-radius: 8px;
  padding-top: 48px;
  padding-bottom: 72px;
  padding-left: 24px;
  padding-right: 24px; }
  @media (max-width: 767px) {
    .help-page__box {
      padding: 0; } }
  .help-page__box-head {
    margin-bottom: 40px;
    text-align: center; }
    @media (max-width: 767px) {
      .help-page__box-head {
        margin-bottom: 24px; } }
    .help-page__box-head h1 {
      font-size: 24px;
      margin-bottom: 12px;
      color: var(--light-primary-text); }
    .help-page__box-head p {
      max-width: 796px;
      width: 100%;
      margin: 0 auto;
      font-size: 15px;
      line-height: 140%;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .help-page__box-head p {
          font-size: 13px; } }

.help-page {
  padding-top: 30px; }

.help-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1023px) {
    .help-items {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .help-items {
      grid-template-columns: 1fr; } }

.help-item {
  border: 1px solid var(--light-borders);
  border-radius: 8px;
  padding: 30px; }
  @media (max-width: 1023px) {
    .help-item {
      padding: 24px; }
      .help-item:last-child {
        grid-column: 1/3; } }
  @media (max-width: 767px) {
    .help-item {
      padding: 20px; }
      .help-item:last-child {
        grid-column: 1/2; } }
  .help-item__icon {
    margin-left: auto;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 8px;
    width: 47px;
    height: 47px;
    background: var(--light-surface); }
    @media (max-width: 767px) {
      .help-item__icon {
        margin-left: 0;
        width: 40px;
        height: 40px; }
        .help-item__icon svg {
          width: 16px;
          height: 16px; } }
  .help-item h2 {
    font-size: 17px;
    color: var(--light-primary-text);
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .help-item h2 {
        font-size: 15px;
        margin-bottom: 12px; } }
  .help-item p {
    font-size: 13px;
    line-height: 140%;
    color: var(--light-primary-text); }
    .help-item p:not(:last-child) {
      margin-bottom: 12px; }
    .help-item p a {
      display: inline;
      color: var(--accent-accent); }

.airdrop {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .airdrop .container {
      padding: 0; } }

.airdrop-box {
  border-radius: 8px;
  background-color: #fff;
  padding-top: 48px; }
  @media (max-width: 767px) {
    .airdrop-box {
      padding-top: 0; } }
  .airdrop-box table th {
    white-space: nowrap; }
  .airdrop-box a {
    color: var(--accent-accent); }
  .airdrop-box span {
    color: var(--light-secondary-text); }
  .airdrop-box table td:first-child {
    white-space: nowrap; }
  .airdrop-box table tr.complete td {
    color: var(--light-secondary-text); }
  .airdrop-box table tr.complete .airpods-label {
    background: var(--light-secondary-text); }
  .airdrop-box table tr.complete a {
    color: var(--light-secondary-text);
    pointer-events: none; }

.airdrop-box__table {
  overflow: auto; }

.airpods-label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 13px;
  line-height: 140%;
  padding: 4px 8px;
  background: var(--accent-purchase);
  border-radius: 50px;
  color: #fff; }
  .airpods-label:not(:last-child) {
    margin-bottom: 14px; }

.airdrop-box__head {
  margin-bottom: 40px;
  text-align: center;
  padding: 0 20px; }
  .airdrop-box__head h1 {
    font-size: 24px;
    margin-bottom: 12px;
    color: var(--light-primary-text); }
  .airdrop-box__head p {
    max-width: 796px;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 140%;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .airdrop-box__head p {
        font-size: 13px; } }

.grid-row:first-child {
  padding-top: 30px; }
  @media (max-width: 767px) {
    .grid-row:first-child {
      padding-top: 20px; } }
  @media (max-width: 1199px) {
    .grid-row:first-child .container {
      grid-template-columns: 1fr; } }

.grid-row:not(:last-child) {
  margin-bottom: 12px; }

.grid-row td {
  border: none;
  padding-top: 4px;
  padding-bottom: 4px; }
  @media (max-width: 1199px) {
    .grid-row td {
      padding-left: 0;
      padding-right: 0; }
      .grid-row td:first-child {
        padding-left: 20px; }
      .grid-row td:last-child {
        padding-right: 20px; } }
  @media (max-width: 1023px) {
    .grid-row td {
      padding-left: 20px;
      padding-right: 20px; } }

.grid-row tr:first-child td {
  padding-top: 8px; }

.grid-row tr:last-child td {
  padding-bottom: 8px; }

.grid-row thead {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 2; }

.grid-row th {
  padding-bottom: 8px; }

.grid-row--two .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px; }
  @media (max-width: 1023px) {
    .grid-row--two .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.grid-row--two .grid-row-box__table {
  height: 269px; }
  @media (max-width: 1023px) {
    .grid-row--two .grid-row-box__table {
      max-height: 264px;
      height: auto; } }

      .tabs-wrapper .tab{
          padding: 10px 0px 5px 0px;
      display: inline-block;
      cursor: pointer;
      }
      .tabs-wrapper .tab:hover{
          color:blue;
      }
      .tabs-wrapper .tab{
          color:#000;
      }


.grid-row--four .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px; }
  .grid-row--four .container.sk_grid-container {
      display: grid;
    grid-template-columns: 50% calc(25% - 12px) calc(25% - 12px);
    gap: 12px; }

  @media (max-width: 1199px) {
    .grid-row--four .container, .grid-row--four .container.sk_grid-container {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .grid-row--four .container, .grid-row--four .container.sk_grid-container {
      grid-template-columns: 1fr; } }

.grid-row--four th {
  padding-left: 0;
  padding-right: 0; }
  .grid-row--four th:first-child {
    padding-left: 20px; }
  .grid-row--four th:last-child {
    padding-right: 5px; }

.grid-row--four td {
  font-size: 11px;
  padding-left: 0;
  padding-right: 0; }
  .grid-row--four td:first-child {
    padding-left: 20px; }
  .grid-row--four td:last-child {
    padding-right: 5px; }

.grid-row-box__table {
  height: 233px;
  position: relative;
  z-index: 2;
  overflow: auto; }
  .grid-row-box__table button {
    color: var(--light-secondary-text); }

.red-bg {
  position: absolute;
  right: 14px;
  bottom: 14px; }

.green-bg {
  position: absolute;
  left: 8px;
  bottom: 14px; }

.grid-row-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
  border-radius: 8px;
  padding-bottom: 9px;
  background-color: #fff; }
  .grid-row-box h2 {
    margin-left: 20px;
    margin-bottom: 12px;
    font-size: 17px;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .grid-row-box h2 {
        font-size: 15px; } }

.grid-row-box__head {
  padding-left: 20px;
  margin-bottom: 12px; }
  .grid-row-box__head p {
    font-size: 13px;
    color: var(--light-secondary-text); }
    .grid-row-box__head p span {
      color: var(--light-primary-text); }
  .grid-row-box__head h2 {
    margin-left: 0;
    margin-bottom: 6px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

.grid-row-box__form {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 11px 20px; }
  .grid-row-box__form .input:not(:last-child),
  .grid-row-box__form .textarea:not(:last-child) {
    margin-bottom: 10px; }
  .grid-row-box__form .input-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 14px;
    font-size: 15px;
    color: var(--light-primary-text); }
  .grid-row-box__form .input input {
    padding-left: 104px;
    padding-top: 0;
    height: 40px;
    text-align: right;
    padding-right: 54px; }
  .grid-row-box__form .btn {
    height: 40px;
    width: 100%; }
    .grid-row-box__form .btn.btn--green {
      background: var(--accent-purchase); }
    .grid-row-box__form .btn.btn--red {
      background: var(--accent-sale); }
  .grid-row-box__form .input .input-label,
  .grid-row-box__form .textarea .input-label {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
    left: 14px;
    font-size: 15px !important; }

.form-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: var(--light-secondary-text); }
  @media (max-width: 1199px) {
    .form-comment {
      margin-top: 8px; } }

.grid-row-box--big {
  grid-column: 2/5; }

.grid-row-box--wbig {
  grid-column: 1/5; }

  @media (max-width: 1199px) {
    .grid-row-box--big {
      grid-column: 1/2; }
      .grid-row-box--wbig {
        grid-column: 1/2; }
 }

.chart__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px; }
  @media (max-width: 1023px) {
    .chart__head {
      display: grid;
      grid-template-columns: auto auto;
      grid-template-rows: 1fr 1fr; } }
  @media (max-width: 767px) {
    .chart__head {
      grid-template-rows: 1fr 1fr 1fr; } }
  .chart__head p {
    font-size: 15px;
    color: var(--light-secondary-text); }
    .chart__head p span {
      color: var(--light-primary-text); }
    @media (max-width: 1023px) {
      .chart__head p {
        font-size: 13px; } }
  @media (max-width: 767px) {
    .chart__head > p {
      grid-row: 3;
      grid-column: 1/3; } }

.chart-wrapper {
  padding: 10px; }
  .chart-wrapper img {
    height: 430px;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.chart__coin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 17px;
  color: var(--light-primary-text); }
  @media (max-width: 1023px) {
    .chart__coin {
      font-size: 15px; } }
  .chart__coin p {
    color: var(--light-primary-text); }
  .chart__coin img {
    height: 27px;
    -o-object-fit: contain;
       object-fit: contain; }

.chart__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; }
  @media (max-width: 767px) {
    .chart__price {
      grid-column: 1/3;
      grid-row: 2;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .chart__price strong {
    color: var(--light-primary-text); }
  .chart__price .down {
    color: var(--accent-sale); }
  .chart__price .up {
    color: var(--accent-purchase); }

.chart__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px; }
  @media (max-width: 1023px) {
    .chart__link {
      grid-column: 2;
      grid-row: 1; } }
  @media (max-width: 767px) {
    .chart__link {
      margin-left: auto; } }
  .chart__link p {
    font-size: 15px;
    color: var(--accent-accent-2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px; }
    @media (max-width: 1023px) {
      .chart__link p {
        font-size: 13px; } }

.grid-row-box--custom .grid-row-box__table {
  height: 355px; }
  @media (max-width: 1199px) {
    .grid-row-box--custom .grid-row-box__table {
      height: 180px; } }

.grid-row-box--custom table td .row-icon {
  gap: 4px; }

.grid-row-box--custom td {
  vertical-align: sub;
  font-size: 13px; }
  .grid-row-box--custom td:last-child {
    padding-right: 20px;
    text-align: right; }

.grid-row-box--custom .selected svg path {
  fill: #f06a1e !important; }

.table-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px; }

.grid-row-search {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px; }
  .grid-row-search form {
    position: relative; }
  .grid-row-search .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 10px; }
  .grid-row-search .input input {
    padding-left: 32px;
    height: 30px;
    font-size: 13px;
    padding-top: 0; }

.grid-categories {
  margin-bottom: 14px;
  padding-left: 20px;
  border-bottom: 1px solid var(--light-borders);
  padding-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .grid-categories input[type="radio"] {
    display: none; }
  .grid-categories .radio-name {
    cursor: pointer;
    font-size: 13px;
    color: var(--light-secondary-text); }
    .grid-categories .radio-name p {
      text-align: center;
      padding: 0 6px;
      position: relative; }
      .grid-categories .radio-name p::before {
        content: "";
        position: absolute;
        width: 100%;
        bottom: -10px;
        background: var(--accent-accent);
        border-radius: 8px;
        height: 3px;
        opacity: 0;
        left: 0; }
    .grid-categories .radio-name svg {
      margin-right: 6px; }
  .grid-categories input[type="radio"]:checked + .radio-name {
    color: var(--light-primary-text); }
    .grid-categories input[type="radio"]:checked + .radio-name p::before {
      opacity: 1; }
    .grid-categories input[type="radio"]:checked + .radio-name svg path {
      fill: #f06a1e !important; }

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  right: 5px;
  top: 24px; }

.os-scrollbar-track {
  background: #f2f2f2; }

.os-scrollbar-handle {
  background: #d6dae5; }

.authorization {
  padding-top: 30px; }
  .authorization .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .authorization .container .col:last-child {
      background-color: #fff;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      border-radius: 0 8px 8px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .authorization .container .col:first-child {
      width: 406px;
      min-height: 610px;
      position: relative; }
      @media (max-width: 1023px) {
        .authorization .container .col:first-child {
          width: 300px; } }
      @media (max-width: 767px) {
        .authorization .container .col:first-child {
          display: none; } }
      .authorization .container .col:first-child img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 8px 0 0 8px; }

.authorization__text {
  position: absolute;
  left: 48px;
  bottom: 48px; }
  @media (max-width: 1023px) {
    .authorization__text {
      left: 32px;
      bottom: 32px; } }
  .authorization__text img {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 24px; }
    @media (max-width: 1023px) {
      .authorization__text img {
        width: 40px !important;
        height: 40px !important; } }
  .authorization__text p {
    font-size: 18px;
    line-height: 120%;
    color: #fff; }
    @media (max-width: 1023px) {
      .authorization__text p {
        font-size: 14px; } }

.authorization-menu {
  border-bottom: 1px solid var(--light-borders);
  padding: 20px 0; }
  @media (max-width: 767px) {
    .authorization-menu {
      padding: 0;
      padding-bottom: 14px; } }
  .authorization-menu ul {
    width: 394px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    gap: 16px; }
    @media (max-width: 767px) {
      .authorization-menu ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%; } }
    .authorization-menu ul a {
      padding: 0 16px;
      font-size: 15px;
      color: var(--light-secondary-text);
      position: relative; }
      @media (max-width: 767px) {
        .authorization-menu ul a {
          font-size: 13px; } }
      .authorization-menu ul a::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -22px;
        border-radius: 5px;
        height: 3px;
        width: 100%;
        background: var(--accent-accent);
        opacity: 0; }
        @media (max-width: 767px) {
          .authorization-menu ul a::before {
            bottom: -16px; } }
      .authorization-menu ul a.current {
        color: var(--light-primary-text); }
        .authorization-menu ul a.current::before {
          opacity: 1; }

.authorization-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media (max-width: 767px) {
    .authorization-body {
      padding: 0; } }
  .authorization-body .back-wrap {
    width: 394px;
    margin-bottom: 64px; }
    @media (max-width: 767px) {
      .authorization-body .back-wrap {
        width: 100%; } }
  .authorization-body .back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 15px;
    line-height: 140%;
    color: var(--light-secondary-text);
    gap: 10px; }
    @media (max-width: 767px) {
      .authorization-body .back {
        font-size: 13px;
        margin-top: 24px; } }
  .authorization-body form {
    width: 394px; }
    @media (max-width: 767px) {
      .authorization-body form {
        width: 100%; } }
  .authorization-body .checkbox-container {
    margin-bottom: 12px; }
    .authorization-body .checkbox-container a {
      color: var(--accent-accent); }
  @media (max-width: 767px) {
    .authorization-body .form-code {
      margin-bottom: 24px; } }
  .authorization-body .form-bottom {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 12px; }
    @media (max-width: 767px) {
      .authorization-body .form-bottom {
        grid-template-columns: 1fr; } }
    .authorization-body .form-bottom a {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      font-size: 13px;
      line-height: 140%;
      margin-left: auto;
      color: var(--light-secondary-text); }
      @media (max-width: 767px) {
        .authorization-body .form-bottom a {
          margin: 0 auto; } }
  .authorization-body .btn {
    width: 100%; }

.authorization-body--custom {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.authorization-body__head {
  margin-bottom: 24px;
  width: 394px; }
  @media (max-width: 767px) {
    .authorization-body__head {
      padding-top: 40px;
      width: 100%;
      text-align: center; } }
  .authorization-body__head h1 {
    font-size: 24px;
    color: var(--light-primary-text); }
    .authorization-body__head h1:not(:last-child) {
      margin-bottom: 8px; }
  .authorization-body__head p {
    font-size: 15px;
    line-height: 140%;
    color: var(--light-secondary-text); }
    @media (max-width: 767px) {
      .authorization-body__head p {
        font-size: 13px; } }

.telegram {
  padding-top: 30px; }

.telegram-box {
  max-width: 800px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  padding: 30px; }
  @media (max-width: 767px) {
    .telegram-box {
      padding: 0; } }
  .telegram-box img {
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%; }
  .telegram-box:not(:last-child) {
    margin-bottom: 30px; }
  .telegram-box ol {
    counter-reset: listCounter; }
    .telegram-box ol:not(:last-child) {
      margin-bottom: 24px; }
    .telegram-box ol li::marker {
      font-size: 0; }
  .telegram-box ol li {
    color: var(--light-primary-text);
    position: relative;
    padding-left: 24px;
    font-size: 15px;
    line-height: 140%; }
    @media (max-width: 767px) {
      .telegram-box ol li {
        font-size: 14px; } }
    .telegram-box ol li:not(:last-child) {
      margin-bottom: 12px; }
    .telegram-box ol li strong {
      display: block; }
  .telegram-box ol > li:before {
    counter-increment: listCounter;
    content: counter(listCounter) ".";
    position: absolute;
    top: 0;
    left: 0; }

.telegram-box__head {
  text-align: center;
  margin-bottom: 20px; }
  .telegram-box__head h1,
  .telegram-box__head h2 {
    font-size: 17px;
    margin-bottom: 12px;
    color: var(--light-primary-text); }
    @media (max-width: 767px) {
      .telegram-box__head h1,
      .telegram-box__head h2 {
        font-size: 15px; } }
  .telegram-box__head p {
    max-width: 590px;
    width: 100%;
    margin: 0 auto;
    font-size: 15px;
    line-height: 140%;
    color: var(--light-secondary-text); }
    @media (max-width: 767px) {
      .telegram-box__head p {
        font-size: 13px; } }
    .telegram-box__head p:not(:last-child) {
      margin-bottom: 12px; }

.depository-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px; }
  @media (max-width: 1023px) {
    .depository-items {
      grid-template-columns: 1fr; } }
  @media (max-width: 767px) {
    .depository-items {
      display: block; } }

.depository-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 284px;
  background-color: #fff;
  border-radius: 8px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .depository-item:first-child .btn:first-child {
    background: var(--accent-purchase); }
  @media (max-width: 1023px) {
    .depository-item {
      min-height: auto; } }
  @media (max-width: 767px) {
    .depository-item {
      display: block; }
      .depository-item:not(:last-child) {
        margin-bottom: 12px; }
      .depository-item:nth-child(2) .depository-item__buttons {
        grid-template-columns: 1fr; }
      .depository-item:nth-child(2) td:first-child {
        white-space: normal; }
      .depository-item:nth-child(2) .row-icon {
        max-width: 175px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .depository-item:nth-child(2) .row-icon svg {
          margin-top: 2px;
          -ms-flex-negative: 0;
              flex-shrink: 0; } }
  .depository-item .row-icon {
    gap: 8px; }
  .depository-item .btn {
    width: 182px; }
    @media (max-width: 767px) {
      .depository-item .btn {
        width: 100%; } }
  .depository-item__buttons {
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: auto; }
    @media (max-width: 1023px) {
      .depository-item__buttons {
        padding-left: 12px;
        margin-top: 20px;
        padding-right: 12px; } }
    @media (max-width: 767px) {
      .depository-item__buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px; } }
  .depository-item:not(:last-child) td:last-child {
    text-align: right; }
    .depository-item:not(:last-child) td:last-child .row-icon {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .depository-item__table {
    max-height: 255px;
    overflow: auto; }
  .depository-item h2 {
    margin-left: 20px;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .depository-item h2 {
        margin-left: 12px; } }
  .depository-item table th {
    padding-bottom: 8px; }
  .depository-item table td {
    padding-top: 8px;
    padding-bottom: 8px; }
    @media (max-width: 767px) {
      .depository-item table td {
        padding-right: 8px; }
        .depository-item table td:last-child {
          padding-right: 12px; } }

.depository-info {
  margin-top: 12px;
  background-color: #fff;
  border-radius: 8px;
  padding: 48px 64px; }
  @media (max-width: 767px) {
    .depository-info {
      padding: 32px 20px; } }
  .depository-info h2 {
    text-align: center;
    margin: 0 auto 40px;
    max-width: 670px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: var(--light-primary-text); }
    .depository-info h2 span {
      color: var(--accent-accent); }
    @media (max-width: 767px) {
      .depository-info h2 {
        font-size: 15px; } }

.depository-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px; }
  @media (max-width: 1023px) {
    .depository-boxes {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .depository-boxes {
      grid-template-columns: 1fr; } }

.depository-box {
  padding: 16px 0; }
  @media (max-width: 1023px) {
    .depository-box {
      padding: 0; } }
  .depository-box .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: var(--light-surface);
    border-radius: 8px;
    width: 47px;
    height: 47px; }
  .depository-box__text {
    font-size: 13px;
    line-height: 140%;
    color: var(--light-primary-text); }
    .depository-box__text p:not(:last-child) {
      margin-bottom: 12px; }
    @media (max-width: 767px) {
      .depository-box__text {
        font-size: 12px; } }
  .depository-box__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .depository-box__head {
        margin-bottom: 12px; } }
    .depository-box__head p {
      font-weight: 700;
      font-size: 17px;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .depository-box__head p {
          font-size: 13px; } }
  .depository-box:not(:last-child) {
    padding-right: 32px;
    border-right: 1px solid var(--light-borders); }
    @media (max-width: 1023px) {
      .depository-box:not(:last-child) {
        border: none;
        padding-right: 0; } }

.start-main .start {
  max-width: 100%; }

.partners {
  padding-bottom: 48px; }

.partners__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  .partners__head h2 {
    font-size: 24px; }
    @media (max-width: 767px) {
      .partners__head h2 {
        font-size: 15px; } }
  .partners__head a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    line-height: 140%;
    text-align: center;
    color: var(--accent-accent);
    height: 50px;
    padding: 0 32px;
    border: 1px solid var(--accent-accent);
    border-radius: 8px; }
    @media (max-width: 767px) {
      .partners__head a {
        font-size: 13px;
        padding: 0 24px;
        height: 40px; } }

.text-mobile {
  display: none; }
  @media (max-width: 767px) {
    .text-mobile {
      display: block; } }

@media (max-width: 767px) {
  .text-desktop {
    display: none; } }

.partners-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px; }
  @media (max-width: 1199px) {
    .partners-items {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .partners-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      scrollbar-width: none; } }

.partners-item {
  border-radius: 8px;
  background: #fff;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 15px;
  line-height: 153%;
  text-align: center;
  color: var(--light-secondary-text);
  padding-left: 24px;
  padding-right: 24px; }
  @media (max-width: 1199px) {
    .partners-item {
      aspect-ratio: auto;
      padding: 56px 24px; } }
  @media (max-width: 767px) {
    .partners-item {
      min-width: 222px;
      font-size: 13px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .partners-item img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .partners-item img {
        max-width: 100%;
        height: 24px;
        margin-bottom: 24px; } }

.hero {
  padding-bottom: 48px;
  padding-top: 72px; }
  @media (max-width: 767px) {
    .hero {
      padding-top: 40px; } }
  .hero__head {
    margin-bottom: 30px;
    text-align: center; }
    @media (max-width: 767px) {
      .hero__head {
        margin-bottom: 20px; } }
    .hero__head p {
      margin: 0 auto;
      max-width: 670px;
      font-size: 17px;
      line-height: 140%;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .hero__head p {
          font-size: 13px;
          line-height: 140%; } }
  .hero h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 115%;
    background: -o-linear-gradient(331deg, #FFB085 0%, #FF8A5C 25%, #E64823 50%, #C43D1C 75%, #A03217 100%);
    background: linear-gradient(119deg, #FFB085 0%, #FF8A5C 25%, #E64823 50%, #C43D1C 75%, #A03217 100%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 24px;
    -webkit-text-fill-color: transparent; }
    @media (max-width: 767px) {
      .hero h1 {
        font-size: 24px !important;
        max-width: 320px;
        margin: 0 auto 8px; } }

.hero-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }
  @media (max-width: 1023px) {
    .hero-items {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .hero-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: auto;
      scrollbar-width: none; } }

.hero-item {
  border-radius: 8px;
  background-color: #fff; }
  @media (max-width: 767px) {
    .hero-item {
      min-width: 300px; } }
  .hero-item__head {
    border-radius: 8px 8px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 167px;
    padding: 24px 20px; }
    .hero-item__head h2 {
      font-weight: 700;
      font-size: 20px;
      color: #fff;
      margin-bottom: 8px; }
      @media (max-width: 767px) {
        .hero-item__head h2 {
          margin-bottom: 4px;
          font-size: 15px; } }
    .hero-item__head p {
      font-size: 15px;
      color: #fff;
      opacity: 0.8; }
      @media (max-width: 767px) {
        .hero-item__head p {
          font-size: 13px; } }
  .hero-item__stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 8px;
    width: 51px;
    height: 51px;
    background: var(--accent-accent);
    position: absolute;
    right: 20px;
    top: -25px;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    color: var(--light-surface); }
    .hero-item__stage span {
      display: block;
      font-weight: 400;
      font-size: 12px;
      line-height: 161%;
      letter-spacing: 0.2em;
      text-align: center;
      color: var(--light-surface); }
  .hero-item__body {
    position: relative;
    padding: 24px 20px; }
    .hero-item__body h2 {
      font-size: 17px;
      color: var(--light-primary-text);
      margin-bottom: 14px; }
      @media (max-width: 767px) {
        .hero-item__body h2 {
          font-size: 15px; } }
    .hero-item__body ul {
      list-style: none;
      font-size: 15px;
      line-height: 153%;
      color: var(--light-primary-text); }
      @media (max-width: 767px) {
        .hero-item__body ul {
          font-size: 13px; } }
      .hero-item__body ul li {
        position: relative;
        padding-left: 16px; }
        .hero-item__body ul li::before {
          content: "";
          position: absolute;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background-color: var(--light-primary-text);
          left: 0;
          top: 8px; }
      .hero-item__body ul li:not(:last-child) {
        margin-bottom: 4px; }

.review {
  padding-bottom: 48px; }

.review-box {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px; }
  .review-box > img {
    height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%; }

.review-slider .swiper-slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.review-slide {
  border-radius: 8px;
  padding: 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px; }
  @media (max-width: 767px) {
    .review-slide {
      width: calc(100% - 48px);
      padding: 10px; } }
  .review-slide.current {
    border: 1px solid var(--light-borders); }
  .review-slide__name {
    font-weight: 700;
    font-size: 15px;
    color: var(--light-primary-text);
    margin-bottom: 5px; }
    @media (max-width: 767px) {
      .review-slide__name {
        font-size: 13px; } }
  .review-slide__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px; }
    .review-slide__text p:last-child {
      font-size: 15px;
      font-weight: 600; }
    .review-slide__text p:first-child {
      font-size: 15px;
      color: var(--light-primary-text);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      gap: 4px; }
    .review-slide__text span {
      font-size: 12px;
      color: var(--light-secondary-text);
      margin-bottom: 1px; }
    .review-slide__text .up {
      color: var(--accent-purchase); }
    .review-slide__text .down {
      color: var(--accent-sale); }
  .review-slide img {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.swiper-button-next {
  right: 0; }

.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--light-borders);
  background-color: #fff; }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 10px;
    color: var(--light-primary-text); }



.swiper-button-next::after {
  margin-left: 2px; }

/* @media (hover), (min-width: 0\0), (min--moz-device-pixel-ratio: 0) { */
  header .header__user:hover ul {
    display: block !important; }
/* } */


.chart__coin-sk-dd{
    position: relative;
    padding: 10px 0;
}
.chart__coin-sk-dd .sk-shair-dropdown{
    display: flex;
    align-items: center;
}

.chart__coin-sk-dd .grid-row-box-dd {
    position: absolute;
    top: 40px;
    left: 0;
    box-shadow: 0 10px 10px rgba(0,0,0,0.35);
    width: 450px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    transition-delay: 0.5s; /* Исчезает через 1 секунды после ухода курсора */
}

.chart__coin-sk-dd:hover .grid-row-box-dd {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; /* Появляется сразу при наведении */
}
.chart__coin-sk-dd .pair-tables-js tr:nth-child(2n){
    background: rgba(238,238,238,0.63);
}
.chart__coin-sk-dd .pair-tables-js tr:hover{
    background: rgb(204,226,255);
}
.chart__coin-sk-dd .pair-tables-js tr a:hover{
    color: #2857b1;
}
.chart__coin-sk-dd .noneactive:hover p{
    color: #2857b1;
}
.chart__coin-sk-dd .sk-shair-dropdown:hover p{
    color: #2857b1;
}
.chart__coin-sk-dd .sk-shair-dropdown{
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAv0lEQVR4nO3XSwqDMBRG4bOJG3T/O2lHfU3qoMtpETIQKSVqHjf0PyA48ML9zCiglFJKKaXUP3cC7kDAXwF4AOeUj6/AG5icYULcad7tkjJgwDMOvICx/I6bdxr2Do49Ijxh7CjCA8ZyIVpiLDeiBcZKIWpirDSiBqYaoiSmOqIEphkiJ6Y5IgfGDeIIxh1iD8YtYgvGPSIF0w3iF6Y7xLfb3LR693TrTGp5Ct2dxLr579/i091JKKWUUkophcs+GiV0FcyNP/cAAAAASUVORK5CYII=')no-repeat right center;
    background-size: 20px;
    padding-right: 30px;
}
.chart__coin-sk-dd:hover .sk-shair-dropdown{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAwklEQVR4nO3XSQoCMRRF0bsFQb/i/tfhWFFQShR3oxSkIAOxS/eD70IgwxzeKKCUUkoppZTK0xI4AidgRacZcAbu4dyANR0ucQmAISwy3q89LWPREtPDZ8Chp2XsCWKqG4y9QHSDsQ8Q7jH2BcItxn5AuMNYAsINxjIgmmMsI6IZxgogqmOsIKIaxiogpophaiKKYVogsmNaIrJhPCCSMZ4QSZh99LNb4Kd59NMcUW/bADtniBizDW9USimllFLqT3sAK3JznBTOQz4AAAAASUVORK5CYII=')no-repeat right center;
    background-size: 20px;
}
.chart__coin-sk-dd .sk-shair-dropdown p{
    padding-left: 10px

}
.chart__coin-sk-dd .sk-shair-dropdown:hover{
    color: #2857b1;
}

.sk-grid-row-box{
    display: none;
}
.sk-grid-row-box.active{
    display: block;
}


.chart-wrapper-trade-sk{
    display: flex;
    justify-content: space-between;
}
.chart-box-1{
    width: 50%;
    padding: 10px 10px 10px 0px;
    margin: 0 5px 0 0px;
}
.chart-box-2{
    width: 25%;
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 5px;
}
.chart-box-3{
    width: 25%;
    padding: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 0px 0 5px;
}
.chart-wrapper-trade-sk .grid-row-box__form{
    padding: 0;
}
.chart-wrapper-trade-sk .grid-row-box__head{
    padding-left: 0;
}
.chart-wrapper-trade-sk .grid-row-box-cont-2 {
    grid-template-columns: repeat(1, 1fr);
}
.sk-tabs-links{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.sk-tabs-links-no-mt{
    margin-top: 0px;
}
.sk-tabs-links .sk-tab-links{
    padding: 7px 30px;
    width: 50%;
    text-align: center;
    cursor: pointer;
    background: #e5e5e5;
    color: #000;
}
.sk-tabs-links .sk-tab-links:nth-child(1){
    border-radius: 5px 0 0 5px;
}
.sk-tabs-links .sk-tab-links:nth-child(2){
    border-radius: 0 5px 5px 0;
}
.sk-tabs-links .sk-tab-links.active{
    cursor: default;
    background: var(--accent-purchase);
    color: #fff;
}
.s-table__tr-center td{
    font-size: 13px;
    font-weight: bold;
}
.sk-title-cup{
    padding: 5px 15px 15px 0px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
}
.sk-tab-links:hover{
    background: var(--accent-purchase);
}
.sk-tab-links:nth-child(2):hover{
    background: #cc4c4c;
}
.sk-tab-links:nth-child(2).active {
    background: #cc4c4c;
}
@media screen and (max-width: 451px) {
    .chart__coin-sk-dd .grid-row-box-dd{
        width: 380px;
    }
}
@media screen and (max-width: 767px) {
    .chart__coin-sk-dd .grid-row-box__table {
        height: 300px;
    }
    .chart-box-1, .chart-box-2, .chart-box-3{
        width: 100%;
        margin: 10px 0px 0 0px;
    }
    .chart-wrapper-trade-sk {
        justify-content: space-between;
        flex-wrap: wrap;
    }
}
.about-box__bottom{
    color: #000;
}
.about-box__bottom ol {
        margin: 10px 0;
}
.about-box__bottom li{
    margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .revealOnScroll {
    opacity: 1; } }

    @media (max-width: 400px) {
        .commisions__table{
            overflow-y: auto;
            margin: 0 10px 0;
        }
    }