.dr-steps-wrapper{position:relative;width:100%;box-sizing:border-box;background:var(--dr-bg, #eaf6fb);border-top:4px solid var(--dr-top-border, #5fa84a)}.dr-steps-wrapper *{box-sizing:border-box}.dr-steps-inner{max-width:1180px;margin:0 auto;padding:0 24px}.dr-steps-header{text-align:center;margin-bottom:48px}.dr-steps-badge{display:inline-flex;align-items:center;gap:6px;background:var(--dr-badge-bg, #1fa84b);color:var(--dr-badge-text, #ffffff);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 18px;border-radius:999px;margin-bottom:16px;box-shadow:0 4px 12px #1fa84b40}.dr-steps-heading{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.01em;color:var(--dr-heading, #111111);margin:0 0 10px;line-height:1.25}.dr-steps-subheading{font-size:15.5px;color:var(--dr-subheading, #4b5563);margin:0}.dr-steps-list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:28px}.dr-steps-connector{position:absolute;top:45px;left:12%;right:12%;height:0;border-top:2px dashed var(--dr-connector, #c9e6d3);z-index:0}.dr-steps-item{position:relative;z-index:1;flex:1 1 220px;max-width:250px;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--dr-card-bg, #ffffff);border-radius:18px;padding:58px 18px 26px;box-shadow:0 10px 28px #0f2a1e12;transition:transform .2s ease,box-shadow .2s ease}.dr-steps-item:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0f2a1e1a}.dr-steps-circle{position:absolute;top:-36px;left:50%;transform:translate(-50%);width:108px;height:108px;border-radius:999px;overflow:visible;background:var(--dr-card-bg, #ffffff);padding:5px;box-shadow:0 8px 20px #0f2a1e24}.dr-steps-circle img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}.dr-steps-placeholder{width:100%;height:100%;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#e5e7eb}.dr-steps-placeholder-svg{width:55%;height:55%;opacity:.5}.dr-steps-number{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:34px;height:34px;border-radius:999px;background:var(--dr-number-bg, #1fa84b);background:linear-gradient(145deg,var(--dr-number-bg, #1fa84b),color-mix(in srgb,var(--dr-number-bg, #1fa84b) 70%,#003a14));color:var(--dr-number-text, #ffffff);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.01em;border:3px solid #ffffff;box-shadow:0 3px 8px #00000038}.dr-steps-caption{font-size:14.5px;font-weight:600;color:var(--dr-caption, #111111);margin:26px 0 0;line-height:1.45}@media(max-width:980px){.dr-steps-connector{display:none}}@media(max-width:749px){.dr-steps-list{gap:22px}.dr-steps-item{flex:1 1 45%;max-width:none;padding-top:52px}.dr-steps-circle{width:92px;height:92px;top:-32px}}@media(max-width:420px){.dr-steps-item{flex:1 1 100%;max-width:260px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-to-use-steps.css.map */