.how-it-works-header{background-color:#f8f8ef;margin-bottom:50px}.how-it-works-header .container{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/hiw-header-art.0c68deb29.png);background-position:100%;background-size:500px;padding:30px 0}.how-it-works-header.freelancer .container{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/hiw-header-freelancer-art.56589239a.png);background-size:395px}.how-it-works-switcher{background-color:#fff;border-radius:20px;margin-top:20px;display:inline-block}.how-it-works-switcher .option{float:left;height:40px;padding:10px 20px}.how-it-works-switcher .option a{text-decoration:underline}.how-it-works-switcher .option.active{color:#fff;background-color:#7246e5;border-radius:20px}.how-it-works-step{margin-bottom:60px;position:relative}.how-it-works-step p+h2{margin-top:-15px}.how-it-works-step p{line-height:24px}.how-it-works-step .step-label{color:#6a6a6a;font-weight:500;position:relative}.how-it-works-step-1-freelancer .step-line{margin-top:25px}.how-it-works-step-1-freelancer .step-line .dot.start{margin-left:316px;top:-170px;left:50%}.how-it-works-step-1-freelancer .step-line .dot.end{margin-left:-352px;bottom:-100px;left:50%}.how-it-works-step-1-freelancer .step-line svg{stroke-dasharray:881;stroke-dashoffset:-881px;margin-top:-156px}.how-it-works-step-1-freelancer .image{margin-top:80px;margin-left:70px}.how-it-works-step-2-freelancer{padding-top:10px;padding-bottom:20px}.how-it-works-step-2-freelancer .step-line .dot.start{margin-left:-348.5px;top:-60px;left:50%}.how-it-works-step-2-freelancer .step-line svg{stroke-dasharray:430;stroke-dashoffset:-430px;margin-top:-68px;margin-left:-329px}@media (max-width:1199px){.how-it-works-step-1-freelancer .image{max-width:90%;margin-top:170px}.how-it-works-step-2-freelancer .image{max-width:110%;margin-top:20px;margin-left:-100px}}.how-it-works-step-3-freelancer{text-align:center}.how-it-works .how-it-works-step-3-freelancer .step-line{height:0;margin:0}.how-it-works-step-3-freelancer .step-line .dot.end{margin-left:407.5px;bottom:-160px;left:50%}.how-it-works-step-3-freelancer .step-line svg{stroke-dasharray:600;stroke-dashoffset:-600px;margin-top:50px;margin-left:423px}.how-it-works-step-4-freelancer{margin-top:90px;margin-bottom:0}.how-it-works-step-4-freelancer i{display:inline-block}.how-it-works-step-4-freelancer .image{margin-top:20px;margin-left:50px}@media (max-width:1199px){.how-it-works-step-4-freelancer .image{max-width:80%;margin-top:0;margin-left:70px}}.how-it-works-step-1-client .step-line{margin-top:40px;margin-bottom:-40px}.how-it-works-step-1-client .step-line .dot.start{margin-left:281px;top:-150px;left:50%}.how-it-works-step-1-client .step-line .dot.end{margin-left:-317px;bottom:-70px;left:50%}.how-it-works-step-1-client .step-line svg{stroke-dasharray:881;stroke-dashoffset:-881px;margin-top:-126px}.how-it-works-step-1-client .image{margin-top:70px;margin-left:50px}@media (max-width:1199px){.how-it-works-step-1-client .image{max-width:100%;margin-top:220px;margin-left:30px}}.how-it-works-step-2-client .step-line,.how-it-works-step-2-hours .step-line{margin-top:25px}.how-it-works-step-2-client .step-line .dot.start,.how-it-works-step-2-hours .step-line .dot.start{margin-left:-317px;top:-105px;left:50%}.how-it-works-step-2-client .step-line .dot.end,.how-it-works-step-2-hours .step-line .dot.end{margin-left:369px;bottom:-45px;left:50%}.how-it-works-step-2-client .step-line svg,.how-it-works-step-2-hours .step-line svg{stroke-dasharray:881;stroke-dashoffset:-881px;margin-top:-106px;margin-left:88px}.how-it-works-step-2-client .image,.how-it-works-step-2-hours .image{margin-top:30px;margin-left:39px}@media (max-width:1199px){.how-it-works-step-2-client .image,.how-it-works-step-2-hours .image{max-width:100%;margin-top:70px;margin-left:-63px}}.how-it-works-step-2-hours .features-list{min-height:190px}.how-it-works-step-3-client i,.how-it-works-step-3-hours i{font-size:36px}.how-it-works-step-3-client .step-line .dot.start,.how-it-works-step-3-hours .step-line .dot.start{margin-left:368.5px;top:-86px;left:50%}.how-it-works-step-3-client .step-line svg,.how-it-works-step-3-hours .step-line svg{stroke-dasharray:600;stroke-dashoffset:600px;margin-top:-70px;margin-left:385px}.how-it-works-step-3-client .image,.how-it-works-step-3-hours .image{margin-top:-28px;margin-bottom:70px;margin-left:135px}@media (max-width:1199px){.how-it-works-step-3-client .image,.how-it-works-step-3-hours .image{max-width:75%;margin-top:-35px;margin-bottom:0;margin-left:110px}}.how-it-works-step-4-client,.how-it-works-step-4-hours{text-align:center}.how-it-works .how-it-works-step-4-client .step-line,.how-it-works .how-it-works-step-4-hours .step-line{height:0;margin:0}.how-it-works-step-4-client .step-line .dot.end,.how-it-works-step-4-hours .step-line .dot.end{margin-left:-370px;bottom:-180px;left:50%}.how-it-works-step-4-client .step-line svg,.how-it-works-step-4-hours .step-line svg{stroke-dasharray:600;stroke-dashoffset:-600px;margin-top:50px;margin-left:-352px}.how-it-works-step-5-client{margin-top:120px}.how-it-works-step-5-client .image{margin-top:14px;margin-left:13px}@media (max-width:992px){.how-it-works-step-5-client .rating{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/steps/hiw-client-step-04.07b49dab3.svg);background-position:50%;background-repeat:no-repeat;background-size:270px;min-height:200px}}.how-it-works-step-1-hours .step-line{margin-top:110px;margin-bottom:-40px}.how-it-works-step-1-hours .step-line .dot.start{margin-left:281.5px;top:-300px;left:50%}.how-it-works-step-1-hours .step-line .dot.end{margin-left:-317.5px;bottom:-80px;left:50%}.how-it-works-step-1-hours .step-line svg{stroke-dasharray:950;stroke-dashoffset:950px;margin-top:-290px}.how-it-works-step-1-hours .image{margin-top:65px}@media (max-width:1199px){.how-it-works-step-5-client .image{max-width:90%;margin-left:0}.how-it-works-step-1-hours .step-line .dot.start{top:-280px}.how-it-works-step-1-hours .step-line .dot.end{bottom:-130px}.how-it-works-step-1-hours .step-line svg{margin-top:-260px}.how-it-works-step-1-hours .image{max-width:100%;margin-top:220px;margin-left:20px}}.how-it-works-step-2-hours .image{margin-top:45px}@media (max-width:1199px){.how-it-works-step-2-hours .image{margin-top:90px;margin-left:-30px}}.how-it-works-step-2-hours .step-line{margin-top:25px}.how-it-works-step-3-hours .image{margin-bottom:20px}.how-it-works-step-3-hours .step-line{margin-top:55px}.how-it-works-step-4-hours a{text-decoration:underline}.how-it-works-step-5-hours{margin-top:120px;margin-bottom:0}.how-it-works-step-5-hours .image{margin-top:20px;margin-left:73px}@media (max-width:1199px){.how-it-works-step-5-hours .image{max-width:70%;margin-top:20px;margin-left:-20px}}.how-it-works-step-blue{background-color:#f4f0ff;margin:40px 0;padding:30px 0}.how-it-works-step-blue .container{max-width:880px}@media (min-width:992px){.how-it-works-step-blue:after,.how-it-works-step-blue:before{content:"";background-position:50%;background-repeat:no-repeat;margin-left:-40px;padding:10px 40px;display:block;position:absolute;left:50%}.how-it-works-step-blue:before{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/step-triangle-top-blue.49aa6079d.svg);top:-20px}.how-it-works-step-blue:after{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/step-triangle-bottom-blue.f83b89258.svg);bottom:-20px}}.how-it-works-section .features-list li:before{top:0}.how-it-works-section .step-line{text-align:center;pointer-events:none;z-index:1;height:1px;position:relative}.how-it-works-section .step-line .dot{opacity:0;background-color:#fff;border:6px solid #ded2ff;border-radius:18px;width:36px;height:36px;position:absolute}.how-it-works-section .step-line svg{stroke:#f4f0ff;stroke-width:3px;display:inline-block}.how-it-works-section .step-line.animated svg{animation:1s linear forwards line}@keyframes line{to{stroke-dashoffset:0}}.how-it-works-section .step-line.animated .dot{-o-transition:opacity .3s;opacity:1;transition:opacity .3s}.how-it-works-section .step-line.animated .dot.end{transition-delay:1s}.how-it-works-item{margin-top:20px}.how-it-works-icon{background-position:50%;background-repeat:no-repeat;width:142px;height:100px;display:inline-block}.how-it-works-icon-2{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/hiw-icon-2.973d67eda.svg)}.how-it-works-icon-3{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/hiw-icon-3.0410b5f19.svg)}.how-it-works-icon-4{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/hiw-icon-4.731c26c8d.svg)}.how-it-works-icon-5{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/hiw-icon-5.e1da02794.svg)}.how-it-works-icon-6{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/hiw-icon-6.aad8db539.svg)}.how-it-works-icon.small{width:40px;height:40px}.how-it-works-icon.icon-payment{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/icon-payment.d6098ad7b.svg)}.how-it-works-icon.icon-handshake{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/icon-handshake.3c3556440.svg)}.how-it-works-icon.icon-trust{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/icon-trust.5eee51a9d.svg)}.how-it-works-icon.icon-mail-open-cash{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/icons/icon-mail-open-cash.9c3030ee9.svg)}.how-it-works-cta{background-color:#f8f8ef}.how-it-works-cta .container{background-image:url(https://wkncdn.com/static/assets/build/img/how-it-works/hiw-bottom-art.db7753e2a.png);background-position:100%;background-repeat:no-repeat;padding-top:60px;padding-bottom:60px;padding-right:340px}.how-it-works-cta .h2,.how-it-works-cta h2{margin-bottom:30px}.how-it-works-cta .h5{line-height:26px}.how-it-works-cta .btn{margin-top:30px}.how-it-works-faq{padding-top:30px}.how-it-works-faq .h2,.how-it-works-faq h2{margin-bottom:40px}.how-it-works-faq ul{line-height:32px}.how-it-works-faq .btn{margin-top:30px}.how-it-works-faq .panel-body a{text-decoration:underline}@media (max-width:1199px){.how-it-works-step p+h2{margin-top:-10px}.how-it-works-step-2-freelancer .step-line{margin-top:15px}.how-it-works-step-1-client .step-line{margin-top:85px}.how-it-works-step-2-client .step-line,.how-it-works-step-2-hours .step-line{margin-top:75px}}@media (max-width:991px){.how-it-works-switcher .option{padding:10px 14px}.how-it-works-header{background-image:none;margin-bottom:20px}.how-it-works-section .step-line{display:none}.how-it-works-step{margin-top:20px;margin-bottom:20px}.how-it-works-step p+h2{margin-top:-5px}.how-it-works-step-2-freelancer{margin-bottom:0;padding-top:20px}.how-it-works-step-3-freelancer,.how-it-works-step-4-client,.how-it-works-step-4-hours{text-align:left;margin-top:0}.how-it-works-step-2-client,.how-it-works-step-2-hours{background:url(https://wkncdn.com/static/assets/build/img/how-it-works/steps/hiw-freelancer-step-02-mobile.43fa60b70.svg) 50% bottom 20px no-repeat;padding-top:20px;padding-bottom:220px}.how-it-works-step.how-it-works-step-3-hours{background:url(https://wkncdn.com/static/assets/build/img/how-it-works/steps/hiw-client-step-03.c2e2ee670.svg) bottom/240px no-repeat;padding-bottom:380px}.how-it-works-step-5-hours{background:url(https://wkncdn.com/static/assets/build/img/how-it-works/steps/hiw-hours-step-04.cad73777b.svg) bottom/240px no-repeat;margin-bottom:0;padding-bottom:280px}.how-it-works-step-5-hours .rating{display:none}.how-it-works-item{position:relative}.how-it-works-item i{width:54px;height:54px;position:absolute;top:0;left:0}.how-it-works-item h4,.how-it-works-item p{padding:0 0 0 80px}.how-it-works-icon{background-size:contain}.how-it-works-cta .container{background-image:none;padding:20px 15px}.how-it-works-faq h2{margin-bottom:20px}}@media (max-width:767px){.how-it-works-step-2-freelancer{padding-top:20px}.how-it-works-header .container{background:url(https://wkncdn.com/static/assets/build/img/how-it-works/hiw-header-art-mobile.866ddddfc.png) 50% bottom 20px no-repeat;padding:30px 15px 240px}.how-it-works-header.freelancer .container{background:url(https://wkncdn.com/static/assets/build/img/how-it-works/hiw-header-freelancer-art-mobile.8a8694b6a.png) 50% bottom 20px no-repeat}.how-it-works-header .title{text-align:center}}@media (max-width:480px){.how-it-works-switcher .option{text-align:center;width:100%}}.how-it-works-main-element{overflow-x:hidden}