.steps-line {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  margin: 0px 0px 0px 5px;
  border-left: 1px dashed #2C206C;
}
.steps-line__item {
  display: flex;
  margin: 0px 0px 0px -5px;
}
.steps-line__item:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #F9C85D;
  border: 1px solid #2C206C;
  margin: 8px 30px 0px 0px;
}

.dark-theme .steps-line {
  border-left: 1px dashed #FFFFFF;
}
.dark-theme .steps-line__item:before {
  background: #E0863B;
}

@media screen and (max-width: 992px) {
  .steps-line {
    grid-gap: 20px;
  }
  .steps-line__item:before 
    margin: 8px 20px 0px 0px;
  }
}