.separator-mobile {
    width: 1px;
    border-right: dashed 2px black;

}

.timeline .timeline-line {
    border: none;
}

.dot {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background-color: var(--bs-primary);
}

.timeline-wrapper>div:last-child .separator-mobile {
    display: none;
}

@media (min-width: 992px) {
    .separator-mobile {
        display: none;
    }

    .timeline .timeline-line {
        width: 200vw;
        height: 1px;
        border-top: dashed 2px black;
        position: absolute;
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .timeline .timeline-line.first-line {
        transform: translate(10px, -50%);
    }
}