.zw-product-header{background:#081f3e;position:relative}.zw-product-header:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background:url(/sites/zweb/images/notebook/share-collaborate/zns-pattern.png) repeat 0 8px / 30px;opacity:.8}.zwc-section{padding:80px 0}.zwc-row{display:flex;gap:111px;align-items:center}.zwc-col-6{width:50%}.zwc-col-4{width:40%}.zwc-col-8{width:60%}.zwc-shadow{box-shadow:2px 2px 27px #0000001a}.zwc-border{border:#d1d1d1 1px solid}.cta-btn{font-family:var(--primaryfont-bold);padding:14px 64px;border-radius:3px}.zwc-banner-section{background:#081f3e;padding:110px 0 164px;position:relative}.zwc-banner-section::before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background:url(/sites/zweb/images/notebook/share-collaborate/zns-pattern.png) repeat 0 0 / 30px;opacity:.8}.zwc-banner-section h1{color:#fff;font-size:60px;margin-bottom:20px}.zwc-banner-section p{color:#fff;font-size:18px;margin-bottom:45px}.zwc-banner-section .zwc-image{position:relative;text-align:center}.zwc-banner-section .zwc-mobile-video video{width:100%;margin:auto}.zwc-banner-section img{border-radius:7px}.zwc-banner-section .zwc-image svg{position:absolute;top:4%;right:-6%;width:110px;opacity:.8;transform:rotate(27deg)}.zwc-banner-section img.zwc-prime-img{width:86%;border-radius:12px}.zwc-banner-section img.zwc-banner-img{width:100%}.zwc-banner-section img.zwc-second-img{width:65%;position:absolute;bottom:-10%;right:-7%;border:1px dashed #cbcbcb;box-shadow:0 13px 36px #00000012}.zwc-banner-section img.zwc-second-ss{width:35%;bottom:18%;border:0}.zwc-banner-section span.zwc-scissor-icon{background-image:url(/sites/zweb/images/notebook/clip-the-web/zwc-scissor-icon.png);background-size:30px;background-repeat:no-repeat;display:block;height:33px;width:30px;position:absolute;top:3%;right:-6%;transform:rotate(238deg)}.browser-icon{display:inline-flex;position:absolute;bottom:-18%;right:10%;background:#fff;padding:8px 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:50px;transform:translateY(-30%);transition:all .7s ease}.browser-icon span.icon{width:30px;height:31px;background-repeat:no-repeat;display:inline-block;position:relative;transition:all .7s ease;background-size:30px;margin:0 4px}.browser-icon span.icon:last-child{margin-bottom:0}span.icon.chrome{background-image:url(/sites/zweb/images/otherbrandlogos/chrome-icon.png);transition-delay:2s}span.icon.edge{background-image:url(/sites/zweb/images/otherbrandlogos/microsoft-edge-icon.svg);transition-delay:2.1s}span.icon.safari{background-image:url(/sites/zweb/images/otherbrandlogos/safari-icon.svg);transition-delay:2.2s}span.icon.firefox{background-image:url(/sites/zweb/images/otherbrandlogos/firefox-icon.svg);transition-delay:2.3s}.zwc-two-column-section{background:#f4f7fa}.zwc-two-column-section .zwc-row{padding:63px 0;max-width:73%;margin:auto}.zwc-two-column-section .content-wrap:nth-child(even) .zwc-row{flex-direction:row-reverse}.zwc-two-column-section .zwc-image img{width:100%;border-radius:7px}.zwc-two-column-section h2{font-size:38px}.zwc-two-column-section p{font-size:19px}.zwc-two-column-section .zwc-image.zwc-mobile-video{text-align:center}.zwc-two-column-section .zwc-image.zwc-mobile-video video{border:4px solid #000;border-radius:30px;width:83%}.zwc-banner-section .zwc-mobile-video video::-webkit-media-controls,.zwc-two-column-section .zwc-mobile-video video::-webkit-media-controls{display:none}.zwc-banner-section .zwc-mobile-video video::-webkit-media-controls-enclosure,.zwc-two-column-section .zwc-mobile-video video::-webkit-media-controls-enclosure{display:none}.zwc-banner-section .zwc-mobile-video video::-webkit-media-controls-panel,.zwc-two-column-section .zwc-mobile-video video::-webkit-media-controls-panel{display:none}.zwc-cta-section{background-color:#081f3e;text-align:center;padding:80px 0}.zwc-cta-section .zwc-cta-content{max-width:700px;margin:auto}.zwc-cta-section h2{text-align:center;color:#fff;font-size:38px;margin-left:auto;margin-right:auto}.zwc-cta-section p{text-align:center;color:#fff;margin:0 auto 30px}@media only screen and (max-width:1440px){.zwc-banner-section h1{font-size:48px}.zwc-banner-section p{font-size:16px}.zwc-two-column-section h2{font-size:38px}.zwc-two-column-section p{font-size:16px}.zwc-banner-section .zwc-row{gap:61px}.zwc-banner-section .zwc-image svg{display:none}.zwc-banner-section .zwc-image{max-width:400px}.zwc-banner-section .zwc-single-image{max-width:100%}.browser-icon{bottom:-21%;right:5%}.zwc-banner-section span.zwc-scissor-icon{display:none}}@media only screen and (max-width:1199px){.zwc-banner-section img.zwc-second-ss{width:32%;right:-3%;bottom:18%}}@media only screen and (max-width:1024px){.zwc-two-column-section h2,.zwc-cta-section h2{font-size:32px}.zwc-banner-section h1{font-size:40px}}@media only screen and (max-width:991px){.zwc-section{padding:43px 0}.zwc-banner-section{padding:40px 0 80px}.zwc-cta-section{padding:43px 0}.zwc-col-4,.zwc-col-6,.zwc-col-8{width:100%}.zwc-row,.zwc-two-column-section .content-wrap:nth-child(even) .zwc-row{flex-direction:column;gap:40px;padding:30px 0}.zwc-banner-section p{margin-bottom:24px}.zwc-image,.zwc-banner-section .zwc-single-image{max-width:480px}.zwc-content{text-align:center}.zwc-section p{max-width:630px;margin-left:auto;margin-right:auto}}@media only screen and (max-width:767px){.zw-product-header:before{background:url(/sites/zweb/images/notebook/share-collaborate/zns-pattern.png) repeat 0 -5px / 30px}.zwc-banner-section{padding:40px 0 50px}.zwc-banner-section h1{font-size:32px}.zwc-cta-section h2{font-size:26px}.zwc-two-column-section .zwc-row{padding:35px 0}.zwc-section{text-align:center}.zwc-two-column-section .zwc-row,.zwc-two-column-section .zwc-row:nth-child(even){gap:13px}.zwc-two-column-section h2{font-size:26px}.zwc-two-column-section{padding:25px 0}.zwc-banner-section .zwc-image{max-width:320px}.zwc-banner-section .zwc-single-image{max-width:480px}.browser-icon{display:none}.zwc-banner-section img.zwc-prime-img{width:100%}.zwc-banner-section img.zwc-second-img,.zwc-second-ss{display:none}.zwc-two-column-section .zwc-image.zwc-mobile-video video{width:75%;max-width:310px}.zwc-two-column-section .zwc-row{max-width:100%}@media screen and (min-width:767px){.zwc-banner-section .zwc-prime-img,.zwc-banner-section .zwc-second-img{opacity:0;visibility:hidden}.zwc-banner-section .middle-animated .zwc-prime-img{animation:.7s ease-out forwards slideDown}.zwc-banner-section .middle-animated .zwc-second-img{animation:.7s ease-out .7s forwards slideDown}.zwc-banner-section .browser-icon,.zwc-banner-section .zwc-scissor-icon{opacity:0}.zwc-banner-section .middle-animated .browser-icon{animation:.5s ease-out 1s forwards fade-in}.zwc-banner-section .middle-animated .zwc-scissor-icon{animation:.7s ease-out forwards fade-in}.zwc-banner-section .browser-icon span.icon{transform:scale(0)}.zwc-banner-section .middle-animated .browser-icon span.icon{animation:.8s ease-out 1.1s forwards scaling}.zwc-banner-section .middle-animated .browser-icon span.icon.edge{animation-delay:1.4s}.zwc-banner-section .middle-animated .browser-icon span.icon.safari{animation-delay:1.6s}.zwc-banner-section .middle-animated .browser-icon span.icon.firefox{animation-delay:1.8s}.zwc-two-column-section .zwc-image{opacity:0;visibility:hidden}.zwc-two-column-section .content-wrap.middle-animated:nth-child(odd) .zwc-image{animation:.7s ease-out forwards slideRight}.zwc-two-column-section .content-wrap.middle-animated:nth-child(even) .zwc-image{animation:.7s ease-out forwards slideLeft}#path1,#path2,#path3{stroke-dasharray:900;stroke-dashoffset:900;animation-duration:3s;animation-fill-mode:forwards;animation-delay:.5s}#path3{animation-delay:1.5s}.middle-animated path#path1,.middle-animated path#path2,.middle-animated path#path3{animation-name:draw}@keyframes scaling{from{transform:scale(0)}to{transform:scale(1)}}@keyframes draw{100%{stroke-dashoffset:0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slideRight{from{visibility:hidden;opacity:0;transform:translateX(30px)}to{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes slideLeft{from{visibility:hidden;opacity:0;transform:translateX(-30px)}to{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes slideDown{from{visibility:hidden;opacity:0;transform:translateY(30px)}to{visibility:visible;opacity:1;transform:translateY(0)}}}