.timeline-section .border-title::after {
    left: 50%;
    transform: translateX(-50%);
}

.timeline{
    position:relative;
    max-width:850px;
    margin: 30px auto 0;
    padding-left:70px;
}

.timeline::before{
    content:'';
    position:absolute;
    left:24px;
    top:0;
    bottom:0;
    width:3px;
    background:var(--accent-block-color);
}

.timeline-progress{
    position:absolute;
    left:24px;
    top:0;
    width:3px;
    height:0;
    background:var(--accent-color);
    transition:height .15s linear;
}

.timeline-item{
    position:relative;
    margin-bottom:28px;
    opacity:0;
    transform:translateY(40px);
    transition:.6s;
}

.timeline-item.show{
    opacity:1;
    transform:none;
}

.timeline-dot{
    position:absolute;
    left:-54px;
    top:25px;

    width:18px;
    height:18px;

    border-radius:50%;
    background:transparent;
    border:4px solid transparent;
    transition:.3s;
}

.timeline-item.show .timeline-dot{
    border-color: var(--accent-color);
    background: var(--accent-color);
}

.timeline-card{
    background:#fff;
    border-radius:20px;
    padding:24px;
    box-shadow:
        0 2px 10px rgba(16,24,40,.05),
        0 15px 40px rgba(16,24,40,.06);
}

.timeline-card span{
    display:inline-flex;
    width:42px;
    height:42px;
    border-radius:50%;
    background: var(--accent-block-color);
    color: var(--accent-color);
    align-items:center;
    justify-content:center;
    font-weight: var(--fw-bold);
    margin-bottom:18px;
}

.timeline-card p {
    font-size: var(--text-size-16);
    opacity: 0.7;
}

.timeline-card h4{
    margin-bottom:12px;
}

@media (min-width:1200px){

    .timeline{
        max-width:1100px;
        padding:0;
        margin-top: 60px;
    }

    .timeline::before{
        left:50%;
        transform:translateX(-50%);
    }

    .timeline-progress{
        left:50%;
        transform:translateX(-50%);
    }

    .timeline-item{
        position:relative;
        width:calc(50% - 60px);
        margin-bottom: 0;
    }

    .timeline-item:nth-child(even){
        margin-right:auto;
    }

    .timeline-item:nth-child(odd){
        margin-left:auto;
        margin-top: 0;
    }

    .timeline-card p {
        font-size: var(--text-size-18);
    }

}

@media (min-width:1200px){

.timeline-dot{

    top:50%;

    transform:translateY(-50%);
}

.timeline-item:nth-child(even) .timeline-dot{
    right:-69px;
    left:auto;
}

.timeline-item:nth-child(odd) .timeline-dot{
    left:-69px;
}

.timeline-card{
    padding: 32px;
}

}



@media (min-width:1200px){

.timeline-card::after{

    content:"";

    position:absolute;

    top:50%;

    width:50px;

    height:2px;

    background:#d9e8f7;
}

.timeline-item:nth-child(even) .timeline-card::after{

    right:-50px;
}

.timeline-item:nth-child(odd) .timeline-card::after{

    left:-50px;
}

}