.common-section{padding:120px 0}.header-section{padding:80px 0 10px 0;text-align:center;position:relative}.i18n-en h1{font-size:54px}h1{font-family:var(--zf-secondary-extrabold)}h1+p{max-width:960px;margin:0 auto;margin-bottom:25px}.zccrm-int-wrap{padding-top:20px}.zccrm-integration h4{color:#122264;text-decoration:underline}.header-section .content-wrap{max-width:1170px}.zccrm-integration{max-width:1040px;border:4px solid #e7e9f2;border-radius:30px;background:#fff;padding:60px 50px;position:relative;z-index:2;margin:0 auto;margin-top:60px}.header-section:after{content:'';background:#122264;height:22%;width:100%;position:absolute;left:0;right:0;bottom:0}.zccrm-int-wrap .zccrm-int-block{display:inline-block;text-align:center;margin:0 15px;opacity:0}.zccrm-int-icon{width:50px;height:50px;display:block;margin:auto;margin-bottom:5px;text-wrap:nowrap;text-indent:-9999px;overflow:hidden}.zccrm-int-text{font-size:13px}.zccrm-int-crm{background:url(/sites/zweb/images/producticon/crm.svg) no-repeat;background-size:45px auto;background-position:center center}.zccrm-int-bigin{background:url(/sites/zweb/images/producticon/bigin.svg) no-repeat;background-size:40px auto;background-position:center center}.zccrm-int-salasforce{background:url(/sites/zweb/images/otherbrandlogos/salesforce.svg) no-repeat;background-size:50px auto;background-position:0 10px}.zccrm-int-sugarcrm{background:url(/sites/zweb/images/othercompanylogos/sugar-crm.png) no-repeat;background-size:40px auto;background-position:center center}.zccrm-int-msdynamics{background:url(/sites/zweb/images/othercompanylogos/ms-dynamics-365.png) no-repeat;background-size:25px auto;background-position:center center}.zccrm-int-hubspot{background:url(/sites/zweb/images/othercompanylogos/hub-spot.png) no-repeat;background-size:40px auto;background-position:center center}.zwe-om .zccrm-int-block:nth-child(1){animation:slideDown 1s ease-out .2s forwards}.zwe-om .zccrm-int-block:nth-child(2){animation:slideDown 1s ease-out .4s forwards}.zwe-om .zccrm-int-block:nth-child(3){animation:slideDown 1s ease-out .6s forwards}.zwe-om .zccrm-int-block:nth-child(4){animation:slideDown 1s ease-out .8s forwards}.zwe-om .zccrm-int-block:nth-child(5){animation:slideDown 1s ease-out 1s forwards}.zwe-om .zccrm-int-block:nth-child(6){animation:slideDown 1s ease-out 1.2s forwards}.i18n-en h2{font-family:var(--primaryfont-bold);font-size:46px}.table-wrap{display:flex}.zccrm-types-section .table-wrap{align-items:center}.content-wrap{max-width:1170px}.zccrm-types-section{background:#122264;color:#fff}.zccrm-types-section .table-wrap .column.left{padding-right:5%}.zccrm-types-section .table-wrap .column{width:50%}.zccrm-types-content h4 span{color:#faa720}.zccrm-types-content{padding-left:70px}.zccrm-types-each{position:relative}.zccrm-types-each h4{margin-bottom:10px}.zccrm-types-each p{max-width:470px;margin-bottom:0}.zccrm-types-each:not(:last-child){margin-bottom:80px}.zccrm-types-each:before{content:'';width:40px;height:40px;background:url(/sites/zweb/images/campaigns/crm/zc-crm-sprite.svg) no-repeat;background-size:610px auto;position:absolute;left:-70px;top:7px}.zccrm-types-each1:before{background-position:0 0}.zccrm-types-each2:before{background-position:-45px -2px}.zccrm-types-each3:before{background-position:-88px -1px}.zccrm-process-section .content-wrap{border:6px solid #edf0f5;border-radius:60px;background:#fff;padding:120px 25px;max-width:1120px}.common-section.zccrm-process-section{padding-top:0}.zccrm-process-section{position:relative}.zccrm-process-section:before{content:'';background:#122264;width:100%;height:30%;position:absolute;top:0}.zccrm-process-cwrap{max-width:700px;margin:0 auto}.zccrm-timeline-each{display:flex}.zccrm-tl-step-c,.zccrm-tl-step-anim>span>span,.zccrm-tl-step-text{opacity:.3}.zwe-ob .zccrm-tl-step-c,.zwe-ob .zccrm-tl-step-anim>span>span,.zwe-ob .zccrm-tl-step-text{opacity:1}.zccrm-tl-step-c span{background:#2556dd;color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;font-family:var(--primaryfont-semibold)}.zccrm-tl-step-c{width:15%;padding-right:10px}.zccrm-tl-step-anim>span{width:27px;height:27px;background:#dbe5ff;display:block;border-radius:100%;position:relative;z-index:4}.zccrm-tl-step-anim>span>span{background:#2556dd;width:8px;height:8px;border-radius:100%;display:block;transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;z-index:2;text-wrap:nowrap;text-indent:-9999px;overflow:hidden}.zccrm-tl-step-text{width:75%}.zccrm-tl-step-anim{width:8%;position:relative}h5{font-family:var(--primaryfont-semibold);margin-bottom:5px}.zccrm-tl-step-text p{margin-bottom:0;font-size:16px}.zccrm-timeline-each:not(:last-child){margin-bottom:60px}.zccrm-process-timeline{position:relative}.zccrm-process-timeline{margin-top:70px}.zccrm-tl-step-anim:after{content:'';position:absolute;width:2px;height:160%;background:#d5e0e8;left:12.7px;z-index:1}.zccrm-tl-step-anim:before{content:'';width:2px;height:200%;background:#2556dd;left:12.7px;margin:auto;position:absolute;z-index:1;top:10px;height:0;z-index:2}@keyframes progresswidth{from{height:0}to{height:186%}}.zwe-ob .zccrm-tl-step-anim:before{animation:progresswidth .5s linear forwards}.zccrm-timeline-each:last-child .zccrm-tl-step-anim:before,.zccrm-timeline-each:last-child .zccrm-tl-step-anim:after{display:none}.zccrm-center{text-align:center;padding-top:80px;margin:0 15px}.zccrm-center span{color:#fff;font-family:var(--primaryfont-semibold);background:#000;text-transform:initial}.zwc-same-2col .column{width:50%}.zccrm-why-section ul li{position:relative}.zccrm-why-section ul{padding-left:50px}.zccrm-why-section ul li:not(:last-child){margin-bottom:35px}.circle-tick{text-indent:100%;white-space:nowrap;overflow:hidden;position:absolute;height:20px;width:20px;left:-35px;top:3px;display:block;border:1px solid #2556dd;border-radius:100%;text-wrap:nowrap;text-indent:-9999px;overflow:hidden}.circle-tick:before{content:"";left:5px;top:8px;transform:rotate(-52deg);width:15px;position:absolute;height:2px;width:10px;background:#2556dd}.circle-tick:after{background:#2556dd;content:"";height:2px;left:4px;position:absolute;top:10px;transform:rotate(45deg);width:5px;position:absolute}.zwc-same-2col .column.left img{max-width:430px;margin-top:40px}.zwc-same-2col .column.left{padding-right:5%}.common-section.zccrm-why-section{padding-top:0}.zccrm-usecase-section{background:#f7f8fc}.zccrm-usecase-wrap{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.zccrm-usecase-wrap .zccrm-usecase-each{width:96%;margin:15px 15px 20px 15px;transform:translateY(50px);transition:.5s ease}.zccrm-usecase-inner-wrap1 .zwe-om.zccrm-usecase-each1{transform:translateY(0)}.zccrm-usecase-inner-wrap1 .zwe-om.zccrm-usecase-each2,.zccrm-usecase-inner-wrap2 .zwe-om.zccrm-usecase-each1{transform:translateY(0);transition:.5s .15s ease}.zccrm-usecase-inner-wrap1 .zwe-om.zccrm-usecase-each3,.zccrm-usecase-inner-wrap2 .zwe-om.zccrm-usecase-each2{transform:translateY(0);transition:.5s .10s ease}.zccrm-usecase-section h2{max-width:520px;position:absolute;right:0;top:80px}.zccrm-usecase-each{border:2px solid #d6dceb;border-radius:20px;background:#fff;padding:60px 70px 60px 70px}.zccrm-usecase-each .zccrm-icon{width:45px;height:45px;display:block;margin-bottom:15px;background:url(/sites/zweb/images/campaigns/crm/zc-crm-sprite.svg) no-repeat;background-size:640px auto;text-wrap:nowrap;text-indent:-9999px;overflow:hidden}.zccrm-usecase-each h4{margin-bottom:5px;color:#2556dd;font-size:22px}.zccrm-usecase-inner-wrap1 .zccrm-usecase-each1 .zccrm-icon{background-position:-137px 0}.zccrm-usecase-inner-wrap1 .zccrm-usecase-each2 .zccrm-icon{background-position:-179px 0}.zccrm-usecase-inner-wrap1 .zccrm-usecase-each3 .zccrm-icon{background-position:-273px 0}.zccrm-usecase-inner-wrap2 .zccrm-usecase-each1 .zccrm-icon{background-position:-223px 0}.zccrm-usecase-inner-wrap2 .zccrm-usecase-each2 .zccrm-icon{background-position:-321px 0}.zccrm-usecase-each p{margin-bottom:0}.zccrm-usecase-section .content-wrap{position:relative}.zccrm-usecase-inner-wrap{width:46%}.zccrm-usecase-inner-wrap1{position:relative}.zccrm-usecase-inner-wrap2{position:relative;top:250px}.zccrm-best-each{padding-left:70px;position:relative}.zccrm-best-each:before{content:'';width:40px;height:40px;background:url(/sites/zweb/images/campaigns/crm/zc-crm-sprite.svg) no-repeat;background-size:610px auto;position:absolute;left:0;top:7px}.zccrm-best-section.zwc-same-2col .column.left img{max-width:400px}.zccrm-best-each span{color:#2556dd}.zccrm-best-each h4{margin-bottom:10px}.zccrm-best-each:not(:last-child){margin-bottom:60px}.zccrm-best-each1:before{background-position:-349px -2px;width:35px}.zccrm-best-each2:before{background-position:-384px -1px}.zccrm-best-each3:before{background-position:-430px -1px}.zccrm-best-each4:before{background-position:-475px -1px}.zccrm-best-each5:before{background-position:-518px 0}.zccrm-best-each6:before{background-position:-490px 0;background-size:530px auto}.zccrm-best-sec{position:sticky;top:110px}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideRight{0{visibility:hidden;opacity:0;transform:translateX(30px)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@-webkit-keyframes slideRight{0%{visibility:hidden;opacity:0;-webkit-transform:translateX(30px)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideRight{0%{visibility:hidden;opacity:0;-moz-transform:translateX(30px)}100%{visibility:visible;opacity:1;-moz-transform:translateX(0)}}@keyframes slideUp{0%{visibility:hidden;opacity:0;transform:translateY(-20px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUp{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(-20px)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slideUp{0%{visibility:hidden;opacity:0;-moz-transform:translateY(-20px)}100%{visibility:visible;opacity:1;-moz-transform:translateY(0)}}@keyframes slideDown{0%{visibility:hidden;opacity:0;transform:translateY(20px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDown{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(20px)}100%{visibility:visible;opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{visibility:hidden;opacity:0;-moz-transform:translateY(20px)}100%{visibility:visible;opacity:1;-moz-transform:translateY(0)}}@keyframes slideLeft{0%{visibility:hidden;opacity:0;transform:translateX(-20px)}100%{visibility:visible;opacity:1;transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{visibility:hidden;opacity:0;-webkit-transform:translateX(-20px)}100%{visibility:visible;opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes slideLeft{0%{visibility:hidden;opacity:0;-moz-transform:translateX(-20px)}100%{visibility:visible;opacity:1;-moz-transform:translateX(0)}}@-webkit-keyframes zeven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes zeven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes zodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,14px);transform:translate(0,14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes zodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,14px);transform:translate(0,14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes autoScale{0%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes whyGptAnim1{0%{-webkit-transform:translate(190px,120px) scale(0);transform:translate(190px,120px) scale(0);opacity:0}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}}@keyframes whyGptAnim2{0%{-webkit-transform:translate(-160px,170px) scale(0);transform:translate(-160px,170px) scale(0);opacity:0}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}}@keyframes whyGptAnim3{0%{-webkit-transform:translate(120px,-185px) scale(0);transform:translate(120px,-185px) scale(0);opacity:0}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}}@keyframes whyGptAnim4{0%{-webkit-transform:translate(-210px,-110px) scale(0);transform:translate(-210px,-110px) scale(0);opacity:0}100%{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1);opacity:1}}.zc-why-best-practics,.zc-why-crm-email-marketing{opacity:0}.zwe-om .zc-why-best-practics{animation:slideLeft 1s ease-out .4s forwards}.zwe-om .zc-why-crm-email-marketing{animation:slideLeft 1s ease-out .4s forwards}.req-btn{border:1px solid #000;color:#fff;margin-left:10px;background:#000}.act-btn{margin-bottom:10px}.zwc-f-wrap{text-align:center}.common-section.zwc-f-wrap{padding-top:0}@media screen and (max-width:1279px){.i18n-en h1{font-size:48px}.i18n-en h2{font-size:40px}.zwc-same-2col .column.left img{max-width:380px}.zccrm-best-section.zwc-same-2col .column.left img{max-width:360px}.common-section{padding:100px 0}.zccrm-usecase-inner-wrap2{position:initial}.zccrm-usecase-section h2{position:initial;max-width:100%;text-align:center;margin-bottom:25px}.zccrm-usecase-inner-wrap{width:100%}.zccrm-usecase-wrap{flex-direction:column}.zccrm-usecase-section .content-wrap{max-width:700px;margin:0 auto}}@media screen and (max-width:991px){.header-section{padding:50px 0 10px 0}.i18n-en h1{font-size:38px}h1+p{max-width:650px}.zccrm-types-section .table-wrap{align-items:flex-start}.i18n-en h2{font-size:35px}.zccrm-process-section .content-wrap{padding:80px 25px}.zccrm-process-cwrap{max-width:600px}.zwc-same-2col .column.left img{max-width:290px}.common-section{padding:80px 0}.zccrm-tl-step-c{width:17%}.zccrm-integration{padding:45px 25px}}@media screen and (max-width:767px){.zccrm-integration{padding:45px 25px}.zccrm-integration h4{font-size:16px}.zccrm-int-wrap .zccrm-int-block{margin-bottom:25px}.i18n-en h1{font-size:38px}.i18n-en h2{font-size:32px}.zccrm-types-section .table-wrap{flex-direction:column}.zccrm-types-section .table-wrap .column{width:100%}.zccrm-types-section .table-wrap .column.left,.zccrm-types-section .table-wrap .column.righ{padding:0}.zccrm-types-section .table-wrap .column.right{margin-top:40px}.common-section{padding:60px 0}.zccrm-process-section .content-wrap{padding:60px 20px;border-radius:30px}.zccrm-tl-step-anim{display:none}.zccrm-timeline-each{flex-direction:column}.zccrm-tl-step-c{width:100%;padding:0;margin-bottom:15px}.zccrm-tl-step-text{width:100%}.zccrm-timeline-each:not(:last-child){margin-bottom:50px}.zwc-same-2col .column{width:100%}.zwc-same-2col .column.left,.zwc-same-2col .column.right{width:100%;padding:0}.zwc-same-2col .column.left img{max-width:260px}.zwc-same-2col .column.left img{margin-top:20px}.zwc-same-2col .column.right{padding-top:30px}.table-wrap{flex-direction:column}.zccrm-why-section ul{padding-left:35px}.zccrm-usecase-wrap .zccrm-usecase-each{width:100%;margin:0;margin-bottom:20px;padding:40px 30px}.zccrm-best-section.zwc-same-2col .column.left img{max-width:230px}.zccrm-best-each{padding-left:60px}h2 br{display:none}.zccrm-hide-crm-details{padding-top:25px}.zccrm-types-each p{max-width:100%}.zccrm-center{padding-top:50px}}@media screen and (max-width:480px){.zwc-same-2col .column.left img{max-width:210px}.zccrm-best-section.zwc-same-2col .column.left img{max-width:210px}.i18n-en h1{font-size:28px}.i18n-en h2{font-size:24px}h4{font-size:17px}.zccrm-types-each:before{left:-55px}.zccrm-types-content{padding-left:55px}}@media screen and (max-width:375px){.zccrm-integration h4{font-size:14px}}