.timeline-slider .slick-slide {
    position: relative;
    padding: 43px 22px 0 59px;
    vertical-align: top;
}

.timeline-slide-item h3 {
    font-size: 38px;
    font-weight: 400;
    color: #0C1631;
    margin: 0 0 6px;
}

.timeline-slider:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(12, 22, 49, 0.5);
    top: 0;
}


.timeline-slider .slick-slide:after {
    content: "";
    position: absolute;
    left: 25px;
    width: 1px;
    height: 161px;
    background: rgba(12, 22, 49, 0.5);
    top: 0;
}

.timeline-slider .slick-slide:before {
    content: "";
    position: absolute;
    left: 22px;
    width: 8px;
    height: 8px;
    background: #213C88;
    top: 159px;
    border-radius: 10px;
}

.timeline-slider {
    padding-bottom: 71px;
}

.timeline-slide-item p {
    min-height: 130px;
    font-size: 16px;
    line-height: 1.625em;
}

@media(min-width: 768px) {
    .timeline-slider .slick-slide {
        padding: 40px 0 0 32px;
        width: 248px;
        margin-left: -35px;
    }

    .timeline-slider .slick-slide:after {
        left: 3px;
    }

    .timeline-slider .slick-slide:before {
        left: 0px;
    }

    .timeline-slider {
        padding-bottom: 71px;
    }

    .timeline-slider .slick-track {
        padding-top: 200px;
        display: flex;
        margin-left: 19px;
    }

    .timeline-slider .slick-slide:nth-child(even) {
        margin-top: -200px;
        padding: 0 0 0 32px;
        height: 200px;
        margin-left: -57px;
    }

    .timeline-slider .slick-slide>* {
        font-size: 0;
        height: 100%;
    }

    .timeline-slide {
        height: 100%;
    }

    .timeline-slide-item {
        height: 100%;
    }

    .timeline-slider:after {
        top: 200px;
    }

    .timeline-slider .slick-slide:nth-child(even):after {
        top: unset;
        bottom: 0;
    }

    .timeline-slider .slick-slide:nth-child(even):before {
        top: unset;
        bottom: 160px;
    }

    .timeline-slide-item h3 {
        font-size: 32px;
    }

    .timeline-slide-item p {
        /* min-height: unset; */
        overflow-y: auto;
        height: 100px;
        padding-right: 8px;
    }

    .timeline-slide-item p::-webkit-scrollbar {
        width: 4px;
    }

    .timeline-slide-item p::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #f2f5f5;
    }

    .timeline-slide-item p::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #213C88;
    }

    .timeline-slider .slick-arrow {
        bottom: unset;
        top: 50%;
        transform: translate(0, -50%);
        left: 52px;
        margin: 0;
        margin-top: -14px;
        z-index: 2;
    }

    .timeline-slider .slick-next {
        margin: 0;
        left: unset;
        right: 52px;
        margin-top: -14px;
    }

    .timeline-slider {
        padding-bottom: 0;
    }

    .timeline-slider:before {
        content: "";
        position: absolute;
        /* width: 436px; */
        width: 150px;
        right: 0;
        top: 0;
        height: 100%;
        background: linear-gradient(91.28deg, rgba(255, 255, 255, 0) 1.22%, #FFFFFF 99.06%);
        z-index: 1;
    }

    .timeline-slider .slick-arrow.slick-disabled {
        opacity: 0;
    }
}


@media(min-width: 1200px) {
    .timeline-slider .slick-track {
        margin-left: 122px;
    }

    .timeline-slider .slick-slide {

        margin-left: 0;
    }

    .timeline-slider .slick-slide:nth-child(even) {
        margin-left: -156px;
    }

    .timeline-slider .slick-next {
        right: 102px;
    }

    .timeline-slider .slick-prev {
        left: 102px;
    }

    .timeline-slider:before {
        background: linear-gradient(91.28deg, rgba(255, 255, 255, 0) 1.22%, #FFFFFF 85.06%);
    }
	
	.timeline-slider .slick-arrow {
		background: #213C88;
	}
	
	.timeline-slider .slick-arrow:before {
		color: #fff;
	}
	
	.timeline-slider .slick-arrow:hover {		    
    	background: var(--yellow);
	}
	
	.timeline-slider .slick-arrow:hover:before {
		color: var(--dark-blue);
	}

    .js-timeline-slider .slick-list {
        margin: auto;
        max-width: 2000px;
    }
}

@media( min-width : 1400px ) {
    .timeline-slider .slick-track {
        margin-left: 180px;
    }
}