.step-blocks{padding:56px 16px;background-color:#000;color:#fff}.step-block{display:flex;flex-direction:column;gap:24px}.step-blocks .steps-header{max-width:800px;margin:0 auto}.step-blocks .step-block-list{display:grid;gap:48px}.step-blocks .step-block .step-image{position:relative}.step-blocks .step-block .step-image img{width:100%}.step-blocks .step-block .step-label{display:inline-flex;align-items:center;position:absolute;top:-20px;left:50%;transform:translate(-50%);gap:8px;padding:8px 24px;background-color:#2f82f7;border-radius:8px;white-space:nowrap}.step-blocks .step-block .step-label img{width:20px;height:20px}.step-blocks .step-block .step-content{display:flex;align-items:center;gap:32px;background-color:#1a1a1a;border:1px solid white;border-radius:8px;padding:32px 16px}.step-blocks .step-block .step-content .text-lg{color:#fffc}.step-blocks .step-block .step-content__number{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:linear-gradient(90deg,#f0484899,#28a4fb99);background-color:#fff;border-radius:50%;z-index:0;color:#000;font-weight:900;font-size:18px}.step-blocks .step-block .step-content__number:before{content:"";position:absolute;width:36px;height:36px;background:#fff;border-radius:50%;z-index:-1}.step-blocks .step-block .step-content__text{display:flex;flex-direction:column;gap:8px}@media(min-width:890px){.step-blocks{padding-inline:12px;padding-block:82px}.step-blocks .step-block-list{grid-template-columns:1fr 1fr 1fr;gap:24px;position:relative}.step-block-list:before{content:"";position:absolute;top:20px;left:10px;right:10px;height:1px;background-color:#fff;transform:translateY(-50%)}.step-blocks .step-block{display:grid;grid-template-rows:auto 1fr;gap:32px;z-index:1}.step-blocks .step-block .step-content{display:grid;grid-template-rows:auto auto;gap:12px;padding:32px 12px;min-height:250px;grid-row:1}.step-blocks .step-block .step-image{grid-row:2}.step-blocks .step-block .step-content__image,.step-blocks .step-block .step-content__text{align-self:baseline}}@media(min-width:1222px){.step-blocks{padding-inline:48px}.step-blocks .step-block .step-content{padding:32px 48px}.step-blocks .step-block-list{gap:48px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/step-blocks.css.map?v=35372630707386313961747376170 */