.list8-item {
  padding: var(--grid-gutter);
  border: 2px dashed var(--main-border-color);
}
.list8-item:before, .list8-item:after {
  position: absolute;
  content: "";
  height: 30%;
  width: 6px;
  background: var(--main-color);
  border-radius: var(--border-radius);
  transform: translateY(-50%);
  top: 50%;
}
.list8-item:before {
  left: -4px;
}
.list8-item:after {
  right: -4px;
}

.list8-date {
  margin: 10px 0;
  display: flex;
  align-items: center;
  color: var(--desc-color);
  font-size: 15px;
  line-height: 25px;
}

.list8-label {
  margin-right: 10px;
  font-family: var(--font-medium);
  text-transform: capitalize;
}

.list8-label i {
  margin-right: 2px;
}

.list8-label span {
  font-family: var(--font-medium);
}

@media (max-width: 575.98px) {
  .list8-date {
    font-size: 14px;
    line-height: 24px;
  }
}