.step-wizard {
      position: relative;
      display: flex;
      justify-content: space-between;
      margin: 40px 0 60px;
    }

    /* FULL base line */
    .step-wizard::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 13%;
      right: 13%;
      height: 2px;
      background-color: #ce1011;
      z-index: 0;
    }

    .step {
      position: relative;
      z-index: 1;
      flex: 1;
      text-align: center;
    }

    .step .icon {
      width: 55px;
      height: 55px;
      border-radius: 0px;
      background-color: #fff;
      border: 2px solid #ce1011;
      color: #ce1011;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      position: relative;
    }

    .step.completed .icon {
      background-color: #333;
      color: #fff;
      border-color: #333;
      font-size: 24px;
    }

    /* Connector lines over base line */
    .step::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 60%;
      height: 2px;
      background-color: #333;
      z-index: -1;
    }

    /* First step no left line */
    .step:first-child::after {
      display: none;
    }

    /* Dynamic line width between icons */
    .step.completed::after {
      width: 100%;
      transform: translateX(-100%);
    }

    /* Active style for current step */
    .step.active .icon {
      border-color: #ce1011;
      background-color: white;
      color: #ce1011;
    }

    .form-step {
      display: none;
    }

    .form-step.active {
      display: block;
    }
    .step .icon  i{
      font-size: 24px;
    }
    .form-label span{
      color: #cc0000;
    }
    input.is-invalid,
select.is-invalid,
textarea.is-invalid {
  border-color: #dc3545;
}
.field label{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #333;
}
.field input{
border-radius: 0px;
height: 50px;
}
.field select{
border-radius: 0px;
height: 50px;
}
.form-step .next-button{
background-color: #cc0000;
border-radius: 0px;
font-size: 20px;
padding: 10px 20px;
margin-top: 20px;
color: #fff;
border: 0px;
}
.form-step .next-button:hover{
background-color: #333;
}
.form-step .prev-button{
background-color: #333;
border-radius: 0px;
font-size: 20px;
padding: 10px 20px;
margin-top: 20px;
color: #fff;
border: 0px;
margin-right: 10px;
}
.form-step .prev-button:hover{
background-color: #cc0000;
}
.col-lg-4 {
    width: 30%;
    display: inline-block;
	margin-bottom:20px;
}
.col-lg-8{
	 width: 60%;
    display: inline-block;
	margin-bottom:20px;
}
.col-lg-6{
	  width: 45%;
    display: inline-block;
	margin-bottom:20px;
}
@media (max-width: 640px) {
.col-lg-4 {
    width: 100%;
}
.col-lg-8 {
    width: 100%;
}
	.col-lg-6 {
    width: 100%;
}
}