.timeline-wrapper {
  margin-left: 1.5rem;
  /*border-left: 3px solid #676767;*/
}
.node {
  padding-left: 2rem;
  padding-bottom: 1.5rem;
  position: relative;
  border-left: 3px solid #f77f00;
}
.node h4, .node p {
  margin: 0;
}
.node h4{
	font-size:18px;
	color:#f77f00;
	font-weight:500;}
.node::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: #f77f00;
  border: 2px solid #ccc;
  border-radius: 50%;
  position: absolute;
  top: -0.7rem;
  left: -1.3rem;
  font-size:20px;
  color:#fff;
  font-weight:600;
  padding-left:1rem;
}
.one::before {
  content: "1";
}

.pro-vertical {
  padding-left:2rem;
  padding-bottom: 1.5rem;
  position: relative;
  border-left: 3px solid #676767;
}
.pro-vertical h4, .border p {
  margin: 0;
}
.pro-vertical h4{
	font-size:18px;
	color:#f77f00;
	font-weight:500;}
.pro-vertical::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border: 3px solid #747474;
  border-radius: 50%;
  position: absolute;
  top:-0.7rem;
  left: -1.3rem;
  font-size:20px;
  color:#747474;
  font-weight:600;
  padding-left:.7rem;
}
.two::before {
  content: "2";
}
.three::before {
  content: "3";
}
.four::before {
  content: "4";
}