.how-it-works{padding:113px var(--container-spacing) 84px;background:#fff;overflow:hidden}.how-it-works__header{width:100%;max-width:1300px;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:52px}.how-it-works__productivity{position:relative;overflow:hidden;height:540px}.our-productivity__block-wrap{display:flex;flex-wrap:wrap;align-items:center}.our-productivity__block-count{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:44px;height:44px;font-family:var(--font-body-family);font-size:18px;font-weight:600;line-height:130%;letter-spacing:0;text-align:center;text-shadow:1px 1px 2px 0px #00000066;color:#fff;border:6px solid #DAD8D9;border-radius:50%;background:#474c53;z-index:3}.our-productivity__block{flex:1;max-width:100%}.our-productivity__circle{flex:0 0 auto;position:relative;width:204px;height:204px;border-radius:50%;background-color:#dad8d9;transition:all .25s ease-in-out}.our-productivity__circle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;background:#1d2128;border-radius:50%;box-shadow:4px 15px 10px #0003;transition:all .25s ease-in-out}.our-productivity__icon-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.our-productivity__icon{width:48px;height:auto}.our-productivity__icon svg{color:linear-gradient(148.86deg,#A872E6 9.42%,#489AE2 94.51%)}.our-productivity__icon .hover-vector{display:none;color:#fff}.our-productivity__icon .inital-vector{display:block}.our-productivity__title{margin-top:10px;width:100%;max-width:76%;margin-left:auto;margin-right:auto}.our-productivity__title,.our-productivity__title>*{font-family:var(--font-body-family);font-size:16px;line-height:110%;letter-spacing:-.16px;text-align:center;color:#fff}.our-productivity__title>*{font-weight:500}.our-productivity__text,.our-productivity__text>*{font-family:var(--font-archivo);font-size:22px;line-height:110%;letter-spacing:-.44px;text-align:center;color:#676a71}.our-productivity__text>*{font-weight:600}.our-productivity__text span{color:#2b313b}.how-it-works__button-block{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:22px}.how-it-works__button-block .eq-button{font-family:var(--font-body-family);font-size:18px;line-height:130%;letter-spacing:0px;padding:15px 30px;color:#418ff4;text-align:left;border-color:#dad8d9;background-color:transparent}.how-it-works__button-block .eq-button:hover{color:#dad8d9;border-color:#418ff4;background-color:#418ff4}.how-it-works__button-block .eq-button .eq-button__icon img,.how-it-works__button-block .eq-button .eq-button__icon svg{width:17px}.our-productivity__content{flex:1;max-width:100%}.our-productivity__content,.our-productivity__content>*{font-family:var(--font-body-family);font-size:16px;line-height:130%;letter-spacing:0px;color:#676a71}.our-productivity__content>*{font-weight:500}@media(min-width:992px){.our-productivity__block-wrap:nth-child(3) .our-productivity__block-count{position:absolute;top:11px;left:39.6%;transform:translate(-50%)}.our-productivity__block-wrap:nth-child(3) .our-productivity__block{position:absolute;width:100%;max-width:504px;top:14px;right:calc(50% + 288px)}.our-productivity__block-wrap:nth-child(3) .our-productivity__block:before{content:"";position:absolute;background:#dad8d9;width:200px;height:2px;transform:rotate(-21deg);z-index:0;top:45px;left:calc(100% - 81px)}.our-productivity__block-wrap:nth-child(4) .our-productivity__block-count{position:absolute;top:127px;left:43.7%;transform:translate(-50%)}.our-productivity__block-wrap:nth-child(4) .our-productivity__block{position:absolute;width:100%;max-width:495px;top:200px;right:calc(50% + 127px);z-index:2}.our-productivity__block-wrap:nth-child(4) .our-productivity__block:before{content:"";position:absolute;background:#dad8d9;width:200px;height:2px;transform:rotate(124deg);z-index:0;top:36px;left:calc(100% - 154px)}.our-productivity__block-wrap:nth-child(5) .our-productivity__block-count{position:absolute;top:166px;left:50%;transform:translate(-50%)}.our-productivity__block-wrap:nth-child(5) .our-productivity__block{position:absolute;width:100%;max-width:204px;top:271px;left:50%;transform:translate(-50%);z-index:2}.our-productivity__block-wrap:nth-child(5) .our-productivity__block:before{content:"";position:absolute;background:#dad8d9;width:200px;height:2px;transform:rotate(89deg);z-index:0;top:23px;left:calc(100% - 200px)}.our-productivity__block-wrap:nth-child(5) .our-productivity__block .our-productivity__content{width:477px;padding-top:16px;position:relative;max-width:unset;transform:translate(-50%);left:50%}.our-productivity__block-wrap:nth-child(6) .our-productivity__block-count{position:absolute;top:127px;left:56.4%;transform:translate(-50%)}.our-productivity__block-wrap:nth-child(6) .our-productivity__block{position:absolute;width:100%;max-width:495px;top:201px;left:calc(50% + 127px);z-index:2}.our-productivity__block-wrap:nth-child(6) .our-productivity__block:before{content:"";position:absolute;background:#dad8d9;width:200px;height:2px;transform:rotate(-125deg);z-index:0;top:32px;right:calc(100% - 154px)}.our-productivity__block-wrap:nth-child(7) .our-productivity__block-count{position:absolute;top:11px;left:60.7%;transform:translate(-50%)}.our-productivity__block-wrap:nth-child(7) .our-productivity__block{position:absolute;width:100%;max-width:504px;top:14px;left:calc(50% + 288px)}.our-productivity__block-wrap:nth-child(7) .our-productivity__block:before{content:"";position:absolute;background:#dad8d9;width:200px;height:2px;transform:rotate(21deg);z-index:0;top:50px;right:calc(100% - 88px)}.our-productivity__block.icon-last.content-center{display:flex;flex-direction:row-reverse;align-items:center}.our-productivity__block.icon-last.content-bottom{display:flex;flex-direction:row-reverse;align-items:flex-end}.our-productivity__block.icon-first.content-center{display:flex;flex-direction:row;align-items:center}.our-productivity__block.icon-first.content-bottom{display:flex;flex-direction:row;align-items:flex-end}.our-productivity__block.icon-top.content-center{display:flex;flex-direction:column;text-align:center}.our-productivity__block-wrap:nth-child(3) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(4) .our-productivity__block .our-productivity__content{padding-right:49px;text-align:left}.our-productivity__block-wrap:nth-child(6) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(7) .our-productivity__block .our-productivity__content{padding-left:40px;text-align:left}.our-productivity__text{width:100%;max-width:292px;margin-left:auto;margin-right:auto}.our-productivity__shap{position:absolute;width:418px;height:418px;left:50%;bottom:calc(100% - 192px);transform:translate(-50%);border:12px solid #DAD8D9;border-radius:50%}.our-productivity__content{opacity:0;transition:all .25s ease-in-out}.our-productivity__circle{cursor:pointer}.our-productivity__circle:hover{background:#474c53}.our-productivity__circle:hover .our-productivity__circle-inner{background:linear-gradient(135deg,#a872e6 7.06%,#489ae2 93.53%)}.our-productivity__circle:hover+.our-productivity__content{opacity:1}.our-productivity__circle:hover .our-productivity__icon .hover-vector{display:block}.our-productivity__circle:hover .our-productivity__icon .inital-vector{display:none}}@media(min-width:992px)and (max-width:1919px){.how-it-works{padding:5.888vw var(--container-spacing) 4.377vw}.how-it-works__header{max-width:67.744vw;margin-bottom:2.71vw}.how-it-works__productivity{height:28.14vw}.our-productivity__block-count{width:2.293vw;height:2.293vw;font-size:.938vw;border:.313vw solid #DAD8D9}.our-productivity__circle{width:10.631vw;height:10.631vw}.our-productivity__circle-inner{width:8.859vw;height:8.859vw;box-shadow:.208vw .782vw .521vw #0003}.our-productivity__icon{width:2.501vw}.our-productivity__title{margin-top:.521vw}.our-productivity__title,.our-productivity__title>*{font-size:.834vw;letter-spacing:-.008vw}.our-productivity__text,.our-productivity__text>*{font-size:1.146vw;letter-spacing:-.023vw}.our-productivity__block-wrap:nth-child(3) .our-productivity__block-count{top:.573vw}.our-productivity__block-wrap:nth-child(3) .our-productivity__block{max-width:26.264vw;top:.73vw;right:calc(50% + 15.008vw)}.our-productivity__block-wrap:nth-child(3) .our-productivity__block:before{width:10.422vw;height:.104vw;top:2.345vw;left:calc(100% - 4.221vw)}.our-productivity__block-wrap:nth-child(4) .our-productivity__block-count{top:6.618vw}.our-productivity__block-wrap:nth-child(4) .our-productivity__block{max-width:25.795vw;top:10.422vw;right:calc(50% + 6.618vw)}.our-productivity__block-wrap:nth-child(4) .our-productivity__block:before{width:10.422vw;height:.104vw;top:1.876vw;left:calc(100% - 8.025vw)}.our-productivity__block-wrap:nth-child(5) .our-productivity__block-count{top:8.65vw}.our-productivity__block-wrap:nth-child(5) .our-productivity__block{max-width:10.631vw;top:14.122vw}.our-productivity__block-wrap:nth-child(5) .our-productivity__block:before{width:10.422vw;height:.104vw;top:1.199vw;left:calc(100% - 10.422vw)}.our-productivity__block-wrap:nth-child(5) .our-productivity__block .our-productivity__content{width:24.857vw;padding-top:.834vw}.our-productivity__block-wrap:nth-child(6) .our-productivity__block-count{top:6.618vw}.our-productivity__block-wrap:nth-child(6) .our-productivity__block{max-width:25.795vw;top:10.474vw;left:calc(50% + 6.618vw)}.our-productivity__block-wrap:nth-child(6) .our-productivity__block:before{width:10.422vw;height:.104vw;top:1.668vw;right:calc(100% - 8.025vw)}.our-productivity__block-wrap:nth-child(7) .our-productivity__block-count{top:.573vw}.our-productivity__block-wrap:nth-child(7) .our-productivity__block{max-width:26.264vw;top:.73vw;left:calc(50% + 15.008vw)}.our-productivity__block-wrap:nth-child(7) .our-productivity__block:before{width:10.422vw;height:.104vw;top:2.606vw;right:calc(100% - 4.586vw)}.our-productivity__block-wrap:nth-child(3) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(4) .our-productivity__block .our-productivity__content{padding-right:2.553vw}.our-productivity__block-wrap:nth-child(6) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(7) .our-productivity__block .our-productivity__content{padding-left:2.084vw}.our-productivity__text{max-width:15.216vw}.our-productivity__shap{width:21.782vw;height:21.782vw;bottom:calc(100% - 10.005vw);border:.625vw solid #DAD8D9}.how-it-works__button-block{margin-top:1.146vw}.how-it-works__button-block .eq-button{font-size:.938vw;padding:.782vw 1.563vw}.how-it-works__button-block .eq-button .eq-button__icon img,.how-it-works__button-block .eq-button .eq-button__icon svg{width:.886vw}.our-productivity__content,.our-productivity__content>*{font-size:.834vw}}@media(min-width:992px)and (max-width:1399px){.our-productivity__text,.our-productivity__text>*{font-size:13px;letter-spacing:-.26px}.our-productivity__circle{width:11.6vw;height:11.6vw}.our-productivity__circle-inner{width:9.8vw;height:9.8vw}.our-productivity__title{max-width:82%}.our-productivity__title,.our-productivity__title>*{font-size:11px;letter-spacing:-.11px}.our-productivity__block-wrap:nth-child(3) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(4) .our-productivity__block .our-productivity__content{padding-right:1vw}.our-productivity__block-wrap:nth-child(6) .our-productivity__block .our-productivity__content,.our-productivity__block-wrap:nth-child(7) .our-productivity__block .our-productivity__content{padding-left:.7vw}.our-productivity__content,.our-productivity__content>*{font-size:10px}.how-it-works__productivity{height:32.14vw}.how-it-works__button-block .eq-button{font-size:14px}.how-it-works__button-block .eq-button .eq-button__icon img,.how-it-works__button-block .eq-button .eq-button__icon svg{width:12px}}@media(max-width:991px){.how-it-works__productivity{height:100%}.our-productivity__block-wrap{margin-bottom:20px}.our-productivity__block-wrap:last-child{margin-bottom:0}.our-productivity__block-count{width:32px;height:32px;font-size:16px;border-width:4px}.our-productivity__block{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding-left:14px}.our-productivity__block:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:20px;height:2px;background-color:#dad8d9;z-index:0}.our-productivity__circle{width:116px;height:116px;background:#474c53}.our-productivity__circle-inner{width:100px;height:100px;background:linear-gradient(135deg,#a872e6 7.06%,#489ae2 93.53%)}.our-productivity__icon{width:32px}.our-productivity__icon .hover-vector{display:block}.our-productivity__icon .inital-vector{display:none}.our-productivity__title{margin-top:5px;max-width:82%}.our-productivity__title,.our-productivity__title>*{font-size:12px;letter-spacing:-.12px}.our-productivity__content{padding-left:14px}.our-productivity__content,.our-productivity__content>*{font-size:14px}.our-productivity__text{margin-bottom:30px;padding-left:30px;padding-right:30px}.our-productivity__text,.our-productivity__text>*{font-size:18px;letter-spacing:-.36px}}@media(max-width:767px){.how-it-works{padding-top:55px;padding-bottom:60px}.how-it-works__header{margin-bottom:20px}.how-it-works__button-block{margin-top:30px}.how-it-works__button-block .eq-button{font-size:16px;padding:13px 29px}.how-it-works__button-block .eq-button .eq-button__icon img,.how-it-works__button-block .eq-button .eq-button__icon svg{width:14px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/how-it-works.css.map */