.milestones{position:relative;display:flex;flex-direction:column}
.milestones:Before{content:'';position:absolute;height:100%;background:#d7d7d7;width:1px;left:50%}
.milestones .milestone{width:50%;position:relative;display:flex;align-items:center;justify-content:center}
.milestones .milestone .content .title{font-size:1rem;}
.milestones .milestone .content{margin:30px 0;padding:10px 30px;text-align:center;width:calc(100% - 50px);color:#28323b;font-weight:600;background:#f1f1f1;display:flex;align-items:center;justify-content:center;flex-direction:column}
.milestones .milestone .date{font-weight:600;background:#28323b;color:#fff;font-size:22px;padding:6px 16px;position:absolute}
.milestones .milestone:nth-child(even) .content{margin-left:120px}
.milestones .milestone:nth-child(odd) .content{margin-right:120px}
.milestones .milestone:nth-child(even){margin-left:50%}
.milestones .milestone:nth-child(odd) .date{right:30px}
.milestones .milestone:nth-child(odd) .date:after{content:'';position:absolute;height:30px;width:30px;right:-45px;border-radius:100%;border:3px solid #28323b}
.milestones .milestone:nth-child(odd) .date:before{content:'';position:absolute;height:10px;width:10px;right:-35px;margin-top:10px;border-radius:100%;background:#28323b;transition:300ms}
.milestones .milestone:nth-child(even) .date{left:30px}
.milestones .milestone:nth-child(even) .date:after{content:'';position:absolute;height:30px;width:30px;left:-45px;border-radius:100%;border:3px solid #28323b}
.milestones .milestone:nth-child(even) .date:before{content:'';position:absolute;height:10px;width:10px;left:-35px;margin-top:10px;border-radius:100%;background:#28323b;transition:300ms}
.milestones .milestone:nth-child(even):Hover .date:before{width:30px;height:30px;left:-45px;margin-top:0}
.milestones .milestone:nth-child(odd):Hover .date:before{width:30px;height:30px;right:-45px;margin-top:0}
.milestones .milestone .date span:After{background:#28323b;height:15px;width:15px;position:absolute;top:calc(50% - 7.5px);z-index:999;content:'';transform:rotate(45deg);border-radius:4px;transition:300ms}
.milestones .milestone:nth-child(odd) .date span:After{right:-6px}
.milestones .milestone:nth-child(even) .date span:After{left:-6px}
@media (max-width: 767.98px) {
	.milestones{display:block}
	.milestones .milestone{display:block;width:100%;margin:0!important}
	.milestones .milestone .content{margin:30px 0!important;height:unset;padding:30px 0;width:calc(100% - 10px);margin-left:-20px!important}
	.milestones:Before{left:100%}
	.milestones .milestone .date{position:relative}
	.milestones .milestone:nth-child(even) .date{right:30px;left:unset}
	.milestones .milestone:nth-child(even) .date:before{left:unset;right:-35px}
	.milestones .milestone:nth-child(even) .date:after{left:unset;right:-45px}
	.milestones .milestone:nth-child(even) .date span:After{left:unset;right:-5px}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.milestones{display:block}
	.milestones .milestone{display:block;width:100%;margin:0!important}
	.milestones .milestone .content{margin:30px 0!important;height:unset;padding:30px 0;width:calc(100% - 10px);margin-left:-20px!important}
	.milestones:Before{left:100%}
	.milestones .milestone .date{position:relative}
	.milestones .milestone:nth-child(even) .date{right:30px;left:unset}
	.milestones .milestone:nth-child(even) .date:before{left:unset;right:-35px}
	.milestones .milestone:nth-child(even) .date:after{left:unset;right:-45px}
	.milestones .milestone:nth-child(even) .date span:After{left:unset;right:-5px}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.milestones{display:block}
	.milestones .milestone{display:block;width:100%;margin:0!important}
	.milestones .milestone .content{margin:30px 0!important;height:unset;padding:30px 0;width:calc(100% - 10px);margin-left:-20px!important}
	.milestones:Before{left:100%}
	.milestones .milestone .date{position:relative}
	.milestones .milestone:nth-child(even) .date{right:30px;left:unset}
	.milestones .milestone:nth-child(even) .date:before{left:unset;right:-35px}
	.milestones .milestone:nth-child(even) .date:after{left:unset;right:-45px}
	.milestones .milestone:nth-child(even) .date span:After{left:unset;right:-5px}
}