.timeline-section {
    margin-left: 15px;
    margin-right: 15px;
}

.timeline-header {
    text-align: center;
    margin-bottom: 60px;

    font-weight: normal;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -0.450434px;
    color: #5E7685;
    margin: 30px 0;
    font-family: 'Lato', sans-serif;
}

@media only screen and (max-width: 768px){
    .timeline-header {
        font-size: 42px;
        line-height: 50px;
    }
}

.timeline_slider {
    overflow-x: hidden;
}

.timeline_item_top, .timeline_item_bottom {
    display: flex;
    align-items: center;
}

.timeline_item_spacer, .timeline_item_timestamp {
    flex: 1;
}

.timeline_item_top {
    justify-content: space-between;
    border-bottom: 2px solid #E5ECF0;
    position: relative;
    transition: border-color ease-in-out .5s;
}

.timeline_slider_item_wrap.swiper-slide-active .timeline_item .timeline_item_top,
.timeline_slider_item_wrap.swiper-slide-prev .timeline_item .timeline_item_top {
    border-color: #25D2A2;
}

.timeline_slider_item_wrap.swiper-slide-active .timeline_item .timeline_item_desc,
.timeline_slider_item_wrap.swiper-slide-prev .timeline_item .timeline_item_desc {
    color: #295384;
}

.timeline_slider_item_wrap.swiper-slide-active .timeline_item .timeline_item_timestamp,
.timeline_slider_item_wrap.swiper-slide-prev .timeline_item .timeline_item_timestamp {
    color: #295384;
}

.timeline_slider_item_wrap.swiper-slide-active .timeline_item .timeline_item_top::before,
.timeline_slider_item_wrap.swiper-slide-next .timeline_item .timeline_item_top::before {
    background: #25D2A2;
}

.timeline_item_bottom {
    margin-top: 50px;
}

.timeline_item_top::before
/* .timeline_item_top::after */
{
    position: absolute; 
    bottom: -7px; 
    left: 0; 
    height: 12px; 
    width: 12px; 
    background: #E5ECF0; 
    content: ""; 
    border-radius: 50%;
    transition: background-color ease-in-out .5s;
    z-index: 1;
}


/* .timeline_item_top::after{
    right: 0;
    left: auto;
} */

.timeline_item_timestamp {
    color: #819AA9;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-top: 50px;
    transition: color .5s ease-in-out;
    /* Check it */
    white-space: nowrap;
}

.timeline_item_image_container {
    min-width: 16vw;
    /* background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTIiIGhlaWdodD0iMjQwIiBmaWxsPSJub25lIj48ZyBvcGFjaXR5PSIuOSIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fZmlsdGVyMF9mZ185MDgzXzk2NjQpIj48ZWxsaXBzZSBjeD0iMTYwLjE1MiIgY3k9IjE5OC40MzQiIHJ4PSI5Ny40ODYiIHJ5PSIxNDcuMDk4IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxNjAuMTUyIDE5OC40MzQpIiBmaWxsPSJ1cmwoI3ByZWZpeF9fcGFpbnQwX2xpbmVhcl85MDgzXzk2NjQpIiBmaWxsLW9wYWNpdHk9Ii44Ii8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icHJlZml4X19wYWludDBfbGluZWFyXzkwODNfOTY2NCIgeDE9IjEzNC4yODkiIHkxPSIyOTQuOTQxIiB4Mj0iMjIuMDciIHkyPSI4NC4yODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMkJBQjk3IiBzdG9wLW9wYWNpdHk9Ii43Ii8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzQ0QkY2OSIgc3RvcC1vcGFjaXR5PSIuNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJCQUI5NyIgc3RvcC1vcGFjaXR5PSIuNyIvPjwvbGluZWFyR3JhZGllbnQ+PGZpbHRlciBpZD0icHJlZml4X19maWx0ZXIwX2ZnXzkwODNfOTY2NCIgeD0iLTEzLjgxOCIgeT0iMCIgd2lkdGg9IjM0Ny45NDEiIGhlaWdodD0iMzk2Ljg2OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMzEiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl85MDgzXzk2NjQiLz48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4xNjk0OTE1Mjk0NjQ3MjE2OCAwLjE2OTQ5MTUyOTQ2NDcyMTY4IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIyOTA1IiByZXN1bHQ9ImRpc3BsYWNlbWVudFgiLz48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4xNjk0OTE1Mjk0NjQ3MjE2OCAwLjE2OTQ5MTUyOTQ2NDcyMTY4IiBudW1PY3RhdmVzPSIzIiBzZWVkPSIyOTA2IiByZXN1bHQ9ImRpc3BsYWNlbWVudFkiLz48ZmVDb2xvck1hdHJpeCBpbj0iZGlzcGxhY2VtZW50WCIgdmFsdWVzPSIwIDAgMCAxIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEiIHJlc3VsdD0iZGlzcGxhY2VtZW50WFJlZCIvPjxmZUNvbG9yTWF0cml4IGluPSJkaXNwbGFjZW1lbnRZIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAwIDAgMCAwIDAgMSIvPjxmZUNvbXBvc2l0ZSBpbj0iZGlzcGxhY2VtZW50WFJlZCIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsyPSIxIiBrMz0iMSIvPjxmZURpc3BsYWNlbWVudE1hcCBpbj0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl85MDgzXzk2NjQiIHNjYWxlPSIyMy44IiB4Q2hhbm5lbFNlbGVjdG9yPSJSIiB5Q2hhbm5lbFNlbGVjdG9yPSJHIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxIDAiLz48ZmVDb21wb25lbnRUcmFuc2ZlciByZXN1bHQ9InNvdXJjZURpc3BsYWNlZEFscGhhIj48ZmVGdW5jQSB0eXBlPSJnYW1tYSIgZXhwb25lbnQ9Ii4yIi8+PC9mZUNvbXBvbmVudFRyYW5zZmVyPjxmZUNvbG9yTWF0cml4IGluPSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzkwODNfOTY2NCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxIDAiLz48ZmVDb21wb25lbnRUcmFuc2ZlciByZXN1bHQ9ImlucHV0U291cmNlQWxwaGEiPjxmZUZ1bmNBIHR5cGU9ImdhbW1hIiBleHBvbmVudD0iLjIiLz48L2ZlQ29tcG9uZW50VHJhbnNmZXI+PGZlQ29tcG9zaXRlIGluPSJzb3VyY2VEaXNwbGFjZWRBbHBoYSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsxPSIxIiByZXN1bHQ9ImRpc3BsYWNlbWVudEFscGhhc011bHRpcGxpZWQiLz48ZmVDb21wb3NpdGUgaW49ImRpc3BsYWNlbWVudEFscGhhc011bHRpcGxpZWQiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMz0iLS41IiBrND0iLjUiIHJlc3VsdD0iY2VudGVyaW5nQWRqdXN0bWVudCIvPjxmZUNvbXBvc2l0ZSBpbj0iZGlzcGxhY2VtZW50WCIgaW4yPSJkaXNwbGFjZW1lbnRBbHBoYXNNdWx0aXBsaWVkIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazE9IjEiLz48ZmVDb21wb3NpdGUgaW49ImNlbnRlcmluZ0FkanVzdG1lbnQiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iMSIgazM9IjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDEgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMSIgcmVzdWx0PSJkaXNwbGFjZW1lbnRYRmluYWwiLz48ZmVDb21wb3NpdGUgaW49ImRpc3BsYWNlbWVudFkiIGluMj0iZGlzcGxhY2VtZW50QWxwaGFzTXVsdGlwbGllZCIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIGsxPSIxIi8+PGZlQ29tcG9zaXRlIGluPSJjZW50ZXJpbmdBZGp1c3RtZW50IiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9IjEiIGszPSIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMCAwIDAgMCAwIDEiIHJlc3VsdD0iZGlzcGxhY2VtZW50WUZpbmFsIi8+PGZlQ29tcG9zaXRlIGluPSJkaXNwbGFjZW1lbnRYRmluYWwiIGluMj0iZGlzcGxhY2VtZW50WUZpbmFsIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9IjEiIGszPSIxIi8+PGZlQ29tcG9zaXRlIGluMj0iZGlzcGxhY2VtZW50QWxwaGFzTXVsdGlwbGllZCIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImRpc3BsYWNlbWVudE1hcCIvPjxmZUZsb29kIGZsb29kLWNvbG9yPSIjN0Y3RjdGIiBmbG9vZC1vcGFjaXR5PSIxIi8+PGZlQ29tcG9zaXRlIGluMj0iZGlzcGxhY2VtZW50QWxwaGFzTXVsdGlwbGllZCIgb3BlcmF0b3I9Im91dCIvPjxmZUNvbXBvc2l0ZSBpbjI9ImRpc3BsYWNlbWVudE1hcCIgcmVzdWx0PSJkaXNwbGFjZW1lbnRNYXBXaXRoQmciLz48ZmVEaXNwbGFjZW1lbnRNYXAgaW49ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfOTA4M185NjY0IiBzY2FsZT0iMjMuOCIgeENoYW5uZWxTZWxlY3Rvcj0iUiIgeUNoYW5uZWxTZWxlY3Rvcj0iRyIgcmVzdWx0PSJkaXNwbGFjZWRJbWFnZSIvPjxmZUNvbG9yTWF0cml4IGluPSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzkwODNfOTY2NCIgdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJpbWFnZU9wYXF1ZSIvPjxmZURpc3BsYWNlbWVudE1hcCBpbj0iaW1hZ2VPcGFxdWUiIGluMj0iZGlzcGxhY2VtZW50TWFwV2l0aEJnIiBzY2FsZT0iMjMuOCIgeENoYW5uZWxTZWxlY3Rvcj0iUiIgeUNoYW5uZWxTZWxlY3Rvcj0iRyIgcmVzdWx0PSJkaXNwbGFjZWRJbWFnZU9wYXF1ZSIvPjxmZUNvbG9yTWF0cml4IGluPSJkaXNwbGFjZWRJbWFnZSIgdmFsdWVzPSIwIDAgMCAxIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJkaXNwbGFjZWRJbWFnZVJlZCIvPjxmZUNvbG9yTWF0cml4IGluPSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzkwODNfOTY2NCIgdmFsdWVzPSIwIDAgMCAxIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZUNvbXBvc2l0ZSBpbj0iZGlzcGxhY2VkSW1hZ2VSZWQiIG9wZXJhdG9yPSJhdG9wIiByZXN1bHQ9InRyYW5zcGFyZW5jeVJlZE1hcCIvPjxmZUNvbG9yTWF0cml4IGluPSJ0cmFuc3BhcmVuY3lSZWRNYXAiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMSAwIDAgMCAwIiByZXN1bHQ9InRyYW5zcGFyZW5jeUFscGhhTWFwIi8+PGZlQ29tcG9zaXRlIGluPSJkaXNwbGFjZWRJbWFnZU9wYXF1ZSIgaW4yPSJpbWFnZU9wYXF1ZSIvPjxmZUNvbXBvc2l0ZSBpbjI9InRyYW5zcGFyZW5jeUFscGhhTWFwIiBvcGVyYXRvcj0iaW4iIHJlc3VsdD0iZWZmZWN0Ml90ZXh0dXJlXzkwODNfOTY2NCIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=');
    background-position: bottom;
    background-repeat: no-repeat; */
    display: flex;
    height: 300px;
}

.timeline_item_image {
    display: block;
    margin: auto;
    /* height: 15vw; */
    max-height: 100%;
    margin-bottom: 0;
}


.timeline_item_desc {
    max-width: 450px;
    color: #819AA9;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 40px;
    transition: color .5s ease-in-out;
}

.timeline-show-more-container {
    display: none;
}

.timeline_last_item_top {
    border: none;   
}

.timeline_last_slide_img_container {
    background: none;
}


.timeline_last_slide_img_container::before {
    content: "";
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, #295384 0%, #E5ECF0 100%);
    display: block;
    bottom: -3px;
    position: absolute;
    left: 0;
    z-index: 0;
}

.timeline_last_slide_img_container.timeline_last_animated::before {
    background: linear-gradient(270deg, #295384 0%, #E5ECF0 80%, #295384 100%);
    background-size: 200%;
    animation: timeline_last_item_border_anim 4s linear infinite reverse;
}

@keyframes timeline_last_item_border_anim {
    to {
        background-position: 200% center;
    }
}

.timeline_last_slide_img_container::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 16px solid #295384;
    position: absolute;
    bottom: -10px;
    right: -8px;
}

@media only screen and (max-width: 1600px) {
    .timeline_item_desc {
        font-size: 18px;
        line-height: 140%;
        max-width: 90%;
    }
}

@media only screen and (max-width: 767px){

    .timeline-header { 
        text-align: left;
    }

    .swiper-slide {
        width: auto;
    }

    .swiper-wrapper {
        display: block;
    }

    .swiper-wrapper::before {
        content: '';
        position: absolute;
        left: 5px;
        height: calc(100% - 600px);
        border-left: 2px solid #25D2A2;
        top: 360px;
    }

    
    .timeline_item.timeline_last_item::before {
        content: "";
        position: absolute;
        left: 5px;
        bottom: 0;
        width: 2px;
        height: 260px;
        background: linear-gradient(0deg, rgba(41,83,132,1) 0%, rgba(229,236,240,1) 88%, rgba(37,210,162,1) 100%)
    }

    .timeline_item.timeline_last_item::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 16px solid #295384;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        bottom: 0px;
        left: -2px;
    }

    .timeline_item_top {
        border-bottom: none;
        flex-direction: column-reverse;
        align-items: unset;
    }


    .timeline_slider_item_wrap {
        padding-left: 20px;
    }

    .timeline_item_desc {
        width: 100%;
        margin-bottom: 70px;
        color: #295384;
    }

    .timeline_item_top::before {
        all: revert;
    }

    .timeline_item_image { 
        height: auto;
        width: 70vw;
    }

    .timeline_item_timestamp {
        color: #295384;
    }

    .timeline_item_timestamp::before {
        position: absolute; 
        bottom: 10px; 
        left: -20px; 
        height: 12px; 
        width: 12px; 
        background: #25D2A2; 
        content: ""; 
        border-radius: 50%;
        transition: background-color ease-in-out .5s;
    }


    .timeline_item_image_container {
        width: 100%;
        background: radial-gradient(circle at bottom, #DCEAFA 40vw, transparent 39vw);
    }

    .timeline_last_slide_img_container .timeline_item_image {
        display: none;
    }

    
    .timeline_item_image_container.timeline_last_slide_img_container {
        background: none;
        height: 0;
    }

    .timeline_last_slide_img_container::before, .timeline_last_slide_img_container::after {
        content: none;
    }

    .timeline-show-more-container {
        display: block;
    }

    .timeline-show-more-overlay {
        height: 157px;
        position: absolute;
        bottom: 55px;
        background: linear-gradient(180deg, #F1F5F6 0%, rgba(241, 245, 246, 0) 100%);
        left: 0;
        width: 100%;
    }

    .timeline-show-more-container .timeline-show-more-btn {
        color: #5E7685;
        background: #D3DFE6;
        width: 100%;
        border-radius: 12px;
        font-family: 'Lato', sans-serif;
        font-size: 1rem;
        text-transform: none;
    }

    .timeline_more_content {
        display: none;
    }
}