.progress-bar {
   align-items: center;
   width: 80%;
   padding: 5px;
 }
 
.step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: gray;
  color: black;
}

.line {
  flex: 1;
  border-top: 1px solid gray;
}

.completed {
  background-color: #189795;
  color: white;
}

.in-progress {
  background-color: #4856ed;
  color: white;
}