.authorization__information {
  display: none;
}

.selectionHeader__page-icon {
  display: none;
}

.selectionHeader__card-icon {
  display: none;
}

.page-content__inner-block-content--sm-visible {
  display: none;
}

.selectionHeader__card {
  display: none;
}

.back__button {
  display: none;
}

.picker, .menu-picker {
  display: none;
}

.erip-payment--sm-visible {
  display: none;
}

.billet__data--sm-show,
.currency-exchange__label--sm-visible,
.data-field__button-value--sm-visible,
.input-converter__button--sm-visible,
.input-converter--sm-visible {
  display: none;
}

.irs-handle-inner--sm-visible,
.field__grouped-label--sm-visible,
.notice-information-block--sm-visible,
.subsection-title--sm-visible,
.information-toast__message--sm-visible,
.billet__controls--sm-visible,
.operation-check__controls--sm-visible,
.billet-details__content--sm-visible,
.billet-details__value--sm-visible,
.billet-details--sm-visible,
.open-modal-button--sm-visible,
.table-field--sm-visible,
.invalid-request__image--sm-visible,
.invalid-request__description--sm-visible,
.billet-details__label--sm-visible,
.billet-details__controls--sm-visible,
.personal-preferences__selector-footer--sm-visible,
.page-content__actions-list--sm-visible,
.billet-details__header--sm-visible,
.page-content__separator--sm-visible,
.main-button__label--sm-visible,
.spoiler-data--sm-visible,
.link-point__icon--sm-visible {
  display: none;
}

.modal-title--sm-show,
.modal__title--sm-visible {
  display: none;
}

.modal__description--sm-visible,
.modal-dialog--sm-visible {
  display: none;
}


.currency-exchange__card-body--sm-show {
  display: none;
}

.wrapper-inputConverter__currency {
  margin-left: 8px;
  font-family: OpenSansSemiBold;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.wrapper-inputConverter__currency--sm-show,
.billet__button-more,
.request__button-more,
.multi-grid-picker--sm-visible {
  display: none;
}

.cards-widget__title {
  display: none;
}

.wrapper__cards-widget-content-button--subsidiary,
.card-view__number,
.card-view__duration {
  display: none;
}

.new-card__secondary-information,
.card-view__secondary-information,
.new-card__footer--sm-visible {
  display: none;
}

.courses-table__icon--sm-show {
  display: none;
}

.widget-switcher {
  position: relative;
  display: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 16px;
  border-bottom: 2px solid #fafafa;
}

.widget-switcher__title {
  font-family: OpenSansSemiBold;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  text-align: center;
}

.widget-switcher__button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  max-width: 118px;
  width: 100%;
  height: 36px;
  padding-left: 18px;
  color: #000000;
  background-color: transparent;
  cursor: pointer;
  visibility: hidden;
}

.widget-switcher__button--visible {
  visibility: visible;
}

.widget-switcher__button--disabled {
  color: #C7C7C7;
  pointer-events: none;
}

.widget-switcher__button--disabled .widget-switcher__arrow {
  color: #C7C7C7;
}

.widget-switcher__button:not(:first-child) {
  justify-content: end;
  padding-left: 0;
  padding-right: 18px;
}

.widget-switcher__arrow {
  position: absolute;
  top: 7.5px;
  bottom: 7.5px;
  height: 21px;
  width: 12px;
  left: 0;
  color: #009E87;
}

.page-content--sm-visible {
  display: none;
}

.widget-switcher__button:not(:first-child) .widget-switcher__arrow {
  left: auto;
  right: 0;
}

.widget-switcher__button:not(:first-child) .widget-switcher__arrow {
  transform: rotate(180deg);
}

.widget-switcher__label {
  font-family: OpenSansRegular;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: inherit;
}

.widget-switcher__button:not(:first-child) .widget-switcher__label  {
  text-align: right;
}

.rate-header {
  display: none;
  margin: 0;
  padding: 0 16px;
}

.rate-header__info-text {
  margin: 0;
  font-family: OpenSansSemiBold;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.footerSecond__label {
  display: none;
}

.footer-links {
  display: none;
  align-items: center;
  padding: 10px 0 10px 16px;
  background-color: #FAFAFA;
  border-radius: 4px;
}

.footer-links--authorization,
.footer-links--independent {
  display: none;
}

.footer-links--authorization .footer-links__label {
  color: #fff;
}

.footer-links__label {
  font-family: OpenSansRegular;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.footer-links__link {
  background: transparent;
}

.footer-links__link,
.footer-links__link:hover,
.footer-links__link:focus {
  color: #66C5B7;
}

.footer-links--authorization .footer-links__link,
.footer-links--authorization .footer-links__link:hover,
.footer-links--authorization .footer-links__link:focus {
  color: #fff;
}

.footer-links__link::before{
  content: "";
  position: absolute;
  left: -7px;
  right: -7px;
  top: -7px;
  bottom: -7px;
}

.footer-links__list {
  display: flex;
  align-items: center;
  margin-left: 16px;
}

.footer-links__item:not(:first-child) {
  margin-left: 16px;
}

.footer-links__item {
  position: relative;
}

.input-converter__label {
  flex-shrink: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.input-converter__input-body {
  position: relative;
  width: 100%;
  height: 22px;
  margin-left: 14px;
}

.input-converter__input {
  width: 100%;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  border: none;
  color: #000000;
  text-align: center !important;
}

.input-converter__input-body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #009E87;
}

.input-converter__button-label {
  margin-left: 8px;
  font-family: OpenSansSemiBold;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.input-converter__button {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: auto;
  margin-left: 16px;
}

.widget__switcher-button {
  display: none;
}

.favorite-payments-action__title,
.favorite-payments-action__sum-label {
  display: none;
}

.favorite-payments-action__description {
  font-family: OpenSansSemiBold;
}

.favorite-payments-action__sum-block {
  font-family: inherit;
}

.favorite-payments-action__sum {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.rate-column-field {
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty-information-block {
  display: none;
}

.modal__footer--sm-visible {
  display: none;
}

.radioBlock__hint-description--sm-visible,
.selectionHeader--sm-visible,
.page-content__title--sm-visible,
.page-content__description--sm-visible,
.main-button--sm-visible,
.data-field--sm-visible,
.page-content__block--sm-visible,
.page-content__block-separator--sm-visible,
.billet-details--sm-visible,
.detailed-billet__header--sm-visible,
.detailed-billet__arrow,
.billet-details__information--sm-visible,
.billet-details__data--sm-visible,
.field__name--sm-visible,
.tbody--sm-visible,
.page-information__icon-sm-visible,
.main-button__icon--sm-visible,
.field--sm-visible,
.text-link--sm-visible,
.note--sm-visible,
.radio-group__name--sm-visible,
.data-field__value--sm-visible,
.data-field__label--sm-visible,
.spoiler-data__header--sm-visible,
.text-description--sm-visible,
.page-content__notes-list--sm-visible,
.page-content__toggle--sm-visible,
.billet-details__icon-logo--sm-visible,
.online-credit-footer__item--sm-visible,
.radioBlock__text--sm-visible {
  display: none;
}

.page-content__toggles-list--sm-visible,
.checkboxBlock__text--sm-visible {
  display: none;
}

.control-input--sm-visible {
  display: none;
}

.exclamation-mark-icon--sm-visible {
  display: none;
}

.block__icon {
  width: 40px;
  height: 40px;
}

.radio-group--column {
  flex-direction: column;
}

.navbar-menu {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  width: 100%;
  background: #fff;
  border-top: 2px solid #fafafa;
  z-index: 1000;
}

.navbar-menu__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}

.navbar-menu__list--disabled {
  opacity: .6;
  pointer-events: none;
}

.navbar-menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 52px;
  color: #909090;
  background-color: transparent;
}

a.navbar-menu-link:focus,
a.navbar-menu-link:hover {
  color: #009e87;
}

.navbar-menu-link--active {
  color: #009e87;
}

.navbar-menu-link__icon {
  width: 28px;
  height: 28px;
  color: inherit;
}

.navbar-menu-link__label {
  margin-top: 8px;
  font-family: OpenSansSemiBold;
  font-size: 10px;
  line-height: 14px;
  color: inherit;
}

.menu-link-loading {
  pointer-events: none;
}

.menu-link-loading__icon .lds-spin{
  height: 28px;
  width: 28px;
}

.menu-link-loading__label {
  color: rgb(144, 144, 144);
}

.menu-link-loading .lds-spin > div > div,
.link-loading .lds-spin > div > div,
.cart-stash-loading__icon .lds-spin > div > div,
.icon-loading__loader .lds-spin > div > div {
  left: 10px;
  transform-origin: -10px;
}

.menu-link-loading .lds-spin > div > div::before,
.link-loading .lds-spin > div > div::before,
.cart-stash-loading__icon .lds-spin > div > div::before,
.icon-loading__loader .lds-spin > div > div::before {
  width: 5px;
  height: 5px;
}

.footer-links--authorization .lds-spin > div > div::before {
  background: #fff;
}

.page-content__footer--sm-visible,
.page-content__form-description--sm-visible {
  display: none;
}

.breadCrumbs--sm-visible,
.field__name--sm-visible,
.table-column-field--sm-visible,
.new-card__sum-action-body--sm-visible,
.separatorRow--sm-visible,
.billet-details__value--sm-visible,
.page-content__field--sm-visible,
.page-content__field-group--sm-visible,
.field-input__description--sm-visible,
.spoiler--sm-visible,
.icon-button--sm-visible,
.documents-table__header-sm-visible,
.tableWrapper--sm-visible,
.page-content__fields-list--sm-visible,
.table-column-field__value--sm-visible,
.check-entry--sm-visible,
.data-field__value--sm-visible,
.page-content__payment-stash,
.erip-payment__icon--sm-visible,
.erip-payment__pre-image--sm-visible,
.currency-converter__input-item--sm-visible {
  display: none;
}

.billet-details__title-block {
  display: none;
}

.block__item_disabled .block__icon--active {
  color: #FF020E;
}

.open-more-button--sm-show {
  display:none;
}

.table-column-field__label {
  display: none;
}

.field__input--sm-placeholder-active.field__input::placeholder {
  opacity: 0;
}

.field__placeholder--sm-visible,
.new-card__disabled-body,
.page-content__form--sm-visible,
.card-view__currency--sm-display-none,
.field__input--sm-visible,
.field__offers-list--sm-visible {
  display: none;
}

.menu-picker--min-md-visible {
  display: flex;
}

.menu-picker__button-label {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}

.spoilerCommon .spoilerCommon__subTitle,
.base-account-credit-product__title-icon,
.financial-assistant__chart-data,
.billet-details__notice-information--sm-visible,
.add-new-product {
  display: none;
}

.page-content__separators-list--sm-visible {
  display: none;
}

.card-view__bank-name--sm-visible {
  display: none;
}

.help-contacts__contact {
  color: #fff;
}

.page-content__description--with-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .page-content__block--slider-widget .owl-item.cloned {
    display: none !important;
  }

  .page-content__block--slider-widget .owl-stage {
    transform:none !important;
    transition: none !important;
    width: auto !important;
  }

  .page-content__block--slider-widget .owl-item {
    width: auto !important;
  }

  .page-content__slider-widget .owl-nav.disabled {
    display: none;
  }

  .base-account-credit-product {
    background-color: rgba(255, 255, 255, 0.8) !important;
  }

  .page-content__block--sm-visibility-active:not(.page-content__block--min-md-visibility-active) {
    height: 0;
    width: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    min-height: auto;
  }

  .page-content__block--sm-visibility-active .js-card-block {
    display: none;
  }

  .page-content__slider-widget--list .new-card,
  .page-content__slider-widget--list .card-view {
    height: 0;
    padding: 0;
  }
    
    
  button.tab {
    background-color: transparent
  }    
}

.information-toast__title--sm-visible,
.billet-details__notice-information {
  display: none;
}

/** mobile */
@media screen and (max-width: 767px) {
  body {
    width: 100%;
  }

  .main * {
    max-height: 999999px;
  }

  a {
    font-family: inherit;
  }

  *:hover,
  *:focus {
    box-shadow: none !important;
  }

  .main {
    min-height: auto;
  }

  .wrapper {
    z-index: 1;
    height: auto;
  }

  chrome_annotation {
    border-bottom: none !important;
  }

  /* Консультант */
  .acbsww.acbsww_container,
  #webim-widget-pro {
    display: none !important;
  }

  .owl-card {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.1s, opacity 0.4s;
  }

  .owl-card.owl-item--visible,
  .owl-card.active {
    visibility: visible;
    opacity: 1;
  }

  /* Применяется для корректной иниц. owlCarousel */
  .sm-visibility-hidden,
  .page-content__inner-block-content.hide {
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden;
    overflow: hidden;
  }

  /* TODO: удалить после релиза нового списка карт */
  .page-content__inner-block-content.hide * {
    margin: 0;
  }

  .page-content__inner-block-content.hide {
    display: block !important;
  }

  .anchor .tab::after {
    background-color: #009e87
  }

  body.anchor {
    position: relative;
  }

  body.anchor::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(2px);
  }

  .anchor .selectionHeader,
  .anchor .wrapper-cards-widget,
  .anchor .wrapper-favorite-payments,
  .anchor .wrapper-block,
  .anchor .commonBlock,
  .anchor .spoilerCommon,
  .anchor .filterCap,
  .anchor .favorite-payments__wrapper-content,
  .anchor .AccountsAndDeposits-widget__content,
  .anchor .wrapper-cards-widget.W__modif .cards-widget__wrapper-content,
  .anchor .MyLoans-widget__content,
  .anchor .block__content,
  .anchor .footer,
  .anchor .personal-preferences__main,
  .anchor .btnShowMore,
  .anchor .widget,
  .anchor .widget__content,
  .anchor .card__limit-overdraft,
  .anchor .ExchangeRates-widget__content {
    background: transparent;
    box-shadow: none;
  }

  .anchor .graphCard {
    background-color: #009e87;
  }

  .input-converter {
    display: flex;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #C7C7C7;
  }

  .modal-open {
    overscroll-behavior-y: contain;
  }

  .modal-open {
    position: relative;
    height: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  
  .modal-open .modal {
    height: 100%;
  }

  .modal-open .modal.mobile-menu {
    height: 100%;
    overflow-y: unset;
  }

  .modal-open .modal {
    background-color: rgba(160, 160, 160, 0.5);
  }

  .modal-backdrop {
    display: none;
  }

  .anchor .widget__header {
    border: none;
  }

  .anchor .lds-spin div > div::before {
    background: #009e87;
  }

  .anchor .widget__icon,
  .svg__TransferCard,
  .svg__TransferAccount,
  .svg__limit,
  .anchor .svg__TransferCard,
  .anchor .svg__TransferAccount,
  .anchor .svg__limit {
    color: #009e87;
  }

  .anchor .svg-tel path,
  .anchor .svg-mail path,
  .anchor .svg-icon-andriod,
  .anchor .svg-icon-andriod g use,
  .anchor .svg-icon-andriod g path,
  .anchor .svg-icon-apple g,
  .anchor .svg-icon-w-p g,
  .anchor .svg-icon-huawei path,
  .anchor .svg__limit g path:not(:nth-last-child(1)),
  .anchor .svg-requisites g rect:not(:nth-child(2)),
  .anchor .svg-online-consultant g {
    fill: #009e87;
  }

  .main {
    background-color: #ffffff;
    flex-grow: initial;
  }
  .header {
    padding: 24px 16px;
    height: auto;
    background-color: transparent;
    box-shadow: none;
    flex-direction: row-reverse;
  }

  .anchor .header {
    padding: 24px 16px;
    background-color: transparent;
  }

  .header__rightPart {
    flex-direction: row;
    /* width: 100%; */
  }

  .authorization {
    height: auto;
  }

  .authorization__login {
    padding: 0;
  }

  /* Кнопка справа в заголовке страницы */

  .selectionHeader .wrapper_button {
    margin-left: auto;
  }

  .selectionHeader .wrapper_button a {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #909090;
  }

  .button-add {
    margin-left: auto;
  }

  .header__cardSelector,
  .header__mob-button,
  .main__sideNav,
  .header__timer {
    display: none;
  }

  .wrapper-header-bibLogo,
  .anchor .wrapper-header-bibLogo {
    display: flex;
    align-items: center;
    width: 46px;
    height: 32px !important;
    margin: 0;
  }

  .header__bibLogo,
  .anchor .header__bibLogo {
    width: 46px;
    height: 29px;
    background: url("../images/bib-logo-mobile.svg");
  }

  .header__bibLogo._margin-right-78,
  ._margin-right-25,
  ._margin-right-265,
  ._margin-right-10 {
    margin-right: 0;
  }

  ._margin-bottom-20 {
    margin-bottom: 0; 
  }

  .main__content {
    width: 100%;
    min-width: auto;
    padding: 0;
  }

  .main__field-checkbox + .main__fields-block,
  .main__symbol-info-text + .main__field,
  .main__symbol-info-text + .main__field-title {
    margin-top: 24px;
  }
  
  .main__symbol-info-text {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .block__header {
    padding: 0;
    border-bottom: 0;
    border-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
  }

  .selectionHeader,
  .block__header--selection {
    display: flex;
    justify-content: stretch;
    padding: 21px 16px;
    margin: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }

  .selectionHeader {
    background-color: #fafafa !important;
  }

  .selectionHeader--periods {
    background-color: #ffffff !important;
  }

  .selectionHeader__title {
    font-size: 24px;
    line-height: 30px;
  }

  .main__widget {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
  }

  .tab {
    color: #909090;
  }

  .tab--offset {
    padding-left: 8px;
  }

  ._white span,
  span._white {
    color: #000000;
  }

  .authorization__name,
  .card-sum-text {
    color: #000000;
  }

  .authorization__login._cursor-pointer {
    display: flex;
    align-items: center;
  }

  .authorization__information {
    display: block !important;
    margin-left: 10px;
  }

  .authorization__information .header__versionSelector {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: auto;
    width: auto;
    min-width: max-content;
    margin-top: 4px;
    margin-right: 0;
  }

  .authorization__information .header__versionSelector .dropdown__btn {
    display: flex;
    align-items: center;
    margin-left: 4px;
  }

  .dropdown__curVal.fs-14-22-OSSemiB {
    font-size: 14px;
    line-height: 18px;
  }


  .anchor .dropdown_theme-white .dropdown__btn, .anchor .onlineConsultBtn {
    border: none;
  }

  .header__versionSelector .caret {
    position: relative;
    right: 0;
    margin: 0;
    margin-left: 6px;
    width: 14px;
    height: 14px;
    border: none;
  }

  .header__versionSelector .caret::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 14px;
    background-image: url("../images/arrow-mobile.svg");
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: 0.3s ease;
  }

  .dropdown_theme-white.show .caret {
    border: none;
  }

  .dropdown_theme-white.show .caret::before {
    transform: rotate(270deg);
  }

  .authorization__name {
    display: none;
  }

  .authorization__nickname {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
  }

  .header__versionSelector.dropdown_theme-white,
  .header__versionSelector.dropdown_theme-white .placeholder {
    background-color: transparent;
    color: #000000;
  }

  .dropdown_theme-white .dropdown__btn, .dropdown_theme-white .dropdown__btn-no-pointer  {
    background-color: transparent;
    color: #000;
  }

  .dropdown__placeholder {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    position: static;
  }

  .dropdown.show .dropdown__placeholder {
    font-size: 14px;
    line-height: 18px;
  }

  .dropdown__curVal {
    position: static;
  }

  .authorization__photo {
    border: none;
  }

  .selectionHeader__page-icon {
    display: block;
    width: 28px;
    height: 28px;
    color: #009E87;
  }

  .selectionHeader__page-icon + .selectionHeader__title {
    margin-left: 8px;
  }

  .selectionHeader__page-icon + .selectionHeader__title--wrap {
    width: calc(100% - 36px);
    word-break: break-word;
  }


  .selectionHeader__page-icon--main {
    background: url("../images/tapbarMyBankActive.svg") no-repeat;
  }

  .selectionHeader__card {
    display: flex;
  }

  .selectionHeader__card-icon {
    display: block;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    background: url("../images/tapbarCardsActive.svg") no-repeat;
  }

  .widget,
  .selectionHeader-aligment {
    box-shadow: none;
  }

  .widget__block {
    display: block;
  }

  .widget__block--inner {
    padding: 0 16px;
  }

  .widget__header {
    margin-top: 24px;
    padding: 0 16px;
    border-bottom: none;
  }

  .widget__header--sm-columns {
    display: block;
  }

  .widget__title {
    margin-right: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .widget__icon {
    margin-right: 8px;
  }

  .request {
    border: none;
    padding: 24px 16px;
  }

  .request__header {
    position: relative;
    margin: 0;
  }

  .request__title {
    font-size: 20px;
    line-height: 24px;
  }

  .request__content {
    flex-direction: column;
    margin-top: 24px;
  }

  .request__data {
    flex-basis: 0 !important;
  }

  .request__data:not(:first-child) {
    margin-top: 16px;
    margin-left: 0;
  }

  .request__label {
    font-size: 14px;
    line-height: 18px;
  }

  .request__value {
    margin-top: 8px;
    font-size: 16px;
    line-height: 22px;
  }

  .request__value span {
    font-family: inherit;
  }

  .widget__content {
    margin-top: 24px;
  }

  .widget__requests {
    padding: 0 16px;
  }

  .requests__item {
    display: none;
  }

  .requests__item--sm-active {
    display: block !important;
  }

  .requests__item:not(:first-child) {
    margin-top: 16px;
  }

  .requests__item.show-all-btn,
  .requests__item.show-all-btn {
    display: none;
  }

  .request__more {
    display: none;
  }

  .picker + .widget__content {
    margin-top: 16px;
  }

  .layout-switch,
  .widget__right--min-md,
  .show-all-btn--min-md,
  .widget__drag-btn {
    display: none;
  }

  .favorite-payments {
    padding: 0 16px;
  }

  .favorite-payments__item {
    display: block !important;
    padding: 24px 16px 16px;
    margin: 0;
    border: none;
  }

  .favorite-payments__item:not(:first-child) {
    margin-top: 16px;
  }

  .favorite-payments__icon {
    width: 46px;
    height: 46px;
    margin-right: 16px;
  }

  .favorite-payments__info {
    display: flex;
    align-items: stretch;
    margin: 0;
  }

  .favorite-payments__desc {
    font-size: 16px;
    line-height: 22px;
  }

  .open-modal-button,
  .link-point {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
    padding-right: 22px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    border: none;
    background-color: transparent;
  }

  .irs-handle-inner--sm-visible {
    display: block;
    pointer-events: none;
  }

  .open-modal-button--sm-visible,
  .billet-details__value--sm-visible,
  .input-converter__button--sm-visible,
  .page-content__actions-list--sm-visible,
  .input-converter--sm-visible,
  .currency-converter__input-item--sm-visible {
    display: flex;
  }

  .link-point {
    justify-content: space-between;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .link-point__label {
    flex-grow: 1;
  }
  
  .link-point__icon + .link-point__label {
    margin-left: 8px;
  }

  .link-point--bg-button {
    width: 100%;
    padding: 16px;
    padding-right: 36px;
    border-radius: 4px;
    background-color: #fafafa;
    overflow: unset;
    white-space: normal;
  }

  .link-point--bg-button::after {
    background-color: transparent;
  }

  .link-point--bg-button.tab.eripBlock__link {
    width: 100%;
  }

  .open-modal-button:not(.open-modal-button--current)::before,
  .link-point::before {
    content: "";
    position: absolute;
    right: 6px;
    display: block;
    width: 9px;
    height: 14px;
    -webkit-mask-image: url("../images/arrow-mobile.svg");
    mask-image: url("../images/arrow-mobile.svg");
    background-color: #009e87;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: rotate(90deg);
    transition: 0.3s;
  }

  .link-point--bg-button::before {
    right: 13px;
  }
  
  .link-loading {
    pointer-events: none;
  }
  
  .link-loading .lds-spin {
    height: 18px;
    width: 18px;
  }

  .open-modal-button--current {
    pointer-events: none;
  }

  .open-modal-button--thick,
  .open-modal-button--thick span {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .open-modal-button--active::before {
    transform: rotate(270deg);
  }

  .open-modal-button--table-modal::before {
    width: 10px;
    top: 5px;
  }

  .open-modal-button--white {
    color: #fff;
  }

  .open-modal-button--white:not(.open-modal-button--current)::before {
    background-color: #fff;
  }

  .link-point::before {
    top: 50%;
    transform: rotate(0) translateY(-50%);
  }

  .open-modal-button::after,
  .link-point::after,
  .control-input::after {
    content: "";
    position: absolute;
    top: -13px;
    right: -10px;
    bottom: -13px;
    left: -10px;
  }

  .favorite-payments__desc {
    margin-top: 16px;
    white-space: initial;
    font-size: 14px;
    line-height: 18px;
  }

  .favorite-payments__btn {
    display: block;
    width: 100%;
    margin-top: 24px;
    color: #fff;
    background-color: #009E87;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
  }

  .picker, .menu-picker,
  .widget__exchange-list,
  .chart-currenct-select {
    display: flex;
    margin: 0 16px;
    background-color: #FAFAFA;
    border-radius: 4px;
  }

  .menu-picker--cards .menu-picker__button--active {
    padding: 8px 0;
  }

  .menu-picker,
  .menu-picker.commonBlock {
    margin: 0;
    padding: 2px;
  }

  .widget__exchange-list .tab:not(:first-child) {
    margin-left: 0;
  }

  .height-40 {
    height: auto;
  }

  .widget__left {
    width: 100%;
  }

  /* TODO: fix here */
  .picker__button,
  .menu-picker__button,
  .widget__exchange-tab,
  .js-courses-switch,
  .widget__exchange-list .tab,
  .chart-currency-select a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    border-radius: 4px;
    background-color: transparent;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    border: 2px solid #FAFAFA;
    transition: none;
  }

  .picker__button--active,
  .menu-picker__button--active,
  .widget__exchange-list .active,
  .chart-currency-select a.selected {
    background-color: #ffffff;
    border: 2px solid #FAFAFA;
    font-family: OpenSansSemiBold;
  }

  .menu-picker__button {
    padding: 2px 8px;
    border: none;
  }

  .menu-picker__button--small,
  a.menu-picker__button--small,
  a.menu-picker__button--small.selected {
    padding: 5px 8px;
    border: none;
  }

  .picker__button--small {
    margin: 2px;
    padding: 5px 8px;
    border: none;
  }

  .picker__button::after,
  .menu-picker__button::after {
    content: none;
  }

  .menu-picker__button-label {
    width: auto;
    text-align: center;
  }

  .menu-picker__button-label--moneyback {
    width: 92px;
  }

  .widget__header--sm-columns .widget__exchange-list {
    display: none;
  }

  .widget__left--sm-columns {
    display: block;
  }

  .widget__picker {
    margin-top: 24px;
  }

  .ExchangeRates-widget__content {
    flex-direction: column;
    padding: 0;
    margin-top: 24px;
  }

  .favorite-payments__content {
    width: calc(100% - (46px + 16px));
  }

  .favorite-payments__title {
    max-height: calc(24px * 3);
    font-family: ArsenalBold;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .billet, .billet-details {
    display: block !important;
    margin: 0 16px;
    padding: 24px 16px;
    border-bottom: 0;
    border-radius: 4px;
    background-color: #FAFAFA !important;
  }

  .billet-details--detailed-balance {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 16px 0;
  }

  .billet-details--detailed-balance .billet-details__field {
    margin-top: 16px;
    width: 100%;
  }

  .billet-details--detailed-balance .billet-details__field .data-field__label {
    padding-left: 16px;
  }

  .billet-details--email-subscription {
    padding: 16px;
  }

  .billet--actions,
  .billet-details--controls {
    padding: 24px 16px 16px;
  }

  .billet-details.hide {
    display: none !important;
  }

  .billet-details {
    margin: 0;
    box-shadow: none;
  }

  .billet:not(:first-child),
  .billet-details + .billet-details,
  .page-content__billet + .page-content__billet,
  .settings-links__item + .settings-links__item {
    margin-top: 16px;
  }

  .billet-details--form {
    padding: 16px;
  }

  .billet__header, .billet-details__header {
    position: relative;
    padding: 0;
    min-height: none;
    min-height: max-content;
  }

  .billet-details__header {
    border: none;
  }

  .billet-details--stash .billet-details__title {
    padding-right: 16px;
  }

  .paymentFields__close {
    top: 29px;
    right: 16px;
    padding: 0;
  }

  .billet-details--search-data .billet-details__title {
    font-family: OpenSansBold;
    font-size: 16px;
    line-height: 22px;
  }

  .billet-details__description {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
  }

  .billet-details__description + .billet-details__description {
    margin-top: 16px;
  }

  .billet__title, .billet-details__title {
    max-height: calc(24px * 3);
    font-family: ArsenalBold, sans-serif;
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .billet-details__title--circle {
    padding-left: 18px;
  }

  .billet-details__title--circle::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #909090;
  }

  .billet-details__title--circle-active::before {
    background-color: #009e87;
  }

  .block__label {
    width: auto;
  }

  .text-note--thick {
    font-family: OpenSansSemiBold;
    font-weight: 500;
  }

  .billet-details__title-remark {
    max-height: calc(14px * 3);
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
  }

  .billet-details__title-block {
    display: block;
  }

  .billet-details__header--logo {
    display: flex;
    align-items: center;
  }

  .billet-details__icon-logo {
    width: 46px;
    height: 46px !important;
    min-width: 46px;
  }

  .billet-details__icon-logo--green-logo {
    padding: 10px;
    background-color: #009E87;
    border-radius: 50%;
  }

  .billet-details__icon-logo--green-logo .billet-details__icon {
    color: #fff;
    border-radius: 50%;
  }

  .billet-details__edit-icon {
    color: #909090;
  }

  .eye__icon {
    fill: #909090;
  }

  .block__title {
    width: auto;
    padding: 0;
  }

  .block__icon {
    width: 48px;
    height: 48px;
  }

  .billet-details__icon-logo:not(.display-none) + .billet-details__title,
  .billet-details__title-block--iconed {
    margin-left: 16px;
  }

  .billet-details__icon-logo--small + .billet-details__title {
    margin-left: 8px;
  }

  .billet__subtitle_indented {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .billet-details__content {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 30px 20px 30px;
  }

  .billet-details__notice-information {
    display: block;
    margin-top: 24px;
  }

  .billet-details__information {
    display: flex;
  }

  .billet-details__data--stash,
  .billet-details__information--stash {
    margin-top: 16px;
  }

  .billet__content, .billet-details__content {
    flex-direction: column;
    padding: 0;
    margin-top: 24px;
  }

  .billet__information, .billet-details__information {
    flex-direction: column;
  }

  .billet__footer {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    padding: 0;
    background-color: transparent;
  }

  .billet-details__data {
    width: 100%;
    display: block;
  }

  .billet__data--size-md, .billet-details__data--size-md {
    min-width: max-content;
  }

  .billet-details--spoiler .billet-details__data + .billet-details__data {
    margin-top: 24px;
  }

  .billet__data:not(:first-child), .billet-details__data:not(:first-child) {
    margin-left: 0;
    margin-top: 16px;
  }

  .billet-details__value {
    margin-left: 0px;
  }

  .billet__progress-indicator, .data-progress-bar__indicator {
    background-image: none;
    background-color: #009E87;
    transition: 0.5s ease;
  }

  .data-progress-bar__indicator {
    display: block;
    height: 100%;
  }

  .billet__progress-bar, .data-progress-bar__line {
    height: 6px;
    background-color: #909090;
    order: -1;
  }

  .data-progress-bar__line {
    overflow: hidden;
  }

  .billet__current-state {
    display: none;
  }

  .billet__button,
  .exchange-rates-button {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 44px;
    padding: 10px 0;
    border: 1px solid #009e87;
  }

  .billet__button:not(:first-child),
  .billet-details__button:not(:first-child),
  .operation-check__button:not(:first-child) {
    margin-top: 16px;
    margin-left: 0;
  }

  .billet__icon {
    width: 30px;
    height: 24px;
  }

  .billet__progression {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
    margin-top: 8px;
  }
  
  .data-progress-bar__progression {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding: 0;
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
  }

  .billet__date, .data-progress-bar__field {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .data-progress-bar__field + .data-progress-bar__field {
    text-align: right;
  }

  .billet__data--sm-show {
    display: block;
  }

  .billet-details__icon-logo--small {
    width: 28px;
    height: 28px !important;
    min-width: 28px;
  }

  .billet-details__logo--green,
  .erip-payment__pre-image--green,
  .link-point__icon--green{
    color: #009E87;
  }

  .billet-details__controls .main-button + .main-button,
  .billet-details__title + .page-content__field,
  .page-content__data-field + .page-content__data-field {
    margin-top: 16px;
  }
  
  .erip-payment__pre-image--sm-visible {
    display: block;
  }

  .erip-payment__pre-image + .erip-payment__label {
    margin-left: 8px;
  }

  .erip-payment__label-inner {
    display: flex;
  }

  .billet-details__header--with-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .billet__label, .billet-details__label {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }
  
  .billet__value, .billet-details__value {
    margin-top: 8px;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
  }

  .option--green,
  .select2-selection__rendered--success {
    color: #009e87 !important;
  }
  
  .billet-details__value--sm-visible {
    display: block;
  }

  .block__desc {
    width: auto;
  }
  
  .block__column:not(.block__columnBtn) {
    width: 100%;
  }

  .billet__controls, .operation-check__controls {
    display: none;
  }

  .billet__controls--sm-visible,
  .billet-details__controls--sm-visible,
  .billet--credit .billet__controls,
  .billet-details__controls,
  .operation-check__controls {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 24px;
  }

  .operation-check__controls {
    margin-top: 32px;
  }

  .billet__btn-label, .billet_details__btn-label {
    margin-top: 0;
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .billet--deposit .billet__button {
    font-family: inherit;
  }

  .billet__button:hover {
    color: #009e87;
    border-color: #009e87;
  }

  .billet__edit-btn, .billet-details__edit-btn {
    margin-left: 10px;
    margin-right: 16px;
  }

  .billet-details__edit-btn {
    position: relative;
    margin-left: 16px;
  }

  .billet-details__edit-btn::before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
  }

  .billet-details__value--error {
    color: #EB5941;
  }

  .billet-details__error {
    margin-top: 8px;
  }

  .billet-details__error-value {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #eb5941;
  }

  .page-content__payment-stash {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 64px;
    height: 56px;
    width: 100%;
    background: #FFFFFF;
    border-top: 1px solid #009E87;
    z-index: 999;
  }

  .page-content__payment-stash-name {
    border-top: 1px solid #009E87;
    box-sizing: border-box;
    margin-top: 32px;
    padding: 0 16px 16px 16px;
    background: #fff;
    width: 100%;
    position: sticky;
    bottom: 63px;
    z-index: 1;
  }

  .payments-cart__counter {
    position: relative;
  }

  .page-content__payment-stash:hover {
    cursor: pointer;
  }

  .payments-cart__counter-icon {
    color: #009E87;
  }

  .payments-cart__counter-label {
    position: absolute;
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    right: -5px;
    top: -7px;
    background-color: #009E87;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    text-align: center;
    padding: 2px;
  }

  .billet-details__button-label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
  }

  .payments-cart__label {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #009E87;
    margin-left: 12px;
  }

  .cart-stash-loading {
    color: #7c7c7c;
    background-color: #fafafa;
  }

  .cart-stash-loading__label {
    color: #7c7c7c;
  }

  .cart-stash-loading__icon .lds-spin {
    height: 24px;
    width: 24px;
  }

  .icon-loading {
    pointer-events: none;
  }

  .icon-loading--white,
  .icon-loading--white .lds-spin > div > div::before {
    background-color: #fff;
  }

  .icon-loading__loader .lds-spin {
    height: 19px;
    width: 19px;
  }

  .eripBlock {
    box-shadow: none;
    background-color: transparent;
  }

  .billet-details__button-description {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
  }

  .payment-tabs {
    padding: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0;
  }

  .payment-tab {
    width: calc(50% - 8px);
    min-height: 122px;
    height: auto;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background: #FAFAFA;
    padding: 16px 8px;
  }
  
  .payment-tab:active {
    background-color: #F2F2F2;
  }

  .payment-tab__item:nth-child(n+3) {
    margin-top: 16px;
  }

  .payment-tab__icon,
  .payment-tab-loading__icon .lds-spin {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
  }
  
  .payment-tab__title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 36px;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
    word-break: break-word;
  }

  .erip-payments-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
    list-style: none;
  }

  .erip-payments-list__item + .erip-payments-list__item,
  .erip-payments-list__item + .erip-payments-list__item.eripBlock__listEl {
    margin-top: 16px;
  }

  .erip-payment-subscriptions {
    display: block;
  }

  .erip-payment-subscriptions__item + .erip-payment-subscriptions__item {
    margin-top: 24px;
  }

  .erip-payment__icon--sm-visible,
  .spoiler-data--sm-visible,
  .link-point__icon--sm-visible {
    display: block;
  }

  .erip-payment {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 16px;
    background-color: #fafafa;
    border-radius: 4px;
  }

  .erip-payment--sm-visible {
    display: flex;
  }

  .erip-payment__label {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .erip-payment__icon {
    min-height: 14px;
    min-width: 9px;
    background-image: url("../images/arrow-mobile.svg");
    background-repeat: no-repeat;
    margin-left: 8px;
  }

  .page-content__inner-block-content--block-header-ignore {
    border: none;
  }

  .modal {
    flex-direction: column;
  }
  .modal.modal--preloading .modal-notice,
  .modal--preloading .modal__content {
    width: 100%;
  }


  .popup .modal-body,
  .popup .modal__body {
    padding: 0;
    margin-top: 24px;
    text-align: left;
  }

  .popup.modal.mobile-menu .modal-body {
    height: 75dvh;
    overflow-y: auto;
  }

  .popup .modal__body--descriptioned {
    margin-top: 16px;
  }

  .popup .modal__body--clean {
    margin-top: 0;
  }

  .modal__inner,
  .next-button {
    width: 100%;
    margin: 0;
  }

  .popup .modal-body--descriptioned,
  .popup .modal__inner {
    margin-top: 16px;
  }

  .popup .modal__field:not(:first-child) {
    margin-top: 24px;
  }

  .popup .button-green,
  .modal .modal__button--primary {
    width: 100%;
  }

  .popup .modal-body--margin-top-12 {
    padding: 0;
    margin-top: 12px;
  }

  .modal__footer--sm-visible {
    display: flex;
  }

  .modal-footer,
  .modal__footer {
    flex-direction: column;
    justify-content: stretch;
    margin-top: 32px;
  }

  .categories-loyalty__items-item,
  .modal-body__description,
  .hint-information__title,
  .hint-information__text,
  .modal__description {
    margin: 0;
    display: block;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: left !important;
  }

  .modal__description--light {
    color: rgba(0, 0, 0, 1);
  }

  .categories-loyalty__items-item b {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 22px;
  }

  .hint-information__term-text:first-child {
    padding-top: 0;
  }

  .hint-information__term-text {
    padding: 16px 0;
    border-bottom: 1px solid #c7c7c7;
  }

  .hint-information__title,
  .hint-information__warning {
    font-family: OpenSansSemiBold;
  }

  .hint-information__text-section {
    display: block;
  }

  .hint-information__title + .hint-information__text,
  .hint-information__text-section + .hint-information__text-section {
    margin-top: 16px;
  }

  .hint-information__text + .hint-information__title {
    margin-top: 24px;
  }

  .modal-notice .modal-header {
    display: block;
  }

  .hint__block {
    position: relative;
    max-width: none;
    top: auto;
    left: auto;
  }

  .modal--loaded-popup {
    top: auto;
  }

  .body-overflow {
    overflow: hidden;
  }

  .popup .button-white-black,
  .modal-s .modal-dialog .button-green,
  .modal-footer__button,
  .modal__button,
  .main-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 9px 0;
    width: 100%;
    min-height: 38px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    text-transform: none;
  }

  .modal__button.modal__button--link {
    -webkit-appearance: none;
  }

  .modal__button--disabled-link {
    opacity: 0.4;
    pointer-events: none;
  }

  .main-button .date-input {
    caret-color: transparent;
  }

  .main-button.display-none {
    display: none;
  }

  .card__offer--items-left {
    align-items: stretch;
  }

  .main-button .main-button__label {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 4px;
  }

  .billet-details__button--big-label {
    padding: 8px 0;
  }

  .main-button,
  .main-button:not([disabled], .main-button--disabled, .main-button--chips-item, .main-button--white, .main-button--double-text):hover,
  .main-button:not([disabled], .main-button--disabled, .main-button--chips-item, .main-button--white, .main-button--double-text):focus-visible {
    display: flex;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
    background-color: #009e87;
  }

  .main-button:disabled,
  .button-green:disabled,
  .main-button--disabled,
  .button-disable-grey.main-button {
    padding: 9px 10px;
    height: auto;
    color: #fff !important;
    background-color: #C7C7C7;
    border: none;
    pointer-events: none;
  }

  .main-button--secondary.disabled, .main-button--secondary[disabled],
  .modal__button--secondary.disabled, .modal__button--secondary[disabled] {
    color: #7c7c7c !important;
  }

  .main-button:disabled.button-loading-status--grey-button,
  .main-button[disabled].button-loading-status--grey-button{
    color: #505050 !important;
    background-color: #FAFAFA;
  }

  .main-button:disabled.main-button--secondary.button-loading-status--grey-button,
  .main-button[disabled].main-button--secondary.button-loading-status--grey-button {
    color: #7c7c7c !important;
    background-color: #fafafa;
  }

  .main-button:disabled.button-loading-status--green-button {
    color: #fff !important;
    background-color: #C7C7C7;
  }

  .main-button:not([disabled]):active {
    background: #B3E2DB;
    color: #009E87;
    transform: translateY(2px);
  }

  .radioBlock__label.disabled .radioBlock__hint-description-text {
    color: #c3c3c3;
  }

  .main-button--white {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
  }

  .main-button--white:hover,
  .main-button--white:focus {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
  }

  .main-button--sm-visible {
    display: flex;
  }

  .main-button--secondary,
  .modal__button--secondary,
  .main-button--secondary:not([disabled]):hover, 
  .modal__button--secondary:not([disabled]):hover,
  .main-button--secondary:not([disabled]):focus-visible,
  .modal__button--secondary:not([disabled]):focus-visible {
    color: #009e87;
    border: 1px solid #009e87;
  }

  .main-button--secondary,
  .modal__button--secondary {
    min-height: 40px;
    background: transparent;
  }

  .main-button--secondary:not([disabled]):hover,
  .modal__button--secondary:not([disabled]):hover {
    background: rgba(0, 158, 135, 0.1);
  }

  .main-button--secondary:not([disabled]):focus-visible,
  .modal__button--secondary:not([disabled]):focus-visible {
    padding: 8px 0;
    background: rgba(0, 158, 135, 0.1);
    border: solid 2px rgba(0, 158, 135, 0.6);
  }

  .main-button--secondary:not([disabled]):active,
  .modal__button--secondary:not([disabled]):active {
    background: rgba(0, 158, 135, 0.4);
    transform: translateY(2px);
  }

  .main-button--secondary.disabled, .main-button--secondary[disabled],
  .modal__button--secondary.disabled, .modal__button--secondary[disabled] {
    color: #7c7c7c;
    border: 1px solid  #7c7c7c;
    background: #fafafa;
    cursor: initial;
    transform: none;
  }

  .main-button--pending,
  .main-button--pending:not([disabled]):hover, 
  .main-button--pending:not([disabled]):focus {
    color: #909090;
    border: 1px solid #909090;
    background-color: transparent;
  }

  .modal__footer .modal__button--primary + .modal__button--secondary,
  .modal__footer .modal__button--secondary + .modal__button--primary {
    margin-left: 0;
  }

  .popup,
  tbody,
  .tbody {
    margin-bottom: 0;
    box-shadow: none;
  }

 .modal-header {
  flex-direction: column;
  justify-content: flex-start;
 }

  .popup.in,
  .popup.show,
  .modal--sm-flex {
    display: flex !important;
    padding-top: 24px;
  }

  .modal-s .modal-dialog,
  .popup .modal-dialog {
    min-width: 100%;
    margin: 0;
    margin-top: auto;
  }

  .modal-content,
  .modal__content,
  .popup .modal-content,
  .popup .modal__content {
    width: 100%;
    margin: 0;
    padding: 0 32px 32px;
    border: none;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
  }

  .popup .modal-notice {
    width: 100%;
    margin: 0;
    margin-top: auto;
    padding: 0;
  }

  .time-desc {
    text-align: left;
  }

  .ul-sectionss {
    flex-direction: column;
  }

  .section-item {
    margin: 0;
    width: 100%;
    height: max-content;
    padding: 12px 0;
  }

  .section-item__image {
    margin: 0;
  }

  .selection-item__label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }

  .section-item__background {
    display: none;
  }

  .section-item__background-line {
    display: none;
  }

  .IsSelectedCheckbox:checked + .section-item__background + .section-item__background-line + .LabelIsSelected .IsSelected,
  .IsSelectedCheckbox:checked + .section-item__background + .section-item__background-line {
    display: none;
  }

  .modal-header .close,
  .modal__header .close {
    display: none;
  }

  .modal__header--columned {
    flex-direction: column;
  }

  .section-item__info {
    color: #909090;
  }

  .IsSelectedCheckbox:checked + .section-item__background + .section-item__background-line + .LabelIsSelected + .section-item__info,
  .IsSelectedCheckbox:checked + .section-item__background + .section-item__background-line + .section-item__info{
    color: #009E87;
  }

  .IsSelectedCheckbox:checked + .section-item__background + .section-item__background-line + .LabelIsSelected + .section-item__info .section-item__label {
    font-family: OpenSansSemiBold;
  }

  .svg-widgetSettingsNon_cash_exchange,
  .svg-widgetSettingsSubscriptions {
    width: 24px;
  }

  .section-item__label {
    margin-left: 8px;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
  }

  .modal-body,
  .modal__body {
    margin-top: 12px;
  }

  .modal-footer__button--accept,
  .modal__button--primary {
    order: 1;
  }

  .modal-footer__button--cancel,
  .modal__button--secondary
  {
    margin-top: 16px !important;
    border: 1px solid #009E87;
    color: #009E87;
    background-color: transparent;
    order: 2;
  }

  .modal__description {
    text-align: left;
    margin-top: 16px !important;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }

  .modal__field:not(:first-child) {
    margin-top: 24px;
  }

  .modal__notice {
    margin-top: 16px;
    text-align: left;
  }

  .information-toast__message--sm-visible,
  .radioBlock__hint-description--sm-visible,
  .modal__description--sm-visible,
  .billet-details__content--sm-visible,
  .billet-details__label--sm-visible,
  .billet-details__icon-logo--sm-visible,
  .online-credit-footer__item--sm-visible,
  .radioBlock__text--sm-visible {
    display: block;
  }

  .modal-title,
  .modal__title {
    color: #000 !important;
    font-family: OpenSansSemiBold !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: left !important;
  }

  .modal-title--sm-show,
  .modal__title--sm-visible {
    display: block;
  }

  .modal__logo {
    display: none;
  }

  .modal__logo + .modal__title {
    margin-left: 0;
  }

  .popup .modal-header,
  .popup .modal__header {
    position: relative;
    padding-top: 35px;
    align-items: stretch;
  }

  .modal-header::before,
  .modal__header::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    display: block;
    width: 50px;
    border-top: 3px solid #009E87;
    border-radius: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .billet__button--sm-icon-hide .billet__icon {
    display: none;
  }

  .billet__button--sm-green {
    border: none;
    color: #fff;
    background-color: #009e87;
  }

  .billet__button--sm-green .billet__btn-label,
  .main-button--secondary .billet__btn-label {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
  }

  .main-button--secondary .billet__btn-label {
    color: #009e87;
  }

  .billet__icon--sm-visible + .billet__btn-label {
    color: #000000;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400
  }

  .cards-widget__wrapper-content {
    padding: 0px 16px 16px;
  }

  .cards-widget__wrapper-content--exchange {
    flex-direction: column;
    align-items: stretch;
  }

  .currency-exchange__card-body {
    width: 100%;
  }

  .currency-exchange__card-body--sm-show {
    display: block;
  }

  .widget_currency-exchange .cardSelector,
  .cardSelector {
    width: 100%;
    height: 38px;
    padding-left: 0;
    border: 1px solid #909090;
    border-radius: 4px;
  }

  .widget_currency-exchange .cardSelector .dropdown__btn,
  .cardSelector .dropdown__btn {
    padding-left: 16px;
  }

  .dropdown-menu:not(.main__sideNav__drop, .main__card-dropdown-list) {
    margin: 5px 0;
  }

  .addAnotherBankCard .cardSelector__btn,
  .transferCard .cardSelector__btn {
    border: none;
  }

  .cardSelector__btn {
    display: flex;
    align-items: center;
    border: none;
  }

  .cardSelector__btn .select2Block__placeholder {
    top: 10px;
  }

  .cardSelector__text {
    display: block;
    margin: 0;
    margin-left: 16px;
    overflow: hidden;
  }

  .cardSelector__ballance,
  .cardSelector__currency,
  .cardSelector__number {
    font-family: OpenSansSemiBold;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .cardSelector .dropdown-menu > li > a {
    padding-left: 16px;
  }

  .cardSelector__number {
    font-size: 10px;
    line-height: 14px;
  }

  .cardSelector__sum-text {
    display: block;
  }

  .group-switch-valute {
    /* width: 100%; */
    justify-content: stretch;
  }

  .currency-exchange__label {
    margin-left: 16px;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .currency-exchange__label--sm-visible {
    display: block;
  }

  .currencyType-button,
  .sm-radio-input,
  .radioBlock__fake {
    position: relative;
    display: flex;
    justify-content: stretch;
    padding: 0;
    padding-left: 28px;
    width: min-content;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    border: none;
    background-color: transparent;
    cursor: pointer;
  }
  
  .currencyType-button {
    height: 20px;
  }

  .sm-radio-input {
    width: auto;
  }

  .currencyType-button {
    margin: 0 16px;
  }

  .currencyType-button::before,
  .sm-radio-input::before,
  .radioBlock__fake::before {
    position: absolute;
    content: " ";
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #009E87;
    border-radius: 10px;
    background-color: transparent;
  }

  .button-tabs__block {
    margin-left: 28px;
  }

  .radioBlock__fake {
    padding: 0;
    width: 20px;
    height: 20px;
  }

  .radioBlock__radio:checked + .radioBlock__fake {
    background-color: transparent !important;
    border: none;
  }

  .disabled-radio .radioBlock__radio:checked + .radioBlock__fake {
    background-color: transparent !important;
  }

  .currencyType-button.active,
  .sm-radio-input--active {
    font-family: OpenSansSemiBold;
    color: #000;
    background-color: transparent;
  }

  .currencyType-button.active::before,
  .sm-radio-input--active::before,
  .radioBlock__radio:checked + .radioBlock__fake::before {
    border: 2px solid #009E87;
  }

  .disabled-radio .radioBlock__radio:checked + .radioBlock__fake::before {
    border: 2px solid #989898;
  }

  .currencyType-button.active::after,
  .sm-radio-input--active::after,
  .radioBlock__radio:checked + .radioBlock__fake::after {
    position: absolute;
    content: " ";
    top: 50%;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #009E87;
    transform: translateY(-50%);
  }

  .disabled-radio .radioBlock__radio:checked + .radioBlock__fake::after {
    background-color: #989898;
  }

  .currency-exchange__text-info {
    margin-top: 24px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .currency-exchange__card-body .wrapper-benefit {
    display: none;
  }

  .currency-exchange__card-body .wrapper-benefit {
    display: none;
  }

  .currency-exchange__course-body {
    display: flex;
    justify-content: space-between;
  }

  .currency-exchange__course-info {
    display: flex;
    align-items: center;
  }

  .currency-exchange__course-label {
    font-size: 14px;
    line-height: 18px;
  }

  .currency-exchange__course-value {
    margin-left: 8px;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
  }

  .currency-exchange__course-value--green {
    color: #009E87;
  }

  .group-switch-valute,
  .card-selector {
    margin-top: 8px;
  }

  .svh-switch {
    display: none;
  }

  .currency-exchange__card-body--sm-inputs {
    flex-direction: column;
    padding: 16px;
    background-color: #FAFAFA;
    border-radius: 4px;
  }

  .currency-exchange__card-body--sm-inputs .inver-anchor {
    display: none;
  }

  .currency-exchange__field {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .currency-exchange__field:not(:first-child) {
    margin-top: 12px;
  }

  .wrapper-inputConverter {
    display: flex;
    margin-left: auto;
    margin-top: 0;
  }

  .wrapper-inputConverter input {
    margin-top: 0;
    padding: 0;
    width: 120px;
    height: max-content;
    font-size: 16px;
    line-height: 21px;
    border: none;
    border-bottom: 1px solid #009E87;
    border-radius: 0;
    background-color: transparent;
  }

  .wrapper-inputConverter__currency--sm-show {
    display: block;
  }

  .currency-exchange__field .currency-exchange__label,
  .currency-exchange__label--field {
    margin-left: 0;
  }

  .widget__content .show-all-btn {
    display: none;
  }

  .modal.fade.show .modal-dialog {
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
  }

  .modal.fade:not(.show) {
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }

  .modal__buttons {
    display: block;
  }

  .modal__button,
  .modal-card-buttons-list .threeDotsDropdown__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 40px 16px 16px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    background-color: #FAFAFA;
  }

  .modal__button--active,
  .modal__button--primary {
    color: #009E87;
    background-color: transparent;
    border: 1px solid #009E87;
  }

  .link-point:not([disabled]):active,
  .main-button--chips-item:not([disabled]):active,
  .modal__button:not([disabled]):active {
    background-color: #F2F2F2;
  }

  .modal__button-start {
    justify-content: flex-start;
  }

  .modal__button-start--active {
    color: #009E87;
  }

  .modal-body--descriptioned .modal-card-buttons-list {
    margin-top: 24px;
  }

  .modal__button--link,
  .modal-card-buttons-list .threeDotsDropdown__link {
    justify-content: stretch;
    text-align: left;
    color: #000;
  }

  .link-loading__icon {
    position: absolute;
    right: 20px;
    height: 14px;
    width: 9px;
  }

  .modal__button--link::after,
  .modal-card-buttons-list .threeDotsDropdown__link::after {
    content: "";
    position: absolute;
    right: 16px;
    height: 14px;
    width: 9px;
    background-image: url("../images/arrow-mobile.svg");
    background-repeat: no-repeat;
  }

  .link-loading:after,
  .link-loading:before {
    content: none;
  }
  
  .link-loading__label + .link-loading__icon {
    margin-left: 8px;
  }
  
  .modal__button:not(:first-child, .modal__button--primary),
  .modal-card-buttons-list .threeDotsDropdown__li:not(:first-child) {
    margin-top: 16px;
  }

  .modal__button-icon + .modal__button-label {
    margin-left: 8px;
  }

  .modal__button-icon {
    color: #009e87;
  }

  .modal__button-label {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    flex-grow: 1;
  }

  .link-loading__label {
    color: #505050;
  }

  .billet__link {
    display: none;
  }

  .billet__button-more,
  .request__button-more {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 4px;
    height: 22px;
    color: #a0a0a0;
    background-color: transparent;
    background-image: url("../images/show-more.svg");
    transform: translateY(-50%);
  }

  .request__button-more::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
  }


  .billet__button-more::before,
  .new-card__edit-button::before {
    content: "";
    position: absolute;
    left: -22px;
    right: -22px;
    top: -13px;
    bottom: -13px;
  }

  .widget_cards .cards-widget__wrapper-content {
    flex-direction: column;
    margin-top: 18px;
    padding-bottom: 24px;
  }

  /* TODO: исправить в будущем элементы */
  .widget_cards {
    margin-bottom: -24px;
  }

  .page-content__block--slider-widget {
    display: flex;
  }

  .page-content__button + .page-content__button {
    margin-top: 16px;
  }

  .cards-widget,
  .page-content__block--slider-widget {
    width: 290px;
    margin: 0 !important;
  }
  
  .page-content__block--slider-widget .owl-stage {
    display: flex;
    flex-direction: row;
    overflow: visible;
  }

  .page-content__block--slider-widget .disabled {
    display: none;
  }

  .page-content__block--slider-widget .disabled {
    display: none;
  }

  .cards-widget .owl-stage-outer {
    width: auto;
    overflow: visible;
  }

  .cards-widget .owl-stage {
    overflow: visible;
  }

  .cards-widget .owl-nav {
    display: none;
  }

  .cards-widget-content {
    width: 100%;
    padding: 0 16px;
  }

  .cards-widget-content--contented {
    padding: 0;
    margin: 0;
  }

  .cards-widget-content--contented .cards-widget__title,
  .cards-widget-content--contented .wrapper__cards-widget-content-button:not(.wrapper__cards-widget-content-button--subsidiary) {
    padding: 0 16px;
  }

  .wrapper__cards-widget-content-button--sm-columns {
    flex-direction: column;
  }

  .wrapper__cards-widget-content-button {
    flex-wrap: wrap;
    margin-top: 16px;
    width: 100%;
  }

  .new-card,
  .widget .new-card,
  .anotherCardWidget.addAnotherBankCard .card-view,
  .anotherCardWidget.addAnotherBankCard .card-view__background,
  .addAnotherBankCard .card-view,
  .addAnotherBankCard .card-view__background,
  .page-content__block--wide.cards-widget .new-card,
  .new-card__unactivated .new-card,
  .card-view--other-bank {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 290px;
    height: 170px;
    padding: 24px;
    border-radius: 4px;
    box-shadow: none;
  }

  .card-view--other-bank .new-card__footer {
    margin-top: 8px;
  }

  .add-new-product {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 170px;
    border-radius: 4px;
    background-color: #009E87;
    cursor: pointer;
  }

  .add-new-product--large {
    height: 290px;
  }

  .add-new-product__icon-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background-color: #fff;
    border-radius: 50%;
  }

  .add-new-product__icon {
    color: #009e87;
  }

  /* start toasts */

  .toast-lists {
    position: fixed;
    top: auto;
    left: 16px;
    right: 16px;
    bottom: 80px;
    display: block;
  }
  
  .toast-lists--lower {
    bottom: 32px;
  }

  .toast-lists__item {
    margin: 0;
  }

  .toast-lists__item:not(:first-child) {
    margin-top: 16px;
  }

  .information-toast {
    padding: 16px;
    background: #000000;
    opacity: 0.8;
    border-radius: 8px;
    box-shadow: none;
    max-width: none;
    width: 100%;
  }

  .information-toast__close-action {
    position: absolute;
    right: 16px;
    top: 18px;
    display: flex;
  }

  .information-toast__close-action:after {
    content: "";
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
  }

  .information-toast__title--sm-visible {
    display: block;
  }

  .information-toast__title {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
  }

  .information-toast__message {
    margin-top: 8px;
    padding-right: 30px;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
  }

  .information-toast__message::before {
    content: none;
  }
  
  .welcome-toasts__status-icon {
    display: none;
  }
  
  /* end toasts */

  .new-card::before {
    border-radius: 4px;
    opacity: 0.3;
    background: #000000;
    mix-blend-mode: normal;
  }

  .new-card__disabled-body {
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
  }

  .new-card__disabled-information {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
  }

  .new-card__disabled-icon {
    display: flex;
    width: 44px;
    height: 44px;
    color: #fff;
  }

  .new-card__disabled-text {
    display: block;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
  }

  .new-card__disabled-icon + .new-card__disabled-text {
    margin-top: 16px;
  }

  .anotherCardWidget.addAnotherBankCard .card-view,
  .anotherCardWidget.addAnotherBankCard .card-view__background,
  .addAnotherBankCard .card-view,
  .addAnotherBankCard .card-view__background {
    padding: 0;
  }

  .anotherCardWidget.addAnotherBankCard .card-view__background::after,
  .addAnotherBankCard .card-view__background::after {
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    display: block;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .cards-widget .owl-item,
  .page-content__slider-widget .owl-item {
    transform: scale(0.9);
    transition: transform 0.2s;
  }

  .cards-widget .owl-item.active,
  .page-content__slider-widget .owl-item.active {
    transform: scale(1);
  }

  .cards-widget__button,
  .main-button--iconed {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0;
    padding: 10px 0;
    height: auto;
    width: 100%;
    border-radius: 4px;
    background-color: #fafafa;
  }

  .cards-widget__label {
    margin-top: 0;
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .cards-widget__button:not(:first-child) {
    margin-top: 8px;
  }

  .cards-widget__button-icon svg {
    width: 30px;
    height: 24px;
  }

  .background-cards-widget__button {
    display: none;
  }

  .cards-widget-content-header,
  .cards-widget__subtitle-content {
    display: none;
  }

  .cards-widget__title {
    display: block;
    margin-top: 24px;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
  }

  .card__limit-overdraft,
  .wrapper-decs {
    display: none;
  }

  .wrapper__cards-widget-content-button--subsidiary {
    padding: 0 16px !important;
  }

  .cards-widget__secondary-button,
  .main-button--chips-item {
    flex: 1 0 0;
    padding: 10px 12px;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    text-align: center;
    background: #FAFAFA;
    border-radius: 4px;
    white-space: nowrap;
  }

  .main-button--chips-item {
    position: relative;
    min-height: auto;
  }

  .main-button--chips-item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    bottom: -10px;
  }

  .main-button--delete {
    font-family: OpenSansSemiBold;
    padding: 10px 16px;
    justify-content: space-between;
  }

  .main-button--delete .main-button__icon {
    color: #909090;
  }

  .main-button__status-circle {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #909090;
  }

  .main-button__status-circle + .main-button__label,
  .main-button .main-button__label {
    margin-left: 10px;
  }

  .main-button--delete .main-button__label {
    margin: 0;
  }

  .main-button--chips-currency-item,
  .main-button--chips-currency-item:disabled{
    flex: 0;
    padding: 5px 10px;
    font-family: OpenSansSemiBold;
    border-radius: 3px;
    transition: background-color 0.1s ease-in-out;
  }

  .checked-week-day .main-button--chips-item,
  .checked-month-day .month-picker-label,
  .main-button--chips-item-active {
    background: #009e87;
    color: #FFF;
  }

  .checked-month-day .month-picker-label {
    box-shadow: none;
  }

  .main-button--status-circle {
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .day-picker-fieldset {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .cards-widget__secondary-button--with-status-chips {
    padding: 10px 5px;
  }


  .main-button--status-circle-active .main-button__status-circle {
    background-color: #009e87;
  }

  .widget .new-card__shelf-life {
    margin-left: 16px;
  }

  .new-card__footer {
    margin-top: auto;
  }

  .new-card__footer--activation-card {
    margin-top: 24px;
  }

  .new-card__footer--sm-visible {
    display: flex;
  }

  .new-card__sum-action-body + .new-card__footer,
  .new-card__sum-wrap + .new-card__footer,
  .new-card__sum-wrap + .new-card__pack-name + .new-card__footer {
    margin-top: 4px;
  }

  .widget .new-card__footer {
    line-height: 18px;
  }

  .new-card__top-block {
    flex-direction: column;
  }

  .new-card__sum-action-body,
  .new-card__sum-wrap {
    z-index: 1;
    margin-top: auto;
    display: flex;
    align-items: center;
  }

  .new-card__sum-action-body--sm-visible {
    display: flex;
    align-items: center;
  }

  .new-card__sum-info {
    background-color: transparent;
  }

  .new-card__sum-info-text,
  .new-card__sum,
  .new-card__valuta {
    font-family: ArsenalBold;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
  }

  .new-card__sum {
    margin-right: 0;
  }

  .new-card__sum + .new-card__valuta {
    margin-left: 5px;
  }

  .new-card__switch-balance {
    display: flex;
    width: 20px;
    height: 12px;
    margin-left: 10px;
    background-color: transparent;
    border: none;
    color: #fff;
  }

  .new-card__switch-balance::before {
    content: "";
    position: absolute;
    left: -14px;
    right: -14px;
    top: -18px;
    bottom: -18px;
  }

  .new-card__switch-balance-icon {
    width: 20px;
    height: 12px;
  }

  .new-card__secondary-information,
  .card-view__secondary-information {
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
  }

  .new-card__title,
  .card-view__title {
    font-family: ArsenalBold;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .new-card__edit-button,
  .card-view__edit-button {
    position: relative;
    width: 17.8px;
    height: 17.81px;
    margin-left: 10px;
    color: #ffffff;
    background-color: transparent;
  }

  .info-tech-blocked-card-text {
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #909090;
  }

  .info-tech-blocked-card-text--black {
    color: #000;
  }

  .new-card__edit-button svg,
  .card-view__edit-button svg {
    width: 17.8px;
    height: 17.81px;
  }

  .widget-switcher {
    display: flex;
  }

  .breadCrumbs--sm-visible {
    display: flex;
  }

  .page-content__notes-list {
    display: block;
    margin-left: 0;
  }

  .page-content__description + .page-content__actions-list {
    margin-top: 16px;
  }

  .page-content__actions-list + .page-content__actions-list,
  .page-content__actions-list-button + .page-content__actions-list-button {
    margin-top: 8px;
  }
  
  .page-content__actions-list-button {
    min-height: 44px;
  }
  
  .page-content__actions-list--chips,
  .page-content__actions-list--double-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .page-content__actions-list--double-chips .main-button {
    min-width: calc(50% - 4px);
  }

  .page-content__block--modal {
    padding: 0;
    margin-top: 24px;
  }

  .page-content__actions-list--radio-block-signature {
    padding-left: 28px;
  }

  .page-content__notes-list--descriptioned {
    margin-top: 8px;
  }

  .page-content__notes-list--modal {
    margin-top: 16px;
  }

  .page-content__note--marked {
    padding-left: 18px;
    margin-bottom: 0;
  }
  
  .page-content__slider-widget {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .new-card__set-current-button {
    font-family: OpenSansRegular;
    font-weight: 400;
    margin-top: 8px;
    cursor: pointer;
  }

  .page-content__note--marked::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #009e87;
    transform: translateY(-50%);
  }

  .page-content__title--subsection-name {
    margin-top: 24px;
    font-size: 14px;
    line-height: 18px;
    font-family: OpenSansSemiBold !important;
  }

  .loyalty-programs-item {
    position: relative;
    padding-left: 20px;
    color: #000;
    margin-bottom: 15px;
  }

  .loyalty-programs-item::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #009e87;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
  }

  .loyalty-programs__link {
    color: #009E87;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #009e87;

  }

  .loyalty-programs__link:hover {
    border-bottom: none;
  }

  .detailed-balance__card {
    width: 200px;
    height: 120px;
    padding: 16px;
  }

  .detailed-balance__card .new-card__holder-number,
  .detailed-balance__card .new-card__holder-date {
    font-size: 14px;
    line-height: 18px;
  }

  .detailed-balance__card .new-card__holder-date {
    margin-left: 16px;
  }

  .detailed-balance__description {
    display: block;
  }

  .detailed-balance__sum {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
    white-space: nowrap;
  }

  .new-card__holder-date {
    margin-left: 32px;
  }

  .new-card__holder-number,
  .new-card__holder-date {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-balance__sum-column {
    height: auto;
    flex-direction: row;
  }

  .detailed-balance__sum:not(:nth-child(4n+1)) {
    margin-top: 0;
  }

  .detailed-balance__sum + .detailed-balance__sum {
    margin-left: 8px;
  }

  .detailed-balance__description + .detailed-balance__description  {
    padding-top: 0;
  }

  .detailed-balance__label {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    width: auto;
  }

  .detailed-balance__payment {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-balance__payment-list {
    display: block;
    margin: 8px 0 0 0;
  }

  .detailed-balance__text,
  .radioBlock__hint-description-text,
  .radioBlock__hint-description-text span{
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .detailed-balance__payment-list-inner {
    padding: 0;
    margin-top: 8px;
  }

  .detailed-balance__payment-list-inner .detailed-balance__payment {
    background: #FAFAFA;
    border-radius: 4px;
    padding: 10px;
    margin: 0;
    white-space: nowrap;
  }

  .detailed-balance__description.detailed-balance__description--border {
    border-top: 1px solid #C7C7C7;
    margin: 16px 0 0 0;
    padding-top: 16px;
  }

  .detailed-balance__sum-value {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-balance__card-footer {
    justify-content: start;
  }

  .page-content__actions-list--chips-scrollable {
    overflow-x: scroll;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .page-content__actions-list--chips-scrollable::-webkit-scrollbar,
  .page-content__actions-list--chips-innered-scroll::-webkit-scrollbar,
  .deposit-offers-list::-webkit-scrollbar {
    display: none;
  }

  .page-content__actions-list--chips-innered-scroll {
    display: flex;
    padding: 0 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }

  .wrapper__cards-widget-content-button.page-content__actions-list--chips-innered-scroll {
    gap: 0 8px;
  }

  .page-content__chips-item + .page-content__chips-item {
    margin-left: 8px;
  }

  .page-content__chips-item--family + .page-content__chips-item--family {
    margin-left: 16px;
  }

  .wrapper-block {
    margin: 0;
    box-shadow: none;
  }

  .billet__button-back {
    font-size: 14px;
    line-height: 18px;
  }

  .btnBack_bottomRowNoPadding {
    display: none;
  }

  .btnBack_bottomRowNoPadding--sm-visible {
    display: block;
  }

  .back__button {
    display: block;
    margin-top: 30px;
  }

  .widget {
    display: block;
  }

  .rate-header {
    display: block;
  }

  .rate-header + .tab-content {
    margin-top: 16px;
  }

  .ExchangeRates-widget__chartlist,
  .wrap-desc-but .wrapper-decript {
    display: none;
  }

  .ExchangeRates-widget__ExchangeRates,
  .NewRates .rates-table,
  .wrapper-currency,
  .wrapper-side,
  .tab-content .wrapper-content,
  .NewRates .wrapper-currency,
  .NewRates .rates-description-wrapper {
    width: 100%;
  }

  .tab-content .wrapper-content {
    margin-top: 0;
    background-color: #fafafa;
  }

  .ExchangeRates-widget__description {
    margin-top: 24px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .currency-converter {
    width: 100%;
  }

  .currency-converter__toggle {
    font-size: 14px;
    line-height: 23px;
    color: #000000;
  }

  .currency-converter__switch:checked ~ .currency-converter__toggle {
    font-family: OpenSansSemiBold;

  }

  .currency-converter__toggle::before {
    width: 43px;
    height: 23px;
    border-width: 1px;
    border-radius: 14.375px;
  }

  .currency-converter__toggle::after {
    width: 14px;
    height: 14px;
  }

  .currency-converter__toggle_sell::after {
    right: -48px;
  }

  .currency-converter__toggle_buy::after {
    left: -49px;
  }

  .currency-converter__switch:checked ~ .currency-converter__toggle_buy::after {
    left: -50px;
  }

  .currency-converter__input-item:not(:first-child) {
    margin-left: 0;
  }

  .footer {
    padding: 24px 16px 96px;
    margin-top: 32px;
    border-top: 2px solid #fafafa !important;
    background-color: transparent;
    background-size: auto;
  }

  .footer__links {
    margin-top: 24px;
  }

  .footer__links + .footer__links {
    margin-top: 16px;
  }

  .footer-links--authorization,
  .footer-links--independent {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
  }

  .wrapper .footer .footerFirst {
    flex-direction: column;
    justify-content: stretch;
    height: auto;
    padding: 0;
  }

  .footerFirst__column {
    position: relative;
  }

  .footerFirst div:nth-child(2).footerFirst__column,
  .footerFirst div:nth-child(3).footerFirst__column {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .footerFirst__label svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .footerFirst__label,
  .footerFirst__label span,
  .footerSecond__label {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .footerFirst__label span {
    margin-left: 34px;
  }

  .footerFirst__pWithPhones,
  .footerFirst__pWithEmail {
    margin-top: 8px;
    margin-left: 34px;
  }

  .footerFirst__pWithPhones a,
  .footerFirst__pWithPhones span,
  .footerFirst__pWithEmail a,
  .sm-selected-text,
  .sm-selected-text span {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .footerFirst__pWithPhones {
    display: flex;
  }

  .footerFirst-applications,
  .footerSecond {
    display: none;
  }

  .footer-links {
    display: flex;
  }

  .rates-table__label {
    font-size: 14px !important;
    line-height: 18px;
    color: #000000 !important;
  }

  .NewRates .rates-table div:nth-child(1),
  .NewRates .wrapper-currency div:nth-child(1),
  .rates-description-item div:nth-child(1) {
    flex-basis: 40%;
  }

  .NewRates .rates-table div:not(:first-child),
  .NewRates .wrapper-currency div:not(:first-child),
  .rates-description-item div:not(:first-child) {
    flex-basis: 30%;
  }

  .tab-content--nbrb .rates-table .rates-table__label,
  .tab-content--nbrb .wrapper-currency div:nth-child(1),
  .tab-content--nbrb .wrapper-currency div:nth-child(2) {
    flex-basis: 50%;
  }

  .NewRates .rates-table div:nth-child(1),
  .NewRates .rates-table div:last-child,
  .NewRates .wrapper-currency div:nth-child(1),
  .NewRates .wrapper-currency div:nth-child(2),
  .NewRates .rates-table div:nth-child(2),
  .NewRates .wrapper-currency div:nth-child(3),
  .rates-description-item div:nth-child(1),
  .rates-description-item div:nth-child(2),
  .rates-description-item div:nth-child(3) {
    width: auto;
    padding: 0;
    text-align: center;
  }

  .rate-column-field {
    font-family: OpenSansSemiBold !important;
    font-size: 16px !important;
    color: #000 !important;
  }

  .rate-column-field:first-child {
    padding-left: 24px !important;
    text-align: left !important;

  }

  .NewRates .wrapper-currency {
    padding: 12px 0;
  }

  .page-content__open-modal-button {
    padding: 0 16px;
  }

  .page-content__open-modal-button--wide {
    padding: 0;
  }

  .page-content__open-modal-button + .table {
    margin-top: 16px;
  }

  .wrapper-content .wrapper-side:first-child .wrapper-currency {
    padding-top: 16px;
  }

  .wrapper-content .wrapper-side:last-child .wrapper-currency {
    padding-bottom: 16px;
  }

  .NewRates .rates-table {
    height: auto;
    padding: 8px 0;
    background-color: #ccece7;
  }

  .tab-content--nbrb .wrapper-side::before,
  .wrapper-side::before,
  .widget__exchange-list::after,
  .widget__exchange-list .active::after {
    content: none;
  }

  .card__group_number::after {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -17px;
    bottom: -17px;
  }

  .new-card__num,
  .new-card__shelf-life,
  .card-view__number,
  .card-view__duration {
    min-width: auto;
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
  }

  .card-view__number,
  .card-view__duration {
    display: block;
  }

  .card-view__duration {
    margin-left: 16px;
  }

  .new-card__shelf-life {
    margin-left: 16px;
  }

  .currency-converter__input-list {
    flex-direction: column;
    margin-top: 16px;
    padding: 0;
    background-color: #fafafa;
    border-radius: 4px;
  }

  .currency-converter__input-item {
    display: flex;
    width: 100%;
    padding: 16px 0;
  }

  .currency-converter__currency-name,
  .currency-converter__extra-fields {
    justify-content: center;
    position: static;
    padding: 0;
    flex-basis: 50%;
  }

  .currency-converter__input-toggle {
    left: 35%;
  }

  .currency-converter__input-toggle-prev {
    top: 11px;
  }

  .currency-converter__input-toggle-next {
    top: 31px;
  }

  .currency-converter__input {
    flex-basis: 50%;
    width: 50%;
    height: auto;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    border: none;
    background: transparent;
    text-align: center !important;
  }

  .currency-converter__input--table,
  .currency-converter__currency {
    font-family: OpenSansSemiBold;
  }

  .currency-converter__input-item--sm-active {
    display: none;
  }

  .currency-converter__currency-name {
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
  }

  .currency-converter__icon {
    margin-right: 8px;
  }

  .widget__switcher-button {
    display: flex;
    margin-top: 24px;
  }

  .tab-content {
    padding: 0 16px;
  }

  .wrapper__NavTabs {
    width: 100%;
  }

  .ExchangeRates-widget__content .wrapper__nav-date-rates {
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .rate-header + .wrapper__NavTabs {
    margin-top: 8px;
  }

  .nav-date-rates {
    position: relative;
    min-width: auto;
    overflow-y: scroll;
    scroll-behavior: unset;
    scrollbar-width: none;
  }

  .nav-date-rates .nav-date-rates__item {
    width: auto;
    padding: 5px 10px;
    margin: 0;
    margin-left: 8px;
    background-color: #FAFAFA;
    border-radius: 3px;
  }

  .nav-date-rates .nav-date-rates__item:first-child {
    margin-left: 16px;
  }

  .nav-date-rates .nav-date-rates__item:last-child {
    margin-right: 16px;
  }

  .nav-date-rates .nav-date-rates__item.tab.active::after {
    content: none;
  }

  .nav-date-rates__item.active {
    background-color: #009E87;
  }

  .nav-date-rates__label {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .nav-date-rates__item.active .nav-date-rates__label {
    color: #fff;
  }

  .currency-converter__switch-list,
  .currency-converter__inputs-wrapper,
  .wrap-desc-but {
    padding: 0 16px;
  }

  .wrapper-currency.show + .rates-description-wrapper::before {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    border-top: 1px solid #C7C7C7;
  }

  .rates-description-item:not(:last-child)::before {
    content: none;
  }

  .wrapper-currency.show .wrapper-arrow {
    display: none;
  }

  .NewRates .rates-description-wrapper {
    position: relative;
  }

  .rates-description-item {
    padding: 12px 0;
  }

  .rates-description-wrapper,
  .wrapper-currency.show {
    box-shadow: none !important;
    background-color: #f2faf9 !important;
  }

  .rates-description-item .rate-column-field {
    display: block;
    font-family: OpenSansRegular !important;
    font-size: 14px !important;
  }

  .wrapper__NavTabs .switch-dateBack,
  .wrapper__NavTabs .switch-date {
    display: none;
  }

  .wrap-desc-but .exchange-rates-button {
    margin-top: 32px;
  }

  .Rates__wrapper-right {
    width: auto;
  }

  .exchange-rates-button {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #009E87;
    border: 1px solid #009e87 !important;
    border-radius: 4px;
  }

  .exchange-rates-button:hover,
  .exchange-rates-button:focus {
    color: #009E87;
  }

  .exchange-rates-button::after {
    content: none;
  }

  .addAnotherBankCard .field__appearance--other-bank .card-view {
    width: 100%;
    max-width: 328px;
    height: 190px;
  }

  .addAnotherBankCard .field__appearance--other-bank .card-view__background {
    width: 100%;
    height: 100%;
  }

  .addAnotherBankCard .field__appearance--other-bank .card-view__background:after {
    width: 100%;
    height: 100%;
  }
  
  .anotherCardWidget.addAnotherBankCard .card-view__text,
  .addAnotherBankCard .card-view__text {
    padding: 24px;
  }
  
  .card-view__text-currency,
  .card-view__text-bank {
    font-size: 14px;
    line-height: 18px;
  }

  .card-view__text-bank {
    text-align: right;
    opacity: 0.6;
  }

  .card-view__text-currency {
    margin-top: 10px;
  }
  
  .field__appearance--other-bank .new-card__footer span {
    font-family: "OpenSansSemiBold", sans-serif;
    font-size: 16px;
    line-height: 22px;
  }

  .card-view__text-holder {
    font-family: ArsenalBold;
    font-size: 20px;
    line-height: 24px;
  }
  
  .card-view__holder-date {
    margin-left: 32px;
  }
  
  .card-view__text-holder {
    margin-top: 24px;
  }

  .addAnotherBankCard .field__appearance--other-bank .kindsBackground {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
  }

  .addAnotherBankCard .typeBackground {
    width: 40px;
    height: 30px;
  }

  .addAnotherBankCard .typeBackground-active::before {
    width: 44px;
    height: 34px;
  }

  .card-view__bank-name {
    display: block;
    margin-top: 8px;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
  }

  .card-view__currency {
    margin: 0;
  }

  .card-view__currency,
  .add-new-card__text {
    margin-top: 8px;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
  }

  .card-view__currency--sm-display-none {
    display: block;
  }

  .card-view__currency--other {
    margin-top: auto;
    font-family: ArsenalBold;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
  }

  .currency-converter__toggle_sell::after {
    right: -48px;
  }

  .currency-converter__switch:checked ~ .currency-converter__toggle_sell::after {
    right: -47px;
    transform: translateX(-22px);
  }

  .favorite-payments-action {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 9px 16px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #009e87;
    border: 1px solid #009e87;
    background-color: transparent;
    border-radius: 4px;
    margin-top: 24px;
    margin-left: 0;
  }

  .favorite-payments-action--descriptioned {
    padding: 8px 16px;
  }

  .favorite-payments-action__title {
    display: inline;
    font-family: inherit;
    font-size: 14px;
    line-height: 18px;
  }

  .favorite-payments-action__description {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
  }

  .favorite-payments-action__sum-label {
    display: inline;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .modal__button-icon {
    display: flex;
  }

  .button-green {
    width: 100%;
    font-family: OpenSansSemiBold;
    line-height: 18px;
  }

  .block__content {
    padding: 16px 16px 0;
  }

  .empty-information-block {
    display: none;
  }

  .empty-information-block,
  .greeting {
    padding: 24px 16px;
    background-color: #fafafa;
    border-radius: 4px;
  }

  .modal-header--text-center,
  .empty-information-block--text-center {
    text-align: center;
  }

  .empty-information-block__title-icon {
    text-align: center;
    margin-bottom: 16px;
  }

  .empty-information-block__title,
  .greeting__title,
  .page-content__title-block {
    font-family: ArsenalBold;
    font-size: 20px;
    line-height: 24px;
    color: #000;
  }

  .empty-information-block__description,
  .greeting__desc {
    margin-top: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .empty-information-block__icons-list {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
  }

  .empty-information-block__footer,
  .greeting__footer {
    margin-top: 24px;
  }
  
  .empty-information-block__icon {
    width: 48px;
    height: 48px;
  }

  .empty-information-block--active {
    display: block;
  }

  .empty-information-block--actions {
    padding-bottom: 16px;
  }

  .empty-information-block__icon-wrapper + .empty-information-block__information {
    margin-top: 16px;
  }

  .cards-widget__wrapper-content--cards {
    overflow: hidden;
    padding: 0;
  }

  .card__offer {
    padding: 24px 16px;
    border-top: 2px solid #fafafa;
  }

  .card__offer-help {
    display: flex;
    margin-right: 0;
  }

  .card__offer-help svg {
    width: 20px;
    height: 20px;
  }

  .card__offer-help svg.card__offer-icon {
    width: 18px;
    height: 18px;
  }

  .card__offer-content,
  .card__offer-offer,
  .card__offer--column .card__offer-content .card__offer-offer,
  .blocked-card-text {
    margin-left: 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .blocked-card-text {
    margin: 0;
  }

  .card__offer--column {
    flex-direction: column;
  }

  .card__offer--column .card__offer-content,
  .card__offer--column .card__offer-content .card__offer-offer {
    margin: 0;
    opacity: 1;
  }

  .card__offer--textable .card__offer-help,
  .greeting__image {
    display: none;
  }

  .card__offer-button {
    margin-top: 24px;
  }

  .tab.customActive::after,
  .tab.button-transparent::after,
  .tab.button-white::after,
  .tab.eripBlock__link::after,
  .tab::after {
    margin-top: 2px;
    opacity: 1;
  }

  .eripBlock__linkWrap {
    width: 100%;
    padding: 0;
  }

  .eripBlock__linkWrap--offset:not(:first-child) {
    margin-top: 16px;
  }

  .eripBlock__listEl {
    padding: 0;
  }

  .eripBlock__listEl:not(:first-child) {
    margin-top: 24px;
  }

  .eripBlock__list--sm-links .eripBlock__listEl:not(:first-child) {
    margin-top: 16px;
  }

  .selectionHeader--sm-visible,
  .field__name--sm-visible,
  .field--sm-visible,
  .data-field__value--sm-visible,
  .data-field__label--sm-visible,
  .billet-details__header--sm-visible {
    display: flex;
  }

  .breadCrumbs {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
    padding: 24px 16px !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #fafafa !important;
    overflow-y: scroll;
    scroll-behavior: unset;
    scrollbar-width: none;
  }

  .breadCrumbs__item {
    position: relative;
    margin: 0;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    white-space: nowrap;
  }

  .breadCrumbs__item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    bottom: -15px;
  }

  .breadCrumbs__item:not(:first-child) {
    margin-left: 8px;
  }

  .breadCrumbs__item:not(:last-of-type)::after {
    width: 8px;
    height: 14px;
    margin-left: 8px;
  }

  .breadCrumbs__item:last-of-type {
    color: #909090;
    opacity: 1;
  }

  .breadCrumbs__wrapper {
    max-height: none;
    margin-bottom: 0;
  }

  .page-content {
    display: block;
    margin: 0;
    padding: 0;
    padding-top: 24px;
    box-shadow: none;
  }

  .page-content--sm-visible {
    display: block;
  }

  .page-content--agreement {
    padding-top: 8px;
  }

  .page-content--footered {
    padding: 0;
  }

  .page-content__title {
    align-items: center;
    margin: 0 16px;
    font-family: ArsenalBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #000000;
  }

  .page-content__title--with-link span {
    font-family: ArsenalBold, sans-serif;
  }

  .page-content__title--sm-visible {
    display: flex;
  }

  .page-content__description--sm-visible {
    display: block;
  }

  .text-description--sm-visible {
    display: inline;
  }

  .text-description--sm-hide {
    display: none;
  }

  .spoiler--sm-hide,
  .currency-exchange__card-body--sm-hide,
  .widget__link--sm-hide,
  .modal-title--sm-hide,
  .modal-logo--sm-hide,
  .btnBack__link--sm-hide,
  .btnBack--sm-hide,
  .personal-preferences__header,
  .personal-preferences__main .upload-block {
    display: none;
  }

  .page-content .page-content__block {
    padding: 0 16px;
  }

  .page-content .page-content__block--wide {
    padding: 0;
  }

  .page-content__block {
    margin: 0;
    margin-top: 24px;
  }

  .block__content.page-content__block {
    display: block;
  }

  .page-content__block--billets-list,
  .page-content__block--empty-information,
  .page-content__block--history,
  .page-content__block--table {
    margin-top: 16px;
  }

  .page-content__block--first {
    margin-top: 0;
  }

  .page-content__block--sm-visible,
  .page-content__block-separator--sm-visible,
  .detailed-billet__header--sm-visible,
  .detailed-billet__arrow,
  .billet-details__information--sm-visible,
  .billet-details__data--sm-visible,
  .billet-details--sm-visible,
  .data-field__value--sm-visible,
  .radio-group__name--sm-visible,
  .modal-dialog--sm-visible {
    display: block;
  }

  .page-content__radio-block + .page-content__radio-block {
    margin-top: 16px;
  }

  .billet-details__data--with-warning {
    margin-top: 24px;
  }

  .page-content__block--header {
    margin: 0;
    padding: 0;
    border: none;
  }


  .page-content__inner-block-content {
    display: block;
    margin: 0;
    padding: 0;
  }

  .page-content__inner-block-content--reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  .page-content__description {
    display: block;
    margin: 0;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-align: left;
  }

  .page-content__description--with-link {
    display: flex;
  }

  .page-content__description span:not([class]),
  .page-content__description b,
  .page-content__description strong,
  .modal__description b,
  .notice-information-block__text b,
  .content-description-text {
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .spoiler__inside {
    display: block;
  }

  .page-content__payment-list-title {
    margin-top: 24px;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    word-break: break-word;
  }

  .page-content__payment-list-title ~ .page-content__form-inner {
    margin-top: 24px;
  }

  .tbody--sm-visible {
    display: block;
  }

  .page-content__description b,
  .page-content__description strong,
  .modal__description b,
  .notice-information-block__text b {
    font-weight: 600;
    font-family: OpenSansSemiBold;
  }
  
  .billet-details__description--thick,
  .page-content__description--thick {
    font-family: OpenSansSemiBold;
    font-weight: 500;
  }

  .page-content__description--fielded-name {
    font-size: 16px;
    line-height: 22px;
    font-family: OpenSansSemiBold;
    font-weight: 500;
  }

  .page-content__description--data-fielded-name + .page-content__field--description-title,
  .page-content__description + .page-content__description {
    margin-top: 16px;
  }

  .page-content__description + .page-content__description--blocked {
    margin-top: 24px;
  }

  .page-content__description--noted + .page-content__description--noted {
    margin-top: 8px;
  }

  .page-content__description--sm-visible {
    display: block;
  }

  .page-content__description--icon {
    display: flex;
    align-items: center;
  }

  b.page-content__description--sm-visible {
    display: inline;
  }

  .page-content__open-more-button {
    margin-left: auto;
    padding-left: 11px;
  }

  .page-information__icon-sm-visible {
    display: block;
  }

  .open-more-button {
    position: relative;
    display: inline;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #909090;
    background: transparent;
    border: none;
  }

  .open-more-button:active {
    opacity: 0.6;
    transform: translateY(2px);
  }

  .open-more-button::before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
  }

  .open-more-button::after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 2px;
    border-bottom: 1px solid #009e87;
  }

  .open-more-button--consents {
    line-height: 16px;
  }
  
  .open-more-button--consents::after {
    margin-top: 0;
  }
  
  .open-more-button--vertical + .open-more-button--vertical {
    margin-top: 16px;
  }

  .field {
    display: block;
    margin: 0;
  }

  .page-content__field--sm-visible,
  .page-content__field-group--sm-visible {
    display: block;
  }

  .field.display-none,
  .select2Block.display-none,
  .data-field__value.display-none,
  .discount-block.display-none,
  .information-field.display-none {
    display: none;
  }

  .addAnotherBankCard .field__name,
  .field__name,
  .radio-group__name,
  .field-block__label {
    display: block;
    font-family: OpenSansRegular;
    font-weight: 400;
    max-width: none;
    width: auto;
    padding: 0;
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .field__name--thick {
    font-family: OpenSansSemiBold;
  }

  .field__wrapper__input,
  .addAnotherBankCard .field__wrapper__input,
  .transferCard .field__wrapper__input,
  .online-credit-report__value,
  .online-credit-report__header-block,
  .chartWrapper {
    width: 100%;
    display: block;
  }

  .field__wrapper__input--thick {
    font-family: OpenSansSemiBold;
  }

  .addAnotherBankCard .page-content__block .field__input,
  .page-content__block .field__input,
  .modal__field .field__input,
  .field__wrapper__input .field__input.field__input--short,
  .field__input,
  .field-block__field-input {
    height: auto;
    height: 38px;
    width: 100%;
    max-width: 100%;
    padding: 9px 15px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #909090;
  }

  .field--textarea .field__input {
    height: 80px;
    padding: 9px 15px;
    resize: none;
  }

  .page-content__block--background-transparent {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .field__input--sm-placeholder-active.field__input::placeholder {
    opacity: 1;
  }

  .page-content__block .field__input_type-password,
  .field__input_type-password {
    padding-right: 24px;
  }

  .page-content__block.field,
  .page-content__field_after_slider,
  .page-content__field + .page-content__field,
  .page-content__field.data-field + .page-content__field.data-field,
  .information-fields-block__field + .information-fields-block__field {
    margin-top: 24px;
  }

  .page-content__field--nonamed + .page-content__field--nonamed {
    margin-top: 16px;
  }

  .page-content__field.page-content__field--close,
  .page-content__field.page-content__field--hinted {
    margin-top: 8px;
  }

  .field__name--radio,
  .field__name--scan-docs,
  .field-block__label {
    margin-bottom: 16px;
  }

  .field__grouped-label {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-bottom: 8px;
  }

  .field__grouped-label--no-offset {
    margin-bottom: 0;
  }

  .field__grouped-label--indent {
    margin-top: 24px;
  }

  .field__label-links-list {
    display: flex;
    flex-direction: row;
  }

  .field__group-label-link {
    margin-left: 24px;
  }

  .field__grouped-label .field__name {
    margin: 0;
  }

  .field--erip-search {
    position: relative;
  }

  .field__icon {
    position: absolute;
    top: 9px;
    bottom: 9px;
    z-index: 999;
    background: transparent;
  }

  .field__icon::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
  }

  .field__icon--green {
    color: #009E87;
  }

  .field__icon--left {
    left: 10px;
    right: auto;
  }

  .field__icon--right {
    right: 10px;
    left: auto;
  }

  .field--erip-search .field__input {
    padding-left: 38px;
    padding-right: 38px;
  }

  .field__input--erip-search:focus ~ .field__icon--right {
    display: none;
  }

  .field__input--erip-search:focus ~ .field__icon--left {
    right: 10px;
    left: auto;
    transition: 1s;
  }

  .field--erip-search .field__input:focus {
    padding: 10px 16px;
  }
  
  .field--search-bank .field__input {
    padding: 0;
    text-align: center;
  }

  ._display-flex {
    display: block;
  }

  .commonBlock__row .field__wrapper__input {
    padding: 0;
  }

  .commonBlock__row--indent {
    padding-left: 26px;
  }

  .captcha {
    height: auto;
    width: 100%;
  }

  .information-link {
    display: flex;
    justify-content: space-between;
    width: auto;
    max-width: none;
    align-items: center;
  }

  .captcha + .open-more-button {
    margin-left: 16px;
  }

  .field_contractNumber {
    width: 100%;
  }

  .page-content__footer {
    display: block;
    margin: 0;
    margin-top: 32px;
  }

  .paymentOneClick__footer {
    background: #fff;
    margin: 0;
  }

  .page-content__footer--sm-visible {
    display: block;
  }

  .page-content__footer .main-button {
    margin: 0;
  }

  .page-content__footer .main-button + .main-button {
    margin-top: 16px;
  }

  .modal-footer--actions .main-button + .main-button {
    margin-top: 16px;
  }

  .page-footer-actions {
    display: flex;
    flex-direction: column;
  }

  /** need fix later page-content__footer .main-button + .main-button */
  .page-footer-actions .page-footer-actions__button--secondary + .page-footer-actions__button--first {
    margin: 0;
    order: 0;
  }

  .page-footer-actions .page-footer-actions__button--secondary {
    margin-top: 16px;
    order: 1;
  }

  .personal-preferences__main-avatar,
  .personal-preferences__main-background {
    display: none;
  }

  .page-content__block--wide .page-content__field,
  .page-content__block--wide .page-content__description,
  .page-content__block--wide .page-content__footer {
    padding: 0 16px;
  }

  .page-content__footer--separator {
    margin-top: 16px;
    padding-top: 32px;
    border-top: 1px solid #C7C7C7;
  }

  .page-content__block.page-content__block--separatored-footer {
    margin-top: 16px;
  }

  .page-content__block--wide .page-content__separator::before {
    left: 16px;
    right: 16px;
  }

  .personal-preferences__wrapper_pictures-user {
    margin: 0;
    margin-top: 16px;
  }

  .personal-preferences__wrapper_background {
    margin: 16px 0 0;
  }

  .wrapper__personal-preferences__list-avatars,
  .wrapper__personal-preferences__list-backgrounds {
    display: flex;
    justify-content: center;
    overflow: hidden;
  }

  .wrapper__personal-preferences__list-avatars .owl-stage-outer,
  .wrapper__personal-preferences__list-backgrounds .owl-stage-outer {
    overflow: visible;
  }

  .wrapper__personal-preferences__list-avatars .avatar-switch, .background-switch,
  .wrapper__personal-preferences__list-backgrounds .avatar-switchBack, .background-switchBack,
  .wrapper__personal-preferences__list-avatars .avatar-switchBack, .background-switchBack {
    background: url("../images/arrow-mobile.svg") center no-repeat;
    width: 8px;
    height: 14px;
  }

  .wrapper__personal-preferences__list-avatars .avatar-switchBack, .background-switchBack {
    transform: rotate(180deg);
  }

  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    background: rgba(255, 255, 255, 0.8) !important;
  }

  .owl-carousel .owl-nav button::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
  }

  .wrapper__personal-preferences__list-avatars .owl-prev,
  .wrapper__personal-preferences__list-avatars .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: -124px;
    top: -76px;
  }

  .wrapper__personal-preferences__list-backgrounds .owl-prev,
  .wrapper__personal-preferences__list-backgrounds .owl-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: -86px;
    top: -76px;
    background-color: #fff !important;
  }

  .wrapper__personal-preferences__list-avatars .owl-next {
    right: -203px;
    left: auto;
  }

  .wrapper__personal-preferences__list-backgrounds .owl-next {
    right: -242px;
    left: auto;
  }

  .wrapper__personal-preferences__list-avatars .owl-prev,
  .wrapper__personal-preferences__list-avatars .owl-next {
    top: -60px;
  }

  .page-content__radio-buttons-list {
    margin-top: 16px;
  }

  .page-content__radio-buttons-list + .page-content__field {
    margin-top: 24px;
  }

  .field--radio-buttons-list .field__name {
    margin-bottom: 16px;
  }

  .personal-preferences__list-avatars {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 78px;
    background-color: transparent;
  }

  .personal-preferences__list-backgrounds {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 156px;
    background-color: transparent;
  }

  .personal-preferences__min-avatar {
    height: 78px;
    width: 78px;
    min-width: 78px;
  }

  .personal-preferences__min-avatar {
    width: 78px;
    background-color: transparent;
  }

  .personal-preferences__min-background {
    width: 156px;
    height: 118px;
    background-color: transparent;
  }

  .personal-preferences__min-avatar:hover,
  .personal-preferences__min-background:hover {
    background-color: transparent;
  }

  .personal-preferences__min-avatar .personal-preferences__avatar {
    width: 78px;
    height: 78px;
  }

  .personal-preferences__min-background .personal-preferences__background {
    width: 156px;
    height: 118px;
  }

  .personal-preferences__min-background .personal-preferences__background img {
    height: 100%;
    object-fit: cover;
    border: 3px solid transparent;
  }

  .owl-item.active:not(.active + .active) .personal-preferences__min-avatar .personal-preferences__avatar img,
  .owl-item.active .personal-preferences__min-background .personal-preferences__background img {
    border: 3px solid #009e87;
  }

  .carousel-image {
    border-radius: 50%;
    border: 3px solid transparent
  }

  .irs-handle::before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
  }

  .range-deposit-terms .irs--big .irs-handle {
    top: 25px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: none;
  }

  .irs-handle.from, .irs-handle.to {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
  }

  .carousel-image--background {
    border-radius: 6px;
  }

  .personal-preferences__selector-body {
    position: relative;
    padding-bottom: 16px;
  }

  .personal-preferences__selector-body + .personal-preferences__selector-body {
    margin-top: 24px;
  }

  .personal-preferences__selector-body + .field {
    margin-top: 24px;
  }


  .personal-preferences__selector-body::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    border-bottom: 1px solid #C7C7C7;
  }

  .personal-preferences__selector-footer {
    margin-top: 16px;
    padding: 0 16px;
  }

  .personal-preferences__selector-footer--sm-visible {
    display: block;
  }

  .button-footer-text {
    font-family: OpenSansSemiBold;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    color: #009e87;
  }

  .main-button--double-text {
    display: block;
  }

  .step-progress {
    display: flex;
  }

  .step-progress__line {
    display: flex;
    align-items: center;
    height: 40px;
    width: 100%;
  }

  .step-progress__line::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #009E87;
  }

  .step-progress__circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-family: ArsenalBold;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #009E87;
    text-align: center;
    border-radius: 40px;
    background-color: transparent;
    border: 2px solid #009E87;
  }

  .step-progress__circle--active {
    color: #fff;
    background-color: #009E87;
  }
  
  .step-progress__circle--active::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border: 1px solid #fff;
    border-radius: 50%;
  }

  .step-progress__circle::after {
    content: "";
    position: absolute;
  }

  .float-left {
    float: none !important;
  }

  .wrapper-error-field,
  .wrapper-password-setting .block__content .validation-error-block {
    display: block;
    margin: 8px 0 0;
  }
  
  .wrapper-error-field.display-none {
    display: none;
  }

  .tip-oldPassword-error,
  .js-error .error-text {
    padding: 0;
    background-color: transparent;
  }

  .field__placeholder,
  .field__input::placeholder,
  .field-block__field-input::placeholder {
    font-family: OpenSansRegular;
    left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #909090;
  }

  .field__placeholder--sm-visible {
    display: initial;
  }

  .field__input_filled ~ .field__placeholder,
  .field__input:focus ~ .field__placeholder {
    display: none;
  }

  .js-error label,
  #oldPassword-error {
    max-width: none;
    width: auto;
    font-family: OpenSansSemiBold !important;
    font-size: 10px;
    line-height: 14px;
    color: #eb5941;
  }

  .field__input[aria-invalid="true"] {
    border: 1px solid #eb5941;
  }

  .page-content__toggles-list,
  .page-content__toggles-list--sm-visible {
    display: block;
    padding: 0;
    margin: 0;
  }

  .radioBlock + .radioBlock,
  .page-content__toggle + .page-content__toggle {
    margin-top: 16px;
  }

  .page-content__toggle {
    display: block;
  }

  .page-content__toggle--hide {
    display: none;
  }

  .field--sm-hide {
    display: none;
  }

  .checkboxBlock__fake {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    min-height: auto;
    margin: 0;
    border: 1px solid #009E87;
    border-radius: 4px;
  }

  .checkboxBlock__checkbox:checked + .checkboxBlock__label .checkboxBlock__fake {
    background-size: contain;
  }

  .checkboxBlock__text {
    margin-left: 8px;
    font-family: OpenSansSemiBold;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }
  
  .checkboxBlock__text--thin {
    font-family: OpenSansRegular;
  }

  .checkboxBlock__text--small {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .checkboxBlock__text--sm-visible,
  .field__name--sm-visible,
  .data-field--sm-visible {
    display: block;
  }

  .checkboxBlock__text--consents {
    margin-left: 8px;
  }

  .checkboxBlock__text--required.checkboxBlock__text--consents,
  .checkboxBlock__text--with-required-symbol {
    margin-left: 10px;
  }

  .checkboxBlock__text--required:before {
    left: 20px;
  }

  .page-content__separator {
    position: relative;
    display: block;
    height: 1px;
    margin: 24px 0;
  }

  .field__inner-body {
    display: block;
  }

  .field__name.page-content__description {
    margin-bottom: 0;
  }

  .radioBlock {
    display: block;
  }

  .radioBlock.display-none {
    display: none;
  }

  .field__name--radio-blocks {
    margin-bottom: 12px;
  }

  .page-content__field .radio-group,
  .page-content__field--column {
    display: flex;
    flex-direction: column;
  }

  .radioBlock--with-description {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .radioBlock__description {
    position: relative;
    margin-left: 14px;
  }

  .radioBlock__description::before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
  }

  .radioBlock__label {
    margin: 0;
    display: flex;
    align-items: center;
  }

  label.radioBlock__label {
    max-width: max-content;
  }

  .radioBlock__label + .radioBlock__label,
  .radioBlock--with-description + .radioBlock--with-description{
    margin-top: 16px;
  }

  .radioBlock--with-description .radioBlock__label + .radioBlock__label {
    margin-top: 0;
  }

  .radioBlock__label--row + .radioBlock__label--row {
    margin-left: 42px;
  }

  .radioBlock__label--row-close {
    margin-right: 28px;
    margin-bottom: 15px;
  }

  .main-radio-block--line .main-radio-block__item + .main-radio-block__item {
    margin-left: 0;
  }

  .radioBlock__text {
    margin-left: 8px;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }

  .radioBlock__radio:checked ~ .radioBlock__field-input span,
  .radioBlock__radio:checked ~ .radioBlock__text {
    font-family: OpenSansSemiBold;
  }

  .radioBlock__fake {
    border-color: #009e87;
  }

  .disabled .radioBlock__fake::before {
    border-color: rgba(0, 0, 0, 0.3);
  }

  .radioBlock__field-input {
    flex-direction: row;
    align-items: center;
    margin-left: 8px;
  }

  .billet-details__field--limits .field__input-line,
  .radioBlock__field-input .field__input-line {
    width: 50px;
    height: 19px;
    border: none;
    border-bottom: 1px solid #009E87;
    background-color: transparent;
    margin: 0 8px;
    border-radius: 0;
  }

  .rates-exchange {
    box-shadow: none;
  }

  .rates-exchange__radio.radioBlock {
    display: flex;
  }

  .rates-exchange__payment-field {
    margin-top: 24px;
  }

  .rates-exchange__payment-field ~ .page-content__field {
    margin-top: 24px;
  }

  .radioBlock--row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .radioBlock--exchange-widget {
    justify-content: flex-start;
  }

  .radioBlock--exchange-widget .radioBlock__label--horizontal + .radioBlock__label--horizontal {
    margin-left: 32px;
  }

  .radioBlock--row .radioBlock__label {
    margin-top: 0;
  }

  .rates-exchange__radio .rates-exchange__radio-label {
    margin: 0;
  }

  .rates-exchange__content.page-content {
    padding: 0;
  }

  .rates-exchange__field-sum {
    text-align: left !important;
  }

  .field__input-line:focus{
    border: none !important;
    border-bottom: 1px solid #009E87 !important;
  }

  .billet-details__content--without-background {
    background: none;
    border: none;
  }

  .checkboxBlock__label--reverse {
    flex-direction: row-reverse;
  }

  .page-content__fields-list--sm-visible {
    display: block;
  }

  .page-content__description.title-fields-list__title span.fields-title-notification__icon {
    color: #009E87;
  }

  .fields-title-notification__text {
    line-height: 18px;
  }

  .page-content__actions-list--cards .main-button {
    max-width: calc(50% - 4px);
  }

  .page-content__fields-list:not(.page-content__fields-list--inputs) .page-content__field:not(:first-child) {
    margin-top: 16px;
  }

  .page-content__description + .page-content__fields-list,
  .page-content__fields-list + .page-content__description,
  .page-content__fields-list--separated {
    margin-top: 16px;
  }

  .page-content__separator::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #909090;
  }

  .page-content__separator--light {
    margin: 24px 0 32px;
  }
  
  .page-content__separator--light::before,
  .page-content__separator--additional-info::before {
    border-top: 1px solid #C7C7C7;
  }

  .page-content__separator--radio-latest {
    margin: 16px 0;
  }

  .page-content__separator--radio-latest::before {
    border-top: 1px solid #c7c7c7;
  }

  .page-content__separator--modal,
  .page-content__separator--block,
  .page-content__separator--block-wide {
    margin: 24px 0;
  }

  .page-content__separator--block:not(.page-content__separator--block-wide)::before {
    left: 16px;
    right: 16px;
  }

  .form-map-body {
    margin-top: 24px;
    height: 230px !important;
  }

  .payment-from-block--order {
    order: 2;
  }
  .payment-type-later--order {
    order: 1;
  }

  .payment__info--wide {
    padding-right: 0;
  }

  .payment__info {
    overflow: hidden;
  }

  .control-input {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
  }

  .control-input--sm-visible {
    display: flex;
  }

  .exclamation-mark-icon--sm-visible {
    display: inline-block;
    vertical-align: middle;
    color: #009E87;
  }

  .text-success {
    color: #009E87 !important;
  }

  .text-danger {
    color: #EB5941 !important;
  }

  .cvcHint {
    width: 100%;
    max-width: 352px;
    left: 0;
    top: -345px;
  }

  .cvcCard {
    margin-left: 0;
  }

  .whatCvc {
    width: 13px;
    height: 13px;
  }

  .control-input--disabled {
    opacity: 0.6;
    pointer-events: none;
  }

  .control-input__group-text {
    display: flex;
    flex-direction: column;
  }

  .control-input__btn {
    margin-left: auto;
    position: relative;
    display: flex;
  }

  .control-input__input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    visibility: hidden;
  }

  .control-input__input {
    width: 43px;
  }

  .control-input__group-text {
    width: 220px;
  }

  .control-input__title {
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .control-input__check-mark {
    position: relative;
    width: 43px;
    height: 23px;
    background-color: transparent;
    border: 1px solid #909090;
    border-radius: 14.375px;
    transition: .2s;
  }

  .control-input__input:checked + .control-input__check-mark {
    border: 1px solid #009E87;
    transition: 0.2s;
  }

  .control-input__check-mark::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    display: flex;
    width: 22px;
    height: 22px;
    background-color: #909090;
    transition: .2s;
  }

  .control-input__input:checked + .control-input__check-mark::before {
    background-color: #009e87;
  }

  .control-input__input--toggle + .control-input__check-mark::before {
    top: 2px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 17px;
  }

  .control-input__input--toggle:checked + .control-input__check-mark::before {
    transform: translateX(18px);
  }

  .flex-row-between {
    margin: 0;
  }

  .text-link {
    position: relative;
    display: inline;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #009e87;
  }

  .text-link.text-link--small {
    font-size: 10px;
  }
  
  .text-link--word-wrap {
    word-wrap: break-word;
  }

  .text-link b {
    font-weight: 600;
    font-family: OpenSansSemiBold;
    color: currentColor;
  }

  .text-link--thick {
    font-family: OpenSansSemiBold;
  }

  .text-link--thick:active {
    opacity: .6;
  }

  .text-link--sm-visible {
    display: inline;
  }

  .text-link--underlined {
    text-decoration: underline;
  }

  .text-link:hover {
    color: #009e87;
  }

  .text-link::before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: -15px;
    bottom: -15px;
  }

  .text-link::after {
    content: none;
  }

  .documents__link:not([href]) {
    color: #000;
    text-decoration: none;
  }

  .banned__item {
    margin-top: 16px;
    padding-left: 18px;
    margin-bottom: 0;
  }

  .banned__item::before {
    width: 8px;
    height: 8px;
  }

  .data-field {
    display: block;
    margin: 0;
  }

  .data-field--white .data-field__label,
  .data-field--white .data-field__value {
    color: #fff;
  }

  .data-field__value--broken-word {
    word-break: break-word;
  }

  .data-field--success-value .data-field__value {
    color: #009E87;
  }

  .data-field--error-value .data-field__value {
    color: #EB5941;
  }
  
  .data-field__button-value {
    display: flex;
    margin-left: 8px;
    background-color: transparent;
  }

  .data-field__button-value--sm-visible {
    display: flex;
  }

  .data-field__label,
  .information-fields-block__field-label {  
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    max-width: none;
  }

  .data-field__label--thick {
    font-family: OpenSansSemiBold;
  }

  .data-field__label--thin {
    font-family: OpenSansRegular;
  }

  .addMtsAutopay {
    border-radius: 0;
    box-shadow: none;
  }

  .data-field__value,
  .information-fields-block__field-value {
    font-family: OpenSansSemiBold;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    display: block;
  }

  .data-field__value--warning {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
    color: #EB5941;
  }

  .data-field__value--icon {
    display: flex;
  }

  .data-field__value .data-field-value-inner,
  .data-field-text {
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
  }

  .data-field__value--close {
    margin-top: 4px;
  }
  
  .billet__value--green,
  .billet-details__value--success {
    color: #009e87;
  }
  
  .billet__value--pending {
    color: #909090;
  }
  .data-field + .data-field {
    margin-top: 16px;
  }

  .amount-mask {
    text-align: left;
  }

  .navbar-menu {
    display: block;
  }

  .page-content__note {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
  }

  .page-content__note + .page-content__note {
    margin-top: 16px;
  }

  .page-content__named-group-list {
    position: relative;
    display: block;
    padding: 0;
    border-radius: 0;
  }

  .page-content__named-group-list + .page-content__named-group-list,
  .page-content__named-group-list--separated {
    padding-top: 32px;
    margin-top: 24px;
    border-top: 1px solid #C7C7C7
  }

  .page-content__named-group-list .separatorRow {
    margin-bottom: 16px;
    padding: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .page-content__named-group-list .block__content {
    padding: 0
  }

  .page-content__named-group-list .separatorRow + .block__content,
  .separatorRow + .page-content__group-list-fields {
    margin-top: 16px;
  }

  .page-content__named-group-list .separatorRow ~ .block__content,
  .field__input--sm-visible {
    display: block;
  }

  .separatorRow--sm-visible {
    display: block;
  }

  .separatorRow {
    background-color: transparent;
  }

  .separatorRow__text,
  .detailed-billet__title {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
  }

  .field__datepicker,
  .select2-container,
  .select2-hidden-accessible,
  ._width-350,
  .select2Block,
  ._max-width-395,
  .width-180,
  .commonBlock__column_widthAuto,
  .select2Block_theme-gray._width-110 + .select2,
  ._width-96,
  .select2Block_theme-gray._width-96 + .select2,
  .amtInput,
  .availableProduct {
    width: 100% !important;
    max-width: none;
  }

  .select2Block {
    display: flex;
    flex-direction: column;
  }

  .field input.read-only, input:disabled {
    background-color: #fafafa;
  }

  /* start card list */

  .new-card__main {
    display: block;
    padding: 0;
  }

  .wrapper-new-card {
    display: block;
    background-color: transparent;
    border-radius: 0;
    width: auto;
    box-shadow: none;  
  }

  .wrapper-left {
    width: auto;
    display: block;
  }

  /* end car list */

  /* start Чек */

  .topBlockForCheck {
    display: none;
  }

  .general-check {
    border-left: 0 !important;
    border-right: 0 !important;
    background: #fafafa !important;
    min-width: 100% !important;
    padding: 32px 16px 16px !important;
  }

  .general-check::after {
    display: none;
  }

  .check-bank-img {
    padding-bottom: 32px;
  }

  .check-entry__value {
    max-width: 100% !important;
  }

  .check-entry--sm-visible {
    display: block;
  }

  .operation-check {
    width: 100%;
    position: relative;
    padding: 32px 16px 16px 16px;
    border-radius: 4px;
    border: none;
    background-color: #fafafa;
  }

  .operation-check::after {
    content: none;
  }

  .operation-check__label,
  .operation-check__value {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .operation-check__label + .operation-check__value {
    text-align: right;
    max-width: 143px;
    word-wrap: break-word;
  }

  .operation-check__text-information-group {
    display: block;
    text-align: left;
  }

  .operation-check__groups:first-of-type {
    margin-top: 32px;
  }

  .operation-check__body {
    max-width: 100%;
  }

  /* end Чек */

  .modal__button--primary,
  .modal__button--secondary {
    height: auto;
    min-height: 38px;
    padding: 9px 0;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: #009e87;
    border-radius: 4px;
    border: 1px solid #009e87;
  }

  .modal__button--secondary {
    padding: 10px 0;
    color: #009e87 !important;
    background-color: transparent;
  }

  .modal__button--sm-visible {
    display: inline-block;
  }

  .file-attachment-field {
    margin: 0;
    display: flex;
    width: 100%;
    padding: 2px 10px 2px 16px;
    background-color: transparent;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #909090;
  }

  .file-attachment-field:not(:first-child) {
    margin-top: 16px;
  }

  .file-attachment-field:last-child {
    margin-bottom: 16px;
  }

  .file-attachment-field--scan-docs:last-child {
    margin-bottom: 0;
  }

  .file-attachment-field__label {
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
  }

  .file-attachment-field__button {
    margin-left: auto;
  }

  .field_typeFile [type="file"],
  .correspondence__docs [type="file"],
  .file-attachment-field__invisible-input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: none;
    min-width: none;
    width: 100%;
  }

  .main-button__icon {
    display: inline;
  }

  /* серый фон, зеленый цвет иконки, центрирование по центру, текст черный не жирный */
  .main-button--attachable {
    position: relative;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #fafafa !important;
    border: none !important;
  }

  .main-button--attachable.display-none {
    display: none !important;
  }

  .main-button--attachable::after{
    content: none !important;
  }

  .main-button--attachable .main-button__icon {
    color: #009e87;
  }

  .main-button__icon + .main-button__label {
    margin-left: 8px;
  }

  .main-button--attachable .main-button__label {
    font-family: OpenSansRegular;
    color: #000;
  }

  .main-button--attachable[disabled]  .main-button__label {
    color: #505050;
  }

  .button-pressed-status,
  .main-button--attachable:not([disabled]):active {
    background-color: #F0F0F0 !important;
  }

  .main-button__label--sm-visible {
    display: block;
  }

  .field__datepicer-icon {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  .ui-widget.ui-widget-content {
    margin-top: 4px;
    width: calc(100% - 32px);
  }

  .ui-menu__items {
    max-width: none;
    width: 100% !important;
  }

  .profile-comment,
  .checboxBlock--hinted .checkboxBlock__text,
  .field__curDescr:not(.open-more-button),
  .checkboxBlock__text--hinted,
  .checkboxBlock__text--description,
  .radioBlock__text--description,
  .minAmt {
    display: block;
    width: 100%;
    margin: 8px 0 0;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #000;
  }

  .checkboxBlock__text--hinted {
    margin-left: 8px;
    margin-top: 4px;
    width: auto;
  }
  
  .checkboxBlock__text--description {
    margin-left: 26px;
    margin-top: 4px;
    width: auto;
  }

  .checboxBlock--hinted .checkboxBlock__text {
    margin: 0 0 0 8px;
  }

  .select2Block_theme-gray + .select2-container--default .select2-selection--single {
    border: 1px solid #909090;
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 10px 43px 10px 16px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .select2Block__placeholder_active,
  .select2-container--focus.select2-container--open + .select2Block__placeholder,
  .irs--big .irs-from,
  .irs--big .irs-to,
  .irs--big .irs-single,
  .irs--big .irs-min,
  .irs--big .irs-max,
  .irs-grid-pol.small
  {
    display: none;
  }

  .select2 .select2-selection__arrow,
  .dropdown__btn .caret, .dropdown__btn .caretArrow,
  .hideFilter-icon {
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
  }

  .hideFilter-icon {
    min-width: 46px;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
  }

  .dropdown__btn .caret, .dropdown__btn .caretArrow {
    border: none;
  }
  
  .select2 .select2-selection__arrow b,
  .hideFilter-icon b,
  .dropdown__btn .caret::before, .dropdown__btn .caretArrow::before {
    display: flex;
    width: 8px;
    height: 14px;
    margin: 0;
    border: none;
    background-image: url("../images/arrow-mobile.svg");
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: 0.3s;
  }
  
  .dropdown__btn .caret::before, .dropdown__btn .caretArrow::before {
    content: "";
  }

  .authorization .caret {
    width: 14px;
  }

  .select2.select2-container--open .select2-selection__arrow b,
  .filtersWidget__item.tagIsActive .hideFilter-icon b,
  .cardSelector.show .dropdown__btn .caret::before,
  .cardSelector.show  .dropdown__btn .caretArrow::before {
    transform: rotate(270deg);
  }

  .page-content__form--sm-visible {
    display: block;
  }

  .page-content__form-description {
    display: block;
    margin-top: 24px;
  }

  .page-content__form-description--notes-list .banned {
    display: block;
  }

  .page-content__form-description--sm-visible {
    display: block;
  }

  .page-content__form-description--scroll {
    height: 112px;
    overflow: scroll;
  }
  
  .page-content__separators-list--sm-visible {
    display: block;
  }

  .page-content__separators-list {
    margin-top: 32px;
  }

  .page-content__block-separator {
    margin-top: 24px;
    border-top: 2px solid #FAFAFA;
  }

  .page-content__description--with-fields {
    padding: 0;
  }

  .filterCap {
    display: block;
    padding: 0;
    box-shadow: none;
  }

  .filterCap__main {
    display: block;
    margin: 0;
  }

  .filterCap__main.page-content__block {
    margin-top: 24px;
  }

  .filterWrap {
    display: block;
  }

  .radioBlock__hint-description,
  .filterCap__description,
  .data-field__hint-description {
    width: 100%;
    margin: 0;
    margin-top: 8px;
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #000;
  }

  .radioBlock__hint-description--labeled {
    margin-left: 28px;
    margin-top: 4px;
  }

  .filterCap__description--text-block {
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
  }

  .filterCap__description--big-offset {
    margin-top: 24px;
  }

  .filterCap__description strong {
    font-weight: 600;
    font-family: OpenSansSemiBold;
  }

  .filterCap__button {
    margin-top: 24px !important;
  }

  .filterCap__button--footered {
    margin-top: 32px !important;
  }

  .tableWrapper {
    margin-top: 32px;
  }

  .tableWrapper--title-description,
  .customTable__table--with-title {
    margin-top: 16px;
  }

  .page-content__block--wide .page-content__title-block {
    margin: 0 16px;
  }

  .tableWrapper--sm-visible {
    display: block;
  }

  .field__name--sm-hide {
    display: none;
  }

  .table-column-field {
    display: flex !important;
    align-items: center;
    padding: 0 !important;
    padding-top: 24px !important;
    border: none !important;
    background-color: #fafafa !important;
  }

  .table-column-field__label {
    z-index: 1;
    display: block;
    flex-shrink: 0;
    width: 129px;
    padding: 0 16px;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    background-color: transparent;
  }

  .table-column-field__label--consents {
    width: 148px;
  }

  .table-column-field__label--payslips {
    width: 118px;
  }

  .table-column-field__label--statement-account {
    width: 164px;
  }

  .table-column-field__value {
    position: relative;
    padding: 0 16px;
    font-family: OpenSansSemiBold;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .table-column-field__value--nowrap {
    white-space: normal;
  }

  .table-column-field__value--success {
    color: #009E87;
  }

  .table-column-field__value--error {
    color: #EB5941;
  }

  .block__title,
  .table-field .table-column-field__value,
  .table-field .table-column-field__label {
    word-break: break-word;
  }

  .table-column-field--red .table-column-field__value {
    color: #EB5941;
  }

  .table-column-field--green .table-column-field__value {
    color: #009E87;
  }

  .table-field {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .table-field--sm-visible {
    display: block;
  }

  .table-field::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 129px;
    height: 100%;
    background-color: #009e87;
    z-index: 1;
  }
  
  .table-field--consents::before {
    width: 148px;
  }

  .table-field--payslips::before {
    width: 118px;
  }

  .table-field--credit-payment-info::before, .table-field--credit-payment-info .table-column-field__label {
    width: 196px;
  }

  .table-field--statement-account::before, .table-field--statement-account .table-column-field__label {
    width: 164px;
  }

  .table-field--credit-certificate::before, .table-field--credit-certificate .table-column-field__label {
    width: 202px;
  }

  .table-field--autopayments::before, .table-field--autopayments .table-column-field__label {
    width: 102px;
  }

  .table-field--debt-info::before, .table-field--debt-info .table-column-field__label {
    width: 228px;
  }

  .table-field--history-credit-info::before, .table-field--history-credit-info .table-column-field__label {
    width: 148px;
  }

  .exchange-history__table::before, .exchange-history__table .table-column-field__label {
    width: 142px;
  }

  .table-field + .table-field {
    margin-top: 16px;
  }

  .table-field--separated:not(:first-child) {
    margin-top: 16px;
  }

  .table-field {
    background-color: #FAFAFA;
  }

  .table-field--comission-list::before, .table-field--comission-list .table-column-field__label {
    width: 82px;
  }
  
  .customTable {
    border-radius: 0;
  }

  .table-column-field__value--sm-visible {
    display: block;
  }

  .table-column-field--footer {
    margin-top: 16px;
    padding: 0 !important;
  }

  .table-column-field--footer .table-column-field__value {
    padding: 12px 16px 18px 16px;
  }

  .table-column-field--footer .table-column-field__value::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    border-top: 1px solid #c7c7c7;
  }

  .table-column-field__value--centered {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .table-column-field__value--button-descriptioned {
    flex-direction: column;
    align-items: center;
    align-content: center;
  }

  .open-modal-button-description {
    color: #000000;
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
  }

  .page-content__field-description {
    margin-top: 32px;
    padding: 0;
  }

  .table-column-field__value--actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .table-column-field__action {
    padding-left: 5px;
    padding-right: 5px;
  }

  .table-column-field:last-child:not(.table-column-field--footer) {
    padding-bottom: 24px !important;
  }

  .spoiler-white {
    box-shadow: none;
  }

  .table-field--statement-accounts-deposits::before, .table-field--statement-accounts-deposits .table-column-field__label {
    width: 123px;
  }

  /* START chart */

  .ct-label.ct-vertical.ct-start,
  .ct-labels foreignObject {
    display: flex;
    justify-content: center;
  }

  .ct-series-a .ct-bar,
  .main__card-dropdown-action .caretArrow path {
    stroke: #009E87;
  }

  .ct-label, .range-deposit-terms .irs--big .irs-grid-text {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    color: #000;
  }

  .ct-chart-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-color: #009e87 #909090;
    scrollbar-width: 2px;
  }

  .ct-chart-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  .ct-chart-wrapper::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #909090;
  }

  .ct-chart-wrapper::-webkit-scrollbar-thumb {
    background-color: #009e87;
  }

  /* END chart */

  .select2Block__placeholder {
    left: 16px;
    top: 10px;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #909090 !important;
  }

  .select2-container .select2-selection--single {
    height: 38px;
  }

  .currency-exchange__card-content {
    width: 100%;
  }

  .scroll-content {
    overflow-y: scroll;
    scrollbar-color: #009e87 #909090;
    scrollbar-width: 2px;
  }

  .cardSelector__number--exchange-entity {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .scroll-content::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }

  .scroll-content::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: #909090;
  }

  .scroll-content::-webkit-scrollbar-thumb {
    background-color: #009e87;
  }

  .scroll-content--consent {
    max-height: 216px;
  }

  .commonBlock {
    padding: 0;
    box-shadow: none;
  }

  .page-content__description--scroll-card-statement {
    height: 108px;
  }
  
  .page-content__description--blocked,
  .data-field__value--blocked {
    margin-top: 24px;
  }

  .page-content__description--blocked-big-offset {
    margin-top: 32px;
  }

  .page-content__inner-description {
    display: block;
  }

  .page-content__inner-description + .page-content__inner-description {
    margin-top: 16px;
  }

  .translation__cardSelector {
    width: 100%;
  }

  .translation__cardSelector.hasValueSelectTranslation img {
    width: 31px;
    height: 31px;
  }

  .page-content__title-warning-action {
    position: relative;
    display: flex;
    background-color: transparent;
    border: none;
  }

  .page-content__title-warning-action::before {
    content: "";
    position: absolute;
    left: -12px;
    right: -12px;
    top: -14px;
    bottom: -14px;
  }

  .page-content__title-icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 9px;
    color: #009E87;
  }

  .page-content__title-icon::before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: -15px;
    bottom: -15px;
  } 

  .page-content__title-icon--arrow-more {
    display: flex;
    width: 14px;
    height: 9px;
    margin-left: 8px;
    background-color: transparent;
  }

  .page-content__title-icon--info {
    width: 22px;
    height: 22px;
    margin-left: 10px;
    background-color: transparent;
  }
  
  .page-content__subtitle-icon {
    color: #009E87;
  }

  .wrapper-form,
  .block__content__translations {
    display: block;
  }

  .wrapper-error-field:first-child {
    width: 100%;
  }

  .note--sm-visible {
    display: inline;
    font-family: OpenSansSemiBold;
  }

  #oferta-deposit {
    border: 1px solid #e4e4e4;
    height: 450px;
    width: 100%;
  }

  /* START SMS-оферта */
  .sms-oferta {
    border: none;
    height: 450px;
    width: 100%;
    overflow: scroll;
    padding: 0;
    margin: 0;
  }
  /* END SMS-оферта */

  /* START Лимиты */
  .page-content__title--limits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }

  .billet-details .offers-list {
    background-color: #fff;
  }

  .billet-details--limits.block__content {
    padding: 24px 16px;
    border-radius: 0;
  }
  
  .billet-details__field + .billet-details__field {
    margin-top: 16px;
  }
  
  .billet-details__field + .billet-details__description {
    margin-top: 24px;
  }

  .billet-details__field--limits .field__wrapper-input--lined {
    align-items: center;
  } 
  
  .billet-details__field--limits .field__input-line {
    width: 60px;
    margin: 0;
    padding: 0 4px;
    text-align: center;
  }
  
  .billet-details__field--limits .field__curDescr {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 8px;
  }
  
  .spoiler-data--limits {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    background-color: transparent!important;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
  }
  
  .spoiler-data__content .spoiler-data {
    padding-left: 16px;
  }

  .spoiler-data--limits .spoiler-data__name {
    position: relative;
  }

  .spoiler-data--limits .circle-amount {
    width: 18px;
    height: 18px;
    top: 50%;
    right: 18px;
    bottom: unset;
    transform: translateY(-50%);
  }

  .spoiler-data--limits .circle-amount span {
    color: #009E87;
  }

  .billet-details__controls--limits {
    margin-top: 32px;
  }
  
  /* END Лимиты */

  /* START два дата филда в строчку у billet-details */

  .information-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
  }

  .information-grid--insurances {
    column-gap: 17px;
  }

  .information-grid--billets-list-right,
  .information-grid--billets-list-left {
    column-gap: 24px;
    padding-top: 32px;
    padding-right: 30px;
  }

  .information-grid--billets-list-left {
    padding-right: 0;
    padding-left: 30px;
  }

  .information-grid--summary-info {
    row-gap: 16px;
  }

  .billet-details__input {
    background: #FAFAFA;
  }

  /* Заложено на перспективу для Автооплата - Мои платежи */
  .billet-details__information--grid + .billet-details__information {
    margin-top: 24px;
  }

  .detailed-billet__billet .billet-details__information--grid + .billet-details__information {
    margin-top: 32px;
  }

  .information-grid .information-grid__field {
    margin: 0;
    width: 130px;
    max-width: 130px;
  }

  .information-grid .information-grid__field--insurances {
    width: 139px;
  }

  .information-grid--billets-list-right .information-grid__field,
  .information-grid--billets-list-left .information-grid__field {
    width: auto;
    max-width: 106px;
  }

  .information-grid .information-grid__field--wide,
  .information-grid--wide .information-grid__field {
    width: 140px;
    max-width: 140px;
  }

  .information-grid .information-grid__field--wide-separator {
    width: auto;
    max-width: 140px;
    min-width: 106px;
  }

  .information-grid .information-grid__field--right {
    justify-self: end;
  }

  /* END Блок summary data */

  .documents-table {
    width: 100%;
  }

  .documents-table__header-sm-visible {
    display: flex;
  }

  .documents-table__header {
    background: #009E87;
    padding: 16px 22px 16px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .documents-table__body {
    padding: 24px 32px 24px 16px;
    background: #FAFAFA;
    width: 100%;
  }

  .documents-table__row,
  .documents-table__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }

  .documents-table__title {
    width: 100%;
  }

  .documents-table__row + .documents-table__row {
    margin-top: 24px;
  }

  .documents-table__value,
  .documents-table__label {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin: 0;
    display: flex;
    align-items: center;
  }

  .documents-table__label--title {
    text-align: center;
    display: block;
    width: 100%;
  }

  .documents-table__value,
  .documents-table__label {
    font-family: OpenSansSemiBold;
    font-weight: 600;
  }

  .documents-table__label--header,
  .documents-table__value--header {
    color: #fff;
    font-family: OpenSansRegular;
    font-weight: 400;
    padding: 0;
  }

  .documents-table__label {
    flex-shrink: 1;
  }

  .documents-table__value {
    margin-left: 32px;
    width: auto;
  }

  .icon-button {
    position: relative;
    background: transparent;
  }

  .icon-button::before {
    content: "";
    position: absolute;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
  }

  .icon-button--sm-visible {
    display: flex;
  }

  .icon-button--loading-doc .lds-spin {
    width: 36px;
    height: 36px;
  }

  .input-converter__button {
    margin-left: 16px;
  }

  .page-content__block--descriptioned {
    margin-top: 16px;
  }

  .wait-redirect {
    margin-top: 89px;
  }

  /* START Блоки с курсами */
  .spoiler-data__header {
    border-bottom: 1px solid #009e87;
    margin: 0 16px;
    padding-bottom: 8px;
  }

  .spoiler-data__name {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    padding-right: 40px;
  }

  .spoiler-data {
    background-color: #fff;
    border-radius: 0;
    margin: 0;
  }

  .page-content__spoiler-wrapper + .page-content__spoiler-wrapper {
    margin-top: 24px;
  }

  .spoiler-data__content {
    padding: 0;
    margin-top: 16px;
  }

  .spoiler-data__content--credit-info {
    margin-top: 24px;
  }

  .spoiler-data__content--credit-info .spoiler-data__table-wrapper + .spoiler-data__table-wrapper {
    margin-top: 32px;
  }

  .spoiler-data__content--wrapped {
    padding-left: 16px;
  }
  
  .eripBlock--small-items-indent .eripBlock__linkWrap + .eripBlock__linkWrap {
    margin-top: 16px;
  }

  .spoiler-data__icon {
    display: flex;
    width: 14px;
    height: 9px;
  }

  .spoiler-data__icon-item {
    color: #009E87;
    opacity: 1;
  }
  
  .statment__wrapper-body__elem {
    display: block;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
  }

  .statment__body + .statment__body {
    margin-top: 16px;
  }

  .page-content--first-billets-list {
    padding-top: 24px;
  }

  .page-content__description--after-header {
    padding: 0 16px;
    margin-bottom: 24px
  }

  .courses-table {
    width: 100%;
    background-color: #fafafa;
  }

  .courses-table.courses-table--vertical .courses-table__field {
    position: relative;
    width: 100%;
  }

  .courses-table--vertical .courses-table__column,
  .courses-table--vertical .courses-table__column:not(:first-child),
  .courses-table--vertical .courses-table__column:first-child {
    width: 100%;
  }

  .courses-table__column:first-child {
    width: 106px;
  }

  .courses-table__column:not(:first-child) {
    width: calc((100% - 106px) / 3);
  }

  .page-content__detailed-billet-information,
  .page-content__consents,
  .page-content__payslips {
    margin-top: 24px;
  }

  .detailed-billet {
    display: block;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }

  .detailed-billet .detailed-billet__billets-list {
    padding: 0 16px;
  }

  .detailed-billet__header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px;
  }

  .detailed-billet__header + .detailed-billet__billets-list {
    margin-top: 16px;
  }

  .billet-details__header--billet--details-info {
    display: block;
    overflow: hidden;
  }

  .billet-details__header--billet--details-info .billet-details__title {
    max-height: calc(22px * 3);
    display: block;
    margin: 0;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .billet-details__header--title-check .billet-details__title {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .billet-details__header--billet--details-info .billet-details__description {
    display: block;
    margin-top: 8px;
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    opacity: 0.8;
    color: #000;
  }

  .detailed-billet__billets-list {
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    margin: 0;
  }

  .detailed-billet__wrapper-content {
    padding: 0;
    box-shadow: none;
  }
  
  .detailed-billet__content {
    border: none;
    margin: 0;
    padding: 0;
  }
  
  .detailed-billet__billet {
    padding: 16px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 260px;
    height: 240px;
  }
  
  .detailed-billet__billet .billet-details__header {
    margin: 0;
  }

  .detailed-billet__separator {
    width: 16px;
    position: relative;
    background-color: #fff;
  }

  .detailed-billet__separator-block,
  .detailed-billet__separator-item,
  .detailed-billet__arrow {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
  }

  .detailed-billet__separator-block {
    width: 92px;
    height: 92px;
    background-color: #fff;
  }

  .detailed-billet__separator-item {
    width: 60px;
    height: 60px;
    background-color: #fafafa;
  }

  .notice-information-block {
    display: flex;
    align-items: center;
  }

  .notice-information-block__icon {
    display: flex;
    width: 20px;
    height: 20px;
    margin: 0;
    color: #009e87;
  }

  .notice-information-block--error .notice-information-block__icon,
  .notice-information-block--error .notice-information-block__text,
  .notice-information-block__icon--error {
    color: #EB5941;
  }

  .notice-information-block__text {
    margin: 0;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .notice-information-block__icon + .notice-information-block__text {
    margin-left: 4px;
  }

  .financial-assistant {
    display: flex;
    flex-direction: column;
  }

  .financial-assistant__menu-picker {
    margin: 0;
    order: 0;
  }

  .financial-assistant__chart-data {
    display: block;
    margin-top: 24px;
    order: 1;
  }

  .financial-assistant__legend-list {
    display: block;
    margin-top: 16px;
  }
  
  .financial-assistant__legend-title {
    font-family: OpenSansSemibold;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }


  .financial-assistant__donut-body {
    position: relative;
    margin-top: 32px;
  }

  .financial-assistant__donut-inner-label {
    position: absolute;
    max-width: calc(100% / 2);
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin: 0;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000;
  }

  .financial-assistant__donut-inner-label b {
    display: block;
    margin: 4px 0;
    font-family: ArsenalBold;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
  }

  .financial-assistant__donut-inner-name {
    display: block;
    max-height: calc(18px * 2);
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .financial-assistant__donut {
    height: calc((100vw / 2) * 1.618);
  }
  
  .financial-assistant__legend-item + .financial-assistant__legend-item {
    margin-top: 16px;
  }

  .financial-assistant__preloader {
    height: 300px;
  }



  .assistant-legend {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 94px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid transparent;
    background-color: #fafafa;
    transition: 0.2s ease;
  }

  .assistant-legend--active {
    border: 1px solid attr(data-color);
  }

  .assistant-legend__data {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: transparent;
    border: none;
  }

  .assistant-legend__value,
  .assistant-legend__label {
    font-size: 14px;
    line-height: 18px;
    color: #000000;
  }

  .assistant-legend__value {
    text-align: right;
  }

  .assistant-legend__label {
    font-family: OpenSansSemiBold;
    max-width: 60%;
    text-align: left;
  }

  .assistant-legend__data + .assistant-legend__data {
    margin-top: auto;
  }

  .multi-grid-picker {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .multi-grid-picker--sm-visible {
    display: grid;
  }

  .deposit-offers-list {
    margin: 0;
    display: flex;
    overflow-x: scroll;
    padding: 0 16px;
    scrollbar-width: none;
  }

  .anchor .deposit-offers-list__item,
  .deposit-offers-list__item {
    flex-shrink: 0;
    height: 165px;
    width: 290px;
    padding: 24px;
    background: linear-gradient(107.94deg, #1D2B64 0%, #F8CDDA 100%);
    border-radius: 6px;
  }

  .anchor .deposit-offers-list__item + .deposit-offers-list__item,
  .deposit-offers-list__item + .deposit-offers-list__item {
    margin-left: 16px;
    background: linear-gradient(252.06deg, #1D2B64 0%, #F8CDDA 100%);
  }

  .deposit-offers-list__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #FAFAFA;
  }

  .deposit-offers-list__button {
    margin-top: 24px;
  }

  .base-account-credit-product {
    display: flex;
    flex-direction: column;
    height: 290px;
    width: 290px;
    padding: 24px;
    box-shadow: none;
    border-radius: 4px;
    background: #8D88A6;
  }

  .base-account-credit-product--active {
    display: flex !important;
  }

  .base-account-credit-product__header {
    display: flex;
    width: 100%;
    padding: 0;
  }

  .base-account-credit-product__title-icon {
    margin-left: 10px;
  }

  .base-account-credit-product__body {
    padding: 0;
    display: block;
  }

  .base-account-credit-product__body--fields-list {
    margin-top: auto;
  }

  .base-account-credit-product__title,
  .base-account-credit-product__title-text {
    display: -webkit-box;
    font-family: ArsenalBold;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
  }

  .base-account-credit-product__title {
    display: flex;
    align-items: stretch;
    max-height: 48px;
  }

  .base-account-credit-product__title-icon {
    display: flex;
    align-self: center;
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    color: #fff;
    background-color: transparent;
  }

  .deposit_item .deposit_rate--sm-active {
    display: block;
  }

  .data-field__progress-bar {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
  }

  .courses-table__column--colored,
  .courses-table__column--colored .courses-table__label--structure {
    background-color: #009e87;
    text-align: center;
    color: #fff;
  }

  .courses-table__column,
  .courses-table.courses-table--vertical .courses-table__column {
    padding: 10px 16px;
  }

  .courses-table.courses-table--vertical .courses-table__field:first-child .courses-table__column {
    padding-top:10px;
  }
  .courses-table.courses-table--vertical .courses-table__field:last-child .courses-table__column {
    padding-bottom:10px;
  }

  .courses-table .courses-table__field:first-child .courses-table__column,
  .courses-table.courses-table--vertical .courses-table__field .courses-table__column:first-child {
    padding-top:24px;
  }

  .courses-table .courses-table__field:last-child .courses-table__column,
  .courses-table.courses-table--vertical .courses-table__field .courses-table__column:last-child {
    padding-bottom:24px;
  }

  .courses-table.courses-table--vertical .courses-table__field:first-child {
    width: 130px;
  }

  .courses-table.courses-table--vertical .courses-table__field {
    width: calc((100% - 130px)/2);
  }

  .courses-table__label {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .courses-table__label--sm-hide {
    visibility: hidden;
  }

  .courses-table__label--structure {
    font-family: OpenSansRegular;
    font-weight: 400;
  }

  .courses-table__grouped-label {
    height: auto;
  }

  .courses-table__icon + .courses-table__label {
    margin-left: 4px
  }

  .courses-table__icon--sm-show {
    display: flex;
    height: 25px;
    width: 25px;
  }

  .courses-table.courses-table--vertical .courses-table__field:last-child::before,
  .courses-table.courses-table--vertical .courses-table__field--multiple:last-child::before {
    content: "";
    position: absolute;
    left: 0;
    top: 24px;
    bottom: 24px;
    border-left: 1px solid #FFFFFF;
  }

  .courses-table-wrapper + .courses-table-wrapper {
    margin-top: 24px;
  }

  .courses-table-wrapper::after {
    content: "";
    display: block;
    border-bottom: 1px solid #c7c7c7;
    margin: 16px 16px 0;
  }

  .courses__header + .courses__content,
  .spoiler-table__header + .spoiler-table__content {
    margin-top: 16px;
  }

  /* END Блоки с курсами */

  .scan-docs-separator:not(:last-child) {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 16px;
  }

  .spoiler-data__header--wide {
    margin: 0;
  }

  .spoiler-data__header--visible {
    display: flex;
  }

  .spoiler-data__content--toggle {
    display: none;
    padding: 0 16px;
  }

  .spoiler-data--opened .spoiler-data__content--toggle {
    display: block;
    margin-top: 16px;
  }

  .spoiler-data__content--toggle.display-none,
  .canPay.display-none,
  .payment-block.display-none,
  .number-card.display-none {
    display: none;
  }

  .spoiler-data--opened .spoiler-data__content--big-offset {
    margin-top: 24px;
  }

  .commonBlock__column--spoiler:not(:first-child) {
    margin-top: 24px;
  }

  .filtersWidget__item__type_field_for-form {
    width: 100% !important;
  }

  .multiChoice_wrapper {
    width: 100% !important;
    padding: 16px !important;
  }

  .field--double-inputs .field__wrapper__input,
  .field--double-inputs .field__wrapper-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .field--double-inputs .field__input {
    width: calc((100% / 2) - 8px);
  }

  /* START Компонента commission */
  .hint-information__table + .hint-information__text {
    margin-top: 24px;
  }
  
  .hint-information__table {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    margin-top: 16px;
    background: #FAFAFA;
    border-radius: 4px;
  }
  .hint-information__table-row {
    display: flex;
    width: 100%;
  }
  .hint-information__table-body .hint-information__table-row {
    border-top: 1px solid #C7C7C7;
  }

  .hint-information__table-column {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .hint-information__table .hint-information__table-column:first-child,
  .hint-information__table .hint-information__table-column:last-child {
    padding: 8px 4px;
  }
  /* END Компонента commission */

  /* START Страхавание */

  .spoilerCommon {
    background: transparent;
    border-radius: unset;
    box-shadow: none;
  }

  .spoilerCommon__head {
    display: block;
    padding: 0;
  }

  .spoilerCommon__title span {
    display: inline;
    font-family: ArsenalBold;
    font-size: 24px;
    line-height: 30px;
  }

  .spoilerCommon__title,
  .spoilerCommon__arrowWrap,
  .spoilerCommon_finished .spoilerCommon__ok{
    display: none;
  }

  .spoilerCommon_open .spoilerCommon__title {
    display: block;
  }

  .spoilerCommon_open .spoilerCommon__subTitle {
    display: block;
    margin: 24px 16px 0;
  }

  .spoilerCommon__hiddenPart {
    border: none;
  }

  .amounts-descriprions {
    padding: 24px 16px;
    background: #FAFAFA;
    border-radius: 4px;
    border: none;
  }

  .insurance-table__row {
    flex-direction: column;
  }

  .insurance-table__row + .insurance-table__row {
    margin-top: 24px;
  }

  .insurance-table__column {
    width: 100%;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    border: none;
    padding: 0;
  }

  .insurance-table__column:last-child {
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
    margin-top: 8px;
  }

  .subsection-title {
    display: block;
    font-family: OpenSansSemiBold;
    margin-top: 32px;
    font-size: 16px;
    line-height: 22px;
    color: #000;
  }

  .subsection-title--border-top {
    width: 100%;
    padding-top: 32px;
    margin-top: 24px;
    border-top: 1px solid #909090;
  }

  .subsection-title--border-top:nth-of-type(1),
  .subsection-title:nth-of-type(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .subsection-title--sm-visible {
    display: block;
  }

  .page-content__separator--spoiler-open {
    display: none;
  }

  .spoiler-data--opened .page-content__separator--spoiler-open {
    display: block;
    margin-bottom: 0;
    margin-top: 16px;
  }
  
  .subsection-title + .data-field,
  .subsection-title + .page-content__field,
  .spoilerCommon .page-content__description + .data-field {
    margin-top: 16px;
  }

  .spoilerCommon__hiddenPart .data-field + .page-content__field,
  .for-insurance-card + .page-content__field {
    margin-top: 24px;
  }

  .insurance-interface {
    position: relative;
  }

  .insurance-preloader + .main-button {
    margin-top: 16px;
  }

  .insurance-interface .block__content {
    padding: 0 16px;
  }

  .insurance-oferta .oferta-block br {
    display: none;
  }

  .insurance-oferta .oferta-table h5,
  .insurance-oferta .oferta-table td,
  .insurance-oferta .oferta-table p,
  .insurance-oferta .oferta-block p,
  .insurance-oferta .oferta-block p span,
  .insurance-oferta .oferta-block h1 {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
  }

  .insurance-oferta .oferta-table h5,
  .insurance-oferta .oferta-block h1,
  .insurance-oferta .oferta-block p span {
    text-align: left;
    text-transform: uppercase;
  }

  .oferta-table {
    max-height: 360px;
    padding-right: 15px;
    overflow: auto;
  }

  .oferta-table tr {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }

  .oferta-table td,
  .oferta-table table {
    padding: 0;
    border: none;
  }

  /* END Страхование */

  .invalid-request {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .invalid-request__image--sm-visible {
    display: block;
  }

  .invalid-request__image {
    width: auto;
    height: 220px;
  }

  .invalid-request__code {
    font-family: ArsenalBold;
    font-weight: 700;
    font-size: 80px;
    line-height: 74px;
    color: #009E87;
    opacity: 0.8;
  }

  .invalid-request__description {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .invalid-request__description--sm-visible {
    display: flex;
  }

  .invalid-request__title {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
  }

  .invalid-request__info {
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .invalid-request__title + .invalid-request__info {
    margin-top: 16px;
  }

  .invalid-request__image + .invalid-request__code,
  .invalid-request__code + .invalid-request__description {
    margin-top: 24px;
  }

  .field__wrapper-input--description-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 8px;
  }

  .field__name--description-checkbox {
    font-family: OpenSansRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }

  .anchor .page-content__block--big-offset,
  .page-content__block--big-offset {
    margin-top: 32px;
  }

  .billet-details .js-error .error-text {
    background: transparent !important;
  }

  .billet-details .wrapper-error-field .error,
  ._red.page-content__note,
  ._red.billet-details__value {
    color: #eb5941;
  }

  .billet-details__content--inputs,
  .billet-details__content--text {
    margin-top: 16px;
  }

  .billet-details--selected {
    background: #E6F5F3 !important;
  }

  .billet-details__data + .billet-details__after-billet-toggle {
    margin-top: 24px;
  }

  .page-content__open-modal-button + .page-content__billet-list {
    margin-top: 16px;
  }

  .page-content__form--inner {
    padding: 0;
    margin-top: 24px;
    display: block;
  }

  .page-content__chart {
    padding: 0;
    margin-top: 16px;
    display: block;
  }

  .field__wrapper-input--lined {
    display: flex;
    flex-direction: row;
  }

  .field__offers-list {
    margin-top: 8px;
  }

  .offers-list {
    display: block;
    padding: 16px 8px;
    padding-bottom: 8px;
    border-radius: 4px;
    background-color: #fafafa;
  }

  .offers-list__text {
    padding: 0 8px;
    font-family: OpenSansSemibold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
  }

  .offers-list__content {
    display: flex;
    flex-wrap: wrap;
  }

  .offers-list__button {
    margin: 8px 12px;
  }

  .field__wrapper--fields-list {
    margin-top: 16px;
  }

  .page-content__field-group,
  .page-content__field-group + .page-content__field {
    margin-top: 24px;
  }

  .page-content__field--row {
    display: flex;
    align-items: center;
  }

  .field-input__description {
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    margin-top: 8px;
  }

  .field-input__description--sm-visible {
    display: block;
  }

  .table-field--card-months::before, .table-field--card-months .table-column-field__label {
    width: 222px;
  }

  .table-field--moneyback-info::before, .table-field--moneyback-info .table-column-field__label {
    width: 172px;
  }

  .table-field--card-conditions::before, .table-field--card-conditions .table-column-field__label {
    width: 246px;
  }

  .page-content__table-title {
    display: block;
    padding: 0 16px;
    font-family: OpenSansSemiBold;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
  }

  .page-content__table-title + .page-content__table--title {
    margin-top: 16px;
  }
  .table-column-field--red .table-column-field__value,
  ._red.table-column-field .table-column-field__value {
    color: #EB5941;
  }

  .CreateOrder .field__wrapper__input,
  .field__input:not(._marketplace_input,.field__datepicker,.field__no_adaptive),
  .filterWrap .mySelect2 {
    min-width: auto;
  }

  .page-content__block--autopayments-description {
    margin-top: 16px;
  }

  .range-deposit-terms {
    margin-top: -13px;
    width: 100%;
  }

  .percent-range__text--bold {
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .range-deposit-terms .irs--big .irs-bar, .range-deposit-terms .irs--big .irs-handle {
    background: #009E87;
    box-shadow: none;
  }

  .radio-group__list {
    margin-top: 16px;
    display: flex;
  }

  .radio-group__list .wrapper-error-field {
    display: none;
  }

  .wrapper-error-field:empty {
    margin-top: 0;
  }

  .validation-error-block,
  .validation-error-block:empty {
    margin: 0;
  }

  .validation-error-block:not(.error-text:empty) {
    margin-top: 8px;
  }

  .validation-error-block--sm-hide {
    display: none;
  }

  .wrapper__commonBlock .mobile-telephone-info.commonBlock:last-child {
    margin: 0;
    margin-top: 24px;
    padding: 0 16px;
    height: auto;
  }

  .sm-display-none,
  .v-keyboard {
    display: none !important;
  }

  .radio-group__list--first {
    order: -1;
  }

  .button-loading-status {
    color: #fff !important;
    background-color: #C7C7C7;
    border: none;
    pointer-events: none;
  }

  .button-loading-status .lds-spin > div > div::before {
    background-color: #fff;
  }

  .button-loading-status--grey-button .lds-spin > div > div::before {
    background-color: #009E87;
  }

  .blocking-preloader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: transparent;
    pointer-events: auto;
  }
  
  .month-picker-fieldset {
    display: grid;
    grid-template-columns: 36px 36px 36px 36px 36px 36px 36px;
    width: 100%;
    margin: 0;
    gap: 8px;
    row-gap: 8px;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
  }

  .month-picker-fieldset .inline.checkboxBlock {
    display: block;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;  
  }

  .month-picker-fieldset .month-picker-label {
    display: flex;
    justify-content: center;
    width: 36px;
    height: 24px;
    padding: 5px 0;
    margin: 0;
    text-align: center;
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    border: none;
    background-color: #fafafa;
    color: #000;
  }

  .checked-month-day .month-picker-label {
    border: none;
    background-color: #009E87;
    color: #fff;
  }

  .field--error .field__input {
    border-color: #EB5941;
  }

  .new-card__description input[type="checkbox"]._modifSwitch,
  .blockWith__switch label._modifSwitch {
    margin: 0; }

  .card-page__separator {
    display: flex;
    width: 100%;
    margin-top: 24px;
    border-bottom: 1px solid #C7C7C7;
  }

  .new-card--big .new-card__shelf-life,
  .new-card--big .new-card__num {
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
  }

  .card-page__tab-actions {
    position: relative;
    height: 28px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    background: #FAFAFA;
    border-radius: 3px;
    white-space: nowrap;
  }

  .card-page__tab-actions::before {
    content: "";
    position: absolute;
    left: -4px;
    right: -4px;
    top: -15px;
    bottom: -15px;
  }

  .main-button--small-notice,
  .title-fields-list__title,
  .data-field__value--small-notice {
    display: flex;
    align-items: center;
    font-family: OpenSansSemiBold;
    font-size: 16px;
    line-height: 22px;
  }

  .main-button--small-notice,
  .data-field__value--small-notice {
    gap: 4px;
  }

  .title-fields-list__field-value--row,
  .title-fields-list__field--row {
    display: flex;
  }

  .title-fields-list__field-label + 
  .title-fields-list__field-value-wrapper,
  .title-fields-list__requisites .title-fields-list__field,
  .title-fields-list__field--row > .title-fields-list__field-value-wrapper {
    margin: 0;
  }

  .card-page__requisites {
    display: flex;
    flex-direction: row;
    gap: 48px;
    margin-top: 16px;
  }

  .data-field__value .data-field__value-notation,
  .main-button .data-field__value-notation { 
    font-family: OpenSansSemiBold;
    font-size: 10px;
    line-height: 14px;
    color: #000;  
  }

  .new-card__description label._modifSwitch {
    width: 43px;
    height: 23px;
    background: transparent;
    border: 1px solid #909090;
    box-shadow: none;
  }

  .new-card__description input[type="checkbox"] + label._modifSwitch + .switch-circkle {
    width: 17px;
    height: 17px;
    background: #909090;
  }

  .blockWith__switch input[type="checkbox"] + label + .switch-circkle {
    top: 3px;
    left: 4px;
    box-shadow: none;
  }

  .new-card__description input:checked[type="checkbox"] + label._modifSwitch {
    background: none;
    border-color: #009E87;
  }

  .new-card__description input:checked[type="checkbox"] + label._modifSwitch + .switch-circkle {
    left: 22px;
  }

  .card-page__tab-content--without-footer-actions {
    margin-bottom: 32px;
  }
  
  .field__textarea {
    padding: 16px;
  }

  .card-page .new-card {
    max-width: 328px;
    width: 100%;
    height: auto;
    aspect-ratio: 1.71;
  }

  .card-page__card-block {
    padding: 0 16px;
  }

  .page-content__slider-widget--with-title {
    margin-top: 16px;
  }

  .main__card-dropdown-action {
    margin-top: 24px;
    padding: 0 16px;
    height: 23px;
    background: transparent;
  }

  .main__card-dropdown-action .caretArrow {
    height: 9px;
    width: 14px;
  }

  .dropdown__btn .main__spoiler-arrow--family-confirm {
    right: 16px;
  }

  .main__card-dropdown-action::after {
    content: "";
    display: block;
    width: 100%;
    margin-top: 4px;
    border-bottom: 1px solid #009e87;
  }

  .main__card-dropdown-list {
    padding: 0;
  }

  .main__card-dropdown-list .new-card {
    width: 290px;
  }

  .new-card__type-account::before {
    background: #FAFAFA;
    opacity: 1;
  }

  .new-card__title-account,
  .new-card__sum-info-text--account {
    color: #000;
  }

  .new-card__sum-account,
  .new-card__num-account-value {
    margin-top: 8px;
  }

  .new-card__num-account {
    margin-top: 16px;
    z-index: 1;
  }

  .new-card__num-account-label,
  .new-card__num-account-value {
    color: #000;
    font-size: 14px;
    line-height: 18px; 
  }

  .new-card__num-account-label {
    font-family: OpenSansRegular;
    font-weight: 400;
  }

  .new-card__num-account-value {
    font-family: OpenSansSemiBold;
    font-weight: 600;
  }

  .page-content__block--family-row {
    display: flex;
    justify-content: space-between;
  }

  .data-field--pending .data-field__value {
    color: #59719A; 
  }

  .billet-details__icon-logo--family {
    height: 35px !important;
    width: 35px;
    min-width: 35px;
    color: #009E87;
  }

  .billet-details__header--family {
    padding-right: 20px;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 8px;
    height: 14px;
    top: auto;
    border-style: none;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 46px;
    height: 100%;
  }

  .welcome__page-background {
    background-attachment: initial !important;
    background-position: top !important;
    background-size: cover !important;
  }

  .welcome__page-background.modal-open {
    position: static;
  }

  .field__loader {
    right: 16px;
  }

  /* START online-credit */
  .online-credit-header__content {
    padding: 24px 40px 24px 16px;
    border-bottom: 1px solid #ffffff;
  }
  
  .online-credit-main {
    width: 100%;
    padding: 0 16px 24px 16px;
  }

  .online-credit-form__block {
    width: 100%;
    max-height: 100%;
  }
  
  .online-credit-form__block--forbidden {
    max-width: 100%;
  }

  .online-credit-form__alert-text {
    width: 100%;
    line-height: 18px;
  }

  .online-credit-form__alert {
    padding: 8px 16px;
  }

  .online-credit-form__content {
    padding: 16px;
  }
  
  .online-credit-form__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
  }

  .online-credit-form__title--forbidden {
    margin-bottom: 24px;
    font-size: 80px;
    line-height: 74px;
  }
  
  .online-credit-form__subtitle {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }
  
  .online-credit-form__subtitle--forbidden {
    margin-bottom: 16px;
    font-family: "OpenSansSemiBold", "Arial", sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  
  .online-credit-form__text--forbidden {
    margin-bottom: 32px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .online-credit-form__fields,
  .online-credit-form__input,
  .online-credit-page .online-credit-form__button {
    width: 100%;
  }
  
  .auth-field__input {
    width: 100%;
    padding: 10px 50px 10px 16px;
  }

  .checkbox-block__text {
    margin-left: 8px;
    font-size: 14px;
  }
  
  .online-credit-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 135px;
    padding: 32px 16px;
    background: transparent;
    border-top: 1px solid #ffffff;
  }
  
  .online-credit-footer__content {
    align-items: center;
    flex-direction: column;
    min-height: 44px;
    margin-top: 8px;
    padding: 0;
  }
  
  .online-credit-footer__link,
  .online-credit-footer__item--text {
    font-size: 14px;
    line-height: 18px;
    opacity: 1;
  }
  
  .online-credit-footer__item--bold {
    font-weight: 600;
  }
  
  .online-credit-footer__separator {
    opacity: 1;
  }
  
  .online-credit-form__buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .page-content__footer--online-credit {
    margin-top: 24px;
  }

  .online-credit-report__column ~ .online-credit-report__column {
    margin-left: 0;
  }

  .online-credit-report__field + .online-credit-report__field {
    margin-top: 16px;
  }

  .online-credit-report__field-high-x2,
  .online-credit-report__field-high-x8 {
    min-height: auto;
  }
  /* END online-credit */

  /* START independent page */
  .independent-page__wrapper {
    align-items: normal;
  }

  .independent-page__header {
    padding: 24px 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #c7c7c7;
  }

  .independent-page__logo-icon {
    background: url("../images/bib-logo-green.svg") no-repeat center;
  }

  .independent-page__logo-icon.new-year {
    background: url("../images/new-year-inverse.png") no-repeat;
  }

  .independent-page__logo-icon.valentines-day {
    background: url("../images/valentines-day-inverse.png") no-repeat center;
  }

  .independent-page__logo-icon.may-9 {
    background: url("../images/may-9-inverse.png") no-repeat;
  }

  .independent-page__logo-icon.tulips {
    background: url("../images/tulips-inverse.png") no-repeat;
  }

  .independent-page__logo-icon.may-1 {
    background: url("../images/may-1-inverse.png") no-repeat;
  }

  .independent-page__logo-icon.logo-other {
    background: url("../images/logo-other-inverse.png") no-repeat;
  }

  .independent-page__main {
    gap: 24px 0;
    margin: 0;
    padding: 32px 16px;
    background-color: #ffffff;
    border-bottom: 1px solid #c7c7c7;
  }

  .independent-page__breadcrumb--first::after {
    margin: 0 8px;
    width: 6px;
    height: 12px;
    background: url("../images/arrow-right-green.svg") no-repeat 100%;
  }

  .independent-page__breadcrumb {
    line-height: 18px;
    color: #000000;
  }

  .independent-page__breadcrumb--first:hover,
  .independent-page__breadcrumb--first:focus {
    color: #000000;
  }

  .independent-page__breadcrumb--second,
  .independent-page__breadcrumb--second:hover,
  .independent-page__breadcrumb--second:focus {
    color: #909090;
  }

  .independent-page__content {
    padding: 0;
  }

  .independent-page__content-title {
    font-family: ArsenalBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .independent-page__content-title + .independent-page__content-block,
  .independent-page__content-block + .independent-page__content-block,
  .content-block__news-filter + .content-block__news-list,
  .content-block__news-filter + .content-block__empty-block-subtitle,
  .additional-facilities__button + .additional-facilities__block,
  .object-list__objects-quantity + .objects-list__items,
  .objects-list__item-title + .objects-list__item-content,
  .balloon__content-column-content + .balloon__content-column-subtitle {
    margin-top: 24px;
  }

  .content-block__subtitle {
    font-family: "OpenSansRegular", sans-serif;
    line-height: 18px;
  }

  .content-block__subtitle + .content-block__text,
  .content-block__text + .content-block__description,
  .news-filter__date-fields + .news-filter__date-fields-description,
  .objects-list__item-content-subtitle + .objects-list__item-column-content,
  .balloon__content-column-subtitle + .balloon__content-column-content,
  .balloon__content-column-content + .balloon__content-column-content,
  .balloon__content-column-subtitle + .balloon__content-column-subtitle {
    margin-top: 8px;
  }

  .content-block__text,
  .content-block__empty-block-subtitle,
  .objects-list__item-column-content {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }

  .content-block__description {
    font-size: 10px;
    line-height: 14px;
    color: #000000;
  }

  .independent-page--without-background {
    background: none;
  }

  .independent-page-footer {
    background-color: #ffffff;
  }

  .independent-page-footer__helper {
    display: block;
    text-align: center;
  }

  .independent-page-footer__helper .footer-helper__title,
  .independent-page-footer__helper .footer-helper__information-text {
    color: #000000;
  }

  .content-block__tabs {
    gap: 0 24px;
  }

  .content-block__date,
  .content-block__time {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .content-block__date-time + .content-block__courses-block,
  .content-block__courses-block + .content-block__courses-description,
  .content-block__empty-block-subtitle + .content-block__empty-block-text,
  .content-block__news-item + .content-block__news-item {
    margin-top: 16px;
  }

  .courses-table__thead-row {
    height: 34px;
  }

  .courses-table__thead-item:first-child,
  .courses-table__tbody-item:first-child {
    width: 128px;
    padding-left: 16px;
  }

  .courses-table__thead-item:nth-child(2) {
    width: 80px;
  }

  .courses-table__thead-item:last-child, .courses-table__tbody-item:last-child {
    width: 120px;
    padding-right: 20px;
  }

  .courses-table__tbody-row {
    height: 41px;
  }

  .content-block__courses-description,
  .news-filter__date-fields-description {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
  }

  .tbody-item__down-arrow {
    margin-left: 36px;
  }

  .courses-table__tbody-item--sum-range {
    width: 60px;
  }

  .courses-table__thead-item,
  .courses-table__tbody-item {
    line-height: 18px;
  }

  .content-block__empty-block-text {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .content-block__news-filter,
  .news-filter__date-fields,
  .news-filter__left-part {
    flex-direction: column;
    gap: 24px 0;
    width: 100%;
  }

  .date-field__wrapper-input {
    margin-left: 0;
  }

  .content-block__loader {
    margin: 56px 0 32px;
  }

  .news-filter__date-filter {
    width: 100%;
  }

  .news-item__date {
    font-size: 10px;
    line-height: 14px;
  }

  .news-item__name,
  .news-item__description,
  .object-list__objects-quantity,
  .objects-list__item-content-subtitle {
    line-height: 18px;
  }

  .content-block__map {
    height: 464px;
  }

  .additional-facilities__button span {
    font-family: OpenSansSemiBold, sans-serif;
  }

  .additional-facilities__block {
    flex-direction: column;
    align-items: start;
  }

  .checkboxBlock__icon {
    margin-left: auto;
  }

  .objects-list__item-content {
    flex-direction: column;
    gap: 24px 0;
  }

  .objects-list__item-content-subtitle {
    font-family: "OpenSansRegular", sans-serif;
  }

  .checkboxBlock--with-icon,
  .field-block--wide,
  .service-points-filter__additional-office-filters {
    width: 100%;
  }

  .field-block__wrapper--with-icon {
    display: block;
  }

  .content-block__service-points-filter {
    gap: 24px;
  }

  .content-block__map--default-height {
    height: 74px;
  }

  .balloon__content-column-subtitle {
    font-family: "OpenSansRegular", sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .balloon__content-column-content {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  /* END independent page */

  /* START offline page */
  .problems-with-connection__content {
    padding: 0 16px;
  }

  .problems-with-connection-h1 {
    margin-bottom: 0;
    font-family: ArsenalBold, sans-serif;
    font-size: 24px;
    line-height: 30px;
  }

  .problems-with-connection-h1 + .problems-with-connection__p,
  .help-contacts__title + .help-contacts__contact {
    margin-top: 16px;
  }

  .problems-with-connection__description-one + .problems-with-connection__description-two,
  .problems-with-connection__help + .refresh-the-page {
    margin-top: 32px;
  }

  .problems-with-connection__description-one,
  .problems-with-connection__description-two,
  .help-contacts__link,
  .help-contacts__contact {
    max-width: 100%;
    margin-bottom: 0;
    font-family: OpenSansRegular;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .problems-with-connection__p {
    margin-bottom: 0;
  }

  .problems-with-connection__p + .problems-with-connection__help,
  .problems-with-connection__help__left-block + .problems-with-connection__help__right-block {
    margin-top: 24px;
  }

  .problems-with-connection__help {
    display: flex;
    flex-direction: column;
  }

  .problems-with-connection__help__left-block,
  .problems-with-connection__help__right-block {
    margin-right: 0;
    height: auto;
  }

  .help-contacts__title {
    font-family: OpenSansSemiBold, sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }

  .help-contacts__link--underlined {
    text-decoration: underline;
  }

  .help-contacts__contact + .help-contacts__contact,
  .help-contacts__contact + .help-contacts__contact-block {
    margin-top: 8px;
  }

  .help-contacts__icon-phone {
    width: 24px;
    height: 24px;
  }

  .help-contacts__contact-number {
    font-family: OpenSansRegular;
    font-size: 28px;
    line-height: 38px;
  }

  .help-contacts__contact-block {
    display: flex;
    gap: 0 24px;
  }

  .refresh-the-page {
    margin: 0;
    min-width: 328px;
    padding: 10px 93px;
    color: #009e87;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
  }

  .help-contacts__link:active {
    opacity: 0.5;
  }

  .refresh-the-page:active {
    background: #aadfd7;
    transform: translateY(2px);
  }
  /* END offline page */
}