This is for Multi-Step Style, You can modify this code with your form brand design.

multi_step_style.css

<style>
/* Style Form */
/*.multistep #fields {
  height: auto !important;
}*/

.multistep #fields .step {
  height: auto !important;
  position: absolute;
  top: 0;
  display: none;
}

.multistep #fields .step.active {
  position: relative;
}

.multistep .lp-pom-form-field .lp-form-label { width:auto !important; }

.multistep .lp-pom-form-field {
    position: relative !important;
    top: auto !important;
    margin-bottom: 15px !important;
    margin-left: 7px;
    margin-top: 8px;
}

.multistep.initial .lp-pom-button.back-button {
  display: none !important;
}
  
  
div.step {width: 100%;text-align: center;background: #e6e6e6;font-size: 15px;}

div.step .num {background: #e6e6e6;padding: 10px 15px;border-radius: 45px;position: relative;top: -7px;font-weight: bold;color: #646464;}

div.step.active .num, div.step.active {background: #DE1845;color: #fff;}

div#progress-bar {
    display: inline-flex;
    width: 100% !important;
    height: 4px;
  	top: -37px;
    position: relative;
}
  
.multistep .lp-pom-button {
  position: relative !important;
  top: 15px !important;
  width: 60% !important;
  display: inline-block !important;
  float: right;
  text-transform: uppercase !important;
}

.multistep.initial .lp-pom-button {
  width: 100% !important;
}

.multistep .lp-pom-button.back-button {
  margin-right: 0;
  float: left;
  opacity: 0.7 !important;
  background-color: #E6E6E6 !important;
  color: #636363 !important;
  width: 35% !important;
  text-transform: uppercase !important;
}

.multistep.initial .lp-pom-button.back-button {
  display: none !important;
}  
  
span.title {
    display: block;
    margin-top: 7px;
    color: #646464;
}  

</style>