div#step-line[step-ref="2"]:after {
  width: 34%;
}
div#step-line[step-ref="3"]:after {
  width: 68%;
}
div#step-line[step-ref="4"]:after {
  width: 100%;
}
div#steps-view[step-ref="2"] span[step-item="2"] {
  background: #ff5300;
  color: #fff;
}
div#steps-view[step-ref="3"] span[step-item="2"] {
  background: #ff5300;
  color: #fff;
}
div#steps-view[step-ref="3"] span[step-item="3"] {
  background: #ff5300;
  color: #fff;
}

div#steps-view[step-ref="4"] span[step-item="4"] {
  background: #ff5300;
  color: #fff;
}
div#steps-view[step-ref="4"] span[step-item="3"] {
  background: #ff5300;
  color: #fff;
}
div#steps-view[step-ref="4"] span[step-item="2"] {
  background: #ff5300;
  color: #fff;
}

div[step="2"],
div[step="3"],
div[step="4"] {
  display: none;
}