.timeline {
  overflow-x: hidden;
  padding: 20px 0;
  font-weight: bold;
  color: #8bbb0d;
}

.timeline ol {
  width: 100%;
  transition: all 1s;
  margin:0;
  padding:0;
  display:flex;
  justify-content: space-between;
}

.timeline ol li {
  list-style:none;
  position: relative;
  text-align:center;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 5px;
}

.timeline ol li:before {
  content:"";
  width:20px;
  height:20px;
  display:block;
  border-radius:50%;
  background: #8bbb0d;
  margin:0 auto 5px auto;
}
.timeline ol li:not(:last-child)::after {
    content: "";
    width: calc(100% - 14px);
    height: 8px;
    display: block;
    background: #f0f0f0;
    margin: 0;
    position: absolute;
    top: 6px;
    left: calc(50% + 10px);
}