.HOW-PFA{overflow:hidden}.HOW-PFA .deco{position:absolute;top:calc(var(--page-head-height) * -1);right:100%;width:368rem;height:450rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/deco-pfa.svg) no-repeat center / 100%}.HOW-PFA .image{position:absolute;bottom:0;left:100%;width:1080rem;height:559rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/pfa-image.webp) no-repeat center / 100%;transform:translate(-400rem,0)}.HOW-PFA .content{min-height:600rem}.HOW-PFA h1{margin-bottom:-.25em}.HOW-PFA p{max-width:660rem;margin:1.5em 0}@media screen and (max-width:960px){.HOW-PFA .b-frame{padding-bottom:250rem}.HOW-PFA .deco{display:none;right:0;transform:translate(140px,-235px) scale(.5)}.HOW-PFA .content{min-height:0}.HOW-PFA .image{transform:translate(-540rem,170rem) scale(.6)}.HOW-PFA p{margin:1em 0}}.HOW-HOW{background:var(--light-purple)}.HOW-HOW .step .label{position:relative;font-size:32rem;line-height:1.25;font-weight:700;color:var(--blue-teal);overflow:hidden;text-align:right;margin-bottom:20rem}.HOW-HOW .step .label::after{content:'';position:absolute;top:10rem;right:60rem;width:468rem;height:20rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/ui-step-label.svg) no-repeat center / 100%}.HOW-HOW .step .image{width:130rem;height:130rem;margin-bottom:30rem}@media screen and (min-width:961px){.HOW-HOW .step{transition:transform 0.5s,opacity 0.5s;will-change:opacity,transform}.HOW-HOW [data-visible="false"] .step{opacity:0;transform:translate(-50%,0)}.HOW-HOW [data-visible="true"] .step{opacity:1;transform:translate(0,0)}.HOW-HOW [data-visible="true"] .b-column:nth-child(1) .step{transition-delay:0.5s}.HOW-HOW [data-visible="true"] .b-column:nth-child(2) .step{transition-delay:1.0s}.HOW-HOW [data-visible="true"] .b-column:nth-child(3) .step{transition-delay:1.5s}.HOW-HOW [data-visible="true"] .b-column:nth-child(4) .step{transition-delay:2.0s}}@media screen and (max-width:960px){.HOW-HOW .step .image{width:100rem;height:100rem}.HOW-HOW .b-heading+.b-heading{margin-top:-20rem}.HOW-HOW .b-heading+.b-heading .b-columns{flex-direction:column-reverse}}.HOW-BENEFITS .card{background:var(--light-grey);padding:30rem;border-radius:10rem;height:100%;box-sizing:border-box}.HOW-BENEFITS .card .image{width:130rem;height:130rem;margin-bottom:30rem}@media screen and (max-width:960px){.HOW-BENEFITS .card{padding:20rem}.HOW-BENEFITS .card .image{width:100rem;height:100rem;margin-bottom:20rem}}.HOW-TESTIMONIALS{background:var(--blue-teal);color:var(--white)}.HOW-TESTIMONIALS .testimonials{width:760rem}.HOW-TESTIMONIALS .testimonial{border-radius:10rem;border:1px solid var(--white);padding:60rem;width:100%;margin:0 20rem;box-sizing:border-box}.HOW-TESTIMONIALS .image .b-img{width:auto}.HOW-TESTIMONIALS .image{margin-bottom:40rem}.HOW-TESTIMONIALS .content strong{font-size:24rem;font-weight:600}.HOW-TESTIMONIALS .flickity-prev-next-button{top:-130rem;border-radius:10rem;background:none;border:1px solid var(--white);width:60rem;height:60rem;transform:none;color:var(--white)}.HOW-TESTIMONIALS .flickity-viewport{overflow:visible}.HOW-TESTIMONIALS .flickity-prev-next-button.previous{left:auto;right:-300rem}.HOW-TESTIMONIALS .flickity-prev-next-button.next{right:-400rem}@media screen and (max-width:960px){.HOW-TESTIMONIALS .b-heading{padding-right:100rem}.HOW-TESTIMONIALS .testimonials{width:100%}.HOW-TESTIMONIALS .testimonial{padding:20rem}.HOW-TESTIMONIALS .image{margin-bottom:20rem}.HOW-TESTIMONIALS .flickity-prev-next-button{width:40rem;height:40rem;top:-80rem}.HOW-TESTIMONIALS .flickity-prev-next-button.previous{left:auto;right:50rem}.HOW-TESTIMONIALS .flickity-prev-next-button.next{right:0rem}}.HOW-INTEGRATION .content{padding-left:60rem}.HOW-INTEGRATION .content>ul{list-style:none;padding:0}.HOW-INTEGRATION .content>ul>li{position:relative;padding:0 0 0 40rem;margin:40rem 0}.HOW-INTEGRATION .content>ul>li::before{content:'';position:absolute;top:8rem;left:0;width:21rem;height:24rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/ui-list.svg) no-repeat center / 100%}.HOW-INTEGRATION .content>ul>li:first-child{margin-top:0}.HOW-INTEGRATION .content>ul>li:last-child{margin-bottom:0}@media screen and (max-width:960px){.HOW-INTEGRATION .image{margin-bottom:10rem}.HOW-INTEGRATION .content{padding-left:0}.HOW-INTEGRATION .content>ul>li{margin:30rem 0}.HOW-INTEGRATION .content>ul>li::before{top:0}}.HOW-PARTNERS{background:var(--light-grey)}.HOW-PARTNERS .logos{display:flex;align-items:center;justify-content:space-between;margin:0 -20rem}.HOW-PARTNERS .logo{padding:0 20rem}.HOW-PARTNERS .logo .b-img{width:auto;height:45rem}@media screen and (max-width:960px){.HOW-PARTNERS .b-heading+.b-heading{margin-top:-20rem}.HOW-PARTNERS .b-heading+.b-heading .b-columns{flex-direction:column-reverse}.HOW-PARTNERS .logos{margin:-15rem;flex-wrap:wrap;justify-content:flex-start}.HOW-PARTNERS .logo{padding:15rem}}.HOW-CTA{overflow:hidden;background:var(--blue-teal);color:var(--white)}.HOW-CTA .deco{position:absolute;top:0;right:100%;width:368rem;height:328rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/deco-cta.svg) no-repeat center / 100%;transform:translate(-60rem,0)}.HOW-CTA .image{position:absolute;bottom:0;left:100%;width:1072rem;height:555rem;background:url(//onomatic.com/wp-content/themes/onomatic/templates/how-it-works/images/cta-image.webp) no-repeat center / 100%;transform:translate(-400rem,120rem)}.HOW-CTA .content{max-width:760rem}.HOW-CTA p{margin:1em 0}@media screen and (max-width:960px){.HOW-CTA .b-frame{padding-bottom:250rem}.HOW-CTA .deco{display:none}.HOW-CTA .image{transform:translate(-540rem,170rem) scale(.6)}}.HOW-BENEFITS+.HOW-INTEGRATION .b-frame{padding-top:0}