@media (max-width: 1420px) {
  .timeline-content::before {
    left: 3%;
  }

  .timeline-content::after {
    left: 3%;
  }

  .timeline-section:first-child .timeline-content::after {
    left: 3%;
  }

  .timeline-secton:last-child .timeline-content::after {
    left: 3%;
  }
}

@media (max-width: 1024px) {
  .timeline-content {
    padding: 25px 0px 25px 60px;
  }
  .timeline-content::before {
    left: 1%;
  }
  .timeline-content::after {
    left: 1%;
  }
  .timeline-section:first-child .timeline-content::after {
    left: 1%;
  }
  .timeline-secton:last-child .timeline-content::after {
    left: 1%;
  }
  .timeline-section:last-child .timeline-content::after {
    left: 1%;
  }
}

@media (max-width: 900px) {
  .timeline-content-subtitle {
    flex: 1 0 100%;
  }
  .timeline-content {
    flex-wrap: wrap;
    gap: 0px;
    column-gap: 20px;
  }
  .timeline-content-inner {
    flex: 1 0 45%;
  }
  .timeline-content-img {
    flex: 0 0 200px;
  }
}

@media (max-width: 640px) {
  .timeline-content {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    padding-left: 0px;
  }

  .timeline-content::after {
    width: 2.5px;
    left: -1.5%;
  }

  .timeline-content::before {
    width: 12.5px;
    height: 12.5px;
    border: var(--light-red) 3px solid;
    left: -1.5%;
  }

  .timeline-section:first-child .timeline-content::after {
    width: 2px;
    left: -1.5%;
  }

  .timeline-section:last-child .timeline-content::after {
    width: 2px;
    left: -1.5%;
  }

  .timeline-content::before {
    display: none;
  }

  .timeline-content::after {
    display: none;
  }
}

@media (max-width: 540px) {
  .timeline-content {
    padding: 25px 0 25px 0px;
  }

  .timeline-content .subtitle {
    font-size: 24px;
    line-height: 1;
  }
}