section.history ul li{
  display: flex;
}

section.history ul li time{
  width: 25%;
  font-weight: 600;
  
}

section.history ul li div{
  position: relative;
  width: 75%;
  padding-left: 8%;
  padding-bottom: 20px;
  border-left: 1px solid var(--main-color);
}

section.history ul li div::before{
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  background: var(--mid-color);
}

section.history ul li div h3{
  display: inline-block;
  padding: 5px 20px 5px 5px;
  text-transform: capitalize;
  margin-bottom: 5px;
  color: white;
  font-weight: 600;
  background: var(--main-color);
  border-radius: 10px 20px 20px 10px;
}

section.history ul li div p::before{
  content: "• ";
}

section.history ul li div p b{
  font-weight: 600;

}