/* Wizard Step Container */
        .bs-wizard {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            margin: 40px auto;
            padding: 0;
            list-style: none;
            width: 80%;
        }

        /* Step */
        .bs-wizard-step {
            text-align: center;
            position: relative;
            flex-grow: 1;
        }

        /* Labels Above Step (Fixed Position) */
        .bs-wizard-step .bs-wizard-step-label {
            font-size: 10px;
            font-weight: bold;
            position: absolute;
            top: -30px; /* Move the label above */
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
        }

        /* Step Dot */
        .bs-wizard-step .bs-wizard-dot {
            width: 35px;
            height: 35px;
            background: lightgray;
            border-radius: 50%;
            display: inline-block;
            line-height: 35px;
            font-weight: bold;
            color: white;
            position: relative;
            z-index: 2;
        }

        /* Line Connecting Steps */
        .bs-wizard-step::after {
            content: "";
            position: absolute;
            top: 50%; /* Align with dots */
            left: 50%;
            width: 100%;
            height: 4px;
            background: lightgray;
            z-index: 1;
            transform: translateY(-50%);
        }

        /* Remove Line for Last Step */
        .bs-wizard-step:last-child::after {
            content: none;
        }

        /* Active Step */
        .bs-wizard-step.active .bs-wizard-dot {
            background: blue;
        }

        /* Completed Step */
        .bs-wizard-step.completed .bs-wizard-dot {
            background: lightgreen;
        }

        .bs-wizard-step.completed::after {
            background: lightgreen;
        }

        /* Step Labels Below Dots */
        .bs-wizard-step .bs-wizard-label {
            margin-top: 10px;
            font-size: 14px;
            font-weight: bold;
        }