.timeline-slider{padding:40px 0}.timeline-inner{display:flex;gap:9%}.timeline-left{width:45%;background:#eee;border-radius:12px;overflow:hidden;height:390px}.timeline-left img{width:100%;height:390px;object-fit:cover}.timeline-right{width:55%}.timeline-right-content{width:60%}.timeline-right h2{font-size:36px;margin-bottom:15px;color:#111921;margin-top:0;line-height:42px}.timeline-right p{font-size:16px;color:#111921}.timeline-track-wrapper{display:flex;gap:5rem;margin-bottom:5rem}.timeline-dots{display:flex;justify-content:space-between;margin-top:40px;position:relative;flex-basis:100%}.timeline-dots:before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:#ddd}.timeline-dots .dot{position:relative;cursor:pointer;text-align:center}.timeline-dots .dot:before{content:"";width:20px;height:20px;border:1px solid #ccc;border-radius:50%;display:block;margin:0 auto 8px;background:#fff}.timeline-dots .dot.active:before{background:#000}.timeline-dots .dot span{font-size:12px;color:#111921}.timeline-arrows{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.timeline-arrows button{width:40px;height:40px;border-radius:50%;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:27px}.timeline-track{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1);will-change:transform}.timeline-slide{min-width:100%;flex-shrink:0}.timeline-track{transition:transform .8s ease-in-out}.timeline-content{overflow:hidden;position:relative}.timeline-track{display:flex;transition:transform .8s cubic-bezier(.77,0,.175,1);will-change:transform}.timeline-slide{width:100%;flex-shrink:0}@media(min-width:768px)and (max-width:992px){.timeline-inner{gap:4%}.timeline-right-content{width:90%}}@media(max-width:992px){.timeline-left,.timeline-left img{height:300px}}@media(max-width:767px){.timeline-track-wrapper{gap:1rem;align-items:center}.timeline-arrows button{width:30px;height:30px;font-size:20px}.timeline-right-content{width:100%}.timeline-inner{flex-direction:column;gap:2rem}.timeline-left,.timeline-right{width:100%}.timeline-slider{padding:0}.timeline-dots .dot span{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-timeline.css.map */