multi-step-form.css file contains the css required for the multi-step-form.html file. This form is implemented using html, bootstrap, jquery and parsley.js

multi-step-form.css

    #topSpace{
        margin-bottom: 8%;
    }

    .form-section {
        /*padding-left: 15px;*/
        /*border-left: 2px solid #FF851B;*/
        display: none;
    }

    .form-section.current {
        display: inherit;
    }

    .btn-info, .btn-default {
        margin-top: 10px;
    }

    .signUpProgress{ 
        display: flex;
        justify-content: center;
        list-style-type: none;
        height: 45px;
        margin: 0px;
        padding: 0px;
    }

    .signUpProgress li{
        float: left;
        font-size: 20px;
        padding: 3px 40px;
    }

    .circle{
        border-radius: 200px;
        height: 35px;
        width: 35px;
        background: #007bff;
        display: flex;
        justify-content: center;
    }

    .inner-circle{
        border-radius: 200px;
        text-align: center;
        padding: 7%;
        height: 32px;
        width: 32px;
        background: white;
        margin: auto;
        z-index: 1;
    }

    .active-circle{
        background: #007bff;
        color: white;
    }

    @media (min-width: 768px) {
        .signUpProgress li{
            float: left;
            font-size: 18px;
        }
    }

    .progress{
        /*change this to increase progress bar height*/
        height: 3px;
    }
    .progress-bar1{
        width: 33.3%;
        height: 55px;
    }


    .parsley-errors-list{
        list-style-type: none; 
        padding-left: 12px;
        margin-bottom: 0px;
    }

    .parsley-errors-list li{
        margin-top: 10px;
        font-size: 13px;
        color: red;
        /*margin-bottom: 2px;*/
    }

    .social-login{
        color: white;
        display: table-cell;
        width: 100%;
        /*margin: auto;*/
    }

    .facebook{
        background-color: #3B5998;
    }

    .google{
        background-color: #DD4B39;
    }