.timeline-container {
      position: relative;
      padding-left: 60px;
  }

  .timeline-container::before {
      content: '';
      position: absolute;
      left: 28px;
      top: 0;
      width: 4px;
      height: 100%;
      background-color: #dee2e6;
      border-radius: 2px;
  }

  .timeline-item {
      position: relative;
  }

  .timeline-bubble {
      position: absolute;
      left: -60px;
      top: 15px;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #a98744;
      color: #fff;
      font-weight: bold;
      font-size: 0.85rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 4px solid #fff;
      box-shadow: 0 0 0 3px #a98744;
      z-index: 1;
  }