.timeline-wrapper {
    position: relative;
    overflow: hidden;
}

#Group_21486 {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
}

#Group_222 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.timeline-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    z-index: 1;
}

.timeline-content.text-center {
    max-width: 646px;
}

.timeline-item__image {
    max-width: 269px;
    position: relative;
}

.timeline-item__image svg {
    position: absolute;
    left: -37px;
}

.timeline-item__image img {
    width: 100%;
    height: 300PX;
    object-fit: cover;
}

.timeline-item.has-image .timeline-content {
    margin-left: auto;
    margin-right: 70px;
    width: 716px;
}

.timeline-separator-wrapper {
    flex: 100%;
    text-align: center;
    margin: 25px 0 30px;
}

.timeline-listing > .timeline-item:last-child .timeline-separator-wrapper {
    display: none;
}

.timeline-item .icon-outline-down {
    font-size: 20px;
    margin-top: -5px;
    margin-bottom: 15px;
    display: block;
}

.group-collapse .timeline-item {
    display: none;
}

.js-group-timeline {
    cursor: pointer;
}

.heading-group-timeline {
    margin: 0 0 45px;
}

@media( min-width:768px ) {
    .wysiwyg--skew-bottom + .timeline-wrapper {
        margin-top: -220px;
        z-index: 1;
        background: #fff;
    }
}

@media( min-width:992px ) {
    #Group_21486,
    #Group_222 {
        width: auto;
    }
}

@media( min-width: 0px ) and ( max-width:1199px ) {
    .timeline-item__image {
        display: none !important;
    }

    .timeline-item.has-image .timeline-content {
        margin: 0 auto !important;
    }

    .timeline-item.has-image .timeline-content {
        max-width: 760px;
    }
}

@media( min-width:1200px ) {

    .timeline-listing > .has-image:nth-child(odd) {
        flex-direction: row-reverse;
    }
    
    .timeline-listing > .has-image:nth-child(odd) .timeline-content {
        margin-left: 70px;
        margin-right: auto;
    }
    
    .timeline-listing > .has-image:nth-child(odd) .timeline-item__image {
        flex-direction: row-reverse;
    }
    
    .timeline-listing > .has-image:nth-child(odd) .timeline-item__image svg {
        transform: rotate(180deg);
        position: absolute;
        right: -37px;
        left: initial;
    }

    .timeline-item__image {
        max-width: initial;
        flex: 0 0 16%;
    }

    .timeline-content.text-center {
        max-width: initial;
        flex: 0 0 56%;
    }

    .timeline-item.has-image .timeline-content {
        width: auto;
    }

}

@media( min-width:1360px ) {
    .timeline-content.text-center {
        max-width: initial;
        flex: 0 0 57%;
    }
}