.timeline-scroll{overflow-x:auto}.timeline-track{display:flex;min-width:max-content;padding:120px 40px;position:relative}.timeline-track:before{content:'';position:absolute;left:0;right:0;top:54%;height:2px;background:#111}.milestone{width:180px;margin:0 20px;display:flex;flex-direction:column;align-items:center}.dot{width:64px;height:64px;border-radius:50%;background:#2ecc71;display:flex;align-items:center;justify-content:center}.card{width:180px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:15px}.photo-circle img{width:140px;height:140px;border-radius:50%;object-fit:cover}.connector{width:2px;background:#111}.above .connector-top{height:50px}.above .connector-bottom{height:30px}.below .connector-top{height:30px}.below .connector-bottom{height:50px}
.milestone.above {
    bottom: 10px ;
}

.milestone.below {
    top: 54px ;
}
.dot svg{
    fill: #fff !important;
}

@media (max-width: 700px) {
    .milestone.above {
        bottom: unset;
    }

	.milestone.below {
    	top: unset ;
	}
}