@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');


/* Timeline */

.saraljo-timeline-carousel {
    position: relative;
}

.saraljo-timeline-item {
    flex      : 1;
    display   : flex;
    position  : relative;
    min-height: 550px;
}

.saraljo-timeline-carousel::before {
    position  : absolute;
    content   : '';
    height    : 1px;
    width     : 100%;
    background: #f94e41;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%);
}

/* .saraljo-timeline-item-line {
    height    : 1px;
    width     : 100%;
    background: #f94e41;
    position  : absolute;
    top       : 50%;
    left      : 0;
    transform : translateY(-50%);
} */

.saraljo-timeline-item-dot {
    height       : 8px;
    width        : 8px;
    border-radius: 100%;
    background   : #f94e41;
    position     : absolute;
    top          : 50%;
    left         : 0;
    transform    : translateY(-50%);
}

.saraljo-timeline-item.saraljo-timeline-odd {
    flex-direction: column;
}


.saraljo-timeline-item.saraljo-timeline-even {
    flex-direction: column-reverse;
}

.saraljo-timeline-item-inner .saraljo-timeline-item-content-holder {
    display        : flex;
    align-items    : center;
    justify-content: center;
    column-gap     : 35px;

}

.saraljo-timeline-carousel .owl-nav {
    margin: 0 !important;
}

.saraljo-timeline-carousel .owl-nav button {
    height         : 22px;
    width          : 22px;
    background     : #f94e41 !important;
    color          : #fff !important;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 100% !important;
    cursor         : pointer;
    position       : absolute;
    top            : 50%;
    transform      : translateY(-50%);
    z-index        : 9999;
    margin         : 0 !important;
}

.saraljo-timeline-carousel .owl-nav button.owl-prev {
    left: 0;
}

.saraljo-timeline-carousel .owl-nav button.owl-next {
    right: 0;
}

.saraljo-timeline-item-content-holder-left,
.saraljo-timeline-item-content-holder-right {
    display: flex;
}

.saraljo-timeline-item-content-holder-left {
    align-items: center;
    flex-shrink: 0;
}

.saraljo-timeline-carousel .saraljo-timeline-item-content-holder-left img {
    max-width: 150px;
    width    : 100%;
}

.saraljo-timeline-item-content-holder-right {
    flex-direction : column;
    justify-content: center;
}

.saraljo-timeline-item-content-holder-right h3 {
    font-size     : 28px;
    font-weight   : 400;
    line-height   : 1.143em;
    letter-spacing: -.025em;
    margin-bottom : .85em;
    color         : #fff;
}

.saraljo-timeline-item-content-holder-right p {
    color      : #ACACAC;
    font-size  : 16px;
    line-height: 1.667em;
}


@media screen and (max-width:1180px) {
    .saraljo-timeline-item {
        flex      : 1;
        display   : flex;
        position  : relative;
        min-height: 750px;
    }

    .saraljo-timeline-item-inner .saraljo-timeline-item-content-holder {
        display        : flex;
        align-items    : center;
        justify-content: flex-start;
        flex-wrap      : wrap;
        row-gap        : 30px;
    }

    .saraljo-timeline-item-inner .saraljo-timeline-item-content-holder img {
        max-width: 70px;
    }
}