.CollapseGroup_showCounter {
    counter-reset: section;
  }

    .CollapseGroup_showCounter .Collapse-Label {
      position: relative;
      padding-left: var(--space-2xl);
    }

    @media screen and (max-width: 767px) {

    .CollapseGroup_showCounter .Collapse-Label {
        padding-left: var(--space-m)
    }
      }

    .CollapseGroup_showCounter .Collapse-Label .Title:before {
          counter-increment: section; /* Инкрементирует счётчик*/
          content: counter(section);
          position: absolute;
          top: calc(var(--vertical-space) - 12%);
          left: 0;
          font-weight: bold;
          font-size: 12px;
          line-height: inherit;
        }

    @media screen and (max-width: 1199px) {

    .CollapseGroup_showCounter .Collapse-Label .Title:before {
            top: calc(var(--vertical-space) - 5%)
        }
          }

    @media screen and (max-width: 767px) {

    .CollapseGroup_showCounter .Collapse-Label .Title:before {
            top: calc(var(--vertical-space) + 6%)
        }
          }
  .CollapseGroup_size_l .CollapseGroup-Title {
        margin-bottom: var(--space-m);
      }
  .CollapseGroup-Title {
    margin-bottom: var(--space-xl);
  }
  @media screen and (max-width: 767px) {
  .CollapseGroup-Title {
      margin-bottom: var(--space-m)
  }
    }
  .CollapseGroup-Body .Collapse {
      border-top: 1px solid var(--color-gainsboro);
    }
  .CollapseGroup-Body .Collapse:last-child {
        border-bottom: 1px solid var(--color-gainsboro);
      }
