#prevBtn {
            background-color: #bbbbbb;
        }

        /* Make circles that indicate the steps of the form: */
        .step {
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbbbbb;
            border: none;
            border-radius: 50%;
            display: inline-block;
            opacity: 0.5;
        }

        .step.active {
            opacity: 1;
        }

        /* Mark the steps that are finished and valid: */
        .step.finish {
            background-color: #04AA6D;
        }


        /* additional */

        /* input.invalid { */
        .invalid {
            background-color: #ffdddd;
            border-color: rgb(118, 0, 0);
            border-width: 1px;
        }

        .idicator55 {
            width: 30px;
            height: 30px;
            border-radius: 15px;
            background-color: rgb(229, 229, 229);
            margin: 20px;
            text-align: center;
        }

        #tab-indicator .indicator {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            border-color: rgb(108, 117, 125);
            background-color: rgb(229, 229, 229);
            margin: 10px;
            text-align: center;
        }

        #tab-indicator .indicator.active {
            background-color: rgb(143, 33, 0);
        }

        .tab {
            min-height: 400px;
        }

        .otp-input {
            width: 50px;
            height: 50px;
            text-align: center;
            font-size: 22px;
            margin: 0 4px;
            border: 2px solid #ccc;
            border-radius: 8px;
        }

        .otp-input:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 3px #0d6efd;
            outline: none;
        }

        .form-control{
            border-color: rgb(108, 117, 125);
        }