#timeline-wrap{
    margin: 10% 20% 8% 20%;
    top:100;
    position:relative; 
}

@media screen and (max-width: 991px) {
    #timeline-wrap{
        margin:10% 15%; 
    }
}
  
#timeline{
    height:1px;
    width: 100%;
    background-color:#aabbc4;
    position:relative;
}
  
.marker{
    z-index: 2;
    color: #fff;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -25px;
    background-color: var(--col1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
   
.timeline-icon.one {
      background-color: var(--col1) !important;
}
  
.timeline-icon.two {
      background-color: var(--col1) !important;
}
  
.timeline-icon.three{
      background-color: var(--col1) !important;
}
  
.timeline-icon.four {
      background-color: var(--col1) !important;
}
  
.mfirst{
    top:-25px;
}
  
.m2{
    top:-25px;
    left:32.5%
}
  
.m3{
    top:-25px;
    left:66%
}
   
.mlast{
    top:-25px;
    left:100%
}