.cmp-vertical-timeline {
  display: grid;
}
.cmp-vertical-timeline__components-container {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
.cmp-vertical-timeline__components-container * {
  margin: 0;
  padding: 0;
}
.cmp-vertical-timeline__line {
  position: relative;
  width: 2px;
  height: 0;
  background-color: #C9C8C8;
  left: 7.5px;
  top: 15px;
  opacity: 0;
  transition: opacity 0.4s ease 0s;
  z-index: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
.cmp-vertical-timeline__component:not(.no-dots-or-line) {
  padding-left: 45px;
}
.cmp-vertical-timeline__component {
  position: relative;
  opacity: 0.2;
  transition: opacity 0.4s ease 0s;
  z-index: 2;
}
.cmp-vertical-timeline__marker,
.cmp-vertical-timeline__marker-border {
  position: absolute;
  height: 17px;
  width: 17px;
  display: block;
  background-color: var(--dot-color);
  left: 0;
  top: 5px;
  border-radius: 20px;
}
.cmp-vertical-timeline__marker {
  display: none;
}
.cmp-vertical-timeline__marker-border {
  background-color: transparent;
  border: 2px solid var(--dot-color);
  box-sizing: border-box;
}