/* ==========================================
   TIMELINE / MILESTONES
========================================== */
.timeline-section{
    background:var(--bg-main);
}
.timeline{
    max-width:760px;
    margin:0 auto;
    position:relative;
    padding-left:32px;
    border-left:3px solid var(--border-color);
}
.timeline-item{
    position:relative;
    padding-bottom:40px;
}
.timeline-item:last-child{
    padding-bottom:0;
}
.timeline-item::before{
    content:"";
    position:absolute;
    left:-42px;
    top:4px;
    width:16px;
    height:16px;
    border-radius:50%;
    background:var(--gradient-primary);
    border:3px solid var(--bg-main);
    box-shadow:0 0 0 3px var(--primary-light);
}
.timeline-year{
    display:inline-block;
    font-family:var(--heading-font);
    font-weight:700;
    color:var(--primary);
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:6px;
}
.timeline-content h4{
    font-size:19px;
    margin-bottom:6px;
}
.timeline-content p{
    color:var(--text-light);
    font-size:14px;
    line-height:1.6;
    margin:0;
}
.timeline-empty{
    text-align:center;
    color:var(--text-light);
}

@media (max-width:600px){
    .timeline{
        padding-left:24px;
    }
    .timeline-item::before{
        left:-32px;
    }
}