body {
    .p-steps {
        .p-steps-list {
            .p-steps-item {
                position: relative;

                .p-steps-item-link {
                    font-family: "Open Sans", sans-serif;
                    font-size: 14px;
                    font-weight: 700;
                    margin: 0 4px;
                    text-decoration: none;
                    user-select: none;

                    .p-steps-item-number {
                        background-color: #fff;
                        border: 3px solid #6e7280;
                        border-radius: 50%;
                        color: #6e7280;
                        height: 28px;
                        min-width: 28px;
                        z-index: 1;
                    }

                    .p-steps-item-label {
                        color: #888B99;
                    }
                }

                &::before {
                    border-top: 5px solid #c1c1cc;
                    content: " ";
                    left: -50%;
                    position: absolute;
                    top: calc(50% + 2px);
                    width: 100%;
                }

                &-active {
                    .p-steps-item-link {
                        .p-steps-item-number {
                            background-color: #6e7280;
                            color: #fff;
                        }

                        .p-steps-item-label {
                            color: #212533;
                        }
                    }
                }

                &.p-disabled {
                    .p-steps-item-number {
                        border-color: #c1c1cc;
                        color: #c1c1cc;
                    }

                    .p-steps-item-label {
                        color: #c1c1cc;
                    }
                }
            }
        }
    }
}