.timeline{
  display: block;
}

.timeline .timeline-item{
  display: flex;
  gap: 10px;
  position: relative;
  margin-bottom: 16px;
  align-items: center;
}

.timeline .timeline-item-date{
  font-size: 16px;
  text-align: right;
}

.timeline .timeline-item-date .time{
  color: #9e9e9e;
  font-size: 12px;
}
.timeline .timeline-item-date .date{
  color: #6c6c6c;
  font-weight: bold;
  font-size: 12px;
}

.timeline .timeline-item-status{
  border-left: 1px solid #b8b8b8;
  height: 100%;
  padding: 10px;
}
.timeline .timeline-item-status .status{
  color: #6c6c6c;
  font-size: 22px;
  font-weight: bold;
}

.timeline .timeline-item-status .description{
  color: #6c6c6c;
  font-size: 14px;
}

.timeline .timeline-item.active .status{
  color: #d51347;
}

.timeline .timeline-item.active .timeline-item-status{
  border-left: 1px solid #ffd1dd;
}