.steps-section{--steps-media-width: min(576px, 30vw);--steps-media-height: calc(var(--steps-media-width) * 600 / 576);padding:120px 64px 0;background:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;max-width:max(1181px,61.51vw);margin:0 auto}.steps-section__content{display:grid;grid-auto-rows:var(--steps-media-height);align-items:center;row-gap:32px;width:100%;max-width:var(--steps-media-width)}.steps-section__step{display:flex;flex-direction:column;align-items:flex-start;width:100%;justify-content:center}.steps-section__number{font-weight:600;font-size:calc(20 / 1920 * 100vw);line-height:1.5625vw;color:#f79009;margin-bottom:16px}.steps-section__title{font-weight:700;font-size:2.5vw;line-height:3.125vw;letter-spacing:0;color:#242528;margin:0 0 16px}.steps-section__text{margin:0;font-weight:400;font-size:calc(16 / 1920 * 100vw);line-height:1.25vw;color:#242528}.steps-section__text p{margin-bottom:0}.steps-section__button{margin-top:48px;display:inline-flex;justify-content:center;align-items:center;padding:16px 20px;border:1px solid #F79009;gap:8px;transition:all .3s;background:#f79009;border-radius:40px;font-weight:700;font-size:calc(16 / 1920 * 100vw);line-height:1.25vw;text-align:center;color:#fff;text-decoration:none}.steps-section__button:hover{background-color:transparent;color:#242528}.steps-section__media{position:sticky;top:calc(50% - calc(var(--steps-media-height) / 2));width:var(--steps-media-width);height:var(--steps-media-height);border-radius:24px;overflow:hidden;flex-shrink:0}.steps-section__media img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:1560px){.steps-section{--steps-media-width: 480px}}@media(max-width:1280px){.steps-section{--steps-media-width: 460px}}@media(max-width:1100px){.steps-section{--steps-media-width: 420px}}@media(max-width:1024px){.steps-section{--steps-media-width: 343px;--steps-media-height: 343px;padding:80px 16px;flex-direction:column-reverse}.steps-section__content{order:1;max-width:100%;grid-auto-rows:auto}.steps-section__title{font-size:24px;line-height:32px}.steps-section__number{font-size:16px;line-height:24px}.steps-section__text{font-size:14px;line-height:20px}.steps-section__button{margin-top:32px;width:100%;padding:18px 20px;font-size:14px;line-height:20px}.steps-section__media{position:relative;top:0;width:100%;height:auto;aspect-ratio:1 / 1;order:0}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/affilate-steps.css.map */