.ilwu-timeline {
  position: relative;
  display: grid;
  gap: var(--ilwu-space-6);
}

.ilwu-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 22px;
  width: 3px;
  background: var(--ilwu-color-border);
}

.ilwu-timeline__item {
  position: relative;
  padding: var(--ilwu-space-5) var(--ilwu-space-5) var(--ilwu-space-5) calc(var(--ilwu-space-8) + 8px);
  border: 1px solid var(--ilwu-color-border);
  border-radius: var(--ilwu-radius-lg);
  background: var(--ilwu-color-white);
  box-shadow: var(--ilwu-shadow-sm);
}

.ilwu-timeline__item::before {
  content: "";
  position: absolute;
  top: var(--ilwu-space-6);
  left: 14px;
  width: 19px;
  height: 19px;
  border: 4px solid var(--ilwu-color-yellow);
  border-radius: 50%;
  background: var(--ilwu-color-navy);
}

@media (max-width: 575.98px) {
  .ilwu-timeline__item {
    padding-left: var(--ilwu-space-7);
  }
}