.timeline li {
  position: relative;
  padding-left: 20px;
}
.timeline li.active::after {
  background-color: var(--primary);
}
.timeline li.active::before {
  background-color: var(--primary);
}
.timeline li::after {
  height: calc(100% - 20px);
  width: 1px;
  content: "";
  background-color: var(--neutral-20);
  display: block;
  position: absolute;
  left: 0;
  top: 30px;
  left: 3.5px;
}
.timeline li::before {
  height: 100%;
  width: 8px;
  height: 8px;
  content: "";
  background-color: var(--neutral-20);
  display: block;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 15px;
}