/* Timeline Container */
.timeline {
  background: var(--primary-color);
  margin: 20px auto;
  padding: 20px;
}

/* Outer Layer with the timeline border */
.t-outer {
  border-left: 2px solid #000;
}

/* Card container */
.t-card {
  position: relative;
  margin: 0 0 20px 20px;
  padding: 10px;
  background: #B3F5C4;
  color: #000;
  border: 2px solid #58B470; border-radius: 9px;
  max-width: 100%;
}

/* Information about the timeline */
.t-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

/* Title of the card */
.t-title {
  color: orangered;
  position: relative; text-size:16px;
}

/* Timeline dot  */
.t-title::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 9px;
  left: -39px;
  border: 3px solid orangered;
}