img{width:100%;display:block}:root{--primary-color:#1a6be4;--secondary-color:#0f0f0f;--campaign-sprite:url(/sites/zweb/images/campaigns/crm-integration/zc-email-sprite.svg);--campaign-sprite-2:url(/sites/zweb/images/campaigns/crm-integration/zc-crm-sprite.svg);--section-bg:#fff5e5}.zw-product-header{background:var(--section-bg)}.zwc-main-sec{padding:90px 0}.zwc-campaign-main h1{font-family:var(--zf-secondary-bold);font-size:48px;line-height:1.15;letter-spacing:-1px;margin:7px 0 17px 0}.zwc-campaign-main h1 span{color:var(--primary-color)}.zwc-campaign-main h2{font-family:var(--zf-primary-bold);font-size:42px;line-height:1.2;margin-bottom:18px}.zwc-campaign-main h3{font-family:var(--zf-primary-bold);font-size:30px;line-height:1.2}.zwc-campaign-main h2 span,.zwc-campaign-main h3 span{color:var(--primary-color)}.zwc-page-sprite{background:var(--campaign-sprite) no-repeat 0 0 / 200px;display:block}.zwc-page-sprite-2{background:var(--campaign-sprite-2) no-repeat 0 0 / 200px;display:block}.zwc-banner-wrapper{position:relative}.zwc-banner-main{padding:100px 0;position:relative}.zwc-banner-main::before{content:"";inset:0 0 -35%;position:absolute;background:var(--section-bg)}.zwc-banner-wrapper{display:flex;justify-content:space-between;gap:50px}.zwc-bnr-sub-head{color:var(--primary-color);font-size:34px;font-family:var(--zf-primary-bold);line-height:1.1}.zwc-banner-wrapper p{font-size:18px;transform:inherit !important}.act-btn{padding:13px 30px;border-radius:3px;margin:10px 0 0}.zwc-banner-left{max-width:50%}.zwc-banner-right{max-width:50%;position:relative}.zwc-banner-ss{max-width:90%;margin:0 auto;position:relative}.zwc-banner-ss img{position:relative;z-index:2}.zwc-banner-ele span{position:absolute}.zwc-setting{width:90px;height:89px;background-position:0 0;background-size:420px;left:0;bottom:9%}.zwc-announcement{width:61px;height:72px;background-position:-174px -17px;background-size:470px;right:33%;top:-10%;z-index:3}.zwc-simple-code{padding-top:30px}.zwc-lrn-more{padding:100px 20px;text-align:center;border-radius:25px;margin-bottom:80px;display:flex;gap:60px;justify-content:center;align-items:center;background:#dde8ff}.zwc-thumb-div{max-width:480px;width:39%}.zwc-lrn-more p{max-width:500px;width:37%;text-align:left;font-size:29px;line-height:1.2;letter-spacing:-0.4px}.zwc-lrn-more p{margin-bottom:0;font-family:var(--secondaryfont-semibold)}.zwc-lrn-more .act-btn{background-color:#386dff;color:#fff;margin:0}.zwc-page-title{text-align:center;margin:0 auto 40px auto}.zwc-page-title h2{margin-bottom:0;max-width:650px;margin:0 auto}.zwc-page-title p{max-width:700px;margin:15px auto 0 auto}.thumb-watch-btn{background-color:#374bff;color:white;padding:8px 20px 8px 10px;border:0;border-radius:25px;display:inline-flex;align-items:center;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.thumb-watch-btn .thumb-icon{width:32px;height:32px;background-color:white;border-radius:50%;position:relative;margin-right:10px}.thumb-watch-btn .thumb-icon::after{content:"";display:block;position:absolute;top:50%;left:50%;margin:-7px 0 0 -4px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #374bff}.thumb-watch-btn .watch-text{font-size:17px;font-family:var(--primaryfont-semibold)}.zwc-thumb-div{position:relative}.zwc-disconnect::before{content:"";position:absolute;inset:0;background:url(/sites/zweb/images/campaigns/crm-integration/zs-pattern.svg) 0 0 / 200px;opacity:.08;filter:invert(1)}.zwc-center-ctn{max-width:990px;margin:0 auto}.zwc-mid-ctn-wrap{background:var(--secondary-color);padding:80px 50px;border-radius:25px;color:#fff;text-align:center;position:relative;overflow:hidden}.zwc-plug-icon{width:70px;height:67px;margin:0 auto 25px;background-position:-115px -22px;background-size:506px}.zwc-card-flex{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.zwc-ctn-card .zwc-page-sprite{width:60px;height:60px;margin-bottom:15px}.zwc-ctn-card{border:1px solid #ffd088;padding:50px;position:relative;background:#fffdf8;border-radius:15px;max-width:40%;width:100%}.zwc-ctn-card p{margin-bottom:0;font-size:18px}.zwc-lifecycle{background-position:-256px -24px;background-size:505px}.zwc-feedback{background-position:-339px -24px;background-size:536px}.zwc-segment{background-position:-398px -26px;background-size:530px}.zwc-enhance{background-position:-431px -25px;background-size:489px}.zwc-drive-sale{background:var(--secondary-color);color:#fff}.zwc-drive-sale .zwc-page-title h2{max-width:850px}.zwc-block-flex{display:flex;justify-content:space-between;align-items:center}.zwc-block-left{max-width:35%;position:relative}.zwc-block-right{max-width:60%;width:100%}.zwc-block-ctn,.zwc-block-ss{max-width:100%;margin:0 auto}.zwc-block-ctn h3{font-size:34px;font-family:var(--zf-primary-bold);margin-bottom:18px}.zwc-mange-ele span{position:absolute}.zwc-flash-icn{background-position:0 0}.zwc-flash-icn{width:66px;height:70px;background-size:760px;top:-6%;left:28%;background-position:-46px -30px}.zwc-dot-icn{width:10px;height:10px;border-radius:50%;top:0;left:48%;border:1px solid #ef5151}.zwc-arrow-icn{width:66px;height:50px;background-size:1030px;top:40%;right:0;background-position:-414px -48px}.zwc-management{padding-bottom:0}.zwc-person{transform:translateX(50px);max-width:30%}.zwc-management .zwc-block-flex{justify-content:center}.zwc-campaign-send{position:relative}.zwc-campaign-send::before{background:var(--section-bg);content:"";position:absolute;inset:0 0 30%}.zwc-campaign-send .zwc-page-title p{max-width:600px}.zwc-campaign-send .zwc-page-title h2{max-width:700px}.zwc-big-ss{max-width:90%;margin:0 auto;position:relative;z-index:2}.zwc-dot-pattern{position:absolute;right:-17px;top:-31px;background-position:-496px 0;width:99px;height:136px;background-size:850px;z-index:-1}.zwc-insight .zwc-page-title{margin-bottom:0}.zwc-crm-overview-wrap{position:relative;padding-bottom:180px}.zwc-crm-overview{max-width:75%;margin:0 auto}.zwc-crm-related-list{position:absolute;left:0;bottom:30%;max-width:20%}.zwc-crm-summary{position:absolute;right:0;bottom:0;max-width:54%}.zwc-cc-summary{position:absolute;right:-6%;background:var(--primary-color);color:#fff;padding:10px 15px 10px 35px;border-radius:40px 40px 40px 0;font-size:14px;top:15%}.zwc-arrow-icn-2{top:-19%;left:21%;position:absolute}.zwc-qualified-lead{max-width:80%;padding-top:50px}.zwc-cc-summary::before{content:"";width:25px;height:13px;position:absolute;left:10px;background:var(--campaign-sprite-2) no-repeat -176px -39px / 600px;top:14px}.zwc-crm-spotlight{max-width:60%;position:relative;left:10%}.zwc-configure{position:absolute;right:0;top:0;max-width:55%}.zwc-arrow-icn-3{bottom:28%;left:100%;position:absolute;top:inherit;background-position:-332px -21px;background-size:720px}.zwc-behavior{position:relative}.zwc-behavior::before{content:"";position:absolute;bottom:0;background:var(--section-bg);left:0;right:0;height:40%}.zwc-spolight-wrap{position:relative;background:var(--section-bg);padding-top:0}.zwc-spolight-wrap::before{content:"";position:absolute;top:0;background:var(--section-bg);left:0;right:0;bottom:40%}.zwc-transform-sec{background:var(--secondary-color);color:#fff}.zwc-tab-nav{border:1px solid #1e4899;justify-content:center;background:#16181c;border-radius:6px;margin:0 auto;display:inline-block;padding:5px}.zwc-tab-ctn-wrap{opacity:0;height:0;overflow:hidden}.zwc-tab-show{opacity:1;transform:translateY(0);height:auto;transition:all .5s ease-in-out}.zwc-tab-ctn-wrap .zwc-block-left{transform:translateY(-20px)}.zwc-tab-ctn-wrap .zwc-block-ctn h3{font-size:30px}.zwc-tab-show .zwc-block-left{transform:translateY(0);transition:all .5s ease-in-out}.zwc-tab-ctn-wrap .zwc-block-right{transform:translateY(20px)}.zwc-tab-show .zwc-block-right{transform:translateY(0);transition:all .5s ease-in-out}.zwc-tab{position:relative}.zwc-tab-main{text-align:center}.zwc-tab{padding-top:80px}.zwc-nav-link{font-size:16px;padding:10px 40px;color:#fff;cursor:pointer;display:inline-block;border-radius:5px}.zwc-nav-link:hover{background-color:#252525}.zwc-nav-link.active{background:var(--primary-color)}.zwc-cta-sec-main{background:#fff;padding:90px 0}.zwc-cta-sec{max-width:750px;margin:0 auto 0;text-align:center}.zwc-cta-sec a{margin-top:10px;padding:13px 20px}.zwc-acc-link{display:none}@media screen and (min-width:767px){.zwc-setting{left:50px;opacity:0;transition:all .3s ease-in}.middle-animated .zwc-setting{animation:rotateAnimate 10s infinite linear;transition-delay:1s;left:0;opacity:1}.zwc-banner-ss img,.zwc-block-ss,.zwc-person,.zwc-big-ss,.zwc-crm-summary,.zwc-crm-related-list,.zwc-configure{opacity:0}.zwc-announcement{opacity:0;animation:7s ease-out .3s infinite floating;transition:all .5s ease-in-out}.middle-animated .zwc-announcement{opacity:1;transition-delay:1s}.middle-animated .zwc-banner-ss img,.middle-animated .zwc-block-ss,.middle-animated .zwc-big-ss,.middle-animated .zwc-crm-summary{animation:slideDown .3s ease-in-out .3s 1 normal forwards}.middle-animated .zwc-crm-summary{animation-delay:.5s}.middle-animated .zwc-person{animation:slideDown .3s ease-in-out .6s 1 normal forwards}.middle-animated .zwc-crm-related-list{animation:slideDown .3s ease-in-out .6s 1 normal forwards}.middle-animated .zwc-configure{animation:slideDown .3s ease-in-out .6s 1 normal forwards}.zwc-plug-icon,.zwc-center-ctn h2,.zwc-center-ctn p,.zwc-page-sprite,.zwc-campaign-main h3,.zwc-campaign-main p,.zwc-page-title h2{transform:translateY(15px);transition:all .5s ease-in-out}.middle-animated .zwc-plug-icon,.middle-animated .zwc-center-ctn h2,.middle-animated .zwc-center-ctn p,.middle-animated .zwc-page-sprite,.middle-animated .zwc-page-title h2{transform:translateY(0)}.middle-animated .zwc-center-ctn h2,.zwc-campaign-main .middle-animated h3,.zwc-campaign-main .middle-animated p{transition-delay:.3s;transform:translateY(0)}.middle-animated .zwc-center-ctn p,.middle-animated .zwc-ctn-card p{transition-delay:.5s;transform:translateY(0)}@keyframes floating{0%,100%{transform:translateY(15px)}50%{transform:translateY(0)}}@keyframes floating-reverse{0%,100%{transform:translateY(-15px)}50%{transform:translateY(0)}}@keyframes slideDown{0%{visibility:hidden;opacity:0;transform:translateY(30px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@keyframes rotateAnimate{0%{transform:rotate(0)}100%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}}@media screen and (max-width:1440px){.zwc-ctn-card{max-width:45%}.zwc-block-ctn{max-width:470px;margin:0 auto}.zwc-person{transform:translateX(0)}}@media screen and (max-width:1199px){.zwc-banner-wrapper h1{font-size:40px;max-width:500px}.zwc-campaign-main h2{font-size:38px}.zwc-campaign-main h3{font-size:26px}.zwc-banner-main,.zwc-main-sec{padding:90px 0}.zwc-main-sec.zwc-management{padding-bottom:0}.zwc-banner-wrapper p{font-size:16px}.zwc-bnr-sub-head{font-size:26px}.zwc-mid-ctn-wrap{padding:80px 50px}.zwc-ctn-card{padding:40px}.zwc-card-flex{gap:20px}.zwc-block-left,.zwc-block-right{max-width:50%}.zwc-management .zwc-block-left{max-width:40%}.zwc-management .zwc-block-right{max-width:60%}.zwc-lrn-more p{width:39%;font-size:27px}}@media screen and (max-width:991px){.zwc-banner-wrapper h1{max-width:100%;font-size:42px}.zwc-campaign-main h2{font-size:30px}.zwc-page-title h2{max-width:540px}.zwc-campaign-main h3{font-size:24px}.zwc-banner-wrapper{flex-direction:column;align-items:center;text-align:center}.zwc-banner-left,.zwc-banner-right,.zwc-management .zwc-block-right{max-width:600px}.zwc-mid-ctn-wrap{padding:50px}.zwc-ctn-card{padding:40px 30px}.zwc-ctn-card{max-width:600px;text-align:center;padding-bottom:40px}.zwc-card-flex{flex-direction:column;align-items:center;text-align:center}.zwc-crad-icon{margin:0 auto 15px auto}.zwc-ctn-card .zwc-page-sprite{margin:0 auto 20px auto}.zwc-block-flex{gap:30px}.zwc-block-ctn{max-width:350px}.zwc-block-ctn h3{font-size:30px}.zwc-flash-icn,.zwc-dot-icn{display:none}.zwc-crm-overview{max-width:95%;position:static;margin:0 auto}.zwc-crm-overview-wrap{padding-bottom:0}.zwc-crm-summary{max-width:100%;position:static}.zwc-crm-related-list{left:inherit;right:0;max-width:30%}.zwc-crm-related-list{bottom:inherit;top:25%}.zwc-behavior::before{display:none}.zwc-spolight-wrap{background:var(--section-bg);padding:90px 0}.zwc-spolight-wrap::before,.zwc-cc-summary,.zwc-arrow-icn-2{display:none}.zwc-configure{max-width:75%}.zwc-crm-spotlight{max-width:80%;left:0}.zwc-tab-ctn-wrap .zwc-block-ctn h3 br{display:none}.zwc-lrn-more p{width:42%;font-size:24px}.thumb-watch-btn{padding:6px 15px 6px 6px}.thumb-watch-btn .thumb-icon{width:25px;height:25px}.thumb-watch-btn .thumb-icon::after{margin:-5px 0 0 -3px;border-width:5px 0 5px 8px}.thumb-watch-btn .watch-text{font-size:13px}}@media screen and (max-width:767px){.zwc-banner-main,.zwc-main-sec,.zwc-spolight-wrap{padding:70px 0}.zwc-main-sec.zwc-management{padding-bottom:70px}.zwc-banner-wrapper h1{font-size:36px}.zwc-ctn-card p{font-size:16px}.zwc-page-title{margin-bottom:40px}.zwc-block-flex{flex-direction:column;align-items:center}.zwc-block-left,.zwc-block-right{max-width:500px}.zwc-block-left{order:1}.zwc-block-ctn{max-width:100%;text-align:center}.zwc-block-ctn h3{font-size:24px;margin-bottom:15px}.zwc-person{display:none}.zwc-qualified-lead{max-width:90%}.zwc-dot-pattern{display:none}.zwc-tab-ctn-wrap .zwc-block-right{order:2}.zwc-tab-nav{display:none}.zwc-tab{padding-top:0}.zwc-acc-link{font-size:24px;font-family:var(--zf-primary-bold);margin-bottom:18px;text-align:center;margin:0 auto;display:block;padding:20px 0;margin-bottom:30px;border-bottom:1px solid #222121;display:none}.zwc-tab-ctn-wrap{opacity:1;height:auto;padding-bottom:60px}.zwc-tab-ctn-wrap:last-child{padding-bottom:0}.zwc-tab-ctn-wrap .zwc-block-flex{gap:10px}.zwc-tab-ctn-wrap .zwc-block-left,.zwc-tab-ctn-wrap .zwc-block-right{transform:translateY(0)}.zwc-lrn-more{flex-direction:column-reverse}.zwc-thumb-div{width:100%}.zwc-lrn-more p{width:100%;text-align:center}.zwc-lrn-more{padding:60px 20px}.zwc-lrn-more{gap:40px}}@media screen and (max-width:480px){.zwc-banner-wrapper h1{font-size:28px}.content-wrap.zwc-thumb{width:100%}.zwc-lrn-more{border-radius:0}.zwc-campaign-main h2{font-size:24px}.thumb-watch-btn .watch-text{font-size:12px}.zwc-campaign-main h3,.zwc-block-ctn h3{font-size:22px}.zwc-bnr-sub-head,.zwc-tab-ctn-wrap .zwc-block-ctn h3{font-size:20px}.zwc-setting{transform:scale(0.6);left:-16px}.zwc-announcement{transform:scale(0.8)}.zwc-mid-ctn-wrap{padding:50px 25px;border-radius:0;width:100%}.zwc-banner-wrapper p{max-width:95%;margin:0 auto}.zwc-card-flex{gap:15px}.zwc-lrn-more p{font-size:20px}zwc-main-sec zwc-good-marketing{padding:0}}.feature-breadcrumb{padding-top:23px;background:#fff5e5}.feature-breadcrumb.breadcrumb-dark li{color:#000}.feature-breadcrumb.breadcrumb-dark li a{color:#666}.feature-breadcrumb.breadcrumb-dark li a:hover{color:#000}.feature-breadcrumb.breadcrumb-dark li a:after{background:#000}.feature-breadcrumb.breadcrumb-light li{color:#fff}.feature-breadcrumb.breadcrumb-light li a{color:#fff}.feature-breadcrumb.breadcrumb-light li a:hover{color:#fff}.feature-breadcrumb.breadcrumb-light li a:after{background:#fff}.feature-breadcrumb .jpc-container{max-width:1200px;padding:0;margin-left:auto;margin-right:auto}.feature-breadcrumb li{text-transform:uppercase;font-size:11px;font-weight:500;display:inline-block;margin-right:14px;position:relative;color:#fff}.feature-breadcrumb li a{color:#8cbaff;position:relative;display:block;transition:.2s;padding-bottom:4px}.feature-breadcrumb li a:hover{color:#fff}.feature-breadcrumb li a:hover:after{width:100%;left:0;right:auto;transition:all .2s linear}.feature-breadcrumb li a:before{content:'>';display:block;height:5px;width:5px;position:absolute;right:-8px;top:-1px;font-size:13px;font-weight:400;pointer-events:none}.feature-breadcrumb li a:after{content:'';display:block;position:absolute;left:auto;right:0;bottom:0;height:1px;width:0;background:#fff;transition:all .3s linear}@media only screen and (max-width:1250px){.feature-breadcrumb .jpc-container{max-width:100%;padding:0 25px}}.video-item{display:flex;flex-direction:column;width:800px;margin:0 auto;max-width:100%}.video-item .thumb-wrapper{width:100%;position:relative;cursor:pointer;font-size:0}.video-item .thumb-wrapper picture{width:100}.video-item .thumb-wrapper picture img{width:100%}.video-item .thumb-wrapper picture.lazy img{filter:blur(5px)}.video-item .thumb-wrapper .video-details{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgb(0 0 0 / 36%)}.video-item .thumb-wrapper .video-details .play-btn{background-position:0 0;background-size:37px 37px;width:37px;height:37px;background-image:url('/sites/zweb/images/jp/campaigns/campaigns-video-time-play.png');margin-bottom:10px;position:relative;transform:scale(1.4)}.video-item .thumb-wrapper .video-details .play-btn:before{content:'';display:block;width:0;height:0;top:50%;left:50%;transform:translate(-50%,-50%);border-left:13px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;margin-left:2px;z-index:1}.video-item .thumb-wrapper .video-details .play-btn:after{content:'';display:block;width:100%;height:100%;z-index:-1;border-radius:100%;animation:pulse 1.5s infinite;background-color:#d83847}@keyframes pulse{0%{transform:scale(0);opacity:1}100%{transform:scale(1.8);opacity:0}}