.timeline-section{background:var(--section-bg-color);color:var(--section-text-color)}.timeline-section .h2,.timeline-section .h3,.timeline-section .h4{color:var(--section-text-color)}.timeline-section .heading{max-width:var(--heading-max-width);margin:0 auto 4em}.timeline-section .line{position:absolute;font-size:var(--dots-width);left:1em;border-right:var(--line-thickness) solid var(--line-color);-webkit-transform:translateX(-50%);transform:translate(-50%);clip-path:polygon(0 .75em,100% .75em,100% 100%,0 100%)}.timeline-section .image-column img{border-radius:var(--image-border-radius)}.timeline-section .steps{position:relative}.timeline-section .item{position:relative;margin-bottom:4em;align-items:center}.timeline-section .item:last-child{margin-bottom:0}.timeline-section .item .info{padding:0 2em;gap:2rem;opacity:0;transform:scale(.7);transform-origin:0% 0%;width:25%}.timeline-section .item .eyebrow{margin-bottom:1rem}.timeline-section .item .title{margin-bottom:0;font-size:var(--item-title-font-size);font-weight:var(--item-title-font-weight);line-height:125%;font-family:var(--font-family-heading)}.timeline-section .item .description{margin-top:1.5rem}.timeline-section .item .number-wrap{position:relative}.timeline-section .item .number{border-radius:50%}.timeline-section .item .number span{width:2em;height:2em;opacity:0;font-size:var(--dots-width);display:flex;align-items:center;justify-content:center;background:var(--dots-color);color:var(--dots-label);position:relative;border-radius:50%}.timeline-section .item img{max-width:var(--items-image-width);border-radius:var(--items-image-border-radius)}.timeline-section .item .number{transform:scale(.5)}.timeline-section .item.appear .number{transform:scale(1)}.timeline-section .item.appear .number span,.timeline-section .item.appear .info{opacity:1;transform:scale(1)}.timeline-section .image-column{width:var(--image-width)}.timeline-section .image-column img{height:calc(100vh - calc(var(--text-padding) * 2) - var(--header-offset));position:sticky;top:calc(var(--text-padding) + var(--header-offset));object-fit:var(--image-fit)}.timeline-section .item .info.opposite{width:50%;padding:0}.timeline-section.alternate .item:nth-child(odd){flex-flow:row-reverse}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap{text-align:right;border-right:1px solid;padding-right:2em;margin-right:1em;position:relative}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap:after{content:"";position:absolute;top:50%;right:-2em;width:2em;height:1px;background:var(--section-text-color)}.timeline-section .item:nth-child(2n) .info:not(.opposite) .wrap{text-align:left;border-left:1px solid;padding-left:2em;margin-left:1em;position:relative}.timeline-section .item:nth-child(2n) .info:not(.opposite) .wrap:after{content:"";position:absolute;top:50%;left:-2em;width:2em;height:1px;background:var(--section-text-color)}.timeline-section .item:nth-child(odd) .info.opposite .img-wrap{display:inline-flex;text-align:left;justify-content:flex-start;width:100%}.timeline-section .item:nth-child(2n) .info.opposite .img-wrap{display:inline-flex;text-align:right;justify-content:flex-end;width:100%}.timeline-section .keen-dots-dot:after{background-color:var(--dots-color);opacity:.5}.timeline-section .keen-dots-dot.active:after{background-color:var(--dots-color);opacity:1}@media (min-width: 900.001em){.timeline-section{--grid-gap: max(var(--text-padding), 3em)}.timeline-section .image-column{width:var(--image-width)}.timeline-section .image-column img{height:calc(100vh - calc(var(--text-padding) * 2) - var(--header-offset));position:sticky;top:calc(var(--text-padding) + var(--header-offset));object-fit:var(--image-fit)}.content-full-width .timeline-section .image-column{width:calc(var(--image-width) + max(var(--container-padding),calc(calc(100% / 2 - var(--container-width) / 2))))}.timeline-section.image-full-height .image-column{margin:calc(var(--text-padding) * -1) 0}.timeline-section.image-full-height .image-column img{height:calc(100vh - var(--header-offset));top:var(--header-offset)}.timeline-section:not(.alternate) .item .info{padding-right:0}.timeline-section.alternate .info{flex:1 0 50%}.timeline-section.alternate .line{left:50%}.timeline-section.alternate .item:nth-child(2n+2){-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.timeline-section.alternate .item:nth-child(2n+2) .info:not(.opposite),.timeline-section.alternate .item:nth-child(odd) .info.opposite{text-align:right;transform-origin:100% 0%}.timeline-section.alternate .item:nth-child(2n+2) .info:not(.opposite) img,.timeline-section.alternate .item:nth-child(odd) .info.opposite img{margin-left:auto}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap:after{display:none}.timeline-section .item:nth-child(2n) .info:not(.opposite) .wrap:after{display:none}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap{text-align:center;border-right:0;padding-right:0;margin-right:0;position:relative}.timeline-section .item:nth-child(2n) .info:not(.opposite) .wrap{text-align:center;border-left:0;padding-left:0;margin-left:0;position:relative}}@media all and (max-width: 1200px) and (min-width: 901px){.timeline-section .heading{margin-bottom:2em}.timeline-section .info-cards-slider{padding:0}.timeline-section .item .info{width:100%;max-width:100%;padding:0 .25em}.timeline-section .item .title{font-size:1em}.timeline-section .item .description p{font-size:.875em}}@media (max-width: 900px){.timeline-section .heading{margin-bottom:2em}.timeline-section .info-cards-slider{padding:0}.timeline-section .item .title{font-size:1em}.timeline-section .item .description p{font-size:.875em}.timeline-section .item .info{width:100%;max-width:100%;padding:0 .25em}}@media (max-width: 600px){.timeline-section .heading{max-width:100%}.timeline-section .item .info{width:100%}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap{border:0;padding-right:0;margin-right:0;text-align:left}.timeline-section .item:nth-child(odd) .info:not(.opposite) .wrap:after,.timeline-section .item:nth-child(2n) .info:not(.opposite) .wrap:after{width:0;height:0}.timeline-section .item.appear .info .img-wrap{border-bottom:1px solid #021c66;padding-bottom:2.5em;position:relative}.timeline-section .item.appear .info .img-wrap:after{content:"";width:1px;position:absolute;bottom:0;height:1.5em;background:#021c66}}
/*# sourceMappingURL=/cdn/shop/t/277/assets/section_timeline.css.map */