.timeline-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:270px 20px 120px;z-index:10}.timeline-line-bg{position:absolute;left:50%;top:23px;bottom:0;width:1px;background-color:#e5e7eb;transform:translate(-50%);z-index:1}.timeline-line-progress{position:absolute;left:50%;top:23px;width:2px;background-color:#991b1b;transform:translate(-50%);z-index:2;height:0;transition:height .1s linear}.milestone{position:relative;width:100%;display:flex;z-index:10;margin-bottom:0;padding-bottom:80px}@media(min-width:769px){.milestone:nth-child(n+3){margin-top:-240px}}.milestone:nth-child(odd){justify-content:flex-start}.milestone:nth-child(2n){justify-content:flex-end}.milestone-side{width:46%;display:flex;flex-direction:column}.milestone:nth-child(odd) .milestone-side{padding-right:10px;text-align:right}.milestone:nth-child(2n) .milestone-side{padding-left:10px;text-align:left}.milestone-dot{position:absolute;left:50%;top:15px;width:14px;height:14px;background-color:#fff;border:1px solid #d1d5db;border-radius:50%;transform:translate(-50%);z-index:20;transition:all .4s ease}.milestone.active .milestone-dot{background-color:#991b1b;border-color:#991b1b;transform:translate(-50%) scale(1.2)}.milestone-content{margin-bottom:28px;opacity:.2;transition:opacity .8s ease}.milestone.active .milestone-content,.milestone:first-child,.milestone:first-child .milestone-content,.milestone:first-child .img-wrapper{opacity:1}.img-wrapper{width:100%;overflow:hidden;border-radius:2px;opacity:.2;transition:opacity .8s ease}.milestone.active .img-wrapper{opacity:1}.img-placeholder{width:100%;display:block;height:auto;object-fit:cover;transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.milestone.active .img-placeholder{transform:scale(1.05)}.milestone:nth-child(odd) .milestone-description{margin-left:auto}.milestone:nth-child(2n) .milestone-description{margin-right:auto}@media(max-width:768px){.timeline-wrapper{padding-top:0;padding-left:0}.timeline-line-bg,.timeline-line-progress{left:35px;top:23px;transform:none}.milestone{padding-left:80px;padding-right:25px;justify-content:flex-start!important;margin-bottom:60px;padding-bottom:0;margin-top:0!important}.milestone-side{width:100%!important;padding:0!important;text-align:left!important}.milestone-dot{left:36px;transform:translate(-50%)}.milestone-content,.img-wrapper{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/timeline.css.map */