.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}.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)}.zwc-banner-section .zwc-typing-search{margin:0 auto;max-width:500px}.zwc-banner-section .zwc-box{box-shadow:1px 11px 30px rgb(0 0 0 / 10%);padding:20px 20px;border-radius:10px;width:70px;height:70px;position:relative;margin:0 auto;transition:all .7s ease;border:1.5px solid #fff;background:#fff}.zwc-banner-section .zwc-search-thumb{display:flex;justify-content:space-between;margin-top:40px}.zwc-banner-section .zwc-search-thumb img{max-width:120px;border-radius:5px}.zwc-banner-section span.zwc-text-type{opacity:0;width:0;overflow:hidden;border-right:.05em solid #464545;white-space:nowrap;display:inline-block;font-size:18px;font-family:var(--secondaryfont-semibold)}.zwc-banner-section .zwc-typing-search svg{width:20px;overflow:visible;position:absolute;top:26px;left:21px;transition:all .7s ease;opacity:.5}.zwc-two-column-section{background:#f4f7fa}.zwc-two-column-section .zwc-row{padding:63px 0}.zwc-two-column-section .content-wrap:nth-child(even) .zwc-row{flex-direction:row-reverse}.zwc-two-column-section .zwc-image{position:relative}.zwc-two-column-section .zwc-object-icon{background-image:url(/sites/zweb/images/notebook/search-your-notes/zwc-draw-icon.png);position:absolute;background-color:#fff;width:65px;height:65px;background-position:15px 18px;background-size:38px;background-repeat:no-repeat;border-radius:50%;top:0;bottom:-120px;margin:auto;right:-31px}.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-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%}.zwc-two-column-section .zwc-object-icon{right:-20px}}@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}.zwc-banner-section .zwc-search-thumb img{max-width:100px}}@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}.zwc-two-column-section .zwc-object-icon{right:-31px}}@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-banner-section .zwc-box{width:100%;text-align:left}.zwc-banner-section span.zwc-text-type{opacity:1;width:max-content}.zwc-two-column-section .zwc-object-icon{display:none}}@media only screen and (max-width:480px){.zwc-banner-section .zwc-search-thumb img{max-width:80px}}@media screen and (min-width:767px){.zwc-banner-section .middle-animated .zwc-box{width:100%}.zwc-banner-section .zwc-search-thumb img{opacity:0}.zwc-banner-section .zwc-search-thumb img{transform:translateY(20px);opacity:0}.zwc-banner-section .middle-animated .zwc-search-thumb picture:nth-child(1) img{animation:.7s ease-out 2.2s forwards translateAnimate}.zwc-banner-section .middle-animated .zwc-search-thumb picture:nth-child(2) img{animation:.7s ease-out 2.4s forwards translateAnimate}.zwc-banner-section .middle-animated .zwc-search-thumb picture:nth-child(3) img{animation:.7s ease-out 2.6s forwards translateAnimate}.zwc-banner-section .middle-animated .zwc-search-thumb picture:nth-child(4) img{animation:.7s ease-out 2.8s forwards translateAnimate}.zwc-banner-section .middle-animated span.zwc-text-type{animation:1s typing 1s steps(10,end),blink-caret .5s step-end infinite;animation-fill-mode:forwards;opacity:1}.zwc-banner-section .middle-animated .zwc-typing-search svg{left:inherit;right:25px}.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}@keyframes typing{from{width:0}to{width:11%}}@keyframes translateAnimate{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blink-caret{0%,100%{border-color:transparent}50%{border-color:gray}}@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)}}}