.timeline{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    width:100%;
    flex-wrap:nowrap;
}

.timeline-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    flex:1;
    max-width:220px;
}

.timeline-icon{
    width:150px;
    height:auto;
    margin-bottom:15px;
}

.timeline-item h5{
    margin:0;
}

.timeline-item h5:first-of-type{
    margin-bottom:8px;
    text-transform:uppercase;
}

.timeline-separator{
    display:flex;
    align-items:center;
    justify-content:center;
}

.timeline-separator img{
    width:120px;
    height:auto;
}

@media(max-width:1000px){

    .timeline{
        flex-direction:column;
        gap:30px;
    }

    .timeline-item{
        max-width:none;
    }

    .timeline-icon{
        width:170px;
        margin-bottom:18px;
    }

    .timeline-separator img{
        width:120px;
    }

}