.page-why--steps why-atp-steps{position:relative;display:block}.page-why--steps .steps-nav{display:none;flex-shrink:1;flex-grow:1;align-items:center;width:100%;background:#f6f7f9;border-top:1px solid #000000;border-bottom:1px solid #000000}.page-why--steps .steps-nav__item{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;width:calc(100% - 1rem / var(--steps-count));height:100%;padding:25px 5px;transition:background .15s ease}.page-why--steps .steps-nav__item.is-selected{background:#d9e2e6;cursor:auto}.page-why--steps .steps-nav__item:not(:last-of-type){border-right:1px solid #cdcdcd}.page-why--steps .steps-nav__item:not(.is-selected):hover{background-color:#d9e2e64d;cursor:pointer}.page-why--steps .steps-nav.animate{transition:transform .15s ease}.page-why--steps .steps-nav.steps-nav--sticky.hidden{transform:translateY(-100%)}.page-why--steps .steps-nav.stop-sticky{position:absolute!important}.page-why--steps .steps-nav.steps-nav--sticky{position:fixed;top:var(--fixed-top);right:0;left:0;z-index:10;transform:translateY(0)}.page-why--steps .steps-nav.steps-nav--sticky .steps-nav__item{height:120px;padding:5px}.page-why--steps .steps-nav.steps-nav--sticky .nav-step__image{height:70px}.page-why--steps .nav-step .nav-step__image{position:relative;max-width:135px;margin:0 auto}.page-why--steps .nav-step__image .nav-step__image--img,.page-why--steps .nav-step__image svg{display:block;position:relative;width:100%;height:100%;max-width:110px;max-height:110px;color:#000}.page-why--steps .steps-banner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:420px;height:75vh;padding:20px;background:#c4c4c4;text-align:center}.page-why--steps .steps-banner .steps-banner__text{position:relative;z-index:1}.page-why--steps .steps-banner .steps-banner__text--heading{font-family:Acumin Pro;font-style:normal;font-weight:400;font-size:24px;line-height:29px;text-align:center;text-transform:uppercase;color:var(--text-color)}.page-why--steps .steps-banner .steps-banner__text--text{font-family:Acumin Pro;font-style:normal;font-weight:400;font-size:36px;line-height:46px;text-align:center;color:var(--text-color);max-width:840px;margin:0 auto}.page-why--steps .steps-banner .steps-banner__text--text p{margin:0}.page-why--steps .steps-banner .steps-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.page-why--steps .steps-banner .steps-banner__media .steps-banner__media--img,.page-why--steps .steps-banner .steps-banner__media .steps-banner__media--video{display:block;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;margin:0;padding:0}.page-why--steps .steps-blocks .steps-blocks__step{display:flex;flex-direction:column;border-top:1px solid #000000}.page-why--steps .steps-blocks__step:last-of-type{border-bottom:1px solid #000000}.page-why--steps .step-block .step-block__text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 5%;background:#f6f7f9}.page-why--steps .step-block .step-block__text .step-block__text--counter{font-family:Acumin Pro;font-style:normal;font-weight:400;font-size:24px;line-height:29px;text-transform:uppercase;color:#000}.page-why--steps .step-block .step-block__text .step-block__text--heading{font-family:Acumin Pro;font-style:normal;font-weight:700;font-size:35px;line-height:42px;color:#000}.page-why--steps .step-block .step-block__text .step-block__text--text{font-family:Acumin Pro;font-style:normal;font-weight:400;font-size:22px;line-height:26px;color:#000;margin-top:15px}.page-why--steps .step-block .step-block__image{position:relative;max-height:630px;background:#c4c4c4;overflow:hidden}.page-why--steps .step-block .step-block__image--img{display:block;position:relative;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;margin:0;padding:0}@media screen and (min-width: 861px){.page-why--steps .steps-nav{display:grid;grid-template-columns:repeat(var(--steps-count),1fr)}}@media screen and (min-width: 990px){.page-why--steps .steps-banner .steps-banner__text--text{font-size:48px;line-height:58px}.page-why--steps .steps-blocks .steps-blocks__step{flex-direction:row}.page-why--steps .step-block.step-block__text-align--left .step-block__text,.page-why--steps .step-block.step-block__text-align--right .step-block__image{order:0}.page-why--steps .step-block.step-block__text-align--left .step-block__image,.page-why--steps .step-block.step-block__text-align--right .step-block__text{order:1}.page-why--steps .step-block .step-block__text{max-width:45%;width:100%;padding:10px 5%}.page-why--steps .step-block .step-block__text .step-block__text--heading{font-size:55px;line-height:62px}.page-why--steps .step-block .step-block__image{max-width:55%;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/component-page-why--steps.css.map?logged_in_customer_id= */
