/* Start:/local/templates/privilegia/components/bitrix/menu/docs_cards/style.css?17755716682968*/
@charset "UTF-8";
.title__container .title__text {
  margin-top: 53px !important;
}

.docs-menu {
  width: 100%;
  margin-top: 21px;
  margin-bottom: 80px;
}

.docs-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  row-gap: 25px; /* mobile */
}

.docs-menu__link {
  position: relative;
  background: var(--color_surface);
  color: var(--color_text);
  padding: 15px 85px 15px 30px;
  min-height: 93px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: var(--font_family_base);
  font-weight: 400;
  line-height: 1.15;
  border-radius: 0;
  box-sizing: border-box;
  transition: background-color var(--transition_base), transform var(--transition_base);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* текст может переноситься на 2 строки как в макете */
.docs-menu__text {
  display: block;
  max-width: 100%;
  font-size: 24px;
}

/* стрелка справа (иконка) */
.docs-menu__link::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 47px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform var(--transition_base);
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='30' viewBox='0 0 47 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.4346 13.1298H0V16.8702H39.4346C34.8701 19.9089 31.6007 24.584 30.5706 30H33.7123C34.4768 23.538 39.8158 18.1937 47 16.2343V13.7656C39.8158 11.8063 34.4768 6.46195 33.7123 0H30.5706C31.6007 5.416 34.8701 10.0911 39.4346 13.1298Z' fill='%23C8AE93'/%3E%3C/svg%3E%0A");
}

/* hover: сдвиг стрелки вправо на 7px */
.docs-menu__link:hover::after {
  transform: translateY(-50%) translateX(7px);
}

/* активный пункт (если зайдёте внутрь /docs/.../) */
.docs-menu__item.is-active .docs-menu__link,
.docs-menu__link.is-active {
  background: #fff;
}

/* ===== Desktop ≥1024px ===== */
@media (min-width: 1024px) {
  .docs-menu {
    margin-top: 36px;
    margin-bottom: 116px;
  }
  .docs-menu__list {
    row-gap: 21px;
  }
  .docs-menu__link {
    padding: 44px 110px 44px 100px;
    min-height: 120px;
    line-height: 1.1;
  }
  .docs-menu__link::after {
    right: 56px;
    width: 80px;
    height: 49px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='49' viewBox='0 0 80 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M66.7049 21.0392H0V27.0329H66.7049C58.984 31.9021 53.4536 39.3935 51.7112 48.0721H57.0256C58.3187 37.7174 67.3498 29.1537 79.5021 26.014V22.0581C67.3498 18.9184 58.3187 10.3547 57.0256 0H51.7112C53.4536 8.67862 58.984 16.17 66.7049 21.0392Z' fill='%23C8AE93'/%3E%3C/svg%3E%0A");
  }
  .docs-menu__text {
    font-size: 32px;
    letter-spacing: 1.3px;
  }
}

/* End */
/* /local/templates/privilegia/components/bitrix/menu/docs_cards/style.css?17755716682968 */