.swiper-container-timeline {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.timeline-slide-container {
  text-align: center;
}

.timeline-year-v2 {
  color: white;
}

.timeline-title {
  color: white;
  font-size: 15px;
}

.timeline-text {
  color: white;
  font-weight: 300;
  font-size: 13px;
}

.swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 29.5%;
}

.midline-container {
  display: flex;
  justify-content: center;
}

.midline-timeline {
  position: absolute;
  width: 90%;
  height: 3px;
  background-image: radial-gradient(circle at 50% 50%, #519fd6, #001e31);
}

.swiper-button-next.timeline-swiper-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23519fd6'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-prev.timeline-swiper-button {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23519fd6'%2F%3E%3C%2Fsvg%3E") !important;
}


@media screen and (max-width: 1205px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 26.5%;
}
}

@media screen and (max-width: 1189px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 23.5%;
}
}

@media screen and (max-width: 1074px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 38.5%;
}
}

@media screen and (max-width: 746px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 33.5%;
}
}

@media screen and (max-width: 399px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 29.5%;
}
}

@media screen and (max-width: 273px) {
  .swiper-button-next.timeline-swiper-button, .swiper-button-prev.timeline-swiper-button, .midline-timeline {
  top: 26.5%;
}
}