body{
    background-color:#f0f0f0;
    position: relative;
    padding: 0px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

p {
    font-size:14px;
    font-weight:400px;
    line-height:1em;
}

h2{
    font-size:24px;
    font-weight:700px;
    line-height:0.8em;
}

.alert li{
    font-size:12px;
    color:rgb(197, 5, 5);
}

a{
    text-decoration: none !important;
}


@media only screen and (min-width: 601px){
    /*Tablets [601px -> 1200px]*/
        /*Welcome CSS*/
        header{
            background: #000;
            background-repeat: no-repeat;
            background-size: cover;
            background-blend-mode:luminosity;
            padding-bottom: 50px;
            position: relative;
        }
        .nav{
            display: flex;
            justify-content: space-between;
            align-content: center;
            width: 80%;
            margin: 0 auto;
            padding: 25px 0 15px 0;
        }

        .mobile-nav-container{
            display: none;
        }

        .logo {
            width:40px;
        }

        .logo img{
            width:100%;
        }

        .links-nav a{
            margin:0 15px;
            text-decoration: none;
            color: #7a7a7a;
        }
        .links-nav a:hover{
            color: #ffffff;
        }

        .account-links a{
            margin:0 10px;
            text-decoration: none;
            color: #ffffff;
        }

        .account-links .active-link{
            background: #f7941d;
            padding: 10px 20px;
            border-radius: 15px;
            color: #000;
        }

        .account-links .active-link:hover{
            background: none;
            padding: 9px 19px;
            border-radius: 15px;
            border: 1px solid #f7941d;
            color: #f7941d;
        }

        .welcome{
            width: 80%;
            display: flex;
            margin: 0 auto;
        }

        .welcome .call-to-action{
            color: #fff;
            width: 55%;
        }

        .welcome .call-to-action h1{
            font-size: 35px;
            font-weight: 500;
            line-height: 1em;
            color: #f7941d;
        }

        .welcome .call-to-action p{
            font-size: 16px;
            line-height: 1.5em;
            margin-top: 0;
        }

        .action {
            margin-top: 100px;
        }

        .action a{
            color: #fff;
            text-decoration: none;
            padding-top:80px;
        }

        .action a:hover{
            color: #f7941d;
        }

        .fairspire{
            position: absolute;
            top: 20%;
            right:7%;
            width: 320px;
            z-index: 0;
        }

        .fairspire img{
            width: 100%;
        }

        .dummy-badge{
            position: absolute;
            z-index: 10;
            right: 12%;
            top: 22%;
            width: 250px;
        }

        .dummy-badge img{
            width: 100%;
        }

        .events-registry{
            height: auto;
            margin: 0 auto;
            display: flex;
            padding-top: 100px;
            padding-bottom: 150px;
            background: #eeeeee;

        }

        .events{
            width: 60%;
            padding-right:100px;
        }

        .event-wrapper{
            width: 30%;
            height: auto;
            display: inline-block;
            overflow: hidden;
            border-radius: 20px;
            margin: 1%;
            background: #fff;
            padding-bottom: 20px;
        }

        .event-list-item-img{
            width: 100%;
            height: auto;
            margin: 0px;
            padding: 0px;
        }

        .event-list-item-img img{
            width: 100%;
            height: auto;
        }

        .event-list-item-desc{
            padding: 5px 10px;
        }

        .event-list-item-desc h3{
            font-size: 15px;
            line-height: 15px;
            color: #050505;
        }

        .event-list-item-desc p{
            font-size: 13px;
            line-height: 13px;
            color: #444444;
        }

        .event-active{
            background: #f7941d;
            position: relative;
            padding: 50px 0;
        }

        .event-active p{
            font-size: 20px;
            font-weight: 600;
            color: #fff;
            position: absolute;
            left:5%;
            bottom: 5%;
        }

        .events ul li img{
            width: 100%;
            height: auto;
        }

        .event-account{
            width:29%;
            margin-top: 100px;
            margin-right: 45px;
        }

        .event-account p{
            text-align: center;
            line-height: 1.5em;
        }

        .event-account-header{
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        .event-account ul{
            margin-top: 50px;
            font-size: 12px;
        }

        .event-account ul li{
            margin: 15px 0;
            list-style-type: square;

        }

        .event-account ul li a{
            text-decoration: none;
            color: #f7941d;


        }

        .virtual-exhibition{
        font-size: 12px;
        background: #161616;
        color: #fff;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .exhibit{
        font-size: 12px;
        background: #e49400;
        color: #050505;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .virtual-action{
            margin: 10px 10px;
        }

        .faqs-contact{
            background: #f7941d;
            clear: both;
            width: 100%;
            display: block;
            padding: 60px 0;
        }

        .container{
            width:90%;
            margin:0 auto;
            display: flex;
        }

        .faqs{
            width: 60%;
        }

        .faqs-contact h3{
            font-size: 25px;
            font-weight: 600;
            color: #fff;
        }

        .faqs ul{
            padding-inline-start: 0;
        }

        .faqs ul li{
            list-style: none;
            background: #fff;
            padding: 15px 20px;
            margin-top:15px ;
            border-radius: 20px;
        }

        .faqs ul li a{
            text-decoration: none;
            color: #000;
            font-weight: 600;
        }

        .faqs ul li p{
            display: none;
        }

        .contact{
            width: 30%;
            background: #fff;
            padding: 20px;
            margin:-100px 0px auto 60px;
            box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
            border-radius: 20px;
        }

        .contact h3{
            color: #000;
        }


        /*End Welcome CSS*/

        .auth-wrapper{
            width:50%;
        }

        .auth-image{
            overflow: hidden;
            position:fixed;
            z-index:-10;
            top: 0;
            right: 0;
            width: 50%;
        }

        .auth-image img{
            width: 100%;
        }


        .auth-container{
            background: rgb(255, 255, 255);
            box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
            padding:30px;
            border-radius:20px;
            margin: 100px auto;
            width: 400px;

        }

        .auth-form{
            width: 100%;
            margin-top: 30px;
        }

        .form-group{
            margin: 20px 0px;
        }

        .form-label{
            font-size: 0.7em;
            display: block !important;
            margin-bottom: 5px;
        }

        .form-label-required::after{
            content:'*';
            color: #d63301;
            font-size: 12px;
            font-weight:500;
        }

        .form-control{
            width: 95%;
            height:40px;
            border:1px solid #b6b6b6;
            padding: 0 10px;
            font-family: 'Poppins', sans-serif;
            border-radius: 5px;

        }

        .form-control-message{
            width: 100%;
        }

        .form-control::placeholder{
            font-family: 'Poppins', sans-serif;
        }

        .form-control:focus{
            font-family: 'Poppins', sans-serif;
            background: #fff;
            border:1px solid #f7941d;
        }

        .form-button{
            background: #f7941d;
            color:#000;
            height: 40px;
            padding:0 30px;
            font-family:'Poppins', sans-serif ;
            font-weight: 600;
            border:none;
            border-radius: 5px;
            margin-top: 20px;
        }

        .form-button:hover{
            background:none;
            cursor: pointer;

        }

        /*Build Profile*/
        .complete-profile{
            width: 50% !important;
            padding-top:90px;
            background: #f7941d;
        }

        .build-progress-background{
            width: 50% !important;
            margin: 0 auto;
        }

        .complete-profile h1{
            font-size: 40px;
            color: #fff;
            text-align: center;
        }

        .complete-profile p{
            font-size: 16px;
            color: #fff;
            text-align: center;
        }

        .build-profile-container{
            margin: 0 auto;
            background: #fff;
            box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
            padding:30px;
            border-radius:20px;
            text-align: start !important;
            width:350px;
        }

        .build-progress-background{
            height: 10px;
            margin: 30px auto;
            width:350px;
            background: #dd8214;
            border-radius: 20px;
            overflow: hidden;
        }

        .build-progress-bar{
            background: #fff;
            height: 100%;
            width: 50%;
            border-radius: 20px;

        }

        .finish-build{
            display: none;
        }

        .next-button{
            background: #f7941d;
            color:#000;
            height: 40px;
            padding:0 30px;
            font-family:'Poppins', sans-serif ;
            font-weight: 600;
            border:none;
            border-radius: 5px;
            margin-top: 20px;
        }

        select.form-control{
            width: 102% !important;
        }

        .company-details{
            display: none;
        }


        .company-details-button{
            display: none;
        }

        .select-student-professional{
            text-align: center;
            display: none;
        }

        .select-student-professional h4{
            font-size: 1.2em;
            line-height: 0px;
            font-weight: 400;

        }

        .select-student-professional h6{
            display: block !important;
            font-size: 14px;
        }

        .select-student-professional i{
            font-size: 3em;
        }

        .professional{
            padding: 30px 0;
            width: 100%;
            color: #2b2a2e;
        }

        .professional:hover{
            cursor: pointer;
            background: #0d0d0d;
background: linear-gradient(72deg,rgba(13, 13, 13, 1) 0%, rgba(11, 13, 11, 1) 50%, rgba(117, 117, 117, 1) 100%);
            color: #fff !important;
        }

        .student{
            padding: 30px 0;
            width: 100%;
            color: #2b2a2e;
        }

        .student:hover{
            cursor: pointer;
            background: #2A7B9B;
background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
            color: #fff !important;
        }

        .student-form{
            display:none;
        }
}
@media only screen and (max-width: 600px){
	/*Big smartphones [426px -> 600px]*/


        /*Welcome CSS*/
    header{
        background: #000;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode:luminosity;
        padding-bottom: 100px;
        position: relative;
    }
    .nav{
        display: flex;
        justify-content: space-between;
        align-content: center;
        width: 80%;
        margin: 0 auto;
        padding: 25px 0 15px 0;
    }

    .logo {
        width:15%;
    }

    .logo img{
        width:100%;
    }

    .mobile-nav-container{
        width: 85%;
        margin-top: 10px;
    }

    .toggle{
        text-align:right;
    }

    .toggle a{
        color: #fff;
        margin-left: 10px;
    }

    .mobile-nav-toggle{
        color: #fff;
        text-decoration: none;
    }

    .mobile-nav{
        background: #fff;
        position: absolute;
        top:16%;
        right:5%;
        z-index: 2010;
        display: none;
    }

    .mobile-nav ul{
        padding-inline-start: 0;
    }

    .mobile-nav ul li{
        list-style: none;
    }
    .mobile-nav ul li a:first-child{
        list-style: none;
        padding-top: 15px;
    }


    .mobile-nav ul li a:last-child{
        list-style: none;
        padding-bottom: 15px;
    }

    .mobile-nav ul li a{
        text-decoration: none;
        display:block;
        padding: 10px 50px;
        color: #000;
        font-size: 13px;
    }

    .mobile-nav ul li a:hover{
        background: #b6b6b6;
    }

    .links-nav a{
        display: none;
    }
    .links-nav a:hover{
        color: #ffffff;
    }

    .account-links a{
        display: none;
    }

    .account-links .active-link{
        background: #f7941d;
        padding: 10px 20px;
        border-radius: 15px;
        color: #000;
    }

    .account-links .active-link:hover{
        background: none;
        padding: 9px 19px;
        border-radius: 15px;
        border: 1px solid #f7941d;
        color: #f7941d;
    }

    .welcome{
        width: 90%;
        margin: 0 auto;
        padding-top:40px;
    }

    .welcome .call-to-action{
        color: #fff;
        width: 100%;
        text-align: center;
    }

    .welcome .call-to-action h1{
        font-size: 28px;
        font-weight: 500;
        line-height: 1em;
        color: #f7941d;
    }

    .welcome .call-to-action p{
        font-size: 12px;
        line-height: 1.5em;
        margin-top: 0;
    }

    .action {
        margin-top: 60px;
    }

    .action a{
        display: none;
    }

    .action a:hover{
        color: #f7941d;
    }

    .fairspire{
        display: none;
    }

    .fairspire img{
        width: 100%;
    }

    .dummy-badge{
        position: absolute;
        z-index: 10;
        left: 23%;
        top: 75%;
        width: 200px;
    }

    .dummy-badge img{
        width: 100%;
    }

    .events-registry{
        height: auto;
        margin: 0 auto;
        padding-top: 250px;
        padding-bottom: 50px;
        background: #eeeeee;
    }

    .events{
        width: 100%;
        padding-right:0;
        display: block;
        float: none;
    }

    .event-wrapper{
        width: 47%;
        height: auto;
        display: inline-block;
        overflow: hidden;
        border-radius: 20px;
        margin: 1%;
        background: #fff;
    }

    .event-list-item-img{
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
    }

    .event-list-item-img img{
        width: 100%;
        height: auto;
    }

    .event-list-item-desc{
        padding: 5px 10px;
    }

    .event-list-item-desc h3{
        line-height: 13px;
        font-size: 13px;
        color: #050505;
    }

    .event-list-item-desc p{
        line-height: 12px;
        font-size: 12px;
        color: #2c2c2c;
    }

    .event-active{
        background: #f7941d;
        position: relative;
    }

    .event-active p{
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        position: absolute;
        left:5%;
        bottom: 5%;
    }

    .events ul li img{
        width: 100%;
    }

    .event-account{
        width:90%;
        margin-top: 100px;
        margin-right: 0px;
    }

    .event-account p{
        text-align: center;
        line-height: 1em;
    }

    .event-account-header{
        font-size: 20px;
        font-weight: 600;
    }

    .event-account ul{
        margin-top: 50px;
    }

    .event-account ul li{
        margin: 15px 0;
        list-style-type: square;
        font-size: 14px;
    }

    .event-account ul li a{
        text-decoration: none;
        color: #f7941d;

    }

    .virtual-exhibition{
        font-size: 12px;
        background: #161616;
        color: #fff;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .exhibit{
        font-size: 12px;
        background: #e49400;
        color: #050505;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .virtual-action{
            margin: 10px 10px;
        }

    .faqs-contact{
        background: #f7941d;
        clear: both;
        width: 100%;
        display: block;
        padding: 20px 0 60px 0;
    }

    .container{
        width:90%;
        margin:0 auto;
    }

    .faqs{
        width: 100%;
    }

    .faqs-contact h3{
        font-size: 20px;
        font-weight: 600;
        color: #fff;
    }

    .faqs ul{
        padding-inline-start: 0;
    }

    .faqs ul li{
        list-style: none;
        background: #fff;
        padding: 15px 20px;
        margin-top:15px ;
        border-radius: 20px;
    }

    .faqs ul li a{
        text-decoration: none;
        color: #000;
        font-weight: 600;
        font-size: 12px;
    }

    .faqs ul li p{
        display: none;
        font-size: 11px;
        line-height:1.5em;
    }

    .contact{
        display:none;
    }

    .contact h3{
        color: #000;
    }


    /*End Welcome CSS*/

    .auth-wrapper{
        width:90%;
        margin:0 auto;
        padding-top: 90px;
    }

    .auth-image{
        overflow: hidden;
        position:fixed;
        z-index:-10;
        top: 0;
        left: 0;
    }

    .auth-image img{
        width: 100%;
    }

    .auth-container{
        margin: 150px auto 0 auto;
    }


    .auth-container{
        background: rgb(255, 255, 255);
        box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
        padding:20px;
        border-radius:20px;
        margin: 30px 0;

    }

    .auth-form{
        width: 100%;
        margin-top: 30px;
    }

    .form-group{
        margin: 20px 0px;
    }

    .form-control-message{
        width: 100%;
    }

    .form-label{
        font-size: 0.7em;
        display: block !important;
        margin-bottom: 5px;
    }

    .form-label-required::after{
        content:'*';
        color: #d63301;
        font-size: 12px;
        font-weight:500;
    }

    .form-control{
        width: 95%;
        height:40px;
        border:1px solid #b6b6b6;
        padding: 0 10px;
        font-family: 'Poppins', sans-serif;
        border-radius: 5px;

    }

    .form-control::placeholder{
        font-family: 'Poppins', sans-serif;
    }

    .form-control:focus{
        font-family: 'Poppins', sans-serif;
        background: #fff;
        border:1px solid #f7941d;
    }

    .form-button{
        background: #f7941d;
        color:#000;
        height: 40px;
        padding:0 30px;
        font-family:'Poppins', sans-serif ;
        font-weight: 600;
        border:none;
        border-radius: 5px;
        margin-top: 20px;
    }

    .form-button:hover{
        background:none;
        cursor: pointer;

    }

    /*Build Profile*/
    .complete-profile{
        width: 90% !important;
        margin: 0 auto;
        padding-top:90px;
    }

    .build-progress-background{
        width: 90% !important;
        margin: 0 auto;
    }

    .complete-profile h1{
        display: none;
    }

    .complete-profile p{
       display: none;
    }

    .build-profile-container{
        margin: 0 auto;
        background: #fff;
        box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
        padding:30px;
        border-radius:20px;
        text-align: start !important;
    }

    .build-progress-background{
        height: 10px;
        margin: 30px auto;
        width:350px;
        background: #dd8214;
        border-radius: 20px;
        overflow: hidden;
    }

    .build-progress-bar{
        background: #fff;
        height: 100%;
        width: 50%;
        border-radius: 20px;

    }

    .finish-build{
        display: none;
    }


    .next-button{
        background: #f7941d;
        color:#000;
        height: 40px;
        padding:0 30px;
        font-family:'Poppins', sans-serif ;
        font-weight: 600;
        border:none;
        border-radius: 5px;
        margin-top: 20px;
    }


    select.form-control{
        width: 102% !important;
    }

    .company-details{
        display: none;
    }


    .company-details-button{
        display: none;
    }
}

@media only screen and (min-width: 1200px){

    /*Welcome CSS*/
    header{
        background: #000;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode:luminosity;
        padding-bottom: 50px;
        position: relative;
    }
    .nav{
        display: flex;
        justify-content: space-between;
        align-content: center;
        width: 80%;
        margin: 0 auto;
        padding: 25px 0 15px 0;
    }

    .mobile-nav-container{
        display: none;
    }

    .logo {
        width:40px;
    }

    .logo img{
        width:100%;
    }

    .links-nav a{
        margin:0 15px;
        text-decoration: none;
        color: #7a7a7a;
    }
    .links-nav a:hover{
        color: #ffffff;
    }

    .account-links a{
        margin:0 10px;
        text-decoration: none;
        color: #ffffff;
    }

    .account-links .active-link{
        background: #f7941d;
        padding: 10px 20px;
        border-radius: 15px;
        color: #000;
    }

    .account-links .active-link:hover{
        background: none;
        padding: 9px 19px;
        border-radius: 15px;
        border: 1px solid #f7941d;
        color: #f7941d;
    }

    .welcome{
        width: 70%;
        display: flex;
        margin: 0 auto;
    }

    .welcome .call-to-action{
        color: #fff;
        width: 55%;
    }

    .welcome .call-to-action h1{
        font-size: 55px;
        font-weight: 500;
        line-height: 1em;
        color: #f7941d;
    }

    .welcome .call-to-action p{
        font-size: 18px;
        line-height: 1.5em;
        margin-top: 0;
    }

    .action {
        margin-top: 100px;
    }

    .action a{
        color: #fff;
        text-decoration: none;
        padding-top:100px;
    }

    .action a:hover{
        color: #f7941d;
    }

    .fairspire{
        position: absolute;
        top: 10%;
        right:12%;
        width: 500px;
        z-index: 0;
    }

    .fairspire img{
        width: 100%;
    }

    .dummy-badge{
        position: absolute;
        z-index: 10;
        right: 18%;
        top: 22%;
        width: 320px;
    }

    .dummy-badge img{
        width: 100%;
    }

    .events-registry{
        height: auto;
        margin: 0 auto;
        display: flex;
        padding-top: 100px;
        padding-bottom: 150px;
        background: #eeeeee;

    }

    .events{
        width: 60%;
        padding-right:100px;
    }

    .events ul li{
        width: 45%;
        height: 280px;
        float: left;
        border-radius: 20px;
        overflow: hidden;
        margin:10px
    }

    .event-active{
        background: #f7941d;
        position: relative;
    }

    .event-active p{
        font-size: 30px;
        font-weight: 600;
        color: #fff;
        position: absolute;
        left:5%;
        bottom: 5%;
    }

    .events ul li img{
        width: 100%;
    }

    .event-account{
        width:29%;
        margin-top: 100px;
        margin-right: 45px;
    }

    .event-account p{
        text-align: center;
    }

    .event-account-header{
        font-size: 25px;
        font-weight: 600;
    }

    .event-account ul{
        margin-top: 50px;
    }

    .event-account ul li{
        margin: 15px 0;
        list-style-type: square;
    }

    .event-account ul li a{
        text-decoration: none;
        color: #f7941d;

    }

    .virtual-exhibition{
        font-size: 12px;
        background: #161616;
        color: #fff;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .exhibit{
        font-size: 12px;
        background: #e49400;
        color: #050505;
        width: 100%;
        padding:7px 12px;
        border-radius: 10px;
        }

        .virtual-action{
            margin: 10px 10px;
        }

    .faqs-contact{
        background: #f7941d;
        clear: both;
        width: 100%;
        display: block;
        padding: 60px 0;
    }

    .container{
        width:70%;
        margin:0 auto;
        display: flex;
    }

    .faqs{
        width: 60%;
    }

    .faqs-contact h3{
        font-size: 25px;
        font-weight: 600;
        color: #fff;
    }

    .faqs ul{
        padding-inline-start: 0;
    }

    .faqs ul li{
        list-style: none;
        background: #fff;
        padding: 15px 20px;
        margin-top:15px ;
        border-radius: 20px;
    }

    .faqs ul li a{
        text-decoration: none;
        color: #000;
        font-weight: 600;
    }

    .faqs ul li p{
        display: none;
    }

    .contact{
        width: 30%;
        background: #fff;
        padding: 20px;
        margin:-100px 0px auto 60px;
        box-shadow: 5px 5px 8px rgba(0,0,0,0.1);
        border-radius: 20px;
    }

    .contact h3{
        color: #000;
    }


    /*End Welcome CSS*/

    .auth-wrapper{
        width:50%;
    }

    .auth-image{
        overflow: hidden;
        position:fixed;
        z-index:-10;
        top: 0;
        right: 0;
        width: 50%;
    }

    .auth-image img{
        width: 100%;
    }


    .auth-container{
        background: rgb(255, 255, 255);
        box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
        padding:30px;
        border-radius:20px;
        margin: 100px auto;
        width: 400px;

    }

    .auth-form{
        width: 100%;
        margin-top: 30px;
    }

    .form-group{
        margin: 20px 0px;
    }

    .form-label{
        font-size: 0.7em;
        display: block !important;
        margin-bottom: 5px;
    }

    .form-label-required::after{
        content:'*';
        color: #d63301;
        font-size: 12px;
        font-weight:500;
    }

    .form-control{
        width: 95%;
        height:40px;
        border:1px solid #b6b6b6;
        padding: 0 10px;
        font-family: 'Poppins', sans-serif;
        border-radius: 5px;

    }

    .form-control-message{
        width: 100%;
    }

    .form-control::placeholder{
        font-family: 'Poppins', sans-serif;
    }

    .form-control:focus{
        font-family: 'Poppins', sans-serif;
        background: #fff;
        border:1px solid #f7941d;
    }

    .form-button{
        background: #f7941d;
        color:#000;
        height: 40px;
        padding:0 30px;
        font-family:'Poppins', sans-serif ;
        font-weight: 600;
        border:none;
        border-radius: 5px;
        margin-top: 20px;
    }

    .form-button:hover{
        background:none;
        cursor: pointer;

    }

    /*Build Profile*/
    .complete-profile{
        width: 50% !important;
        padding-top:90px;
        background: #f7941d;
    }

    .build-progress-background{
        width: 50% !important;
        margin: 0 auto;
    }

    .complete-profile h1{
        font-size: 40px;
        color: #fff;
        text-align: center;
    }

    .complete-profile p{
        font-size: 16px;
        color: #fff;
        text-align: center;
    }

    .build-profile-container{
        margin: 0 auto;
        background: #fff;
        box-shadow: 10px 10px 8px rgba(0,0,0,0.05);
        padding:30px;
        border-radius:20px;
        text-align: start !important;
        width:350px;
    }

    .build-progress-background{
        height: 10px;
        margin: 30px auto;
        width:350px;
        background: #dd8214;
        border-radius: 20px;
        overflow: hidden;
    }

    .build-progress-bar{
        background: #fff;
        height: 100%;
        width: 50%;
        border-radius: 20px;

    }

    .finish-build{
        display: none;
    }

    .next-button{
        background: #f7941d;
        color:#000;
        height: 40px;
        padding:0 30px;
        font-family:'Poppins', sans-serif ;
        font-weight: 600;
        border:none;
        border-radius: 5px;
        margin-top: 20px;
    }

    select.form-control{
        width: 102% !important;
    }

    .company-details{
        display: none;
    }


    .company-details-button{
        display: none;
    }
}