body {
  color: #252838;
  background: #f8f9fe;
}
main {
  background: #f8f9fe;
  padding-top: 80px;
}

.header__main {
  position: fixed;
  z-index: 333;
  top: 0;
  width: 100%;
}
.breadcrumbs ul li a span {
  color: #aeb5d1;
}
.helppage h1 {
  font-weight: 500;
  font-size: 38px;
  line-height: 120%;
  margin-top: 0;
  margin-bottom: 24px;
}
.helppage__wrapper {
  display: flex;
  gap: 40px;
}
.helppage__main {
  width: 100%;
}

.helppage__date {
  margin-bottom: 24px;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #7b7794;
}
.helppage__anonce {
  margin-bottom: 32px;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 138%;
}
.helppage__aside {
  max-width: 280px;
  min-width: 280px;
}
.stop {
  position: relative;
  z-index: 101;
}
.helppage h2 {
  margin: 32px 0 24px 0;
  color: #252838;
}
.helppage__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 138%;
}

.helppage__content a {
  color: #4563ff;
}

.helppage__content ul {
  margin: 10px 0;
  list-style: disc;
  padding-left: 10px;
  margin-left: 10px;
}
.helppage__content ul li {
  margin: 0 0 5px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
}

.helppage [data-lightbox] {
  background: #fff;
  display: block;
  border-radius: 24px;
  padding: 24px;
  margin: 24px 0;
}
.helppage [data-lightbox] figure {
  background: #fff;
  margin: 0;
  width: 100%;
}
.helppage [data-lightbox] figure img {
  box-shadow: 0 0 15px 0 rgba(174, 181, 209, 0.7);
  border-radius: 12px;
  padding: 52px 16px 0 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='64' height='16' viewBox='0 0 64 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='7.4161' fill='white' stroke='%234563FF' stroke-width='1.1678'/%3e%3ccircle cx='32' cy='8' r='7.4161' fill='%234563FF' stroke='%234563FF' stroke-width='1.1678'/%3e%3ccircle cx='56' cy='8' r='7.4161' fill='%23FF0029' stroke='%23FF0028' stroke-width='1.1678'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: left 56px top 20px;
}
.helppage [data-lightbox] figcaption {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  text-align: center;
  margin-top: 24px;
  color: #7b7794;
  font-style: normal;
}

.helppage details div {
  margin-top: 24px;
}
.helppage details {
  border-radius: 16px;
  padding: 24px;
  background: #fff;
  margin: 24px 0;
}
.helppage details summary {
  font-weight: 400;
  font-size: 16px;
  padding-left: 28px;
  color: #7b7794;
  cursor: pointer;
  position: relative;
}
.helppage details summary:before {
  position: absolute;
  left: 0;
  transition: all 0.1s ease;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_34915_13076' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3e%3crect width='20' height='20' fill='%23D9D9D9' /%3e%3c/mask%3e%3cg mask='url(%23mask0_34915_13076)'%3e%3c/g%3e%3cmask id='mask1_34915_13076' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3e%3crect width='20' height='20' fill='%23D9D9D9' /%3e%3c/mask%3e%3cg mask='url(%23mask1_34915_13076)'%3e%3cpath d='M10.0018 13.2082C9.90449 13.2082 9.80716 13.1909 9.70983 13.1562C9.61249 13.1216 9.52249 13.0556 9.43983 12.9582L5.75183 9.29222C5.62649 9.15289 5.56749 8.98956 5.57483 8.80222C5.58149 8.61489 5.64749 8.45856 5.77283 8.33322C5.92549 8.19456 6.08516 8.12856 6.25183 8.13522C6.41849 8.14256 6.57116 8.20856 6.70983 8.33322L10.0018 11.6462L13.3138 8.35422C13.4392 8.21556 13.5852 8.14622 13.7518 8.14622C13.9185 8.14622 14.0782 8.21556 14.2308 8.35422C14.3702 8.49289 14.4398 8.65256 14.4398 8.83322C14.4398 9.01389 14.3702 9.16689 14.2308 9.29222L10.5638 12.9582C10.4812 13.0556 10.3912 13.1216 10.2938 13.1562C10.1965 13.1909 10.0992 13.2082 10.0018 13.2082Z' fill='%237B7794' /%3e%3c/g%3e%3c/svg%3e");
}
.helppage details[open] summary:before {
  transform: translateY(-50%);
}
.helppage table {
  margin-bottom: 16px;
  margin: 24px 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  border-left: 24px solid #fff;
  border-right: 24px solid #fff;
  border-top: 12px solid #fff;
  border-bottom: 6px solid #fff;
}
.helppage table tbody tr:first-child {
  border-top: 1px solid #d0d4dc;
}
.helppage table tbody tr:last-child {
  border-bottom: 1px solid #d0d4dc;
}
.helppage details table {
  border-radius: 0;
  overflow: auto;
  padding: 0;
  margin: 0;
  border: none;
  border-spacing: 0;
}
.helppage table tr {
  border-top: 1px solid #d0d4dc;
}

.helppage details table tbody tr:first-child {
  border: none;
}
.helppage table tbody tr:first-child + tr {
  /*  border-top: none; */
}

.helppage details table tbody + tbody {
  border-top: none;
}
.helppage table tbody tr:last-child {
  border-bottom: 1px solid #d0d4dc;
}

.helppage table td {
  font-weight: 400;
  font-size: 16px;
  padding: 12px 0 16px;
  line-height: 130%;
  vertical-align: baseline;
}
.helppage details table td:first-child {
  min-width: 200px;
}
.helppage table td:first-child {
  color: #7b7794;
}
.helppage table td + td {
  padding-left: 56px;
}

.helppage table tbody tr:first-child td[colspan="2"] {
  font-weight: 500;
  font-size: 16px;
  color: #7b7794;
  font-weight: 500;
  padding: 16px 0 8px 0;
}

.helppage table tbody:first-child tr td[colspan="2"] {
  padding-top: 0;
}

.helppage p.frame {
  margin: 24px 0;
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #7b7794;
}

.helppage p.info {
  border: 1px solid #cecfda;
  border-radius: 10px;
  margin: 24px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #7b7794;
  padding: 10px 10px 10px 44px;
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_34915_39505' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-1' y='-1' width='25' height='25'%3e%3crect x='-0.0234375' y='-0.122559' width='24' height='24' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_34915_39505)'%3e%3cpath d='M11.9766 16.6274C12.1932 16.6274 12.3726 16.5568 12.5146 16.4154C12.6559 16.2734 12.7266 16.0941 12.7266 15.8774V11.6024C12.7266 11.4024 12.6559 11.2314 12.5146 11.0894C12.3726 10.9481 12.1932 10.8774 11.9766 10.8774C11.7599 10.8774 11.5809 10.9481 11.4396 11.0894C11.2976 11.2314 11.2266 11.4108 11.2266 11.6274V15.9024C11.2266 16.1024 11.2976 16.2734 11.4396 16.4154C11.5809 16.5568 11.7599 16.6274 11.9766 16.6274ZM11.9766 9.17744C12.2099 9.17744 12.4016 9.09811 12.5516 8.93944C12.7016 8.78144 12.7766 8.58577 12.7766 8.35244C12.7766 8.13578 12.7016 7.94811 12.5516 7.78944C12.4016 7.63144 12.2099 7.55244 11.9766 7.55244C11.7432 7.55244 11.5516 7.63144 11.4016 7.78944C11.2516 7.94811 11.1766 8.13578 11.1766 8.35244C11.1766 8.58577 11.2516 8.78144 11.4016 8.93944C11.5516 9.09811 11.7432 9.17744 11.9766 9.17744ZM11.9766 21.3774C10.6599 21.3774 9.42256 21.1274 8.26456 20.6274C7.1059 20.1274 6.10156 19.4524 5.25156 18.6024C4.40156 17.7524 3.72656 16.7481 3.22656 15.5894C2.72656 14.4314 2.47656 13.1941 2.47656 11.8774C2.47656 10.5608 2.72656 9.32311 3.22656 8.16444C3.72656 7.00644 4.40156 6.00244 5.25156 5.15244C6.10156 4.30244 7.1059 3.62744 8.26456 3.12744C9.42256 2.62744 10.6599 2.37744 11.9766 2.37744C13.2932 2.37744 14.5309 2.62744 15.6896 3.12744C16.8476 3.62744 17.8516 4.30244 18.7016 5.15244C19.5516 6.00244 20.2266 7.00644 20.7266 8.16444C21.2266 9.32311 21.4766 10.5608 21.4766 11.8774C21.4766 13.1941 21.2266 14.4314 20.7266 15.5894C20.2266 16.7481 19.5516 17.7524 18.7016 18.6024C17.8516 19.4524 16.8476 20.1274 15.6896 20.6274C14.5309 21.1274 13.2932 21.3774 11.9766 21.3774ZM11.9766 19.8774C14.1932 19.8774 16.0809 19.0984 17.6396 17.5404C19.1976 15.9818 19.9766 14.0941 19.9766 11.8774C19.9766 9.66077 19.1976 7.77311 17.6396 6.21444C16.0809 4.65644 14.1932 3.87744 11.9766 3.87744C9.7599 3.87744 7.87256 4.65644 6.31456 6.21444C4.7559 7.77311 3.97656 9.66077 3.97656 11.8774C3.97656 14.0941 4.7559 15.9818 6.31456 17.5404C7.87256 19.0984 9.7599 19.8774 11.9766 19.8774Z' fill='%234563FF'/%3e%3c/g%3e%3c/svg%3e ");
}

.helppage b {
  font-weight: 500;
}

.helprelated {
  margin-top: 60px;
  margin-bottom: 40px;
}

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

.helppage {
  margin-bottom: 20px;
}

.helprelated__menu ul li {
  margin-bottom: 12px;
}

.helprelated__menu ul li a {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #7b7794;
  padding-left: 28px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_34915_12767' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3e%3crect width='20' height='20' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_34915_12767)'%3e%3cpath d='M9.54248 15.8965C9.38915 15.7438 9.31248 15.5875 9.31248 15.4275C9.31248 15.2682 9.38215 15.1118 9.52148 14.9585L13.8335 10.6675H4.31248C4.14582 10.6675 3.99315 10.6015 3.85448 10.4695C3.71582 10.3375 3.64648 10.1812 3.64648 10.0005C3.64648 9.81982 3.71582 9.66348 3.85448 9.53148C3.99315 9.39948 4.14582 9.33348 4.31248 9.33348H13.8335L9.52148 5.06248C9.38215 4.90982 9.31248 4.75015 9.31248 4.58348C9.31248 4.41682 9.38915 4.25715 9.54248 4.10448C9.69515 3.96582 9.84782 3.89648 10.0005 3.89648C10.1532 3.89648 10.3058 3.96582 10.4585 4.10448L15.7715 9.43848C15.8688 9.52115 15.9382 9.61115 15.9795 9.70848C16.0215 9.80582 16.0425 9.90315 16.0425 10.0005C16.0425 10.0978 16.0215 10.1952 15.9795 10.2925C15.9382 10.3898 15.8688 10.4798 15.7715 10.5625L10.4585 15.8965C10.3058 16.0352 10.1532 16.1045 10.0005 16.1045C9.84782 16.1045 9.69515 16.0352 9.54248 15.8965Z' fill='%237B7794'/%3e%3c/g%3e%3c/svg%3e ");
}

.helprelated__menu ul li a:hover {
  color: #4563FF;
}

.helppage__aside .helpnav {
  border-left: 1px solid #cecfda;
  padding-left: 10px;
}

.helpnav__title {
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.01em;
}
.helpnav__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.helpnav__menu ul li {
  margin-bottom: 0;
}
.helpnav__menu li a {
  display: block;
  padding: 8px 16px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.01em;
  color: #7b7794;
  transition: all 0.1s ease-in-out;
}

.helpnav__menu li a:hover {
  background: rgba(174, 181, 209, 0.2);
  color: #252838;
}

html {
  scroll-behavior: smooth;
}
.contents__items li a.active {
  background-image:  url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_36884_3583' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3e%3crect width='20' height='20' fill='%23D9D9D9'/%3e%3c/mask%3e%3cg mask='url(%23mask0_36884_3583)'%3e%3cpath d='M7.97922 14.396C7.88188 14.396 7.78488 14.375 7.68822 14.333C7.59088 14.2917 7.50055 14.2293 7.41722 14.146L4.00022 10.729C3.86155 10.5903 3.79555 10.4273 3.80222 10.24C3.80888 10.052 3.87488 9.88868 4.00022 9.75001C4.13888 9.61135 4.30222 9.54201 4.49022 9.54201C4.67755 9.54201 4.83355 9.61135 4.95822 9.75001L8.02122 12.812L15.0622 5.77101C15.1876 5.63168 15.3405 5.56201 15.5212 5.56201C15.7019 5.56201 15.8546 5.63168 15.9792 5.77101C16.1186 5.90968 16.1882 6.06601 16.1882 6.24001C16.1882 6.41335 16.1186 6.56935 15.9792 6.70801L8.54222 14.146C8.45888 14.2293 8.36855 14.2917 8.27122 14.333C8.17388 14.375 8.07655 14.396 7.97922 14.396Z' fill='%234563FF'/%3e%3c/g%3e%3c/svg%3e ");background-position: right center;
  background-repeat: no-repeat;

}
.custom-scrollbar {
  display: none;
}
@media (max-width: 999px) {

  .scrollTask {
  position: relative;
  height: 436px;
  border-radius: 0 0 16px 16px;
  overflow: hidden; /* скрыть стандартный скролл */
/*   border: 1px solid #ccc; */
    box-shadow: 0 16px 38px 0 rgba(115, 100, 178, 0.2);

}

.scrollTask__content {
  height: 100%;
  width: 100%;
  overflow-y: scroll; /* включаем прокрутку, но скроем её */
  scrollbar-width: none; /* Firefox */
}
.scrollTask__content::-webkit-scrollbar { display: none; } /* Chrome/Safari */

.custom-scrollbar {
  display: block;
  position: absolute;
  top: 0; right: 2px;
  width: 6px;
  height: calc(100% - 12px);
  background: #fff;
  border-radius: 4px;

}
.custom-thumb {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  background: #4563ff;
  border-radius: 5px;
  cursor: pointer;
  min-height: 30px;
  display: block;

}


    main {
        padding-top: 48px;
    }
  .contents__button {
    touch-action: manipulation;
  }
  .disable-hover {
    pointer-events: none;
  }
  .categories__wrapper {
    border-radius: 16px 16px 0 0;
   
   
  }
  .contents__button {
     border-radius: 16px;
    padding: 16px 16px 16px 16px;
    border: 1px solid #cecfda;
  }
  .contents__button.active {
    border: 1px solid #4563ff;
    border-radius: 16px 16px 0 0;
  }
  .helpnav__mobilemenu .contents__items ul {
    padding: 6px 10px 6px 16px;
    max-height: 436px;
    overflow: auto;
  }
  .helpnav__mobilemenu .contents__items ul {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

  .helpnav__mobilemenu .contents__items ul::-webkit-scrollbar {
    width: 7px;
}

  .helpnav__mobilemenu .contents__items ul::-webkit-scrollbar-track {
    background: #fff;
}

  .helpnav__mobilemenu .contents__items ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #4563FF;
}
  .helppage .contents__wrapper .categories__items_isbutton {
    padding: 16px 5px 16px 16px !important;
  }
  .helppage .categories_page .categories__item a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */

    background: #ffffff;
    border-radius: 5px;
    /* Синий Темнее */

    color: #344ccc;
  }

  .helppage .categories_page .categories__item a:hover {
    background: #344ccc;
    color: #fff;
  }

  .helppage .categories_page .categories__item {
    margin-bottom: 10px;
    padding: 0 5px;
  }

  .helppage .categories__caption {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    /* identical to box height, or 118% */
    margin: 0 0 32px 0;

    /* Черный */

    color: #000000;
  }

  .helppage .categories__button {
    display: block;
    background: #eceef6;
    border-radius: 10px;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .helppage .categories__button span {
    vertical-align: middle;
  }

  .helppage .categories__close {
    display: none;
  }

  .helppage .categories__button.active .categories__close {
    display: initial;
  }

  .helppage .categories__button.active .categories__burger {
    display: none;
  }
  .helppage .active .categories__close {
    display: block;
  }

  .helppage .active .categories__burger {
    display: none;
  }

  .contents__items li a {
    padding: 10px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.01em;
    display: block;
  }

  .helppage .categories__name {
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.01em;
    text-align: center;
    display: block;
  }

  .helppage .categories__burger {
  }

  .helppage .categories__items_isbutton {
    margin: 0;
    margin: 0;
    display: block;
    padding: 20px 10px;
    opacity: 0;
    visibility: hidden;
    z-index: -999;
    position: absolute;
  /*   display: none; */
  }

  .helppage .contents__list {
    border-radius: 0;
    padding: 0;
    background: #fefcfe;
  }
  .helppage .contents__title {
    display: none;
  }
  .helppage .contents__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .helppage .contents__wrapper .categories__items_isbutton {
    padding: 0 !important;
  }
  .helppage .contents__button.active .categories__burger {
    display: none;
  }

  .helppage .contents__button.active .categories__close {
    display: initial;
  }
 /*  .helppage .contents__button {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  } */
  .helppage__aside {
    display: none;
  }
  .helppage__anonce {
    font-size: 15px;
  }
  .helppage__date {
    margin-bottom: 20px;
  }
  .helppage h1 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: -0.03em;
  }
  .helppage p {
    line-height: 150%;
  }
  .helppage h2 {
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    letter-spacing: -0.03em;
    margin: 40px 0 20px 0;
  }
  .helppage [data-lightbox] figcaption {
    font-size: 12px;
    line-height: 133%;
    margin-top: 16px;
  }
  .helppage [data-lightbox] figure img {
    padding: 20px 5px 8px 5px;
    border-radius: 12px;
  }
  .helppage [data-lightbox] {
    border-radius: 16px;
    padding: 24px 16px;
    margin: 20px 0;
  }
  .helppage details {
    padding: 24px 16px;
  }
  .helppage table,
  .helppage table tr,
  .helppage table td,
  .helppage table tbody {
    display: block;
  }
  .helppage table td {
    padding: 8px 0 8px 0;
  }
  .helppage table td + td {
    padding-left: 0;
  }
  .helppage table td:last-child {
    padding-bottom: 16px;
  }
  .helppage table td[colspan="2"] {
    padding-top: 32px;
  }
  .helppage p.frame {
    padding: 24px 16px;
  }
  .helppage p.info {
    background-position: left 10px top 10px;
  }
  .helppage table {
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
  }
  .helppage details table {
    border: none;
  }
  .helppage [data-lightbox] figure img {
    background-position: left 21px top 9px;
    background-size: 28px;
  }
  .helppage p.frame {
    margin: 20px 0;
  }
  .helprelated {
    margin-top: 40px;
  }
  .categories__wrapper.active .contents__items {
    display: block;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    opacity: 1;
    visibility: visible;
    z-index: 10;
        background: #fff;
  }
  .categories__wrapper {
    position: relative;
  }
  .categories__wrapper.active {
    background: #fff;
    box-shadow: 0 16px 38px 0 rgba(115, 100, 178, 0.2);
  }
}