.zw-product-header{background-color:#000}.pagewrapper .content-wrap{max-width:1280px;padding:90px 0}.zcr-semi-bold{font-family:var(--zf-primary-semibold)}.zcr-uc-banner .content-wrap{padding-bottom:0}.act-btn{padding:12px 30px}h1,h2,h3{font-family:var(--zf-primary-bold)}.customer-portal-form-cta{display:inline-block;font-family:var(--zf-primary-semibold),sans-serif;padding:12px 30px;margin:0;border:1px solid transparent;cursor:pointer;z-index:1;font-size:15px;text-transform:uppercase;position:relative;text-align:center;background:#f0483e;color:#fff}.zcr-uc-banner{overflow:hidden;background:linear-gradient(180deg,#000 33.01%,#2c1afd 163.33%);color:#fff}.zcr-uc-bnr-inner{display:flex;justify-content:space-between}.zcr-uc-bnr-left{width:48%;max-width:600px;margin-bottom:200px;position:relative}.zcr-uc-bnr-left h1{font-size:52px}.zcr-uc-bnr-left p{max-width:550px}.zcr-uc-bnr-clr-txt{color:var(--zcr-text-yellow);display:inline-block}.zcr-uc-bnr-right{width:50%;position:relative}.zcr-uc-bnr-right::before{content:"";width:455px;height:320px;display:inline-block;position:absolute;z-index:1;top:-30px;left:55%;transform:translate(-50%);background:url(/sites/zweb/images/creator/usecases/cp-bnr-window-asset.png) no-repeat;background-size:contain}.zcr-uc-bnr-main-img{position:absolute;bottom:0;left:50%;z-index:3;transform:translate(-50%)}.zcr-shild-asset{width:58px;height:70px;background:url(/sites/zweb/images/creator/usecases/customer-portal-sprite.svg) no-repeat;background-position:0 -44px;position:absolute;top:-65px;right:6%;z-index:1;scale:0;opacity:0;animation:arrow-ani .25s linear 4s forwards}.zcr-login-asset{width:148px;height:190px;position:absolute;right:8%;top:180px;z-index:4;background:url(/sites/zweb/images/creator/usecases/cp-bnr-login-asset.svg) no-repeat;opacity:0;animation:opacity-ani .5s linear 1s forwards}.zcr-login-brand-logos{width:45px;height:20px;background:#fff;border-radius:20px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}.zcr-login-brand-logos:before,.zcr-login-brand-logos:after{content:"";width:15px;height:15px;position:absolute;top:50%;transform:translateY(-50%);background:url(/sites/zweb/images/commonroot/common-elements.svg) no-repeat}.zcr-login-brand-logos:before{background-position:-108px 0;left:5px}.zcr-login-brand-logos:after{background-position:-126px 0;right:5px;scale:.9}@keyframes arrow-ani{0%{scale:0;opacity:0}100%{scale:1;opacity:1}}.zcr-yellow-arrow-asset{position:absolute;bottom:120px;left:25%;transform:rotate(348deg)}.zcr-dotted-line-ani{stroke-dasharray:1091;stroke-dashoffset:var(--dashoffset-val);--dashoffset-val:1091;animation:line-ani 1.5s cubic-bezier(0.4,0,1,1) 2s forwards}@keyframes line-ani{0%{stroke-dashoffset:var(--dashoffset-val)}100%{stroke-dashoffset:0}}.zcr-rocket-ani{opacity:0;animation:opacity-ani .5s linear 3.5s forwards}@keyframes opacity-ani{0%{opacity:0}100%{opacity:1}}.zcr-tb-list>h4{display:block;text-align:center;position:relative}.zcr-uc-flex-wrap-2{display:flex;justify-content:space-between;margin-bottom:30px}.zcr-uc-block1-inner.zcr-uc-flex-wrap-2>div{width:50%;max-width:550px}.zcr-uc-block1-inner.zcr-uc-flex-wrap-2>div:first-child{max-width:450px}.zcr-uc-flex-wrap-3{display:flex;justify-content:space-between;flex-wrap:wrap}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3 h3{font-size:25px}.zcr-uc-block2{background-color:var(--zcr-dark-bg);border-radius:50px 50px 0 0}.zcr-uc-block2 .content-wrap{padding:90px 0 140px}.zcr-uc-flex-wrap-3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px}.zcr-uc-block2-title{position:relative;width:100%;max-width:410px;color:#fff}.zcr-uc-block2-title h2{max-width:370px;font-size:40px}.zcr-uc-block2-inner .zcr-uc-flex-wrap-3 h3{font-size:25px}.zcr-uc-flex-wrap-row{width:33%;max-width:410px;display:flex;flex-direction:column;gap:25px}.zcr-uc-flex-wrap-row:nth-child(2){margin-top:50px}.zcr-uc-flex-wrap-row>div:not(.zcr-uc-block2-title){padding:40px 30px;border-radius:25px;background:#FFF;position:relative}.zcr-uc-flex-wrap-row>div:not(.zcr-uc-block2-title)::before{content:"";width:48px;height:44px;background:url(/sites/zweb/images/creator/usecases/customer-portal-sprite.svg) no-repeat;background-position:1px 0;display:block;margin-bottom:20px}.zcr-uc-flex-wrap-row>div.one-place-for-everything::before{width:32px;background-position:0 0}.zcr-uc-flex-wrap-row>div.granular-access-control::before{height:36px;background-position:-129px 0}.zcr-uc-flex-wrap-row>div.business-websites-to-pwas::before{width:45px;height:30px;background-position:-34px 0}.zcr-uc-flex-wrap-row>div.users-can-help-themselves::before{height:46px;background-position:-80px 0}.zcr-uc-flex-wrap-row>div.up-to-date-customers::before{width:46px;height:37px;background-position:-178px 0}.zcr-uc-flex-wrap-row>div.integration-capabilities::before{width:44px;background-position:-225px 0}.zcr-uc-flex-wrap-row>div.improve-user-acquisition::before{width:47px;height:42px;background-position:-270px 0}.zcr-uc-block3{background-color:#000;position:relative}.zcr-uc-block3:before{content:'';width:100%;height:50px;background:#000;border-radius:50px 50px 0 0;position:absolute;top:-50px;left:0}.zcr-uc-block1 .zcr-uc-flex-wrap-2{max-width:1150px;margin:0 auto}.zcr-uc-block3 .zcr-uc-flex-wrap-2{color:#fff}.i18n-en .zcr-uc-block3 .zcr-uc-flex-wrap-2 h2{max-width:760px;text-align:center;margin:0 auto 20px}.zcr-uc-block3 .zcr-uc-flex-wrap-2 p{max-width:580px}.zcr-uc-tab-wrap{background-color:#fff;padding:50px;border-radius:25px}.zcr-uc-tab-titles ul{display:flex;justify-content:center;gap:20px}.zcr-uc-tab-titles li{padding:5px 15px;border-radius:30px;border:1px solid #AAA;cursor:pointer;font-size:16px}.zcr-uc-tab-titles li.active{background-color:#3067f0;border-color:transparent;color:#fff}.zcr-uc-tab-cnts{padding:75px 50px 50px 50px}.zcr-uc-tab-cnts>div{display:flex;justify-content:space-between;align-items:center;display:none}.zcr-uc-tab-cnts>div.active{display:flex}.zcr-uc-tab-cnts>p{display:none}.zcr-uc-tab-description{max-width:470px;width:45%}.zcr-uc-tab-img{max-width:540px;width:50%}.zcr-uc-tab-img img{margin-right:0}.zcr-uc-block4{background:#f5f5f5}.zcr-uc-block4-inner.zcr-uc-flex-wrap-2{margin-bottom:0}.zcr-uc-block4-left{max-width:480px;width:40%}.zcr-uc-block4-left h2{width:100%;max-width:400px}.zcr-uc-block4-right{max-width:600px;width:50%}.zcr-uc-accordion-list{border-bottom:1px solid #e7e7e7;position:relative}.zcr-uc-accordion-list::before{content:'';width:0;height:2px;background-color:#3067f0;position:absolute;bottom:-1.5px}@keyframes progress-bar{0%{width:0}100%{width:100%}}.zcr-uc-accordion-list h3{font-size:24px;padding:20px 0 20px 50px;cursor:pointer;position:relative;color:#585858;margin-bottom:0}.zcr-uc-accordion-list.active h3{color:#3067f0}.zcr-uc-accordion-list h3::before{content:'';width:30px;height:29px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url(/sites/zweb/images/creator/usecases/customer-portal-sprite.svg) no-repeat;filter:grayscale(1)}.zcr-uc-accordion-list.active h3::before{filter:grayscale(0);transition:all 1s}.zcr-uc-accordion-list:nth-child(1) h3::before{height:30px;background-position:-317px 0}.zcr-uc-accordion-list:nth-child(1) h3::before,.zcr-uc-accordion-list:nth-child(4) h3::before{width:31px;background-position:-347px 0}.zcr-uc-accordion-list:nth-child(2) h3::before{width:34px;background-position:-378px -2px}.zcr-uc-accordion-list:nth-child(3) h3::before{height:28px;background-position:-412px 0}.zcr-uc-accordion-list:nth-child(4) h3::before{width:33px;height:25px;background-position:-444px 0}.zcr-uc-accordion-list:nth-child(5) h3::before{background-position:-477px 0}.zcr-uc-accordion-list:nth-child(6) h3::before{width:27px;background-position:-507px 0}.zcr-uc-accordion-list:nth-child(7) h3::before{width:29px;background-position:-535px 0}.zcr-uc-accordion-list:nth-child(8) h3::before{width:29px;background-position:-565px 0}.zcr-uc-accordion-cnt{display:none}.zcr-uc-accordion-list:first-child .zcr-uc-accordion-cnt{display:block}.zcr-uc-accordion-cnt p{margin-bottom:0;padding:0 0 20px 50px}.zcr-uc-cta-wrap{background-color:#f5f5f5}.zcr-uc-cta-inner{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;padding:60px;background-color:var(--zcr-dark-bg);color:#fff;border-radius:25px}.zcr-uc-cta-inner h2{margin:0;max-width:460px}.faq h2{text-align:center;margin-bottom:60px}.faq h2:before{display:block;content:'';background:url(/sites/zweb/images/creator/home/red-faq-icon.png) no-repeat;width:90px;height:70px;background-size:100%;margin:auto}.faq-wrap{max-width:980px;margin:auto}.faq-item{border-bottom:1px solid #d3d3d3}.faq-item:first-child .faq-ans{display:block}.faq-ans{display:none;padding-bottom:10px;padding-left:42px}.faq-item h4{margin-bottom:0;font-family:var(--zf-secondary-medium);padding:20px 0 20px 40px;cursor:pointer;position:relative;font-size:20px;color:#000}.faq-item h4:hover{color:#555}.faq-item h4:before,.faq-item h4:after{content:'';position:absolute;background:#ea5154}.faq-item:hover h4:before,.faq-item:hover h4:after{background:#555}.faq-item h4:before{left:0;top:35px;height:2px;width:16px}.faq-item h4:after{left:7px;width:2px;top:28px;height:15px}.faq-item.active h4:after{height:0}.portal-experience .flex-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.portal-experience .flex-part-two{width:48%}.portal-experience .flex-part-two:last-child div{padding:10px;background:#ebe9e9;border-radius:8px}.portal-experience .flex-part-two img{display:block}.portal-experience p{max-width:500px}.pagewrapper .configuring-portal .content-wrap{max-width:580px}.zcr-uc-block4-left .portal-video-btn{padding:10px 20px;border:1px solid #055bdb;display:inline-block;max-width:max-content}.watch-video{position:relative;background:0;display:inline-block;margin:0;padding:0 0 0 30px;font-size:16px;line-height:18px;cursor:pointer;color:#055bdb;font-family:var(--primaryfont-semibold)}.watch-video:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:2px solid #055bdb;border-radius:100%}.watch-video:after{position:absolute;border-color:transparent transparent transparent #055bdb;border-style:solid;border-width:5px 0 5px 7px;content:"";height:0;left:8px;top:5px;width:0}@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{-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{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-ms-filter:"alpha(opacity=100)"}.fadeinup1,.inup1{-webkit-transition-delay:100ms;transition-delay:100ms}.inup2{-webkit-transition-delay:300ms;transition-delay:300ms}.inup3{-webkit-transition-delay:500ms;transition-delay:500ms}.inup4{-webkit-transition-delay:700ms;transition-delay:700ms}.inup5{-webkit-transition-delay:900ms;transition-delay:900ms}.inup6{-webkit-transition-delay:1100ms;transition-delay:1100ms}}@media screen and (max-width:1499px){.zcr-uc-flex-wrap-row{width:32%}}@media screen and (max-width:1399px){.zcr-uc-bnr-inner{justify-content:space-between}.zcr-uc-bnr-left{max-width:450px}.zcr-uc-bnr-left h1{font-size:46px}.zcr-yellow-arrow-asset{left:16%}.zcr-login-asset{right:3%}.zcr-uc-flex-wrap-2 h2,.zcr-uc-flex-wrap-2>p{width:100%;max-width:600px}.zcr-uc-flex-wrap-2 h2{font-size:32px}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3>div{padding:25px}.zcr-uc-block2-title h2{font-size:32px;max-width:300px}.zcr-uc-flex-wrap-row{width:31%}.zcr-uc-block3 .zcr-uc-flex-wrap-2 h2{max-width:500px}.zcr-uc-block3 .zcr-uc-flex-wrap-2 p{max-width:500px}.zcr-uc-tab-wrap{padding:30px}.zcr-uc-tab-titles{max-width:1050px;margin:0 auto}.zcr-uc-tab-titles li{font-size:14px}.zcr-uc-tab-cnts{padding:60px 30px 30px 30px;max-width:1100px;margin:0 auto}.zcr-uc-tab-cnts>div{align-items:flex-start}.zcr-uc-accordion-list h3{font-size:20px}.zcr-uc-cta-inner{padding:50px}.zcr-uc-cta-inner h2{font-size:32px}}@media screen and (min-width:1199px){.zcr-tb-list li{width:15%}}@media all and (min-width:992px) and (max-width:1199px){.zcr-tb-list{max-width:600px;margin:0 auto}.zcr-tb-list li{width:32%}}@media screen and (max-width:1199px){.zcr-uc-bnr-left{width:55%;max-width:100%;margin:0;padding-bottom:50px}.zcr-uc-bnr-right{width:40%;margin:0}.zcr-shild-asset,.zcr-login-asset,.zcr-yellow-arrow-asset,.zcr-uc-bnr-right::before{display:none}.zcr-uc-bnr-main-img{position:relative;bottom:-10px;left:0;transform:translate(0);max-width:450px;width:100%}.zcr-uc-block3 .zcr-uc-flex-wrap-2 p{max-width:400px}.zcr-uc-tab-titles ul{gap:10px}.zcr-uc-tab-titles li{font-size:14px;padding:5px 7px}}@media all and (max-width:991px){.zcr-uc-banner .content-wrap{padding:70px 0 0}.zcr-uc-bnr-inner{flex-direction:column;gap:30px}.zcr-uc-bnr-left,.zcr-uc-bnr-right{width:100%;text-align:center;padding-bottom:0}.zcr-uc-bnr-left h1{font-size:40px;max-width:750px;margin:0 auto 15px}.zcr-uc-bnr-left p{max-width:450px;margin:0 auto 20px}.zcr-tb-list li{width:48%}.zcr-uc-flex-wrap-2{flex-direction:column;margin-bottom:0}.zcr-uc-block1-inner.zcr-uc-flex-wrap-2{flex-wrap:wrap;gap:30px}.zcr-uc-block1-inner.zcr-uc-flex-wrap-2>div:first-child,.zcr-uc-block1-inner.zcr-uc-flex-wrap-2>div{width:100%;max-width:750px}.zcr-uc-block2{border-radius:0}.zcr-uc-block2 .content-wrap{padding:90px 0}.zcr-uc-flex-wrap-3{gap:0}.zcr-uc-block2-title{width:100%;max-width:100%}.zcr-uc-block2-title h2{position:relative;max-width:400px}.zcr-uc-block2-inner .zcr-uc-flex-wrap-3{row-gap:20px}.zcr-uc-block2 .zcr-uc-flex-wrap-3>div,.zcr-uc-block2-title h2{width:100%;max-width:750px}.zcr-uc-block2-title h2{position:relative}.zcr-uc-flex-wrap-row:nth-child(2){margin-top:0}.zcr-uc-block3:before{display:none}.zcr-uc-block3 .zcr-uc-flex-wrap-2 h2,.zcr-uc-block3 .zcr-uc-flex-wrap-2 p{max-width:100%}.zcr-uc-tab-wrap{max-width:800px}.zcr-uc-tab-titles{display:none}.zcr-uc-tab-cnts{padding:0}.zcr-uc-tab-cnts>p{display:block;font-size:20px;padding:20px 0;cursor:pointer;position:relative;margin-bottom:0;border-top:1px solid #e7e7e7;font-family:var(--zf-primary-bold)}.zcr-uc-tab-cnts>p.active{color:#3067f0}.zcr-uc-tab-cnts>div{margin-bottom:20px}.zcr-uc-tab-cnts>div.active{display:block}.zcr-uc-tab-description{width:100%;max-width:100%}.zcr-uc-tab-img{max-width:540px;width:100%}.zcr-uc-tab-cnts>p:first-child{border:0}.zcr-uc-tab-cnts>p:before,.zcr-uc-tab-cnts>p:after{content:'';position:absolute;background:#000;transition:1s;top:50%;transform:translateY(-50%)}.zcr-uc-tab-cnts>p:before{right:0;height:2px;width:16px}.zcr-uc-tab-cnts>p:after{right:7px;width:2px;height:15px}.zcr-uc-tab-cnts>p.active:after,.zcr-uc-tab-cnts>p.active:before{opacity:0}.zcr-uc-block4-inner.zcr-uc-flex-wrap-2{flex-direction:column}.zcr-uc-block4-left{width:100%;max-width:760px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0}.zcr-uc-block4-left h2{max-width:100%}.zcr-uc-block4-right{width:100%;max-width:750px}.zcr-uc-cta-inner{padding:30px}.zcr-uc-cta-inner h2{font-size:28px;width:60%;max-width:540px}}@media all and (max-width:767px){.pagewrapper .content-wrap:not(.zcr-uc-banner .content-wrap){padding:70px 0}.zcr-uc-flex-wrap-2{flex-direction:column;margin-bottom:0}.zcr-uc-flex-wrap-2 h2,.zcr-uc-flex-wrap-2>p{width:100%;max-width:600px}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3{gap:20px}.zcr-uc-block2-inner .zcr-uc-flex-wrap-3{row-gap:20px}.zcr-uc-block2 .zcr-uc-flex-wrap-3>div,.zcr-uc-block2-title h2{width:100%;max-width:100%}.zcr-uc-block2-title h2{position:relative}.zcr-uc-block4-left{flex-direction:column}.zcr-uc-block4-left p{width:100%;max-width:600px}.zcr-uc-cta-inner{max-width:550px;flex-direction:column;align-items:flex-start;gap:20px}.zcr-uc-cta-inner h2{width:100%;max-width:500px}.portal-experience .flex-part-two{width:100%}.portal-experience .flex-part-two:last-child div{max-width:460px}.i18n-en .zcr-uc-block3 .zcr-uc-flex-wrap-2 h2{text-align:left}}@media(max-width:480px){.zcr-uc-bnr-left,.zcr-uc-bnr-right{text-align:left}.zcr-uc-bnr-left h1{font-size:28px}.zcr-uc-bnr-main-img{max-width:100%}.zcr-tb-list li{width:100%}.zcr-uc-flex-wrap-2 h2{font-size:25px}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3>div{padding:20px}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3>div::before{margin-bottom:10px}.zcr-uc-block1-inner .zcr-uc-flex-wrap-3 h3,.zcr-uc-block2-inner .zcr-uc-flex-wrap-3 h3{font-size:20px}.zcr-uc-block2-title h2{font-size:25px}.zcr-uc-flex-wrap-row>div:not(.zcr-uc-block2-title){padding:20px;border-radius:15px}.zcr-uc-tab-wrap{padding:0 20px;border-radius:20px}.zcr-uc-tab-cnts>p{padding:20px 20px 20px 0}.zcr-uc-cta-inner{background-color:transparent;padding:0;border-radius:0;color:#000}.zcr-uc-cta-inner h2{font-size:25px}}.i18n-ar .zcr-tb-list ul li,.i18n-ar .zcr-tb-amazon div{text-align:center}.i18n-ar .zcr-uc-accordion-list h3{padding:20px 50px 20px 0}.i18n-ar .zcr-uc-accordion-list h3::before{right:0;left:unset}.i18n-ar .zcr-uc-accordion-list h3::before{right:0;left:unset}.i18n-ar .faq-item h4{padding:20px 40px 20px 0}.i18n-ar .faq-item h4:before{right:0;left:unset}.i18n-ar .faq-item h4:after{right:7px;left:unset}.i18n-ar .faq-ans{padding-right:42px;padding-left:unset}@media(max-width:991px){.i18n-ar .zcr-uc-bnr-inner *,.i18n-ar .zcr-uc-bnr-left{text-align:center}.i18n-ar .zcr-uc-tab-cnts>p:after{left:7px;right:unset}.i18n-ar .zcr-uc-tab-cnts>p:before{left:0;right:unset}}@media screen and (max-width:480px){.i18n-de .zcr-uc-accordion-list h3,.i18n-de .faq-item h4{word-break:break-all}.i18n-ar .zcr-uc-bnr-inner *,.i18n-ar .zcr-uc-bnr-left{text-align:right}}