*,:after,:before{box-sizing:border-box}body{background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;margin:0}.date{color:#f60}.timeline{margin:0 auto;max-width:1400px;padding:100px 0;position:relative;width:100%}.timeline:after{background:#fff;border-left:2px dotted #000;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.milestoneContainer{background:inherit;padding:15px 140px;position:relative;width:50%}.milestoneContainer.milestoneLeft{left:0}.milestoneContainer.milestoneRight{left:50%}.milestoneContainer.milestoneRight:after{left:-8px}.milestoneContainer:before{background:#fff;content:"";height:2px;position:absolute;right:11px;top:calc(50% - 1px);width:75px;z-index:1}.milestoneContainer.milestoneRight:before{left:6px}.milestoneContainer .date{background-color:#fff;display:inline-block;font-size:2.5rem;font-weight:700;letter-spacing:1px;padding-bottom:1rem;padding-top:1rem;position:absolute;text-align:center;text-transform:uppercase;top:calc(50% - 8px);z-index:1}.milestoneContainer .image-wrapper img{max-width:100%}.milestoneContainer.milestoneLeft .date{right:-120px}.milestoneContainer.milestoneRight .date{left:-120px}.milestoneContainer .content{padding:.5rem;position:relative;transition:.3s}.milestoneContainer .content h2{font-size:24px;font-weight:900;margin:0 0 10px}.milestoneContainer .content p{font-size:16px;line-height:22px;margin:0}.bg-image{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0 solid #000;height:200px}.main-card{background:#fff;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:1rem}.milestoneContainer:after{background:#fff;content:"";display:inline-block;height:6px;position:absolute;top:calc(50% - 10px);width:6px;z-index:1}.milestoneRight:after{margin-left:68px;transform:rotate(230deg);-webkit-transform:rotate(230deg)}.milestoneLeft:after,.milestoneRight:after{background:transparent;border-color:#fff;border-style:solid;border-width:0 0 2px 2px;height:20px;width:20px}.milestoneLeft:after{right:65px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}@media (min-width:768px){.main-card:hover{position:relative;transform:scale(1.2);z-index:100}.main-card{transition:transform .3s}}@media (max-width:1000px){.milestoneContainer .date{font-size:.75rem}.timeline:after{left:45px}.milestoneContainer{padding-left:7rem;padding-right:3rem;width:100%}.milestoneContainer:before{width:20px}.milestoneContainer.milestoneRight{left:0}.container.milestoneLeft:after,.container.milestoneRight:after{left:82px}.milestoneContainer:after{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.milestoneLeft:after{left:50px}.milestoneRight:after{margin-left:60px}.milestoneContainer.milestoneLeft:before,.milestoneContainer.milestoneRight:before{border-color:transparent;left:50px}.milestoneContainer.milestoneLeft .date,.milestoneContainer.milestoneRight .date{left:8px;right:auto}.milestoneContainer.milestoneLeft .content,.milestoneContainer.milestoneRight .content{padding:1rem}}