.img-box{width:50%;text-align:center;}
.img-box>img{width:70%;height:auto;border-radius:20px;}
.timeline{position:relative;padding:0;width:50%;margin-top:100px;}
.line{position: absolute;left:27.5px;top:0;width:4px;height:90%;background:#ddd;}
.line-fill {position:absolute;left:27.5px;top:0;width:4px;height:0;background:#9bc0e5;transition:height 0.4s ease-out;}
.item {position:relative;margin:0px 0px 5rem 0;padding-left:80px;opacity:0.3;transition:opacity 0.6s ease;z-index:99;}
.circle {position:absolute;left:21px;top:0;width:12px;height:12px;border-radius:50%;border:3px solid #ddd;background:#ddd;transition:background 0.4s ease, border-color 0.4s ease;}
.item.active{opacity:1;}
.item.active .circle{background:#fff;border:3px solid #0066cc;}
.his-content>p{margin-bottom:1rem;}
@media screen and (max-width: 768px){
	.img-box{display:none;}.img-box>img{width:100%;}
	.timeline{width:100%;margin-top:20px;}
	.item{margin:0px 0px 5rem 0;}
	.line{left:26.5px;height:90.5%;}.line-fill{left:26.5px;}
	.circle{width:10px; height:10px;}
}