.arco-steps {
  .arco-steps-item {
    .arco-steps-item-node {
      .arco-steps-icon {
        width: 28px;
        height: 28px;
        border-radius: 32px;
        color: #55585F;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        font-family: $font-family-manrope-medium;
        background-color: #f2f3f5;
      }
    }
    .arco-steps-item-content {
      .arco-steps-item-title {
        color: #55585F;
        font-family: $font-family-regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        &::after {
          background-color: #e6e6e8 !important;
        }
      }
    }
    &-active,
    &-finish {
      .arco-steps-item-node {
        .arco-steps-icon {
          color: #fff;
          background-color: #6d4cfe;
        }
      }
      .arco-steps-item-content {
        .arco-steps-item-title {
          font-family: $font-family-medium;
          &::after {
            background-color: #6d4cfe !important;
          }
        }
      }
    }
  }
}