.section-timeline{width:100%;padding-top:100px;padding-bottom:150px;background-color:#000}.section-timeline .section-timeline-title{font-weight:600;color:#fff;text-align:center}.section-timeline .timeline-line-wrapper{width:100%;position:relative;margin-top:100px}.section-timeline .timeline-line-out{width:100%;overflow:hidden}.section-timeline .timeline-line-dot-wrapper{display:flex;gap:187px;transform:translate(0)}.section-timeline .timeline-line-dot-wrapper{width:fit-content;color:#fff;font-size:28px;font-weight:700;line-height:1.2;transition:all .3s ease}.section-timeline .timeline-line-dot-wrapper.draging{transition:none}.section-timeline .timeline-line-line{display:block;width:100%;border-bottom:1px dashed #fff;position:absolute;top:20px}.section-timeline .timeline-line-circle{display:inline-block;width:40px;height:40px;position:relative}.section-timeline .timeline-year-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:29px}.section-timeline .timeline-line-circle:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background-color:#fff;position:absolute;top:10px;left:10px}.section-timeline .timeline-year-wrapper .timeline-line-circle:before{content:"";display:block;width:40px;height:40px;position:absolute;background-color:#3555ed;border-radius:40px;top:0;opacity:0}.section-timeline .timeline-year-wrapper.checked .timeline-line-circle:before{opacity:1}.section-timeline .timeline-text-wrapper{width:100%;margin:72px auto 0;position:relative;overflow:hidden}.section-timeline .content-wrapper-out{width:100%;display:flex;transform:translate(0);transition-delay:.5s}.section-timeline .content-wrapper-inner{width:100%;flex-shrink:0}.section-timeline .time-line-btn{width:42px;height:42px;border-radius:42px;background-color:#fff6;cursor:pointer;position:absolute;right:calc(190 / 1920 * 100vw);top:23px;z-index:2}.section-timeline .time-line-btn.disabled{opacity:.5;cursor:not-allowed}.section-timeline .time-line-btn:nth-of-type(1){left:calc(190 / 1920 * 100vw)}.section-timeline .time-line-btn:nth-of-type(1) img{transform:rotate(180deg)}.section-timeline .timeline-text-content{margin:0 auto;max-width:578px;width:50%;font-size:32px;text-align:center;line-height:1.2;font-weight:700;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width: 767px){.section-timeline .time-line-btn{width:21px;height:21px;top:40px}}@media only screen and (max-width: 680px){.section-timeline{padding:40px 0}.section-timeline .timeline-line-wrapper,.section-timeline .timeline-text-wrapper{margin-top:30px}.section-timeline .timeline-text-content{font-size:15px}.section-timeline .time-line-year{font-size:16px}.section-timeline .timeline-line-dot-wrapper{gap:20px}.section-timeline .timeline-year-wrapper .timeline-line-circle:before{width:20px;height:20px;top:0;left:0;right:0;bottom:0;margin:auto}.section-timeline .timeline-line-circle:after{width:12px;height:12px;top:0;left:0;right:0;bottom:0;margin:auto}.section-timeline .timeline-year-wrapper{gap:4%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-timeline.css.map */