.b2b-workflow{position:relative;min-height:560px;padding-block:0;display:flex;align-items:stretch;isolation:isolate}@media(min-width:1200px){.b2b-workflow{min-height:800px;height:800px;align-items:center}}.b2b-workflow__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.b2b-workflow__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(5,4,6,0) 22.39%,var(--b2b-bg) 100%);pointer-events:none}.b2b-workflow__bg-img{width:100%!important;height:100%;object-fit:cover;object-position:top right}.b2b-workflow__bg-img--mobile{display:none}@media(max-width:767px){.b2b-workflow__bg-img--desktop{display:none}.b2b-workflow__bg-img--mobile{display:block}}.b2b-workflow__content{display:flex;flex-direction:column;width:100%;min-width:0;gap:30px}.b2b-workflow__inner{position:relative;z-index:1;width:min(100%,var(--b2b-container, 1440px));max-width:var(--b2b-container, 1440px);margin-inline:auto;align-self:center;display:flex;flex-direction:column;justify-content:flex-end;gap:30px;padding:clamp(72px,9vw,120px) var(--b2b-section-pad-x);box-sizing:border-box}@media(min-width:1200px){.b2b-workflow__inner{padding:48px;min-height:800px;gap:30px}}.b2b-workflow__header{display:flex;flex-direction:column;gap:24px;flex-shrink:0}.b2b-workflow__title{max-width:none;line-height:1.15}.b2b-workflow__timeline{display:flex;flex-direction:column;gap:24px;width:100%;min-width:0}.b2b-workflow__steps-viewport{position:relative;width:100%;min-width:0}.b2b-workflow__scroll-next{display:none}.b2b-workflow__steps-scroll{--workflow-gap: 48px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.b2b-workflow__steps-scroll::-webkit-scrollbar{display:none}@media(min-width:768px){.b2b-workflow__steps-scroll{--workflow-gap: 56px}}@media(min-width:1200px){.b2b-workflow__steps-scroll{--workflow-gap: 72px;overflow-x:hidden}}.b2b-workflow__steps{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:var(--workflow-gap);width:max-content;min-width:100%;margin:0;padding:0 0 8px;list-style:none}@media(min-width:1200px){.b2b-workflow__steps{width:100%;max-width:1344px;min-width:0}}.b2b-workflow__step{display:flex;flex-direction:column;align-items:flex-start;gap:16px;flex:0 0 auto;width:calc((100% - 3.5 * var(--workflow-gap)) / 4.5);min-width:126px;max-width:138px;scroll-snap-align:start;scroll-snap-stop:always}@media(min-width:1200px){.b2b-workflow__step{flex:0 0 130px;width:130px;min-width:130px;max-width:130px}.b2b-workflow__step:nth-child(3),.b2b-workflow__step:nth-child(4){flex-basis:127px;width:127px;max-width:127px}.b2b-workflow__step:nth-child(5){flex-basis:138px;width:138px;max-width:138px}}.b2b-workflow__step-num{font-family:var(--b2b-font-display);font-size:var(--b2b-fs-h2, 25px);font-weight:var(--b2b-fw-bold, 700);line-height:1.28;color:var(--b2b-accent)}.b2b-workflow__step-title{margin:0;font-family:var(--b2b-font-body);font-size:var(--b2b-fs-body, 16px);font-weight:var(--b2b-fw-medium, 500);line-height:1.5;color:var(--b2b-text)}.b2b-workflow__step-body{margin:0;font-family:var(--b2b-font-body);font-size:10.54px;font-weight:var(--b2b-fw-medium, 500);line-height:1.56;color:var(--b2b-text)}.b2b-workflow__progress-wrap{width:100%;padding-block:24px 0}.b2b-workflow__progress{position:relative;width:100%;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.b2b-workflow__progress-fill{position:absolute;inset-block:0;inset-inline-start:0;width:var(--progress, 85%);background:var(--b2b-accent);border-radius:inherit;transition:width .15s ease-out}.b2b-workflow__cta{flex-shrink:0}@media(max-width:767px){.b2b-workflow{min-height:800px;height:auto}.b2b-workflow__bg:after{background:linear-gradient(180deg,#05040600 29%,#050406 76.31%)}.b2b-workflow__bg-img--mobile{width:200%;max-width:none;object-position:22% 0}.b2b-workflow__inner{padding:24px;min-height:800px;gap:25px;justify-content:flex-end;box-sizing:border-box}.b2b-workflow__content{display:flex;flex-direction:column;gap:16px;width:100%}.b2b-workflow__header{gap:16px;max-width:none;width:100%}.b2b-workflow__timeline{display:flex;flex-direction:column;gap:32px}.b2b-workflow__body+.b2b-workflow__steps-viewport{margin-top:0}.b2b-workflow__title{display:flex;flex-direction:column;gap:0;font-family:var(--b2b-font-display);font-size:var(--b2b-fs-h1, 31.25px);font-weight:var(--b2b-fw-medium, 500);line-height:1.28;color:var(--b2b-text)}.b2b-workflow__body{max-width:327px;margin:0;font-size:16px;font-weight:var(--b2b-fw-light, 300);line-height:1.5;color:var(--b2b-text)}.b2b-workflow__steps-viewport{width:calc(100% + 48px);margin-inline:-24px;min-height:0}.b2b-workflow__steps-scroll{--workflow-gap: 48px;width:100%;padding-inline:24px;scroll-padding-inline:24px}.b2b-workflow__steps-viewport:after{content:"";position:absolute;display:none;top:0;right:0;bottom:0;width:min(176px,48%);background:linear-gradient(90deg,#05040600,#050406 66.83%);pointer-events:none;z-index:1;opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease}.b2b-workflow__steps-viewport.is-at-end:after{opacity:0;visibility:hidden}.b2b-workflow__scroll-next{display:none;align-items:center;justify-content:center;position:absolute;right:5px;top:50%;bottom:auto;z-index:3;width:44px;height:44px;margin-top:28px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease,visibility .2s ease;transform:rotate(90deg)!important}.b2b-workflow__scroll-next img{display:block;width:21px;height:22px;pointer-events:none}.b2b-workflow__scroll-next:hover{opacity:.85}.b2b-workflow__scroll-next:focus-visible{outline:2px solid var(--b2b-accent, #859df3);outline-offset:2px}.b2b-workflow__scroll-next.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.b2b-workflow__steps{padding-block-end:0}.b2b-workflow__step{width:160px;min-width:160px;max-width:160px;gap:12px;scroll-snap-align:start}.b2b-workflow__step-title{white-space:normal}.b2b-workflow__step-body{font-size:10.24px;line-height:1.56;min-height:41px}.b2b-workflow__progress-wrap{padding-block:12px 0}.b2b-workflow__progress{background:#ffffff1f}.b2b-workflow__cta{align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/b2b-workflow-timeline.css.map */
