.how-wrapper{margin-bottom:160px;--section-margin: 56px}.how-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:0;margin-top:60px}.how-left-column{display:flex;flex-direction:column;gap:32px}.how-left-column>*{max-width:400px}.how-right-column{position:relative;display:flex;align-items:center;justify-content:center}.how-right-column--mobile{display:none}.how-right-column--desktop{display:flex}.how-numbered-list{display:flex;flex-direction:column;gap:20px}.how-list-item{display:flex;flex-direction:column;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.how-list-item-header{display:flex;align-items:center;gap:8px}.how-list-number{border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;line-height:24px;color:var(--color-white-100);background:var(--Shade-30, #b6c5cb);transition:background .3s ease;flex-shrink:0;width:48px;flex:0 0 48px;padding:4px 15px}.how-list-item.active .how-list-number{background:var(--Primary-100, #00b1ff)}.how-list-title{font-weight:700;font-size:24px;line-height:32px;color:var(--Shade-70, #3c6475)}.how-list-subtitle{color:var(--Shade-70, #3c6475);font-weight:400;font-size:16px;line-height:24px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.how-list-item.active .how-list-subtitle{opacity:1;max-height:100px}.how-cards-container{position:relative;width:100%;height:500px}.how-card{position:absolute;width:60%;height:400px;border-radius:16px;overflow:hidden;transition:transform .4s ease;max-width:380px;min-width:330px}.how-card.main{top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.how-card.bg1{top:calc(50% - 30px);left:calc(50% + 30px);transform:translate(-50%,-50%);z-index:1;background:radial-gradient(149.19% 72.23% at 58.24% 35.75%,#97ddfb,#00b1ff 84.62%)}.how-card.bg2{top:calc(50% + 30px);left:calc(50% - 30px);transform:translate(-50%,-50%);z-index:2;background:radial-gradient(91.95% 96.31% at 50% 50%,#effaff 41.83%,#caefff)}.how-card img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease}.how-card img.active{opacity:1}@media (max-width: 1280px){.how-card{width:70%}}@media (max-width: 1024px){.how-wrapper{--section-margin: 32px}}@media (max-width: 960px){.how-wrapper .section-header__title{font-size:40px;line-height:40px}}@media (min-width: 769px){.how-content{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.how-right-column--desktop{display:none}.how-right-column--mobile{display:flex}.how-numbered-list{height:250px}.how-card{width:90%}.how-right-column{margin-top:0}.how-wrapper{margin-bottom:170px}.how-content{grid-template-columns:1fr;gap:40px;margin-top:40px}.how-left-column{gap:24px}.how-list-title{font-size:20px;line-height:28px}.how-list-subtitle{font-size:14px;line-height:20px}.how-list-number{width:32px;height:32px;font-size:16px;line-height:20px}.how-cards-container{height:300px;top:80px}.how-card{width:60%;height:400px}.how-numbered-list{margin-top:170px}.how-card.bg1{top:calc(50% - 30px);left:calc(50% + 30px);transform:translate(-50%,-50%)}.how-card.bg2{top:calc(50% + 30px);left:calc(50% - 30px);transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/how-section.css.map */