.pagewrapper{--h1-size:64px;--h2-size-1:48px;--h3-size-1:24px;--p-size-1:20px;--p-size-2:16px;--sprite:url(//www.zohowebstatic.com/sites/zweb/images/creator/application-development/payment-flow-sprite.svg) 0 0 / 227px no-repeat}.zwc-zcr-flx-content{display:flex;flex-wrap:wrap}.zcr-vid-py-flow:after,.zwc-py-feat .zwc-flex-four h3:before,.zwc-payment-flow .zwc-flex-two:first-child:before{background:var(--sprite)}.pagewrapper .content-wrap{padding:80px 0}.act-btn{padding:12px 30px}.pagewrapper h2{font-size:var(--h2-size-1);letter-spacing:-0.96px}.pagewrapper p{font-size:var(--p-size-2)}.zwc-py-flow{text-align:center}.zwc-py-flow h1{font-size:var(--h1-size);letter-spacing:-1.28px;max-width:860px}.zwc-py-flow h1,.zwc-py-flow p{margin:0 auto 20px}.zwc-py-flow p{font-size:var(--p-size-1);max-width:630px}.zwc-py-flow .zwc-zcr-flx-content{justify-content:center;align-items:center;gap:16px}.zcr-vid-py-flow{position:relative;border:2px solid #000;background:transparent;font-size:15px;padding:13px 60px 13px 30px;font-family:var(--zf-primary-semibold);border-radius:4px;cursor:pointer}.zcr-vid-py-flow:after{content:"";position:absolute;right:29px;top:12px;z-index:1;width:20px;height:21px;background-position:-204px -11px}.zwc-payment-flow .content-wrap{max-width:1160px}.zwc-payment-flow h2 span,.zwc-payment-flow img{display:block}.zwc-payment-flow img{border-radius:4px 0 0 4px}.zwc-payment-flow .zwc-flex-two:first-child{position:relative;width:35%}.zwc-payment-flow .zwc-flex-two:first-child:before,.zwc-payment-flow .zwc-flex-two:first-child:after{content:"";position:absolute;opacity:0;visibility:hidden;transform:scale(0.5);transition:all ease .5s}.zwc-payment-flow .zwc-flex-two:first-child:before{left:35px;top:27px;z-index:2;width:25px;height:34px;background-position:-172px -3px}.zwc-payment-flow .zwc-flex-two:first-child:after{left:22px;top:22px;z-index:1;width:50px;height:50px;border-radius:4px;background:#fff}.zwc-payment-flow .middle-animated .zwc-flex-two:first-child:after,.zwc-payment-flow .middle-animated .zwc-flex-two:first-child:before{transform:scale(1);opacity:1;visibility:visible}.zwc-payment-flow .zwc-flex-two:last-child{width:65%;border-radius:0 4px 4px 0;background:#dbeeff;display:flex;flex-direction:column;justify-content:center;padding:96px 114px}.zwc-payment-flow p{max-width:460px;margin-bottom:0}.zwc-py-feat h2{text-align:center;max-width:630px;margin:0 auto 60px}.zwc-py-feat .zwc-zcr-flx-content{gap:20px;max-width:1160px;margin:0 auto}.zwc-py-feat .zwc-flex-four{width:23.6%;background:#f8faff;border-radius:4px;padding:42px 24px}.zwc-py-feat h3{font-size:var(--h3-size-1);letter-spacing:-0.48px}.zwc-py-feat h3 span{display:block}.zwc-py-feat .zwc-flex-four h3:before{content:"";position:relative;margin-bottom:24px;width:32px;height:35px;display:block}.zwc-py-feat .zwc-flex-four:first-child h3:before{background-position:-6px -4px}.zwc-py-feat .zwc-flex-four:nth-child(2) h3:before{background-position:-45px -4px;width:35px}.zwc-py-feat .zwc-flex-four:nth-child(3) h3:before{background-position:-88px -4px;width:32px}.zwc-py-feat .zwc-flex-four:nth-child(4) h3:before{background-position:-129px -4px;width:36px}.zwc-py-feat p{margin-bottom:0}.zwc-payment-workflow{background:#fafafa}.pagewrapper .zwc-payment-workflow{margin:80px 0}.zwc-payment-workflow .zwc-zcr-flx-content{align-items:center;justify-content:space-between}.zwc-payment-workflow .zwc-flex-two:first-child{width:40%}.zwc-payment-workflow .zwc-flex-two:last-child{width:55%}.zwc-payment-workflow h2{max-width:470px}.zwc-payment-workflow p{max-width:450px}.zwc-payment-workflow img{border-radius:8px;border:2px solid #0047ff;background:#FFF;box-shadow:0 24px 48px -8px rgba(0,0,0,0.25);padding:16px}.zwc-py-benefits h2{max-width:686px;margin-bottom:84px}.zwc-py-benefits .zwc-zcr-flx-content{gap:50px}.zwc-py-benefits .zwc-flex-three{position:relative;width:30%;padding-left:30px}.zwc-py-benefits .zwc-flex-three:before,.zwc-py-benefits h3:before,.zwc-py-benefits h3:after{content:"";position:absolute;z-index:1}.zwc-py-benefits .zwc-flex-three:before{left:-40px;top:5px;box-shadow:31px 0 0 #0047ff;width:24px;height:24px;border-radius:50px}.zwc-py-benefits h3{position:relative;font-size:var(--h3-size-1)}.zwc-py-benefits h3:before,.zwc-py-benefits h3:after{background-color:#fff}.zwc-py-benefits h3:before,.zwc-py-benefits h3:after{border-radius:50px}.zwc-py-benefits h3:before{left:-32px;top:16px;width:2px;height:7px;transform:rotate(135deg)}.zwc-py-benefits h3:after{left:-26px;top:11px;width:2px;height:13px;transform:rotate(225deg)}.zwc-py-benefits p{max-width:350px;margin-bottom:0}.zwc-btm-py .content-wrap{background:url(//www.zohowebstatic.com/sites/zweb/images/creator/application-development/online-payment-workflow.png) no-repeat;background-size:1100px 270px;padding-top:0;margin:90px auto}.zwc-btm-py .content-wrap .zwc-btm-cnt{max-width:700px;margin-left:auto}.zwc-btm-py h2{max-width:550px}.zwc-img-cnt,.zwc-btm-arrow{position:absolute;z-index:1}.zwc-img-cnt{left:150px;top:100px;width:auto;height:auto;transform:rotate(-2deg)}.zwc-img-cnt .zwc-btm-transaction{position:relative;font-size:24px;font-family:var(--primaryfont-semibold);color:#0047ff}.zwc-btm-arrow,.zwc-btm-arrow:before,.zwc-btm-arrow:after{transform:scale(0.5);opacity:0;visibility:hidden}.zwc-btm-arrow{left:128px;top:56px;background:#0047ff;width:28px;height:28px;transition:all ease 1s}.zwc-btm-arrow,.zwc-btm-arrow:before,.zwc-btm-arrow:after{border-radius:50px}.zwc-btm-arrow:before,.zwc-btm-arrow:after{content:"";position:absolute;z-index:1;background-color:#fff;transition:all ease .5s}.zwc-btm-arrow:before{left:9px;top:13px;width:2px;height:7px;transform:rotate(135deg)}.zwc-btm-arrow:after{left:15px;top:8px;width:2px;height:13px;transform:rotate(225deg)}.zwc-btm-py .middle-animated .zwc-img-cnt:before,.zwc-btm-py .middle-animated .zwc-img-cnt span:before,.zwc-btm-py .middle-animated .zwc-img-cnt span:after,.zwc-btm-py .middle-animated .zwc-btm-arrow{opacity:1;visibility:visible}.zwc-btm-py .middle-animated .zwc-img-cnt:before,.zwc-btm-py .middle-animated .zwc-img-cnt span:before,.zwc-btm-py .middle-animated .zwc-img-cnt span:after,.zwc-btm-py .middle-animated .zwc-btm-arrow{transform:scale(1.2)}.zwc-btm-py .middle-animated .zwc-img-cnt span:before{transform:rotate(135deg) scale(1)}.zwc-btm-py .middle-animated .zwc-img-cnt span:after{transform:rotate(225deg) scale(1)}@media(max-width:1440px){.pagewrapper{--h1-size:56px;--h2-size-1:42px;--p-size-1:16px}.zwc-py-feat h2{max-width:550px}.zwc-py-benefits h2{max-width:586px}.zwc-btm-py .content-wrap{max-width:1080px;background-size:1080px 260px}.zwc-btm-py .content-wrap .zwc-btm-cnt{max-width:540px}}@media all and (min-width:1200px){.inup1,.inup2,.inup3,.inup4,.inup5,.inup6{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3);transition:transform 1s cubic-bezier(0.39,0.575,0.565,1.3),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.3)}.in-view .inup1,.in-view .inup2,.in-view .inup3,.in-view .inup4,.in-view .inup5,.in-view .inup6{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.fadeinup5,.fadeinup6,.fadeinup7,.fadeinup8,.fadeinup9{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.fadeindown1{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0;-ms-filter:"alpha(opacity=0)";-webkit-transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2);transition:opacity 1s ease-in,transform 1s cubic-bezier(0.39,0.575,0.565,1.2),-webkit-transform 1s cubic-bezier(0.39,0.575,0.565,1.2)}.in-view .fadeinup1,.in-view .fadeinup2,.in-view .fadeinup3,.in-view .fadeinup4,.in-view .fadeinup5,.in-view .fadeinup6,.in-view .fadeinup7,.in-view .fadeinup8,.in-view .fadeinup9,.in-view .fadeindown1,.in-view .fadeindown2,.in-view .fadeindown3,.in-view .fadeindown4{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-ms-filter:"alpha(opacity=100)"}.fadeindown1,.fadeinup1,.inup1{-webkit-transition-delay:100ms;transition-delay:100ms}.fadeindown2,.fadeinup2,.inup2{-webkit-transition-delay:300ms;transition-delay:300ms}.fadeindown3,.fadeinup3,.inup3{-webkit-transition-delay:500ms;transition-delay:500ms}.fadeinup4,.inup4{-webkit-transition-delay:700ms;transition-delay:700ms}.fadeinup5,.inup5{-webkit-transition-delay:900ms;transition-delay:900ms}.fadeinup6,.inup6{-webkit-transition-delay:1100ms;transition-delay:1100ms}.fadeinup7,.inup7{-webkit-transition-delay:1300ms;transition-delay:1300ms}.fadeinup8,.inup8{-webkit-transition-delay:1500ms;transition-delay:1500ms}.fadeinup9,.inup9{-webkit-transition-delay:1700ms;transition-delay:1700ms}}@media(max-width:1199px){.pagewrapper .content-wrap{padding:70px 0}.pagewrapper{--h1-size:48px;--h2-size-1:40px;--p-size-1:16px}.pagewrapper .zwc-payment-workflow{margin:0}.zwc-payment-flow .zwc-flex-two:last-child{padding:76px 94px}.zwc-py-feat .zwc-flex-four{width:48%}.zwc-py-feat h3 span{display:inline}.zwc-py-benefits .zwc-zcr-flx-content{gap:40px}.zwc-py-benefits h2{max-width:inherit}.zwc-btm-py .content-wrap{background:inherit;margin:0 auto;text-align:center}.zwc-img-cnt{display:none}.zwc-btm-py h2{margin:0 auto 20px}.zwc-btm-py .content-wrap .zwc-btm-cnt{max-width:inherit;margin-left:inherit}}@media(max-width:991px){.zwc-payment-flow h2 span{display:inline}.zwc-payment-flow p{max-width:inherit}.zwc-payment-flow .zwc-flex-two:first-child{display:none}.zwc-payment-flow .zwc-flex-two:last-child{width:100%;padding:42px;border-radius:4px}.zwc-payment-workflow .zwc-flex-two:first-child,.zwc-payment-workflow .zwc-flex-two:last-child{width:100%}.zwc-payment-workflow img{padding:6px}.zwc-payment-workflow h2,.zwc-payment-workflow p{max-width:inherit}.zwc-py-benefits h2{margin-bottom:50px}.zwc-py-benefits .zwc-zcr-flx-content{gap:20px}.zwc-py-benefits .zwc-flex-three{width:48%}}@media(max-width:767px){.pagewrapper{--h1-size:40px;--h2-size-1:34px}.pagewrapper .content-wrap{padding:60px 0}.zwc-py-flow{text-align:left}.zwc-py-flow .zwc-zcr-flx-content{justify-content:inherit}.zwc-py-flow p{margin:0 0 20px}.pagewrapper .zwc-payment-flow .content-wrap{padding:0}.zwc-py-feat h2{text-align:left;margin:0 0 30px}.zwc-py-feat h3 span{display:inline-block}.zwc-py-feat .zwc-flex-four{width:100%;max-width:500px}.zwc-py-benefits h2,.zwc-py-benefits p{max-width:inherit}.zwc-py-benefits h2{max-width:inherit;margin-bottom:40px}.zwc-py-benefits .zwc-zcr-flx-content{gap:30px}.zwc-py-benefits .zwc-flex-three{width:100%}.zwc-payment-flow .zwc-flex-two:last-child{padding:32px}}