.animated-timeline{overflow:hidden}.animated-timeline svg.bg-shape-circle{position:absolute;bottom:-1px;width:calc(50% - 100px);height:auto;height:initial;pointer-events:none}.animated-timeline .flex{display:flex;justify-content:space-between;position:relative;z-index:1}.animated-timeline .flex .content{width:50%;padding-right:120px;position:relative}.animated-timeline .flex .content .block-title{margin:0 0 24px}.animated-timeline .flex .content .block-richtext p{margin:0;font-size:20px}.animated-timeline .flex .content .btn-flex{margin:40px 0 0}.animated-timeline .flex .content .btn-flex .button{transition:.2s all}.animated-timeline .flex .content .btn-flex .button:not(.light):hover{background:transparent;color:#101333}.animated-timeline .flex .content .btn-flex .button:not(.light):hover:after{border-color:#101333}.animated-timeline .flex .content .btn-flex .button:not(.light):hover.button--secondary{background:#101333;color:#fff}.animated-timeline .flex .content .btn-flex .button:not(.light):hover.button--secondary:after{border-color:#101333}.animated-timeline .flex .content .btn-flex .button.light{background:#fff;color:#101333}.animated-timeline .flex .content .btn-flex .button.light:after{border-color:#fff}.animated-timeline .flex .content .btn-flex .button.light:hover{background:transparent;color:#fff}.animated-timeline .flex .content .btn-flex .button.light:hover:after{border-color:#fff}.animated-timeline .flex .content .btn-flex .button.light:hover.button--secondary{background:#fff;color:#101333}.animated-timeline .flex .content .btn-flex .button.light:hover.button--secondary:after{border-color:#fff}.animated-timeline .flex .content .btn-flex .button.button--secondary.light{background:transparent;color:#fff}.animated-timeline .flex .timeline-blocks{width:50%;position:relative}.animated-timeline .flex .timeline-blocks .block{border-left:3px solid transparent;position:relative;padding:0 0 100px 75px}.animated-timeline .flex .timeline-blocks .block.active:before{height:100%}.animated-timeline .flex .timeline-blocks .block:before{content:"";position:absolute;top:0;left:-6px;width:9px;height:0;background:transparent;display:block;transition:.3s all}.animated-timeline .flex .timeline-blocks .block:last-child{border-left:none}.animated-timeline .flex .timeline-blocks .block:last-child:before{display:none}.animated-timeline .flex .timeline-blocks .block .index{font-size:32px;position:absolute;z-index:2;top:0;left:-28px;width:56px;height:56px;border:3px solid transparent;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s all}.animated-timeline .flex .timeline-blocks .block:nth-child(2n) .index{border-radius:0}.animated-timeline .flex .timeline-blocks .block .block--content .content--title{margin:0;font-size:28px}.animated-timeline .flex .timeline-blocks .block .block--content .content--content{font-size:18px;margin:8px 0 0}@media screen and (max-width: 1024px){.animated-timeline svg.bg-shape-circle{display:none}.animated-timeline{position:relative}.animated-timeline:before{content:"";position:absolute;top:calc(100% - 130px);left:50%;transform:translate(-50%);width:calc(100% + 100px);padding-top:calc(100% + 100px);background:transparent;border-radius:50%;pointer-events:none}.animated-timeline .flex{flex-wrap:wrap}.animated-timeline .flex .content{width:100%;padding:0;position:static}.animated-timeline .flex .content .block-richtext p{font-size:16px}.animated-timeline .flex .content .btn-flex{position:absolute;z-index:2;bottom:0;left:50%;transform:translate(-50%)}.animated-timeline .flex .content .btn-flex .button{max-width:100%;width:190px;text-align:center}.animated-timeline .flex .timeline-blocks{width:100%;padding:40px 0 100px 30px}.animated-timeline .flex .timeline-blocks .block{padding:0 0 60px 50px;border-width:2px}.animated-timeline .flex .timeline-blocks .block:before{width:4px;left:-2px}.animated-timeline .flex .timeline-blocks .block .index{font-size:19px;width:32px;height:32px;left:-16px;border-width:2px}.animated-timeline .flex .timeline-blocks .block .block--content .content--title{font-size:18px}.animated-timeline .flex .timeline-blocks .block .block--content .content--content{font-size:16px}}@media screen and (max-width: 1024px) and (max-width: 768px){.animated-timeline .flex .timeline-blocks{padding-left:12px}.animated-timeline .flex .timeline-blocks .block{padding-left:30px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-animated-timeline.css.map */
