.media-with-text-how-section{background:rgba(var(--bg-color));padding:46.7px 54px}@media (max-width: 768px){.media-with-text-how-section{padding:32.7px 20px}}.media-with-text-how{display:flex;flex-direction:row;align-items:center;gap:64px;max-width:1440px;margin:0 auto}@media (max-width: 768px){.media-with-text-how{flex-direction:column;gap:32px}}.media-with-text-how__media{flex:1 1 50%;order:2}@media (max-width: 768px){.media-with-text-how__media{order:1;width:100%;flex:none}}.media-with-text-how__text{flex:1 1 50%;order:1;display:flex;flex-direction:column;justify-content:center;gap:64px;padding:56px 0;margin:0}@media (max-width: 768px){.media-with-text-how__text{order:2;padding:0;gap:56px}}.media-with-text-how--reverse .media-with-text-how__media{order:1}.media-with-text-how--reverse .media-with-text-how__text{order:2}.media-with-text-how__text .section__block.section__block--heading.h2{font-size:26px}@media (max-width: 768px){.media-with-text-how__text .section__block.section__block--heading.h2{font-size:26px}}.how-steps{display:flex;align-items:flex-start;gap:48px;justify-content:space-evenly}@media (max-width: 1200px){.how-steps{width:100%;gap:24px}}@media (max-width: 768px){.how-steps{width:100%;gap:12px;justify-content:center}}@media (max-width: 374px){.how-steps{gap:8px;justify-content:stretch}}.how-step{display:flex;flex-direction:column;align-items:center;gap:24px;width:120px}@media (max-width: 1200px){.how-step{flex:1;width:auto;max-width:120px}}@media (max-width: 768px){.how-step{flex:1;gap:16px;width:auto}}@media (max-width: 600px){.how-step{width:103px;flex:none}}@media (max-width: 374px){.how-step{width:auto;flex:1}}.how-step__image{width:120px;height:120px;overflow:hidden}.how-step__image img{width:100%;height:100%;object-fit:contain}@media (max-width: 1200px){.how-step__image{width:auto;height:auto;aspect-ratio:1}}@media (max-width: 600px){.how-step__image{width:80px;height:80px}}@media (max-width: 374px){.how-step__image{width:100%;height:auto;aspect-ratio:1;max-width:70px}}.how-step__label{font-size:18px;text-align:center;font-weight:700}@media (max-width: 768px){.how-step__label{font-size:13.2px}}.media-with-text-how__media img{width:100%;height:100%;position:relative}.media-with-text-how__media .img-fit{object-fit:contain}.media-with-text-how__media.img-cover .img-fit{object-fit:cover}.media-with-text-how__media .media img{object-fit:inherit}.how-step__image img{position:relative}@media (max-width: 768px){.media-with-text-how-section .container{padding:0}.media-with-text-how__text{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/media-with-text-how.css.map */