.custom-b2b-how{position:relative}.custom-b2b-how__header{text-align:center;margin-bottom:48px}.custom-b2b-how__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px;line-height:1}.custom-b2b-how__title{font-weight:800;line-height:1.2;letter-spacing:-.3px;margin:0 0 14px;color:inherit}.custom-b2b-how__subtitle{font-size:16px;line-height:1.6;max-width:620px;margin:0 auto}.custom-b2b-how__subtitle p{margin:0}.custom-b2b-how__steps{display:grid;grid-template-columns:repeat(var(--steps, 4),1fr);gap:24px;position:relative}.custom-b2b-how__steps:before{content:"";position:absolute;top:var(--circle-size-half, 28px);left:calc(100% / var(--steps, 4) / 2);right:calc(100% / var(--steps, 4) / 2);height:2px;background:var(--line-color, #E5E5E5);transform:translateY(-1px);z-index:0}.custom-b2b-how__step{text-align:center;position:relative;z-index:1}.custom-b2b-how__number{width:var(--circle-size, 56px);height:var(--circle-size, 56px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:800;line-height:1;box-shadow:0 8px 20px -6px #0003;position:relative}.custom-b2b-how__number:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid;opacity:.2;pointer-events:none}.custom-b2b-how__step-title{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 6px;color:inherit}.custom-b2b-how__step-desc{font-size:13.5px;line-height:1.5;margin:0}@media(max-width:1024px){.custom-b2b-how__steps{grid-template-columns:1fr 1fr;gap:36px 24px}.custom-b2b-how__steps:before{display:none}}@media(max-width:767px){.custom-b2b-how__header{margin-bottom:32px}.custom-b2b-how__steps{grid-template-columns:1fr;gap:24px;max-width:380px;margin-left:auto;margin-right:auto}.custom-b2b-how__step{display:flex;gap:16px;text-align:left;align-items:flex-start}.custom-b2b-how__number{flex:0 0 var(--circle-size-mobile, 48px);width:var(--circle-size-mobile, 48px);height:var(--circle-size-mobile, 48px);margin:0}.custom-b2b-how__step-content{flex:1;padding-top:4px;min-width:0}.custom-b2b-how__step-title{font-size:15px;margin-bottom:4px}.custom-b2b-how__step-desc{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-custom-b2b-how.css.map */