.history-timeline-section-3 .history-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap-large);
}

.history-timeline-section-3 .history-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--grid-gap-medium);
}
.history-timeline-section-3 .history-item.reverse {
  flex-direction: row-reverse;
}

.history-timeline-section-3 .history-item-left,
.history-timeline-section-3 .history-item-right {
  flex: none;
  width: calc((100% - 16px - var(--grid-gap-medium) * 2) / 2);
}

.history-timeline-section-3 .history-item-right {
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap-small);
}

.history-timeline-section-3 .history-item.reverse .history-item-right {
  text-align: end;
}

.history-timeline-section-3 .history-item-icon {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--primary-btn-bg-color);
  background-color: var(--neutral-2);
}

@media (max-width: 991px) {
  .history-timeline-section-3 .history-item {
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
  }

  .history-timeline-section-3 .history-item-icon {
    display: none;
  }

  .history-timeline-section-3 .history-item-right {
    order: 1;
    flex: none;
    width: 100%;
    text-align: start !important;
  }

  .history-timeline-section-3 .history-item-left {
    order: 2;
    flex: none;
    width: 100%;
    text-align: start !important;
  }
}