.timeline-horizontal .row-boxes {
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-top: 3rem;
}

.timeline-horizontal .row-boxes.no-gutters>div {
  padding-right: 4rem;
}

.timeline-horizontal .row-boxes .card {
  position: relative;
}

.timeline-horizontal .row-boxes > div:before {
  content: '';
  width: 100%;
  height: 4px;
  background: black;
  position: absolute;
  top: -2rem;
  left: 0;
  display: block;
}

.timeline-horizontal .row-boxes > div .card:before {
  content: '';
  width: 4px;
  height: 2rem;
  background: black;
  position: absolute;
  top: -3rem;
  left: 0;
  display: block;
}

.timeline-horizontal .row-boxes::-webkit-scrollbar {
  width: 4px;
  height: 9px;
}

.timeline-horizontal .row-boxes::-webkit-scrollbar-track {
  background: white;
  border-radius: 9px;
}

.timeline-horizontal .row-boxes::-webkit-scrollbar-thumb {
  background: black;
  border-radius: 9px;

}

@supports not selector(::-webkit-scrollbar) {
  .timeline-horizontal .row-boxes {
    scrollbar-color: black;
    var(--sb-track-color);
  }
}