.how-it-works-section{position:relative;overflow:hidden}.timeline-container{position:relative;max-width:1200px;margin:0 auto;padding:60px 20px}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(#2196f3,#2196f3) 0 0 / 100% var(--timeline-progress, 0%) no-repeat,#0003;transform:translate(-50%);z-index:10;margin-left:-2px}.timeline-line-progress{position:absolute;top:0;left:0;right:0;width:4px;height:0%;background:#2196f3!important;will-change:height;z-index:11;display:block;min-height:0}.timeline-step{position:relative;display:flex;align-items:center;margin-bottom:80px;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.timeline-step.is-visible{opacity:1;transform:translateY(0);z-index:2}.timeline-step:last-of-type{margin-bottom:0}.timeline-dot{position:absolute;width:20px;height:20px;background:#fff;border:4px solid rgba(0,0,0,.2);border-radius:50%;z-index:20;left:50%;transform:translate(-50%);transition:border-color .3s ease;margin-left:-10px}.timeline-step.is-visible .timeline-dot{border-color:#2196f3;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #2196f366}50%{box-shadow:0 0 0 10px #2196f300}}.timeline-card{position:relative;display:block;width:calc(50% - 80px);background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #00000014;border:2px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.timeline-card:hover{transform:translateY(-5px);box-shadow:0 6px 30px #0000001f}.timeline-step.is-active .timeline-card{border:2px solid #2196F3;box-shadow:0 8px 35px #2196f340}.timeline-step-left .timeline-card{margin-right:auto}.timeline-step-right .timeline-card{margin-left:auto}.timeline-side-icon{background:transparent;border-radius:0;overflow:visible;box-shadow:none}.timeline-side-icon img{display:block;width:100%;height:auto;object-fit:contain}.timeline-side-icon-desktop{display:none}@media screen and (min-width: 750px){.timeline-side-icon-desktop{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;width:clamp(160px,18vw,280px);height:auto;max-height:200px}.timeline-side-icon-desktop img{max-height:200px}.timeline-step-left .timeline-side-icon-desktop{left:75%;transform:translate(-50%,-50%)}.timeline-step-right .timeline-side-icon-desktop{left:25%;transform:translate(-50%,-50%)}}.timeline-side-icon-mobile{display:block;width:85px;height:auto;margin:0 auto 20px}@media screen and (min-width: 750px){.timeline-side-icon-mobile{display:none}}.timeline-card-number{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:50%;background:#2196f3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 6px 18px #2196f359}.timeline-card-body{flex:1}.timeline-card-body h3{margin:0 0 12px;font-weight:600;line-height:1.3}.timeline-step-description{margin:0;line-height:1.6;opacity:.85}.timeline-step-description p{margin:0}.timeline-cta{margin-top:0;text-align:center;padding:50px 30px;background:linear-gradient(135deg,#2196f30d,#2196f31a);border-radius:16px}.timeline-cta h3{margin:0 0 16px;font-weight:600}.timeline-cta-text{margin:0 auto 30px;max-width:600px;line-height:1.6}.timeline-cta-text p{margin:0}.timeline-cta-button{display:flex;justify-content:center;gap:15px}@media screen and (max-width: 749px){.timeline-container{padding:40px 15px}.timeline-line{left:50%;transform:translate(-50%);margin-left:0;z-index:1}.timeline-line-progress{z-index:1}.timeline-step{flex-direction:column;align-items:center;margin-bottom:50px;padding-left:0}.timeline-step-left .timeline-card,.timeline-step-right .timeline-card{width:100%;max-width:400px;margin:0 auto;text-align:center;padding:25px 20px;position:relative;z-index:2}.timeline-dot{left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0;z-index:1}.timeline-card-number{display:none}.timeline-cta{margin-top:0;padding:40px 20px}}@media screen and (min-width: 750px) and (max-width: 989px){.timeline-card{width:calc(50% - 60px);padding:25px}}@media screen and (min-width: 990px){.timeline-container{padding:80px 40px}.timeline-step{margin-bottom:100px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-how-it-works.css.map */