
.timeline {
    display: flex;
    flex-direction: column;
    margin-left: 0.75rem;

    .timeline-item {
        margin-left: 0.75rem;
        position: relative;
        padding-left: 2.0rem;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;

        &::before {
          content: "";
          background-color: darken($light, 5%);
          display: block;
          width: 1px;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
        }

        .timeline-icon {
          position: absolute;
          margin-left: -2.95rem;
          margin-top: 0 !important;
          width: 25px;
          height: 25px;
          text-align: center;
        }
    }
}