.steps-section{--scale: .7;--base-width: 860px;--base-height: 310px;--base-border-width: 14px;--base-border-radius: 150px;--base-pseudo-radius: 300px;--step-width: calc(var(--base-width) * var(--scale));--step-height: calc(var(--base-height) * var(--scale));--border-width: calc(var(--base-border-width) * var(--scale));--border-radius: calc(var(--base-border-radius) * var(--scale));--pseudo-border-radius: calc(var(--base-pseudo-radius) * var(--scale));--width-scale: 1.085;--height-scale: 1.25;--gap: calc( ((var(--step-height) * var(--height-scale) - var(--step-height)) / 2) + var(--border-width) * 1.55 );display:flex;flex-direction:column;align-items:center;width:100%;padding-top:100px;padding-bottom:200px;gap:var(--gap)}.steps__container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.steps__header{text-align:center;max-width:80rem;margin:0 auto 80px}.steps__subtext{max-width:600px;margin:0 auto;margin-bottom:3rem}.steps__list{display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.steps-section .step{position:relative;width:var(--step-width);height:var(--step-height);background:transparent;overflow:visible}.steps-section .step:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(var(--width-scale)) scaleY(var(--height-scale));width:100%;height:100%;border-radius:var(--pseudo-border-radius);border:var(--border-width) solid #0291aa;background:transparent;pointer-events:none;z-index:0}.steps-section .step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);background-color:#232323;pointer-events:none;z-index:1}.steps-section .step:nth-child(odd){--border-clip: polygon(30% 0%, 100% 0%, 110% 110%, 40% 100%)}.steps-section .step:nth-child(2n){--border-clip: polygon(0% 0%, 52% 0%, 52% 100%, 0% 100%)}.steps-section .step:before{clip-path:var(--border-clip)}.steps-section .step:nth-child(odd){margin-left:calc(40px * var(--scale))}.steps-section .step:nth-child(2n){margin-left:calc(-40px * var(--scale))}.step-number{position:absolute;top:30%;margin-right:-50px;margin-left:-50px;transform:translateY(-50%);font-size:calc(120px * var(--scale));font-weight:700;font-style:italic;color:transparent;-webkit-text-stroke:calc(3px * var(--scale)) #0291aa;font-family:Arial,sans-serif;z-index:3;line-height:1}.step-number:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:calc(6px * var(--scale));height:calc(160px * var(--scale));background-color:#0291aa;clip-path:var(--line-clip, inset(0 0 0 0))}.step:nth-child(odd) .step-number:after{left:calc(-40px * var(--scale))}.step:nth-child(2n) .step-number:after{right:calc(-40px * var(--scale))}.step:nth-child(odd) .step-number{left:calc(-180px * var(--scale))}.step:nth-child(2n) .step-number{right:calc(-180px * var(--scale))}.step-inner{position:relative;display:flex;align-items:center;justify-content:space-between;height:100%;gap:calc(30px * var(--scale));z-index:2}.step:nth-child(odd) .step-inner{padding-left:calc(80px * var(--scale));padding-right:calc(20px * var(--scale))}.step:nth-child(2n) .step-inner{padding-left:calc(20px * var(--scale));padding-right:calc(80px * var(--scale))}.step:nth-child(2n) .step-inner .step-content{text-align:right}.step-content{flex:1;max-width:calc(480px * var(--scale))}.step-content h3{color:#0291aa;font-size:calc(32px * var(--scale));margin:0 0 calc(15px * var(--scale)) 0;font-weight:400}.step-content p{color:#888;font-size:calc(20px * var(--scale));line-height:1.6;margin:0}.step:nth-child(odd) .step-content{order:1}.step:nth-child(odd) .step-icon-container{order:2}.step:nth-child(2n) .step-content{order:2}.step:nth-child(2n) .step-icon-container{order:1}.step-icon-container{width:calc(280px * var(--scale));height:calc(280px * var(--scale));background-color:#333;border-radius:calc(300px * var(--scale));display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.step-icon{font-size:calc(50px * var(--scale));color:#666}@media(max-width:1024px){.steps-section{--scale: .6}}@media(max-width:768px){.steps-section{--scale: .65}}@media(max-width:480px){.steps-section{--scale: .37}.step-number{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-loncom-steps.css.map */