.pd-tb{padding:100px 0}.content-wrap{max-width:1280px;margin:0 auto;width:90%}.wfs{width:50%}.tac{text-align:center}.flex-wrap{display:flex;justify-content:space-between;align-items:center}section,.zw-product-header{background:url(/sites/zweb/images/writer/publish/bg-writer.png) repeat;width:100%;height:100%;display:inline-block}.btn-wrap{display:inline-block;justify-content:space-between;max-width:100%}.zbanner a.act-btn.cta-btn,.zbottom a.act-btn.cta-btn{padding:14px 40px;border-radius:4px;line-height:20px;text-transform:uppercase;font-family:'Zoho_Puvi_Bold'}.zbanner a.bnr-btn,.zbottom a.bnr-btn{background:0;border:1px solid #000;margin-left:10px;color:#000;padding:14px 20px !important;border-radius:3px;text-transform:uppercase;font-family:'Zoho_Puvi_Bold';vertical-align:middle}.zbanner .lhs a{font-size:17px;border-radius:3px;padding:14px 27px;text-transform:uppercase}.zbanner .flex-wrap{align-items:flex-start}.zbanner .lhs{width:59%;margin-top:80px}.zbanner h1{margin-bottom:20px}.zbanner p{max-width:565px;font-size:20px;margin-bottom:50px}.zbanner a{font-size:20px;text-transform:capitalize;font-family:'Zoho_Puvi_Bold'}.zbanner .rhs{width:41%;position:relative;z-index:0}.zbanner .rhs img{position:absolute;left:-16%;width:100%}.features-section{padding-bottom:80px;position:relative}.list-wrap{display:flex;justify-content:space-around;align-items:flex-start;margin:80px 0 100px;max-width:1280px;flex-direction:row;flex-wrap:wrap}.box{width:50%}.box3{margin:100px 0 0;width:100%;display:flex;justify-content:center;align-items:center}.box .img-part,.box3>div{width:500px;height:auto;background:#fff}.box>div img{display:block}.box .content-part{background:0;margin:0 auto 0 40px}.box span{width:60px;height:60px;margin-bottom:10px;border-radius:50%;color:#fff;background:#000;display:flex;align-items:center;justify-content:center;position:relative;top:-25px;font:24px/1.6 'Zoho_Puvi_bold'}.box h3{max-width:380px}.box p{max-width:413px}.box3 .fr{background:0;margin:0 0 0 55px;padding-top:170px}.box3 span{top:0;margin-bottom:25px}.box3>div{margin-left:120px}.app-section{background:#fff;padding:20px 0}.app-section .flex-wrap{max-width:1020px;margin:0 auto;flex-wrap:wrap}.app-content{max-width:25%}.app-content h3{text-align:end}.app-list{width:75%;display:flex;justify-content:space-evenly;align-items:center}.app-list span{font-size:13px;padding-top:0;margin:0 10px}.app-list .icon{display:block;width:60px;height:60px}.app-list .icon{position:relative}.app-list .icon:before,.zbanner .rhs ul li .zban-icon:before{position:absolute;content:"";width:50px;height:50px;background:url(/sites/zweb/images/producticon/commerce.svg) no-repeat 0 0/50px;top:0;left:14px}.app-list .icon2:before,.zbanner .rhs ul li .zsites:before{background:url(/sites/zweb/images/producticon/sites.svg) no-repeat;left:4px !important}.app-list .icon3:before,.zbanner .rhs ul li .zconnect:before{background:url(/sites/zweb/images/producticon/connect.png) no-repeat;background-size:50px}.app-list .icon4:before{background:url(/sites/zweb/images/producticon/desk.svg) no-repeat;left:-6px}.app-list .icon5:before,.zbanner .rhs ul li .otmedium:before{background:url(/sites/zweb/images/otherbrandlogos/medium-icon.svg) no-repeat;background-size:45px;height:28px;top:17px;left:-10px}.app-list .icon6:before,.zbanner .rhs ul li .otwpress:before{background:url(/sites/zweb/images/otherbrandlogos/wordpress.svg) no-repeat;background-size:50px;left:-7px}.app-list .icon7:before,.zbanner .rhs ul li .otblog:before{background:url(/sites/zweb/images/otherbrandlogos/blogger.svg) no-repeat;background-size:47px;top:0;left:-8px}.benifit-section{background:#000;border-radius:30px 30px 0 0;color:#fff}.grid-wrapper ul{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;align-items:flex-start;margin-top:100px}.grid-wrapper ul li{width:32%}.grid-wrapper ul li p{margin-bottom:50px;position:relative;max-width:332px;padding-left:30px}.grid-wrapper ul li p:last-child{margin-bottom:0}.grid-wrapper ul li:last-child p{max-width:363px}.grid-wrapper ul li:last-child p:first-child{max-width:332px}.grid-wrapper ul li:nth-child(2) p:last-child{max-width:325px}.grid-wrapper ul li p:before{position:absolute;content:"";width:20px;height:20px;background:#3382ff;border-radius:50%;left:0;top:4px}.grid-wrapper ul li p::after{position:absolute;content:"";width:12px;height:7px;left:4px;top:10px;border-bottom:2px solid #212121;border-left:2px solid #212121;transform:rotate(-45deg)}.zbottom{background:#fff}.zbottom h2{margin-bottom:25px}@media only screen and (min-width:1200px) and (max-width:1280px){.zbanner .rhs ul:before{position:absolute;content:"";width:485px;height:500px;background:url(/sites/zweb/images/writer/publish/banner.svg) no-repeat 0 0/485px;left:-100px;top:198px;z-index:0}}@media only screen and (min-width:1200px) and (max-width:1399px){.pd-tb{padding:}.zbanner p{max-width:500px}.list-wrap{margin:0}.zbanner h1{max-width:90%}}@media only screen and (min-width:992px) and (max-width:1199px){.btn-wrap{max-width:100%}.zbanner a.bnr-btn{margin:10px 0 0 8px}.zbanner h1{font:34px/1.2 var(--zf-primary-bold)}.zbanner p{max-width:480px;font-size:17px;margin-bottom:40px}.zbanner a,.zbottom a{font-size:15px}.pd-tb{padding:80px 0}.zbanner .rhs:before{width:460px;height:526px;background:url(/sites/zweb/images/writer/publish/banner.png) no-repeat 0 0/449px;left:-100px}.box{width:47%}.box .img-part,.box3>div{width:400px;height:auto}.box span{width:50px;height:50px;font:24px/1.6 'Zoho_Puvi_bold'}.box3{margin:50px 0 0;display:block;justify-content:space-around;width:500px}.box .content-part{background:0;margin:0 auto 0 10px}.box p{max-width:90%}.box3 p{max-width:100%}.box3 .fr{margin:0 auto;padding-top:10px}.box3>div{margin:0 auto}.box3 span{top:-25px;margin-bottom:0}.list-wrap{margin:0}.features-section{padding-bottom:80px}.grid-wrapper ul li{width:30%}}@media only screen and (min-width:768px) and (max-width:991px){.btn-wrap{margin:0 20px 40px}.zbanner .lhs a,.zbottom a{font-size:15px;padding:14px 30px}.zbanner .lhs a,.zbottom a{font-size:15px;padding:14px 24px}.zbanner h1{font:30px/1.2 var(--zf-primary-bold)}.pd-tb{padding:60px 0}.zbanner p{max-width:379px;font-size:15px;margin-bottom:40px}.zbanner a,.zbottom a{font-size:15px}.zbanner .rhs img{left:-8%;top:18px}.zbanner .rhs:before{width:330px;height:387px;background:url(/sites/zweb/images/writer/publish/banner.png) no-repeat 0 0/330px;left:-60px}.zbanner a{font-size:16px}.app-content,.app-list{width:100%}.app-content{max-width:100%;text-align:center;margin-bottom:30px}.box .img-part,.box3>div{width:300px;height:auto;margin:0 auto 0 0}.box span{width:50px;height:50px;margin-bottom:0;font:20px/1.6 'Zoho_Puvi_bold'}.box .content-part{margin:0 auto 0 20px}.box3{margin:50px 0 0;width:700px}.box3>div{margin:0 auto}.box h3{max-width:300px}.box3 span{margin-bottom:25px}.list-wrap{margin:0}.box3 .fr{padding-top:0}.app-section{padding:50px 0}.app-content h3{text-align:inherit}.app-section .flex-wrap{display:flex}.grid-wrapper ul{justify-content:flex-start}.grid-wrapper ul li{width:50%}.grid-wrapper ul li:last-child{margin-top:40px}}@media only screen and (max-width:767px){.btn-wrap{max-width:250px;margin:0 auto 0}.zbanner a.bnr-btn,.zbottom a.bnr-btn{margin:7px 0 0;padding:10px 55px}.zbanner .lhs a{font-size:15px;padding:12px 24px}.zbanner a.act-btn.cta-btn,.zbottom a.act-btn.cta-btn{margin-bottom:15px}.zbanner h1{font:27px/1.2 var(--zf-primary-bold)}.zbanner p{font-size:15px;margin-bottom:30px}.zbanner a,.zbottom a{font-size:15px}.content-wrap{max-width:460px}.wfs,.zbanner .lhs,.zbanner .rhs,.box,.app-content,.app-list,.grid-wrapper ul li{width:100%}.pd-tb{padding:50px 0}.flex-wrap,.list-wrap,.grid-wrapper ul{display:block}.zbanner .lhs{text-align:center;margin-top:0}.zbanner .rhs{padding-top:45px}.zbanner .rhs img{left:0;width:100%;position:static}.features-section{padding-top:0}.list-wrap{margin:0}.box{margin-bottom:70px}.box span{width:50px;height:50px;font:20px/1.6 'Zoho_Puvi_bold';left:7px;margin-bottom:0}.box .img-part,.box3>div{width:85%;height:auto;background:#fff;margin:auto}.box3{margin:0;flex-direction:column}.box3 .fr{background:0;margin:0;padding-top:30px}.grid-wrapper ul{margin-top:50px}.app-content h3{text-align:center}.app-content{max-width:100%}.app-list{width:100%%;display:block;justify-content:center;text-align:center}.app-list span{margin:12px}.grid-wrapper ul li{width:90%;margin:auto}.grid-wrapper ul li p,.grid-wrapper ul li:nth-child(2) p:last-child,.grid-wrapper ul li:last-child p:first-child,.grid-wrapper ul li:last-child p{max-width:450px}.grid-wrapper ul li p:last-child{margin-bottom:50px}.box3 h3{padding-top:28px}}@media only screen and (max-width:1200px){.break{display:none}}@media only screen and (max-width:1200px){.break{display:none}}@media only screen and (max-width:991px){.marquee-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.flex-item{display:none}.box h3{font-size:21px}h2{font-size:25px}}@media only screen and (min-width:992px){.marquee-content{display:flex;flex-direction:row;animation:scrolling 25s linear infinite .3s}.app-list{overflow:hidden}.marquee-item{flex:0 0 90px}.marquee-item1,.marquee-item3{flex:0 0 110px}.marquee-item img{display:block;width:200px;margin-bottom:30px}@keyframes scrolling{0%{transform:translateX(0)}100%{transform:translateX(-144vw)}}.features-section:before{position:absolute;content:"";width:250px;height:250px;background:url(/sites/zweb/images/writer/publish/element.png) no-repeat 26px 0/250px;right:0;top:55%}}@media only screen and (max-width:1199px){.zbanner .rhs ul{display:none}}@media only screen and (min-width:1281px){.zbanner .rhs ul:before{position:absolute;content:"";width:520px;height:567px;background:url(/sites/zweb/images/writer/publish/banner.svg) no-repeat 0 0/484px;left:-140px;top:198px;z-index:0}}@media only screen and (min-width:1200px){.zbanner .rhs img{display:none}h1{font:56px/1.1 'Zoho_Puvi_Bold'}h2{font:40px/1.2 'Zoho_Puvi_SemiBold'}h3{font:36px/1.25 'Zoho_Puvi_Bold'}p{font:18px/1.6 'Zoho_Puvi_Regular'}.zbanner .rhs ul{position:relative;width:520px;height:582px;left:-50px}.zbanner .rhs ul li{font-size:13px;position:relative}.zbanner .rhs ul li .speak{display:block;width:150px;height:198px;position:absolute;background:url(/sites/zweb/images/writer/publish/speak.svg) no-repeat 0 0/180px;right:180px;top:130px;z-index:1}.zbanner .rhs ul li .zban-icon{position:relative;height:100px;display:flex;flex:0 0 110px;padding-top:52px;text-align:center}.zbanner .rhs ul li .zban-icon:before{left:25%}.zbanner .rhs ul li:nth-child(2){position:absolute;right:45%;top:14px;transform:rotate(-28deg)}.zbanner .rhs ul li:nth-child(3){position:absolute;right:24%;top:-45px;transform:rotate(-13deg)}.zbanner .rhs ul li:nth-child(4){position:absolute;right:16%;top:78px}.zbanner .rhs ul li .otmedium:before{background:url(/sites/zweb/images/otherbrandlogos/medium-icon.svg) no-repeat;background-size:60px;height:37px !important;top:10px !important;left:-10px !important;width:64px !important}.zbanner .rhs ul li:nth-child(5){position:absolute;right:-5%;top:-12px}.zbanner .rhs ul li:nth-child(5) .otmedium{padding-top:50px}.zbanner .rhs ul li:nth-child(6){position:absolute;right:14%;top:233px;transform:rotate(6deg)}.zbanner .rhs ul li:nth-child(7){position:absolute;right:-5%;top:140px}.zbanner .rhs ul li .otwpress:before{left:4px !important}.zbanner .rhs ul li:nth-child(8){position:absolute;right:-5%;top:290px}.zbanner .rhs ul li .otblog{padding-top:46px}.zbanner .rhs ul li .otblog:before{left:0 !important}.zbanner .rhs ul li .zdesk:before{background:url(/sites/zweb/images/producticon/desk.svg) no-repeat !important;left:4px;background-size:60px;width:60px;height:60px;top:-6px}.zban-icon{opacity:0;transform:scale(.5);transition:all .7s ease-in-out 1s}.zwe-om .zban-icon{opacity:1;transform:scale(1)}.zban-icon.zsites{transition-delay:1.3s}.zconnect{transition-delay:1.6s}.otmedium{transition-delay:1.9s}.zdesk{transition-delay:2.4s}.otwpress{transition-delay:2.1s}.otblog{transition-delay:2.7s}.speak{transform:scale(.1);z-index:1}.zwe-om .speak{transform:scale(1);transition:all 1300ms cubic-bezier(0.11,0.16,0.43,0.86) 0s}.grid-wrapper ul li:nth-child(1) img{transform:scale(.8);transition:all .7s ease-in .1s}.grid-wrapper.zwe-om ul li:nth-child(1) img{transform:scale(1)}}