.benefits-timeline{display:block;overflow:hidden;padding:6rem 1.5rem;max-width:100vw;box-sizing:border-box}.timeline-section{position:relative;width:100%;padding:80px 0 30px;border-radius:48px;background-position:center;max-width:1372px}.benefits-timeline__header{text-align:center;margin-bottom:80px}.benefits-timeline__subtitle{color:#352500;text-align:center;font-family:Montserrat;font-size:16px;letter-spacing:0;font-style:normal;font-weight:600;line-height:120%;text-transform:uppercase;opacity:.5;display:inline-block;margin-bottom:12px}.benefits-timeline__title{color:#352500;text-align:center;font-family:Montserrat;font-size:48px;letter-spacing:0;font-style:normal;font-weight:500;line-height:120%;max-width:590px;margin:0 auto;text-transform:uppercase}.timeline__container{max-width:1122px;margin:0 auto;position:relative}.timeline__items{max-width:1122px;margin:0 auto}.timeline__item{position:relative}.timeline__item:nth-child(2){left:-1px}.timeline__branch{position:absolute;background:#0b141999;transition:width .4s ease-out,height .4s ease-out;transition-delay:calc(.4s + var(--index) * .4s)}.timeline__content-wrapper{position:relative;margin-left:16px}.timeline__main-line{display:block!important}.timeline__dot{position:absolute;display:block!important;width:15px;height:15px;border-radius:50%;background:#fdd80a;border:3px solid rgba(11,20,25,.6);transform:translate(-50%,-50%) scale(0);opacity:0;z-index:2;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-out;transition-delay:calc(.6s + var(--index) * .4s)}.timeline-section.is-visible .timeline__dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.timeline__card{padding:12px;background:#0b141999;max-width:220px;border-radius:12px;width:100%;opacity:0;transform:translate(-20px);transition:opacity .8s ease,transform .8s cubic-bezier(.25,1,.5,1);transition-delay:calc(.8s + var(--index) * .4s)}.timeline-section.is-visible .timeline__card{opacity:1;transform:translate(0)}.timeline__badge{color:#352500;font-family:Montserrat;font-size:12px;letter-spacing:0;font-style:normal;font-weight:600;line-height:150%;text-transform:uppercase;display:inline-block;padding:2px 12px;margin-bottom:12px;background:#fff;border-radius:64px}.timeline__text p{color:#fff;font-family:Montserrat;font-size:16px;letter-spacing:0;font-style:normal;font-weight:500;line-height:120%;margin:0}@media screen and (min-width:993px){.benefits-timeline{padding:40px 0 50px}.benefits-timeline__title{font-size:4.8rem}.benefits-timeline__header{margin-bottom:8rem}.timeline__main-line{position:absolute;bottom:0;left:0;width:0%;height:1px;background:#0b141933;transition:width 1.5s cubic-bezier(.25,1,.5,1)}.timeline-section.is-visible .timeline__main-line{width:100%}.timeline__main-line:after,.timeline__main-line:before{content:"";position:absolute;bottom:0;top:auto;left:0;width:100%;opacity:0;transition:opacity .5s ease 1s}.timeline-section.is-visible .timeline__main-line:after,.timeline-section.is-visible .timeline__main-line:before{opacity:1}.timeline__main-line:after{height:7px;background-image:repeating-linear-gradient(to right,rgba(11,20,25,.2) 0,rgba(11,20,25,.2) 1px,transparent 1px,transparent 3.125%)}.timeline__main-line:before{height:14px;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),rgba(11,20,25,.6) calc(12.5% - 1px),rgba(11,20,25,.6) 12.5%,transparent 12.5%,transparent 25%)}.timeline__items{display:flex;justify-content:space-between;align-items:flex-end;min-height:350px;width:100%}.timeline__item{flex:1;position:relative}.timeline__item:nth-child(1) .timeline__content-wrapper{margin-bottom:105px}.timeline__item:nth-child(2) .timeline__content-wrapper{margin-bottom:160px}.timeline__item:nth-child(3) .timeline__content-wrapper{margin-bottom:50px}.timeline__item:nth-child(4) .timeline__content-wrapper{margin-bottom:130px}.timeline__branch{bottom:0;left:0;width:1px;height:0;display:block!important}.timeline-section.is-visible .timeline__item .timeline__branch{height:calc(100% - 64px)}.timeline__dot{top:64px;bottom:auto;left:-16px;transform:translate(-50%,-50%) scale(0)}.timeline-section.is-visible .timeline__dot{transform:translate(-50%,-50%) scale(1)}}@media(max-width:1440px){.benefits-timeline{padding:0 16px}}@media(max-width:1024px){.timeline__card{max-width:150px}.timeline__text p{font-size:14px}}@media screen and (max-width:992px){.timeline-section{padding:32px 16px;border-radius:0}.benefits-timeline__title{font-size:32px;max-width:100%;text-align:left}.timeline__card{max-width:250px;width:100%}.benefits-timeline{padding:0}.benefits-timeline__header{text-align:left;margin-bottom:32px}.timeline__main-line{position:absolute;top:0;left:0;width:1px;height:0%;background:#0006;transition:height 1.5s cubic-bezier(.25,1,.5,1)}.timeline__main-line:after,.timeline__main-line:before{content:"";position:absolute;top:0;left:0;height:100%;opacity:0;transition:opacity .5s ease 1s}.timeline-section.is-visible .timeline__main-line{height:100%}.timeline-section.is-visible .timeline__main-line:after,.timeline-section.is-visible .timeline__main-line:before{opacity:1}.timeline__main-line:after{width:7px;background-image:repeating-linear-gradient(to bottom,rgba(11,20,25,.2) 0,rgba(11,20,25,.2) 1px,transparent 1px,transparent 24px)}.timeline__main-line:before{width:14px;background-image:repeating-linear-gradient(to bottom,rgba(11,20,25,.6) 0,rgba(11,20,25,.6) 1px,transparent 1px,transparent 96px)}.timeline__items{display:flex;flex-direction:column;gap:26px;padding-top:0;padding-bottom:30px}.timeline__item:nth-child(1){--indent: 83px}.timeline__item:nth-child(2){--indent: 123px}.timeline__item:nth-child(3){--indent: 63px}.timeline__item:nth-child(4){--indent: 103px}.timeline__item:nth-child(1) .timeline__branch{top:0}.timeline__item:nth-child(1) .timeline__dot{top:16px}.timeline__item:nth-child(1) .timeline__content-wrapper{position:relative;top:-16px}.timeline__item{padding-left:0}.timeline__text p{font-size:16px}.timeline__main-line:before{display:none}.timeline__content-wrapper{margin-left:calc(var(--indent) + 15px);margin-bottom:0!important}.timeline__branch{top:21px;left:0;height:1px;width:0;display:block!important;background:#0b141999}.timeline-section.is-visible .timeline__branch{width:var(--indent)}.timeline__dot{top:21px;left:-16px;transform:translate(-50%,-50%) scale(0)}.timeline-section.is-visible .timeline__dot{transform:translate(-50%,-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-benefits-timeline.css.map */