.section-mika-how-it-works{z-index:0;position:relative;overflow:hidden}.section-mika-how-it-works__background-image{position:absolute;left:0;top:0;height:100%;width:100%}.section-mika-how-it-works__background-image img{height:100%;width:100%;object-fit:cover}.section-mika-how-it-works__inner{position:relative;max-width:100%;width:1296px;margin:0 auto 56px;padding:75px 50px 245px}.section-mika-how-it-works__right-icon,.section-mika-how-it-works__left-icon{position:absolute;z-index:1;height:auto}.section-mika-how-it-works__left-icon{bottom:-51px;left:-87px;width:332px;max-width:25.6%}.section-mika-how-it-works__right-icon{bottom:-56px;right:-72px;width:316px;max-width:24.38%}.section-mika-how-it-works__heading{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;position:relative}.section-mika-how-it-works__heading-title{font-size:var(--title-font-size-d);font-weight:700;letter-spacing:0;line-height:140%;margin:0;color:var(--title-color, #fff)}.section-mika-how-it-works__heading-subtitle{font-size:var(--subtitle-font-size-d);font-weight:500;letter-spacing:0;line-height:160%;margin:0;width:640px;max-width:100%;color:var(--subtitle-color, #fff)}.section-mika-how-it-works__steps{position:relative;display:flex;align-items:flex-start;width:1040px;max-width:100%;gap:10%;margin:40px auto 0}.section-mika-how-it-works__step{position:relative}.section-mika-how-it-works__steps-background-image{position:absolute;width:100%}.section-mika-how-it-works__steps-background-image img{position:absolute;right:-21.2%;width:96.7%;height:auto;top:0;max-width:1006px}.section-mika-how-it-works__step-image,.section-mika-how-it-works__step-image img{position:relative}.section-mika-how-it-works__step>svg{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%}.section-mika-how-it-works__step-1{flex:0 1 24.6%;padding:32px 32px 27px}.section-mika-how-it-works__step-2{flex:0 1 32%;padding:9px 7px 23px}.section-mika-how-it-works__step-3{flex:0 1 24.6%;padding:32px 21px 37px 11px}.section-mika-how-it-works__step h3{color:#415769;font-size:18px;font-weight:700;line-height:140%;letter-spacing:0;text-align:center;position:relative;margin-top:13px}.section-mika-how-it-works__step.section-mika-how-it-works__step-1 h3{margin-top:18px}.section-mika-how-it-works__step.section-mika-how-it-works__step-2 h3{margin-top:16px}.section-mika-how-it-works__step-video{position:relative;overflow:hidden}.section-mika-how-it-works__step-video video{position:absolute;height:auto;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);width:96%;border-radius:24px}.section-mika-how-it-works__step-video:before{content:"";width:100%;padding-top:69.3%;display:block}.section-mika-how-it-works__step-video:not(.active) video{display:none}.section-mika-how-it-works__step-video.active img,.section-mika-how-it-works__step-video.active button{display:none}.section-mika-how-it-works__step-video button{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);transition:all .3s ease;z-index:1;display:flex;justify-content:center;align-items:center}.section-mika-how-it-works__step-video button:hover{opacity:.85}.section-mika-how-it-works__step-video img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.section-mika-how-it-works__step-index{width:72px;height:72px;display:flex;justify-content:center;align-items:center;position:absolute;right:0;z-index:1}.section-mika-how-it-works__step-index svg{position:absolute;top:0;left:0;width:100%;height:100%}.section-mika-how-it-works__step-index span{position:relative;color:#fff;font-size:28px;line-height:140%;font-weight:700}@media (max-width: 1320px){padding: 6.13% 25px 18.6%}@media (min-width: 1200px) and (max-width: 1439px){.section-mika-how-it-works__inner{width:996px;padding:75px 50px}.section-mika-how-it-works__left-icon{width:180px}.section-mika-how-it-works__right-icon{width:157px}}@media (min-width: 769px) and (max-width: 1199px){.section-mika-how-it-works__inner{width:700px;padding:54px 50px 56px}.section-mika-how-it-works__steps{margin:10px auto 0}.section-mika-how-it-works__step.section-mika-how-it-works__step-2 h3{margin-top:6px}.section-mika-how-it-works__step h3{font-size:13px}.section-mika-how-it-works__heading-title{font-size:calc(var(--title-font-size-d) / 1.5)}.section-mika-how-it-works__heading-subtitle{font-size:calc(var(--subtitle-font-size-d) / 1.2);width:500px}.section-mika-how-it-works__step-1{padding:16px 32px 8px}.section-mika-how-it-works__step-2{margin-top:43px!important}.section-mika-how-it-works__step-3{margin-top:5px;padding:18px 21px 22px 11px}.section-mika-how-it-works__steps-background-image img{right:-18.2%;width:96.7%;max-width:556px}}@media screen and (max-width: 1199px){.section-mika-how-it-works__step-2{padding:26px 7px 23px}}@media screen and (min-width: 769px){.section-mika-how-it-works__step-1{margin-top:19px}.section-mika-how-it-works__step-2{margin-top:76px}.section-mika-how-it-works__step-3{margin-top:21px}.section-mika-how-it-works__step-2 svg.mobile{display:none}.section-mika-how-it-works__step-index svg{padding:7px}.section-mika-how-it-works__step-2 .section-mika-how-it-works__step-index,.section-mika-how-it-works__step-1 .section-mika-how-it-works__step-index{top:-19px}.section-mika-how-it-works__step-3 .section-mika-how-it-works__step-index{top:-21px}}@media screen and (max-width: 768px){.section-mika-how-it-works__step h3{font-size:14px}.section-mika-how-it-works__step.section-mika-how-it-works__step-1 h3{margin-top:19px}.section-mika-how-it-works__step-1 .section-mika-how-it-works__step-index,.section-mika-how-it-works__step-3 .section-mika-how-it-works__step-index{top:-8px;right:-9px}.section-mika-how-it-works__step-index{width:56px;height:56px}.section-mika-how-it-works__heading-title{line-height:128%;font-size:var(--title-font-size-m)}.section-mika-how-it-works__heading-subtitle{font-size:var(--subtitle-font-size-m)}.section-mika-how-it-works{padding-left:16px!important;padding-right:16px!important}.section-mika-how-it-works__right-icon,.section-mika-how-it-works__left-icon{display:none}.section-mika-how-it-works__steps{flex-wrap:wrap;justify-content:center;gap:18px;padding:0 34px 0 35px;margin:45px auto 0}.section-mika-how-it-works__inner{margin:0 auto;width:100%;max-width:398px;padding:64px 0 164px}.section-mika-how-it-works__step-1{flex:0 0 78.4%;padding:38px 29px 19px;max-width:350px}.section-mika-how-it-works__step-1 h3{margin-top:19px}.section-mika-how-it-works__step-3 h3{margin-top:27px}.section-mika-how-it-works__step.section-mika-how-it-works__step-2 h3{margin-top:6px}.section-mika-how-it-works__step-2{flex:0 0 100%;padding:29px 8px 37px;max-width:500px}.section-mika-how-it-works__step-2>svg:not(.mobile):not(.index){display:none}.section-mika-how-it-works__step-3{flex:0 0 78.4%;max-width:363px;padding:68px 30px 19px 28px}.section-mika-how-it-works__steps-background-image img{right:auto;left:4.77%;width:94.2%;max-width:375px;top:237px}.section-mika-how-it-works__heading{padding:0 52px}.section-mika-how-it-works__step-2 .section-mika-how-it-works__step-index{top:14px;right:-9px}}@media (max-width: 429px){.section-mika-how-it-works__inner{max-width:288px;padding:40px 0 56px}.section-mika-how-it-works__step h3{font-size:12px}.section-mika-how-it-works__steps{gap:15px;margin:30px auto 0}.section-mika-how-it-works__step-1{padding:25px 33px 20px;max-width:131px}.section-mika-how-it-works__step-2{flex:0 0 100%;padding:29px 19px 31px}.section-mika-how-it-works__step-3{padding:34px 30px 19px 28px}.section-mika-how-it-works__steps-background-image img{left:9.77%;max-width:242px;top:117px}.section-mika-how-it-works__step-index{width:42px;height:42px}.section-mika-how-it-works__step-2 .section-mika-how-it-works__step-index,.section-mika-how-it-works__step-1 .section-mika-how-it-works__step-index,.section-mika-how-it-works__step-3 .section-mika-how-it-works__step-index{top:0;right:-9px}.section-mika-how-it-works__background-image img{object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-mika-how-it-works.css.map */