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