@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.timeline{
  width:800px;
  background-color:#fff;
  color:#000;
}
.timeline ul{
  list-style-type:none;
  border-left:2px solid #3c4043;
  padding:10px 5px;
}
.timeline ul li{
  padding:20px 20px;
  position:relative;
  cursor:pointer;
  transition:.5s;
}
.timeline ul li span{
  display:inline-block;
  background-color:#013b72;
  color:#fff;
  border-radius:25px;
  padding:2px 10px;
  font-size:16px;
  text-align:center;
  margin-bottom: 5px;
}
.timeline ul li .content h3{
  color:#013b72;
  font-size:18px;
  padding:0px 0px 0px 0px;
  margin-top: 8px;
}
.timeline ul li .content p{
  padding:0px 0px 0px 0px;
  font-size:16px;
}
.timeline ul li:before{
  position:absolute;
  content:'';
  width:14px;
  height:14px;
  background-color:#013b72;
  border-radius:50%;
  left:-13px;
  top:28px;
  transition:.5s;
}
/* .timeline ul li:hover{
  background-color:#071f2a;
}
.timeline ul li:hover:before{
  background-color:#0F0;
  box-shadow:0px 0px 10px 2px #0F0;
} */
/* @media (max-width:300px){
  .timeline{
    width:100%;
    padding:30px 5px 30px 10px;
  }
  .timeline ul li .content h3{
    color:#34ace0;
    font-size:15px;
  }

} */