.timeline-wrapper{
display:flex;
gap:40px;
align-items:flex-start;
}

.timeline-left{
position:relative;
width:50%;
padding-left:40px;
}

.timeline-left:before{
content:'';
position:absolute;
left:10px;
top:15px;
bottom:0;
width:2px;
background:#ccc;
	height:75%;
}

.timeline-item{
position:relative;
margin-bottom:30px;
}

.timeline-dot{
position:absolute;
left:-37px;
top:5px;
width:16px;
height:16px;
background:#00a8b5;
border-radius:50%;
}

.timeline-item.active .timeline-dot{
background:#007a85;
}

.timeline-content h4{
margin-bottom:8px;
color: #3F3F3F;
font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 32px;
}

.timeline-content p, .timeline-content ul, .timeline-content ol{
	padding-left:20px;
}

.timeline-content p, .timeline-content ul li, .timeline-content ol li{
font-family: Montserrat;
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 0%;
font-style: normal;

}

.timeline-right{
width:50%;
}

.timeline-right img{
width:100%;
border-radius:30%;
object-fit:cover;
}

@media(max-width:768px){
.timeline-wrapper{
flex-direction:column;
}

.timeline-left,
.timeline-right{
width:100%;
}

.timeline-right img{
border-radius:20px;
}
}