/* #regForm {
                /* background-color: #ffffff; */
            /* margin: 100px auto; */
            /* font-family: Raleway; */
            /* padding: 40px; */
            /* width: 70%; */
            /* min-width: 300px; */
            /* } */

            #regForm h4 {
                font-size: 22px;
                color: #1a2251;
                margin: 0 0 30px;
                font-weight: 800;
                padding-left: 8px;
                border-left: 7px solid #cc1728;
            }

            #regForm h3 {
                text-align: center;
                margin: 0 0 35px;
                color: #1a2251;
                font-weight: 800;
                font-size: 35px;
            }

            #regForm h3 i {
                color: #cc1728;
                font-style: unset;
            }

           /* #regForm input {
                padding: 10px;
                width: 100%;
                font-size: 17px;
                border: 1px solid #aaaaaa;
            }*/

            /* Mark input boxes that gets an error on validation: */
            #regForm input.invalid {
                background-color: #ffdddd;
            }

            /* Hide all steps by default: */


            #regForm .d-flex {
                display: flex;
            }

            #regForm label {
                color: #222222bf;
            }

            #regForm button {
                background-color: #cc1728;
                color: #ffffff;
                border: none;
                padding: 8px 50px;
                font-size: 17px;
                float: right;
                /* font-family: Raleway; */
                cursor: pointer;
            }

            #regForm button:hover {
                opacity: 0.8;
            }

            #regForm #prevBtn {
                background-color: #bbbbbb;
            }

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

            #regForm .step.active {
                opacity: 1;
            }

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

            #regForm .content {
                padding: 35px;
                background: #f7f7f7;
            }

            .mg-b-40 {
                margin-bottom: 40px;
            }

            .mg-b-20 {
                margin-bottom: 20px;
            }

            #regForm span {
                color: red
               /* position: absolute;
                top: 0;
                left: 0;
                width: 30px;
                height: 100%;
                background: #1a2251;
                color: #fff;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px 0 0 4px;*/
            }

            .ex-p {
                padding-left: 20px !important;
            }







            @media(max-width:575px) {
                #regForm .d-flex {
                    display: flex;
                    margin: 0;
                }

                #regForm label {
                    height: auto;
                    margin-bottom: 5px;
                }

                #regForm .form-control {
                    margin-bottom: 15px;
                }

                #regForm .content {
                    padding: 25px;
                }

                #regForm span {

                    left: 17px;
                }

                .ex-p {
                    padding-left: 35px !important;
                }
            }