.section-banner-works{padding-bottom:4rem;padding-top:6.8rem;text-align:center}.section-banner-works h1{align-items:center;display:flex;font-size:5.75rem;justify-content:center;line-height:8.75rem;margin-left:6.4rem}.section-banner-works h1 span{align-items:center;border-radius:50%;display:flex;justify-content:center;margin:0 .4rem;position:relative}.section-banner-works h1 .pink-circle{background-color:#ffb4c457;flex:0 0 15.3125rem;font-weight:500;height:15.3125rem;width:15.3125rem}.section-banner-works h1 .pink-circle:before{background-image:url(/img/banner-circle-bg-1.svg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:35.125rem;left:-9rem;position:absolute;right:0;top:-9.8rem;width:25.9375rem}.section-banner-works h1 .violet-circle{background-color:#e2a2fc;color:#fff;flex:0 0 23.3125rem;height:23.3125rem;width:23.3125rem}.section-banner-works h1 .violet-circle:before{background-image:url(/img/banner-circle-bg-2.svg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:26.625rem;left:-3.5rem;position:absolute;right:0;top:-1.7rem;width:29.125rem}.section-banner-works h1 .violet-circle:after{background-image:url(/img/pictures/how_works_cat@1x.png);background-image:-webkit-image-set(url(/img/pictures/how_works_cat@1x.webp) 1x type("image/webp"),url(/img/pictures/how_works_cat@1.5x.webp) 1.5x type("image/webp"),url(/img/pictures/how_works_cat@2x.webp) 2x type("image/webp"),url(/img/pictures/how_works_cat@1x.png) 1x type("image/png"),url(/img/pictures/how_works_cat@1.5x.png) 1.5x type("image/png"),url(/img/pictures/how_works_cat@2x.png) 2x type("image/png"));background-image:image-set(url(/img/pictures/how_works_cat@1x.webp) 1x type("image/webp"),url(/img/pictures/how_works_cat@1.5x.webp) 1.5x type("image/webp"),url(/img/pictures/how_works_cat@2x.webp) 2x type("image/webp"),url(/img/pictures/how_works_cat@1x.png) 1x type("image/png"),url(/img/pictures/how_works_cat@1.5x.png) 1.5x type("image/png"),url(/img/pictures/how_works_cat@2x.png) 2x type("image/png"));background-position:7.98rem 9.5rem;background-repeat:no-repeat;bottom:0;content:"";height:23.3125rem;left:0;position:absolute;width:23.3125rem}.step-join{align-items:center;display:flex;justify-content:flex-start;margin:0 auto 5.2rem;max-width:58rem;text-align:left}.section-steps-join .title{margin-bottom:5rem}.step-join .step-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.step-join .step-img{flex:0 0 19rem;height:15.7rem;max-width:19rem}.step-join .number{align-items:center;background:#ffb834;border-radius:50%;color:#0c0c0c;display:flex;flex:0 0 6.3125rem;font-size:3.125rem;font-weight:700;height:6.3125rem;justify-content:center;margin-bottom:.6rem;margin-left:3.8rem;margin-right:2.9rem;width:6.3125rem}.step-join h3{color:#0c0c0c;font-size:1.8125rem;line-height:2.6875rem;margin-bottom:.8rem}.step-join p{color:#0d0d0d99;font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:0;max-width:19.6rem}.step-join .step-title{flex:0 0 46%;max-width:46%}.section-steps-join .steps-wrap{position:relative}.section-steps-join .steps-wrap:before{background-image:url(/img/steps-join-line.svg);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:100%;left:36rem;position:absolute;top:8rem;width:4.7625rem;z-index:-1}.section-steps-join .btn{margin-top:3.4rem}.step-join:last-child{margin-bottom:0}.section-video{overflow:hidden;padding-bottom:8rem;padding-top:3.4rem;position:relative}.section-video .title{margin-bottom:4rem}.section-video .video-wrap{position:relative}.section-video .video-wrap .video{background-color:#999;border:2px solid #999;border-radius:1.6875rem;box-shadow:0 0 5px #ccc;height:32rem;margin:0 auto;max-width:55rem;overflow:hidden;padding:5px;position:relative}.section-video:before{background-image:url(/img/video-wrap-bg.svg);background-repeat:no-repeat;background-size:contain;content:"";height:42.75rem;position:absolute;right:-8rem;top:15.6rem;width:42.1875rem}.section-video .video-wrap:after,.section-video .video-wrap:before{background-image:url(/img/css_sprites_how_works@1x.png);background-image:-webkit-image-set(url(/img/css_sprites_how_works@1x.webp) 1x type("image/webp"),url(/img/css_sprites_how_works@1.5x.webp) 1.5x type("image/webp"),url(/img/css_sprites_how_works@2x.webp) 2x type("image/webp"),url(/img/css_sprites_how_works@1x.png) 1x type("image/png"),url(/img/css_sprites_how_works@1.5x.png) 1.5x type("image/png"),url(/img/css_sprites_how_works@2x.png) 2x type("image/png"));background-image:image-set(url(/img/css_sprites_how_works@1x.webp) 1x type("image/webp"),url(/img/css_sprites_how_works@1.5x.webp) 1.5x type("image/webp"),url(/img/css_sprites_how_works@2x.webp) 2x type("image/webp"),url(/img/css_sprites_how_works@1x.png) 1x type("image/png"),url(/img/css_sprites_how_works@1.5x.png) 1.5x type("image/png"),url(/img/css_sprites_how_works@2x.png) 2x type("image/png"));background-repeat:no-repeat;content:"";height:6.3rem;position:absolute;width:7rem}.section-video .video-wrap:before{background-position:-10px -110px;bottom:-4rem;left:1.5rem}.section-video .video-wrap:after{background-position:-10px -219px;right:2rem;top:-4.6rem}.section-video .video-wrap .play-btn{border-radius:1.6875rem;inset:0;margin:0 auto;max-width:60rem;position:absolute}.section-video .video-wrap .play-btn:before{background-image:url(/img/css_sprites_how_works@1x.png);background-image:-webkit-image-set(url(/img/css_sprites_how_works@1x.webp) 1x type("image/webp"),url(/img/css_sprites_how_works@1.5x.webp) 1.5x type("image/webp"),url(/img/css_sprites_how_works@2x.webp) 2x type("image/webp"),url(/img/css_sprites_how_works@1x.png) 1x type("image/png"),url(/img/css_sprites_how_works@1.5x.png) 1.5x type("image/png"),url(/img/css_sprites_how_works@2x.png) 2x type("image/png"));background-image:image-set(url(/img/css_sprites_how_works@1x.webp) 1x type("image/webp"),url(/img/css_sprites_how_works@1.5x.webp) 1.5x type("image/webp"),url(/img/css_sprites_how_works@2x.webp) 2x type("image/webp"),url(/img/css_sprites_how_works@1x.png) 1x type("image/png"),url(/img/css_sprites_how_works@1.5x.png) 1.5x type("image/png"),url(/img/css_sprites_how_works@2x.png) 2x type("image/png"));background-position:-10px -10px;background-repeat:no-repeat;content:"";display:block;height:5rem;inset:0;margin:auto;position:absolute;width:5.1875rem}@media (max-width:1199px){.section-banner-works h1{margin-left:0}.section-steps-join .steps-wrap:before{left:22.9rem;width:4.5625rem}.step-join p{max-width:25rem}}@media (max-width:1023px){.section-banner-works h1{font-size:3.3125rem;line-height:5rem;margin-left:1.3rem}.section-banner-works h1 .pink-circle{flex:0 0 9rem;height:9rem;width:9rem}.section-banner-works h1 .violet-circle{flex:0 0 13.6875rem;height:13.6875rem;width:13.6875rem}.section-banner-works{padding-bottom:2.9rem;padding-top:4.6rem}.section-banner-works h1 .pink-circle:before{height:20.75rem;left:-5.2rem;top:-5.8rem;width:15.3125rem}.section-banner-works h1 .violet-circle:before{height:15.6875rem;left:-1.9rem;top:-1rem;width:17.1875rem}.section-banner-works h1 .violet-circle:after{background-image:none!important;background-position:-7px -209px;background-size:240px;height:13.6875rem;width:13.6875rem}.section-steps-join .title{margin-bottom:2.8rem}.step-join .step-img{flex:0 0 13.875rem;height:11.5rem;max-width:13.875rem}.step-join .number{flex:0 0 4.625rem;font-size:2.125rem;height:4.625rem;margin-bottom:.4rem;margin-left:2.6rem;margin-right:2.2rem;width:4.625rem}.step-join h3{font-size:1.3125rem;letter-spacing:1.1px;line-height:1.9375rem;margin-bottom:.6rem}.step-join p{font-size:.75rem;line-height:1.1875rem;max-width:13.1rem}.section-steps-join .steps-wrap:before{left:16.2rem;top:5.9rem;width:3.325rem}.step-join{margin-bottom:3.7rem}.section-steps-join .btn{margin-top:2.4rem;padding:.45rem .8rem}.section-steps-join .title p{max-width:33rem}.section-video{padding-bottom:5rem}.section-video .title{margin-bottom:2.8rem}.section-video .video-wrap .play-btn,.section-video .video-wrap .video{max-width:34.8rem}.section-video .video-wrap .play-btn:before{background-position:-6px -5px;background-size:218px;height:2.875rem;width:2.875rem}.section-video .video-wrap:after,.section-video .video-wrap:before{background-size:207px;height:2.375rem;width:2.875rem}.section-video .video-wrap:after{background-position:-8px -112px;right:1.2rem;top:-2.7rem}.section-video .video-wrap:before{background-position:-7px -66px;bottom:-2.1rem;left:.9rem}.section-video:before{height:24.75rem;right:-5.3rem;top:12.4rem;width:24.4375rem}}@media (max-width:768px){.section-banner-works{background-image:url(/img/banner-works-bg-mob.svg);background-position:center -.4rem;background-repeat:no-repeat;background-size:108% 100%;padding-bottom:6rem;padding-top:7.4rem}.section-banner-works h1{color:#191919;display:inline-block;flex-wrap:wrap;font-size:2rem;font-weight:700;letter-spacing:1.1px;line-height:2.25rem;margin:0;max-width:16rem}.section-banner-works h1 .pink-circle{background:transparent;font-weight:700;height:auto;width:auto}.section-banner-works h1 .pink-circle:before{background:#ffb4c457;border-radius:50%;content:"";height:5.4375rem;left:-3rem;position:absolute;top:-1.1rem;width:5.4375rem;z-index:-1}.section-banner-works h1 .pink-circle:after{display:none}.section-banner-works h1 .violet-circle{background:transparent;color:#191919;height:auto;width:auto}.section-banner-works h1 .violet-circle:before{display:none}.section-banner-works h1 .violet-circle:after{background-color:#e2a2fc;background-position:1px -95px;background-size:120px;border-radius:50%;bottom:.7rem;height:7.5rem;left:auto;right:-6.8rem;width:7.5rem;z-index:-1}.section-banner-works h1 span{display:inline-block;margin:0}.section-steps{background-position-y:22.1rem;padding-top:1rem}.section-steps .title h2{line-height:2.5rem;margin:0 auto .6rem}.section-steps .title{margin-bottom:4.9rem}.step-join{align-items:center;flex-direction:column;justify-content:flex-start;margin-bottom:4.3rem}.section-steps-join .title{margin-bottom:2.2rem}.step-join .step-img{flex:0 0 11.5rem}.step-join .number{margin:-2.8rem auto 1.5rem}.step-join .step-title{flex:auto;max-width:19rem;text-align:center}.step-join h3{font-size:1.25rem;line-height:1.875rem;margin-bottom:.5rem}.step-join p{font-size:.875rem;line-height:1.5rem;margin:0 1.1rem;max-width:24rem}.section-steps-join .btn{border-radius:.6rem;font-size:1rem;margin-top:1.7rem;padding:.75rem;width:18rem}.section-steps-join .steps-wrap:before{display:none}.section-video{padding-top:3.15rem}.section-video .title{margin-bottom:2.6rem}.section-video .video-wrap .video{height:15rem;margin:0 auto;width:96%}.section-video .video-wrap .play-btn{width:96%}.section-video .video-wrap .play-btn:before{background-position:0 -2px;background-size:125px;height:1.725rem;width:1.825rem}.section-video:before{height:14.0625rem;right:-5.1rem;top:13.2rem;width:13.875rem}.section-video .video-wrap:after,.section-video .video-wrap:before{background-size:120px;height:1.375rem;width:1.6875rem}.section-video .video-wrap:before{background-position:-4px -38px;bottom:-1.3rem;left:-1.1rem}.section-video .video-wrap:after{background-position:-5px -66px;right:-1.2rem;top:-1.5rem}.section-faqs{background-image:url(/img/faqs-bg-mob.svg);background-position:96% 4.4rem;background-repeat:no-repeat;background-size:106% 103%;padding-bottom:1.1rem}}