.project-timeline {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
    margin-top: 24px;
    position: relative;
}
.project-timeline:before {
	content: '';
	display: block;
	height: 3px;
	width: 200%;
	position: absolute;
	margin-left: -50%;
	background: #3469AA;
}
.project-timeline-item .qodef-e-item-inner {
	margin-top: 50px;
    padding: 0 10px;
}
.project-timeline-item .qodef-e-line-holder {
    position: relative;
}
.project-timeline-item .qodef-e-point-holder {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    top: -24px;
    left: calc(50% - 24px);
	background: #3265AC;
	background: linear-gradient(90deg,#52D386 0%, #3265AC 100%);
}
.project-timeline-year {
	margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
	.project-timeline:before {
		display: none;
	}
    .project-timeline {
        flex-direction: column;
		gap: 20px;
    }
	.project-timeline-item .qodef-e-point-holder {
		top: 0;
		left: 0;
	}
	.project-timeline-item .qodef-e-content-holder {
		padding-left: 60px;
	}
	.project-timeline-item .qodef-e-item-inner {
		margin-top: 0;
	}
	.project-timeline-year,
	.project-timeline-text {
		text-align: left;
	}
	.project-timeline-item:not(:last-child):before {
		content: '';
		display: block;
		width: 3px;
		height: 100%;
		background: #3469AA;
		position: absolute;
        left: 24px;
        top: 50px;
        z-index: 0;
	}
}