.text-primary-dark {
  --tw-text-opacity: 1;
  color: rgba(0, 75, 141, 1) !important;
  color: rgba(0, 75, 141, var(--tw-text-opacity, 1));
}
.text-text {
  --tw-text-opacity: 1;
  color: rgba(46, 46, 49, 1);
  color: rgba(46, 46, 49, var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}
.text-green {
  --tw-text-opacity: 1;
  color: rgba(3, 135, 65, 1) !important;
  color: rgba(3, 135, 65, var(--tw-text-opacity, 1));
}
.timeline-grid {
  margin: 0px;
  display: grid;
  list-style-type: none;
  grid-template-columns: 1fr;
  justify-content: space-between;
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
.timeline-grid .timeline-item {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  border-color: rgba(0, 75, 141, 1);
  border-top-width: 8px;
}
.timeline-grid .timeline-date-title {
  color: rgba(0, 75, 141, 1);
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 800;
}
.timeline-grid .timeline-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1rem;
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
}
.timeline-grid .timeline-list {
  margin: 0;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.timeline-grid .timeline-list li {
  position: relative;
  margin-left: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}
.timeline-grid .timeline-list li::before {
  --tw-text-opacity: 1;
  color: rgba(3, 135, 65, 1);
  color: rgba(3, 135, 65, var(--tw-text-opacity, 1));
  content: "\1F5F9";
  font-size: 1.5rem;
  font-weight: 400;
  left: -1.5rem;
  line-height: 1rem;
  position: absolute;
  top: 1.125rem;
}
.border-primary-dark {
  --tw-border-opacity: 1;
  border-color: rgba(0, 75, 141, 1) !important;
  border-color: rgba(0, 75, 141, var(--tw-border-opacity, 1));
}
.border-green {
  --tw-border-opacity: 1;
  border-color: rgba(3, 135, 65, 1) !important;
  border-color: rgba(3, 135, 65, var(--tw-border-opacity, 1));
}
.bg-green {
  --tw-bg-opacity: 1;
  background-color: rgba(3, 135, 65, 1) !important;
  background-color: rgba(3, 135, 65, var(--tw-bg-opacity, 1));
}
.bg-green\/10 {
  background-color: rgba(3, 135, 65, 0.1) !important;
}
.bg-grey {
  --tw-bg-opacity: 1;
  background-color: rgba(229, 231, 235, 1);
  background-color: rgba(229, 231, 235, var(--tw-bg-opacity, 1));
}

@media screen and (min-width: 1024px) {
  .timeline-grid {
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  }

  .timeline-grid .timeline-item {
    grid-template-rows: 70px minmax(auto, 1fr) 1fr;
  }
}