.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:clamp(48px,8vw,100px);padding-bottom:clamp(32px,8vw,140px);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 var(--color-primary-darker, #008199);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{font-size:calc(120px * var(--scale));font-weight:700;font-style:normal;display:inline-block;transform:skew(-10deg);color:transparent;-webkit-text-stroke:calc(3px * var(--scale)) rgba(255,255,255,.55);font-family:Arial,sans-serif;line-height:1}.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:var(--color-primary-darker, #008199);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}@media(max-width:1024px){.steps-section{--scale: .6}}@media(max-width:768px){.steps-section{--scale: .65}}@media(max-width:480px){.steps-section{--scale: .37}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-site-steps.css.map */