.timeline{max-height:50.2rem;color:#fff;display:block;overflow:hidden}.timeline__heading{color:#fff;margin-block:0 7.6rem}.timeline__heading .secondary-text{letter-spacing:-3px;display:block;text-transform:uppercase}.timeline__heading .secondary-text:after{content:"...";color:#fff;display:inline-block;letter-spacing:3px}.timeline__circle-wrapper{display:flex;justify-content:center}.timeline__circle{width:108.5rem;height:108.5rem;flex-shrink:0;border:2px solid white;border-radius:100%;position:relative}@media screen and (max-width: 576px){.timeline__circle{width:67.8rem;height:67.8rem}}@media screen and (min-width: 769px){.timeline{max-height:46.6rem}.timeline__heading{color:#fff;margin-block-end:4.2rem}}.timeline__circle-item{position:absolute;top:-9.9rem;bottom:-9.9rem;left:50%;width:26.2rem;margin-left:-13.1rem;text-align:center;transition:all var(--transition-duration) ease}.timeline__circle-item>div{display:flex;flex-direction:column;transition:all var(--transition-duration) ease;height:32rem}.timeline__circle-item:not(.active){transform:rotate(-86deg)}.timeline__circle-item.prev{transform:rotate(-43deg)}.timeline__circle-item.prev>div{transform:rotate(-47deg) translateY(-2.5rem)}.timeline__circle-item.next{transform:rotate(43deg)}.timeline__circle-item.next>div{transform:rotate(47deg) translateY(-2.3rem)}.timeline__circle-item.next-next{transform:rotate(86deg);transition:none}.timeline__circle-item .number{width:6rem;height:6rem;display:block;margin:0 auto 2.8rem;border:1px solid;border-radius:100%;line-height:60px}.timeline__circle-item .circle{width:2rem;height:2rem;flex-shrink:0;display:block;margin:0 auto 2.8rem;background:#fff;border-radius:100%}.timeline__circle-item .text{opacity:0;transition:all 1s ease}.timeline__circle-item.active .text{opacity:1}.timeline__circle-item .text:before{content:"";width:1px;height:4.7rem;background:currentColor;display:block;margin:0 auto 1.2rem}.timeline__circle-item h4{line-height:1.3;letter-spacing:-1px;color:#fff;margin-block:0 .8rem}.timeline__circle-item p{margin-block:.8rem}@media screen and (max-width: 768px){.timeline__circle-item{top:-1rem;bottom:-1rem}.timeline__circle-item .circle{order:-1}.timeline__circle-item .text:before{height:3.9rem}.timeline__heading .secondary-text{letter-spacing:-2px}}@media screen and (max-width: 576px){.timeline__circle-item{width:20.8rem;margin-inline-start:-10.4rem}.timeline__circle-item:not(.active){transform:rotate(-180deg)}.timeline__circle-item.prev{transform:rotate(-90deg)}.timeline__circle-item.next{transform:rotate(90deg)}.timeline__circle-item.next-next{transform:rotate(180deg)}.timeline__circle-item .text{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/component-timeline.css.map */