.ValuesCard {
  background-color: #fff;
  position: relative;
  border: 1px solid var(--color-decor);
  border-radius: 0 0 2px 2px;
  padding: var(--space-2xl) var(--space-xl) var(--space-xl);
  height: 100%;
}

  .ValuesCard_view_transparent {
      border: 0;
      background-color: transparent;
      padding: 0;
    }

  .ValuesCard_view_transparent .step-list__list li {
          padding: 0;
        }

  .ValuesCard_view_transparent .step-list__list li:before {
            content: none;
          }

  .ValuesCard_number {
    padding-left: var(--space-2xl);
  }

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

  .ValuesCard_number {
      padding-left: 0
  }
    }

  .ValuesCard-Border {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 4px;
  }

  .ValuesCard-Number {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 3px;
  }

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

  .ValuesCard-Number {
      position: relative;
      margin-top: 0;
      margin-bottom: var(--space-xs)
  }
    }

  .ValuesCard-Picture {
    max-width: 48px;
    margin-bottom: var(--space-m);
  }

  .ValuesCard-SubTitle {
    margin-top: var(--space-m);
  }

  .ValuesCard-Text {
    margin-top: var(--space-m);
  }

  .ValuesCard-Content {
    margin-top: var(--space-m);
  }
