h1{font-size:36px;color:#000;font-family:var(--zf-secondary-bold)}.category-wrap span.category-name{font-family:var(--secondaryfont-regular)}.act-btn{padding:12px 30px}.banner-section{height:800px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;overflow:hidden}.banner-section .rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center;justify-content:space-between;-ms-flex-pack:space-between}.banner-section .rows .banner-content{flex:0 0 50%;-ms-flex:0 0 50%;max-width:40%}.banner-integration{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.banner-integration ul{display:flex;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);align-items:center;-ms-flex-align:center;position:relative;top:-70px}.banner-integration ul li:nth-child(3){position:relative;top:80px}.banner-integration ul li:nth-child(4){position:relative;top:160px}.banner-integration div.icon{width:140px;height:150px;background:#000;margin:10px 10px;border-radius:20px;position:relative}div.icon::before{background-repeat:no-repeat;background-size:1050px auto;width:115px;height:60px;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.banner-integration ul li div.icon.zfedx::before{background-position:0 0;width:100px;background-image:url(/sites/zweb/images/otherbrandlogos/hubspot.svg);background-size:100px}.banner-integration .icon.zfedx{background:transparent}.banner-integration .icon.zcrm,.banner-integration .icon.zbook,.banner-integration .icon.zg-analytics,.banner-integration .icon.zups,.banner-integration ul li div.icon.zpaypal{background:transparent}.banner-integration ul li div.icon.zcrm::before{background:url(/sites/zweb/images/otherbrandlogos/wix.svg) no-repeat;height:35px;background-size:71px;left:50%;width:71px}.banner-integration ul li div.icon.zstripe::before{width:53px;top:56%;height:61px;background-image:url(/sites/zweb/images/producticon/commerce.svg);background-size:53px}.banner-integration ul li div.icon.zpaypal::before{background:url(/sites/zweb/images/otherbrandlogos/shopify.svg);background-repeat:no-repeat;background-size:105px}.banner-integration ul li div.icon.zanalytics::before{background-image:url(/sites/zweb/images/producticon/marketingautomation.svg);background-repeat:no-repeat;background-size:65px;width:65px}.banner-integration ul li div.icon.zbook::before{background:url(/sites/zweb/images/otherbrandlogos/paypal.svg);background-repeat:no-repeat;background-size:105px}.banner-integration ul li div.icon.zmailchimp::before{background:url(/sites/zweb/images/otherbrandlogos/klaviyo-dark.svg);background-repeat:no-repeat;background-size:97px;height:36px;left:57%;margin:auto}.banner-integration ul li div.icon.zups::before{width:55px;background:url(/sites/zweb/images/producticon/bigin.svg) no-repeat}.banner-integration ul li div.icon.zavalara::before{background:var(--product-icons) no-repeat;background-size:var(--zp-i-bs);background-position:var(--zp-crm-bp);width:var(--zp-i-w);height:var(--zp-i-h);transform:scale(1.5);top:0;bottom:0;margin:auto;left:0;right:0}.banner-integration ul li div.icon.zg-analytics::before{width:110px;background:url(/sites/zweb/images/otherbrandlogos/pipedrive.svg) no-repeat;background-size:100px;height:26px}.banner-integration ul li div.icon.zanalytics{background:#ffe6e8}.banner-integration ul li div.icon.zcanadapost::before{background:url(/sites/zweb/images/producticon/campaigns.svg) no-repeat;width:60px;background-size:60px}.banner-integration ul li div.icon.zmailchimp{background:#fff8c9}.banner-integration ul li div.icon.zstripe{background:#f7fafe}.banner-integration ul li div.icon.zavalara{background:#e0f4ff}.banner-integration ul li div.icon.zcanadapost{background:#ffe6e8}.banner-integration ul li div{opacity:0;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.banner-integration ul li:nth-child(1) div:nth-child(1),.banner-integration ul li div:nth-child(1){transform:translate3d(0,-50px,0) scale(0.8);-webkit-transform:translate3d(0,-50px,0) scale(0.8);-ms-transform:translate3d(0,-50px,0) scale(0.8)}.banner-integration ul li:nth-child(1) div:nth-child(2),.banner-integration ul li div:nth-child(3){transform:translate3d(0,50px,0) scale(0.8);-webkit-transform:translate3d(0,50px,0) scale(0.8);-ms-transform:translate3d(0,50px,0) scale(0.8)}.banner-integration ul li div:nth-child(2){transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8)}.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(1),.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(2),.middle-animated .banner-integration ul li div{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.banner-integration ul li:nth-child(1) div:nth-child(2){transition-delay:.2s;-webkit-transition-delay:.2s;background-color:#e0f4ff}.banner-integration ul li:nth-child(2) div:nth-child(1){transition-delay:.3s;-webkit-transition-delay:.3s}.banner-integration ul li:nth-child(2) div:nth-child(2){transition-delay:.4s;-webkit-transition-delay:.4s}.banner-integration ul li:nth-child(2) div:nth-child(3){transition-delay:.5s;-webkit-transition-delay:.5s}.banner-integration ul li:nth-child(3) div:nth-child(1){transition-delay:.6s;-webkit-transition-delay:.6s}.banner-integration ul li:nth-child(3) div:nth-child(2){transition-delay:.8s;-webkit-transition-delay:.8s}.banner-integration ul li:nth-child(3) div:nth-child(3){transition-delay:.9s;-webkit-transition-delay:.9s}.banner-integration ul li:nth-child(4) div:nth-child(1){transition-delay:1s;-webkit-transition-delay:1s}.banner-integration ul li:nth-child(4) div:nth-child(2){transition-delay:1.1s;-webkit-transition-delay:1.1s}.banner-integration ul li:nth-child(4) div:nth-child(3){transition-delay:1.2s;-webkit-transition-delay:1.2s}@media only screen and (max-width:1600px){.banner-section .rows{justify-content:flex-start;gap:68px}}@media only screen and (max-width:1366px){.banner-section{height:auto;padding:3em 0}.banner-section .rows{justify-content:space-between;gap:0}.banner-integration ul{transform:translate(-70px,0) scale(0.8) rotate(-20deg);-webkit-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-ms-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-o-transform:translate(-70px,0) scale(0.8) rotate(-20deg)}}@media only screen and (max-width:1200px){.banner-integration{max-width:52%}.banner-integration ul{-webkit-transform:translate(-70px,0) scale(0.7) rotate(-20deg);-ms-transform:translate(-70px,0) scale(0.7) rotate(-20deg);-o-transform:translate(-70px,0) scale(0.7) rotate(-20deg);transform:translate(-70px,0) scale(0.7) rotate(-20deg)}.awards-section{margin-top:0}h1{font-size:30px}}@media only screen and (max-width:1023px){h1{font-size:26px}.banner-section{padding:2em 0 5em}.banner-integration{display:none}.banner-section .rows .banner-content{flex:0 0 100%;-ms-flex:0 0 100%;max-width:500px;margin:0 auto;text-align:center}}@media only screen and (max-width:767px){.banner-section{padding:4em 0}.integration-wrap .category-wrap .rows{display:flex}}