.step-progress-bar {
    display: flex;
    flex-direction: column;
}

    .step-progress-bar .step {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .step-progress-bar .step .step-number {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #f2f2f2;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
        }

        .step-progress-bar .step .step-text {
            margin-left: 10px;
        }

        .step-progress-bar .step.active .step-number {
            background-color: #4CAF50;
            color: white;
        }

        .step-progress-bar .step.active .step-text {
            font-weight: bold;
        }