@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900|Roboto+Condensed:300,400,700&display=swap');
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    font-size: 14px;
    line-height: normal;
    margin: 0px;
    font-family: 'Poppins', sans-serif;
}
.h1,.h2,.h3,.h4,.h5,.h6{
    line-height: normal;
}
.form-inner-wrap h1,.form-inner-wrap h2,.form-inner-wrap h3,.form-inner-wrap h4,.form-inner-wrap h5,.form-inner-wrap h6{
    font-family: 'Roboto Condensed', sans-serif;
    margin: 15px 0px;
    letter-spacing: .5px;
    font-weight: 500;
    color: #000;
}
.description,.form-inner-wrap .description,.form-inner-wrap label{
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #444;
    margin: 0 0 4px;
    clear: both;
    word-break: break-word;
}

.form-inner-wrap label{
    font-weight: 600;
    color: #222;

}

.form-inner-wrap .stepwizard {
    width: calc(100% + 30px);
    margin-left: -15px;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.stepwizard-row .btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0 0;
    font-size: 14px;
    line-height: 30px;
    border-radius: 35px;
    position: relative;
    z-index: 9;
    font-weight: bold;
    border:3px solid #b7b7b7 ;
    background:#e4e4e4;
}
.stepwizard-row.setup-panel {
    text-align: center;
    position: relative;
}
.stepwizard-step {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    width: 100px;
    vertical-align:top;
}
.stepwizard-step:after {
    content: "";
    background:#ececec;
    height: 3px;
    position: absolute;
    top: 15px;
    width: 100%;
}
.stepwizard-step.has-prev-btn a.btn.btn-circle {
    color: #000;
    background-color: #ffb927;
    border-color:#d49513;
}
.stepwizard-step.has-prev-btn:after {
    background: #ffb927;
}
.stepwizard-step:last-child:after, .stepwizard-step:last-child:before {
    display: none ;
}
.stepwizard .stepwizard-row .btn-primary {
    color: #000;
    background-color: #ffb927;
    border-color:#d49513;
}
.stepwizard {
    margin: 40px 0;
}
.stepwizard-step p {
    margin-top: 8px;
    line-height: 17px;
    color:#999;    
}
.stepwizard .stepwizard-step.has-prev-btn p,
.stepwizard .stepwizard-step.active-steps p{
    color:#000;
}
.option_wrap .option_lable {
    float: left;
    font-weight: 400;
    width: 20px;
    color: #444;
    text-align: center;
}

.option_wrap input {
    width: calc(100% - 30px);
    margin-left: 30px;
    margin-bottom: 10px;
}
.form-inner-wrap .form-control {
    margin-bottom: 10px;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    border-color: #999;
}
.custom-radio {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.custom-input {
    opacity: .01;
    margin: 0 8px 0 0!important;
    position: absolute;
    top: 5px;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.custom_label {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #444;
    border-radius: 50%;
    top: 4px;
    left: -1px;
    z-index: 0;
    margin: 0;
}

.custom-radio .custom_text {
    margin: 0;
    padding-left: 25px;
    font-weight: 400;
    color: #444;
}

.custom_label:before {
    position: absolute;
    content: '';
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    background: #444;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.custom-input:checked + .custom_label:before {
    visibility: visible;
    opacity: 1;
}

.nextBtn,.prevBtn{
    float: right;
    border-radius: 0;
    min-width: 132px;
    background: #fdb827;
    line-height: 35px;
    padding: 0 10px;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    position:relative;
    border:0px;
    z-index:1;
}

.nextBtn:before, .prevBtn:before{
    position: absolute;
    content: '';
    left:0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -webkit-transition: transform 0.45s ease 0s;
    -moz-transition: transform 0.45s ease 0s;
    transition: transform 0.45s ease 0s;
    background-color: #333;
}

.nextBtn:hover,.nextBtn:active,.nextBtn:active:focus,.nextBtn:focus,
.prevBtn:hover,.prevBtn:active,.prevBtn:active:focus,.prevBtn:focus{
    background:#fdb827;
    outline: 0px;
}

.nextBtn:active:before,.nextBtn:active:focus:before,.nextBtn:focus:before,
.prevBtn:active:before,.prevBtn:active:focus:before,.prevBtn:focus:before,
.nextBtn:hover:before, .prevBtn:hover:before {
    transform: scaleX(1.01);
    -webkit-transform: scaleX(1.01);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.form-main-title {
    font-size: 3em;
    color: #000;
    padding-bottom: 20px;
    font-weight: 600;
}

.form-title {
   font-size: 2em;
   font-weight: 600;
   color: #1b1b1b;
}

.form-inner-title {
   font-size: 22px;
   clear: both;
   font-weight: 500;
   color: #000;
}

.form-inner-wrap ul {
    padding: 0 20px 10px;
    float: left;
    width: 100%;
}

.form-inner-wrap ul li {
    list-style: circle;
    margin-bottom: 6px;
    font-size: 15px;
    color: #444;
}

.form-inner-wrap ul li b {
    font-weight: 500;
    color: #000;
}

.form-group {
    font-size: 14px;
}
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 100%;
}
.checkbox-input {
    opacity: .01;
    margin: 0 10px 0 0!important;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.checkbox-lable {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 2px solid #aaa;
    background: #eee;
    z-index: 0;
    margin: 0!important;
}
.checkbox-lable:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '✓';
    width: 16px;
    height: 16px;
    background: #eee;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}
.checkbox-text {
    font-size: 15px;
    margin: 0!important;
    text-transform: capitalize;
    display: inline-block;
}
.checkbox-input:checked + .checkbox-lable:before{
    opacity: 1;
    visibility: visible;
}

.option_lable {
    padding-top: 10px;
    display: inline-block;
}


/* Media Query */

@media (max-width: 1024px){
    .form-inner-wrap .stepwizard-step {
        width: 50px; 
    }
}

@media (max-width: 576px){
    .form-main-title{
        font-size: 2em;
    }
    .form-title{
        font-size: 24px;
    }
    .form-inner-wrap .stepwizard-step:after{
        top: 11px;
    }
    .form-inner-wrap .stepwizard-row .btn-circle{
        width: 25px; 
        height: 25px; 
        line-height:23px;
    }
    .form-inner-wrap .stepwizard-row .btn-circle{
        border: 2px solid #b7b7b7;
    }
    .nextBtn, .prevBtn{
        min-width: 110px;
    }
}

@media (max-width: 576px){
    .form-inner-wrap .stepwizard-step {
        width: 27px;
        padding: 0;
    }
}