:root{--highlighter:#0047ff}.pagewrapper{--h1-font-size:60px;--h2-font-size:50px;--h3-font-size:24px;--h4-font-size:22px;--para-bigfont-size:20px;--para-font-size:16px}.pagewrapper .content-wrap{max-width:1170px;padding:90px 0 150px 0}.pagewrapper p{font-size:var(--para-font-size)}.zw-product-header .content-wrap{z-index:2}.pagewrapper .act-btn{padding:12px 30px}.grey-clr{background:#f5f5f5}.zcr-blk-elmt{display:block}.flex-cont{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:inherit}.zcr-bnr-sec,.zcr-bnr-inner,.zcr-bnr-inner>div,.zcr-bnr-img-wrap{position:relative}.zcr-bnr-sec{background:url("images/canvas-bg.png");background-size:cover}.zcr-bnr-sec .content-wrap{max-width:1280px}.zcr-bnr-inner{display:flex;align-items:end;gap:50px}.zcr-bnr-inner>*{width:50%}.zcr-bnr-inner h1{font-size:var(--h1-font-size);letter-spacing:-1.76px;font-family:var(--primaryfont-semibold);max-width:550px}.zcr-bnr-inner p{max-width:520px}.zcr-bnr-img-wrap{z-index:1}.zcr-bnr-widget{position:absolute;bottom:-155px;right:25px;width:47%}.what-sec{background:var(--zcr-dark-bg);width:95%;margin:0 auto;color:#fff}.what-sec .content-wrap{max-width:1280px;padding:120px 0 0}.what-sec h2{font-size:var(--h2-font-size)}.what-sec-cnt{max-width:750px;text-align:center;margin:0 auto 40px}.what-sec-cnt p{max-width:inherit;margin:0 auto 20px}.what-sec-cnt a{color:#fff;text-decoration:underline}.what-sec-img{position:relative;bottom:-60px;margin-top:-60px;display:flex;justify-content:center}.what-sec-img>div{max-width:700px}.what-sec-img>div img,.what-sec-img video{display:block;border:5px solid #000;border-radius:10px;box-shadow:rgba(0,0,0,0.35) 0 5px 15px}.three-part-sec{padding-top:90px}.three-part-sec h2{font-size:var(--h2-font-size);text-align:center;max-width:700px;margin:0 auto 50px}.three-part-sec h3{font-size:var(--h3-font-size)}.three-part-sec .content-wrap{max-width:1280px}.three-part-sec .grid-elmt{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.three-part-sec .grid-elmt>div{border-bottom:1px solid #383838}.design-ctl-icon{width:30px;height:30px;display:block;background:url("/sites/zweb/images/creator/zcr-figma-icons.png") no-repeat;background-size:100px auto;margin-bottom:20px}.design-ctl-icon2{background-position:-36px 0}.design-ctl-icon3{background-position:-70px 0}.design-control-sec .content-wrap{padding-bottom:0}.zwc-get-started-wrap{background:#000;color:#fff}.get-str-cont h2{font-size:var(--h2-font-size);margin-bottom:120px}.get-str-cont{width:44%}.get-str-steps-wrap{width:52%}.str-cont-lists{position:relative;display:inline-block}.str-cont-lists ul{background:#1c1c1c;padding:35px 20px;border-radius:10px}.str-cont-lists span{position:absolute;z-index:1;background:#060606;padding:5px 15px;color:#fed70b;border-radius:30px;font-size:15px;top:-20px;left:50%;transform:translate(-50%,0)}.str-cont-lists ul li{padding-left:25px;display:flex;align-items:center}.str-cont-lists ul li:not(:last-child){margin-bottom:20px}.str-cont-lists ul li::before{content:'';width:15px;height:1px;background:#fed70b;position:absolute;left:20px}.steps-inner{counter-reset:number;position:relative}.steps-inner::before,.step-scroll{content:'';position:absolute;left:58px;top:1px}.steps-inner::before{height:87%;width:1px;background:rgb(254 215 11 / 20%)}.steps-list{position:relative}.steps-list:not(:last-child){margin-bottom:100px}.steps-list::before{counter-increment:number;content:"step " counter(number);padding:4px 20px;display:inline-block;border-radius:30px;background:#000;color:rgb(254 215 11 / 20%);border:1px solid rgb(254 215 11 / 20%);padding:15px 35px;font-size:15px;text-transform:uppercase;position:absolute;top:1px;left:0;transition:all .5s ease}.step-cont{position:relative;margin-left:160px;color:rgb(255 255 255 / 20%);transition:all ease .5s}.step-cont h4{font-size:var(--h4-font-size)}.step-scroll{height:0;width:1px;background:#fed70b;transition:height .1s linear}.steps-list.active::before{border:1px solid #fed70b;color:#fed70b}.steps-list.viewed::before{border:1px solid #fed70b;color:#fed70b}.steps-list.active .step-cont{color:#fff}.steps-list.viewed .step-cont{color:#fff}.zcr-btm-cta-inner{max-width:650px;margin:0 auto;text-align:center}.zcr-btm-cta-inner h2{font-size:var(--h2-font-size);line-height:1.1;letter-spacing:-1.6px;margin-bottom:30px}.zcr-btm-cta-inner p{margin-bottom:25px}@media only screen and (min-width:1440px){.what-sec h2{font-size:45px}}@media only screen and (min-width:1200px){.zbanner-img{transform:scale(0.9);transition:.5s ease-in}.zcr-bnr-sec .content-wrap.middle-animated .zbanner-img{transform:scale(1)}.three-part-img{margin-bottom:30px;transform:translateY(20px);transition:.5s ease-in}.three-part-sec .content-wrap.middle-animated .three-part-img{transform:translateY(0)}.grid-elmt div:nth-child(2) .three-part-img{transition-delay:.5s}.grid-elmt div:nth-child(3) .three-part-img{transition-delay:1s}}@media(max-width:1440px){.pagewrapper{--h1-font-size:54px;--h2-font-size:44px;--h3-font-size:24px}.what-sec{width:100%}.zcr-bnr-inner::before{max-width:700px;right:-100px;bottom:-120px}.snd-img{top:0;left:10px}}@media(max-width:1199px){.pagewrapper{--h1-font-size:50px}.zcr-bnr-inner::before{display:none}.zcr-bnr-img-wrap{margin:0 auto}.step-scroll{height:87% !important}.steps-list::before{border:1px solid #fed70b;color:#fed70b}.step-cont{color:#fff}}@media(max-width:991px){.pagewrapper{--h1-font-size:50px;--h2-font-size:40px}.pagewrapper .content-wrap{max-width:700px;padding:70px 0;width:90%}.zcr-bnr-inner h1{max-width:600px}.zcr-bnr-sec .content-wrap{padding-bottom:150px !important}.zwc-banner-widget,.banner-widget4{display:none}.zcr-bnr-inner p{font-size:var(--para-font-size)}.zcr-bnr-left{margin-bottom:50px}.zcr-bnr-inner{display:block}.zcr-bnr-inner>*{width:100%}.zcr-bnr-img-wrap{max-width:450px;margin:0}.zbanner-img{margin-bottom:0}.what-sec-img{bottom:0;margin-top:40px;justify-content:left}.what-sec{margin:0 auto}.what-sec .content-wrap{padding:100px 0}.three-part-sec .grid-elmt{gap:30px}.three-part-sec .grid-elmt{grid-template-columns:repeat(2,1fr)}.features-prt-sec .grid-elmt>div{grid-template-columns:1fr;gap:10px}.three-part-sec{padding-top:0}.three-part-sec h2{max-width:600px}.get-started-inner{flex-direction:column}.get-str-cont{width:100%;max-width:500px;margin-bottom:70px}.get-str-cont h2{margin-bottom:60px}.step-scroll,.steps-inner::before{display:none}.steps-list::before{position:relative;top:0;left:0;padding:10px 25px}.step-cont{margin:20px 0 0 0}.steps-list:not(:last-child){margin-bottom:60px}.get-str-steps-wrap{width:100%;max-width:400px}}@media(max-width:767px){.pagewrapper{--h1-font-size:46px;--h2-font-size:34px}.pagewrapper .content-wrap{max-width:600px;padding:60px 0}.three-part-sec h2,.features-prt-sec h2{text-align:left;max-width:500px;margin-left:0}.three-part-sec .grid-elmt{grid-template-columns:repeat(1,1fr);max-width:450px;gap:60px}.three-part-sec .grid-elmt>div{border-bottom:1px solid #ddd}.zcr-bnr-left{width:100%;max-width:520px}.get-str-cont h2{max-width:400px}.zcr-btm-cta-inner{text-align:left}.zcr-btm-cta-inner h2{margin:0 0 20px}}@media(max-width:480px){.pagewrapper{--h1-font-size:44px;--h2-font-size:32px}.snd-img{max-width:200px}.str-cont-lists ul li{font-size:16px}.zcr-bnr-sec .content-wrap{padding-bottom:93px !important}.zcr-bnr-widget{bottom:-100px}}