.cr-contacts-steps {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;

  &__title-main {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background: #e6e2db;
    border-radius: 80px;
    width: 129px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
  }
  &__block {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  &__wall {
    display: flex;
    width: 100%;
    position: relative;
    &--none {
      width: 173px;
    }
  }
  &__line {
    margin-top: 20px;
    height: 1px;
    position: absolute;
    left: 100px;
    right: 0;
    width: 100%;
  }
  &__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 173px;
  }
  &__image {
    border-radius: 141px 230px 202px 0px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    width: 42px;
    height: 41.8px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    &--1 {
      background: linear-gradient(55.72deg, #819585 18.78%, #91a999 41.56%, #adc8b6 76.29%);
    }
    &--2 {
      background: linear-gradient(90.5deg, #a98273 -12.46%, #c6978c 23.15%, #d8b8ab 55.92%);
    }
    &--3 {
      background: linear-gradient(55.72deg, #d58405 12.47%, #f39c12 35.25%, #eeb457 69.98%);
    }
  }
  &__title-step {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    &--1 {
      color: #627b66;
    }
    &--3 {
      color: #f39c12;
    }
    &--3 {
      color: #f39c12;
    }
  }
  &__title {
    margin-top: 5;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
  }
}