.Discover-our-history {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin: 80px 0;
  justify-content: center;
}

.Discover-our-history__title {
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 600px) {
  .Discover-our-history {
    margin: 40px 0;
  }

  .Discover-our-history__title {
    margin: 0 auto;
  }
}


/* ========================= spots ========================== */

.spot-container {
  position: relative;
}

.spot {
  position: absolute;
  z-index: -1;
}

.spot--01 {
  height: auto;
  width: 356px;
  top: -192px;
  left: 9px;
  transform: rotate(0deg);
}

.spot--02 {
  height: auto;
  width: 309px;
  top: -113px;
  left: 862px;
  transform: rotate(0deg);
}

.spot--03 {
  height: auto;
  width: 487px;
  top: 404px;
  left: 72px;
  transform: rotate(0deg);
}

.spot--04 {
  height: auto;
  width: 487px;
  top: 920px;
  left: 707px;
  transform: rotate(0deg);
}

@media (max-width: 600px) {

  .spot--01 {
    width: 256px;
    top: 309px;
    left: -41px;
    transform: rotate(0deg);
  }

  .spot--02 {
    width: 309px;
    top: -57px;
    left: 13px;
    transform: rotate(0deg);
  }

  .spot--03 {
    width: 387px;
    top: 444px;
    left: 72px;
    transform: rotate(0deg);
  }

  .spot--04 {
    width: 287px;
    top: 891px;
    left: 115px;
    transform: rotate(0deg);
  }
}

.history {
  display: flex;
  flex-direction: column;
}

.history-item {
  display: flex;
  gap: 32px;
}

@media (max-width: 600px) {
  .history-item {
    gap: 4px;
  }
}

.history-item__icon {
  margin: 0 20px;
}

@media (max-width: 600px) {
  .history-item__icon {
    margin: 0;
  }
}

.history-item__timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 32px;
}

@media (max-width: 600px) {
  .history-item__timeline {
    margin: 0 26px;
  }
}

.history-item__timeline-marker {
  position: absolute;
  min-width: 28px;
  min-height: 28px;
  top: -4px;
}

@media (max-width: 600px) {
  .history-item__timeline-marker {
    min-width: 28px;
    min-height: 28px;
  }
}

.history-item__timeline-line {
  width: 4px;
  height: 100%;
  background-color: var(--capti-color--brand-brand);
  opacity: 56%;
}

.history-item__timeline-line--last {
  display: none;
}

.history-item__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 36px;
}

@media (max-width: 600px) {
  .history-item__content {
    padding-bottom: 20px;
  }
}

.history-item__year {
  color: var(--capti-color--brand-violet);
}

.history-item__description {
  color: var(--capti-color--text-secondary);
}

@media (max-width: 600px) {
  .history-item__description {
    display: none;
  }
}