.flex-content.timeline {
    padding: 90px 0;
}

.flex-content.timeline .main-title {
    margin: 0 0 40px;
}

.timeline-rows {
    position: relative;
    padding: 2rem 0 0;
}

@media (min-width: 992px) {
    .timeline-rows::before {
        content: "";
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: .5rem;
        transform: translateX(-.25rem);
        background-color: var(--bs-secondary);
    }
    .timeline-rows .row:not(.justify-content-end) {
        text-align: right;
    }
}

.timeline-rows h6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    margin-bottom: 2.5rem;
}

.timeline-rows .row .col-lg-5 {
    position: relative;
}
.timeline-rows .row .col-lg-5::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 40px;
    left: 97%;
    height: 4px;
    width: 23%;
    background-color: var(--bs-secondary);
    z-index: -1;
}
@media (min-width: 992px) {
    .timeline-rows .row.justify-content-end .col-lg-5::before {
        left: auto;
        right: 97%;
    }
}
@media (max-width: 991px) {
    .timeline-rows .row .col-lg-5::before {
        left: auto;
        right: 97%;
    }
}