.zw-product-header,.zw-template-inner{background:#fafafa}section.head-sec{position:relative;margin-bottom:150px}#ztrack .sfeat-sec img{display:none}.cta-btn{font-size:16px;padding:16px 40px}section.head-sec .content-wrap{background:#fff;text-align:center;padding:120px 0}.video-sec{margin-bottom:30px;padding:0}.video-bg{position:relative;max-width:640px;margin:0 auto;z-index:1;box-shadow:0 11px 20px -6px #adadad;transition:all 1s ease;cursor:pointer}.video-bg:hover{transform:translateY(-2%)}video#zoho-zia{max-width:100%;position:relative;vertical-align:middle}span.vid-icon{display:inline-block;position:absolute;left:0;right:0;color:#fff;top:48%;z-index:99;transform:translateY(-50%);cursor:pointer}span.vid-icon:before{left:0;top:0;width:60px;height:60px;border:2px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100%;content:'';position:absolute;right:0;margin:0 auto}span.vid-icon:after{left:4px;top:18px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff;content:'';position:absolute;right:0;margin:0 auto;border-radius:2px}.video-bg:before{content:'';background:rgba(0,0,0,0.75);position:absolute;width:100%;height:100%;top:0;left:0;display:block;margin:0 auto;text-align:center;z-index:99}.zsticky-wrap{position:-webkit-sticky;position:sticky;top:50px;z-index:99;margin-bottom:90px}.zsticky-wrap ul{text-align:center;margin-bottom:80px;max-width:100%;margin:0 auto;background:#fafafa;display:block;padding:25px 0 20px 0}.zsticky-wrap ul li.zactive{border-bottom:1px solid #03a9f5}.zsticky-wrap ul li{text-align:center;display:inline-block;margin-right:20px;cursor:pointer}.zsticky-wrap ul li.zactive{color:#03a9f5}.other-lang .tab-link{width:max-content}.other-lang h1{max-width:800px}.i18n-ar span.vid-icon{left:0;right:0}.i18n-ar span.vid-icon:before{left:0;right:0}.i18n-ar span.vid-icon:after{border-right:18px solid #fff;border-left:unset;left:0;right:4px}.i18n-ar .video-bg:before{text-align:center;right:0;left:unset}.i18n-ar .zsticky-wrap ul{text-align:center;padding:25px 0 20px 0}.i18n-ar .zsticky-wrap ul li{text-align:center;margin-left:20px;margin-right:unset}.i18n-ar section.head-sec .content-wrap{text-align:center}.i18n-ar section.head-sec .content-wrap *{text-align:center}.i18n-ar .scroll-section h2{text-align:inherit}.i18n-ar h1{text-align:center}.i18n-ar .head-sec p{text-align:center}.i18n-ar h2{text-align:center}.i18n-ar .cont-left{text-align:right;margin-right:0;margin-left:unset}.i18n-ar .img-right{transform:translateX(-60px);margin-left:0;margin-right:unset}.i18n-ar .reverse .img-right{transform:translateX(60px)}.i18n-ar .reverse .animated .img-right{transform:translateX(0)}.i18n-ar .sfeat-sec{margin-right:35px;margin-left:unset}.i18n-ar .sfeat-sec:before{border-right:4px solid #333;border-left:unset;right:-35px;left:unset}.i18n-ar .sfeat-sec:after{border-right:4px solid #fafafa;border-left:unset;right:-35px;left:unset}.i18n-ar .reverse .img-right{margin-left:50px;margin-right:0}.i18n-ar .reverse .cont-left{margin-left:0;margin-right:50px}.i18n-ar .svg{transform:translate(-50%,0);right:50%;left:unset}.i18n-ar .zintegrate-desk{margin:-50px 0 0 0}.i18n-ar .zbanner-illustration li:first-child{right:13%;left:unset}.i18n-ar .zbanner-illustration li div{text-align:center}.i18n-ar .zbanner-illustration li div:not(){margin-right:-32px;margin-left:unset}.i18n-ar .zbanner-illustration li:first-child{right:11%;left:unset}.i18n-ar .zbanner-illustration li:nth-child(2){right:19%;left:unset}.i18n-ar .zbanner-illustration li:nth-child(3){right:30%;left:unset}.i18n-ar .zbanner-illustration li:nth-child(4){right:20%;left:unset}.i18n-ar .zbanner-illustration li:nth-child(5){left:0;right:0}.i18n-ar .zbanner-illustration li:nth-child(6){left:46%;right:unset}.i18n-ar .zbanner-illustration li:nth-child(7){left:28%;right:unset}.i18n-ar .zbanner-illustration li:nth-child(8){left:16%;right:unset}.i18n-ar .zbanner-illustration li:nth-child(9){left:20%;right:unset}.i18n-ar .zbanner-illustration li:nth-child(10){left:11%;right:unset}.i18n-ar .zapp-list li span{margin-right:-3px;margin-left:unset}.i18n-ar .zapp-list li span{margin-right:-14px;margin-left:unset}.i18n-ar .zapp-list li span{margin-right:-16px;margin-left:unset}.i18n-ar .zapp-list li span{right:50%;left:unset;margin-right:-22px;margin-left:unset}.i18n-ar .sfeat-sec.top{margin-right:40px;margin-left:unset}.i18n-ar .sfeat-sec.top>div>h5 span:before{right:0;left:unset}.i18n-ar .sfeat-sec.top>div>h5 span:after{right:3px;left:unset}.i18n-ar span.sfeat-active{right:-40px;left:unset;margin-left:20px;margin-right:unset}.i18n-ar .sfeat-sec.top div p{margin-right:0;margin-left:unset}.i18n-ar .sfeat-sec.top div.active>h5 span:after{right:5px;left:unset}.i18n-ar section.foot-sec,.i18n-ar .svg,.i18n-ar .writer-advantage .place-section{text-align:center}.i18n-ar section.foot-sec *,.i18n-ar .svg *,.i18n-ar .writer-advantage .place-section *{text-align:center}.i18n-ar .static-menu:before{right:-16.5px;left:unset}.i18n-ar .static-menu .list-sec li p{padding-right:30px;padding-left:unset}.i18n-ar .static-menu .list-sec li:before{right:-21px;left:unset}.i18n-ar .list-sec li span{float:right;margin:0 0 0 8px}.i18n-ar .list-sec li span:before{right:2px;left:unset}.i18n-ar .list-sec li span:after{left:2.1px;right:unset}.i18n-ar .app-right .nav-sec{transform:translateX(-40px);padding:0 40px 0 0}.i18n-ar .app-right .nav-sec.active{transform:translateX(0)}.i18n-ar .tab-link,.i18n-ar .tac,.i18n-ar .top-cnt{text-align:center}.i18n-ar .tab-link *,.i18n-ar .tac *,.i18n-ar .top-cnt *{text-align:center}@media only screen and (max-width:1140px){.zsticky-wrap{top:0}}@media only screen and (max-width:767px){.grid-wrap{display:block}.tab-cont p{width:100%;font-size:15px;margin-bottom:12px}.tab-cont a{font-size:15px}.video-sec{margin-bottom:30px;padding:30px 0 0 0}.zsticky-wrap{display:none}.cta-btn{font-size:15px}.i18n-ar .video-sec{padding:30px 0 0 0}}h1{text-align:center;max-width:650px;margin:0 auto;font-weight:bolder}.head-sec p{margin:30px auto;text-align:center;max-width:620px}section.feat-sec{padding:0 0 150px}h2{text-align:center;max-width:600px;margin:0 auto;font-weight:bolder}section.feat-sec h2{margin-bottom:90px}.sfeat-sec.top div p{margin-top:10px}.cont-left{display:inline-block;max-width:375px;vertical-align:top;margin:0 50px;margin-left:0;text-align:left}.cont-left span.num{font-size:80px;line-height:1.3;color:#e2e2e2;font-weight:700;font-family:var(--primaryfont-semibold)}h3{font-weight:600}h5{font-size:22px;margin-bottom:5px;position:relative}.img-right{display:inline-block;max-width:800px;vertical-align:top;margin:0 50px;margin-right:0;transition:all 1s ease;transform:translateX(60px);opacity:0}.animated .img-right{opacity:1;transform:translateX(0)}.reverse .img-right{transform:translateX(-60px)}.reverse .animated .img-right{transform:translateX(0)}.img-sec{max-width:1170px;margin:0 auto}.sfeat-sec{max-width:350px;margin-left:35px;position:relative}.bottom-cont .cont-left p{margin-bottom:15px}.sfeat-sec:before{border-left:4px solid #333;position:absolute;top:10px;width:5px;height:200px;content:'';left:-35px}.reverse .sfeat-sec:before{height:220px}.sfeat-sec:after{border-left:4px solid #fafafa;position:absolute;top:10px;width:5px;height:220px;content:'';left:-35px;transition:all 1s ease;display:none}.reverse .sfeat-sec:after{border-left-color:#fff}.sfeat-sec>p{font-size:16px}.reverse .img-right{margin-right:50px;margin-left:0}.reverse .cont-left{margin-right:0;margin-left:50px}section.feat-sec.bg-clr{background:#fff;padding:150px 0 60px}section.foot-sec{padding:120px 0;text-align:center}section.foot-sec p{margin:10px auto 20px}.svg{display:block;text-align:center;margin:0 auto;position:absolute;left:50%;bottom:-18%;transform:translate(-50%,0)}.zw-template-inner path{fill:none;stroke:#000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}path.w{stroke-dasharray:2000;stroke-dashoffset:2000;-webkit-animation:write 4s linear forwards;animation:write 4s linear forwards;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes write{to{stroke-dashoffset:0}}@keyframes write{to{stroke-dashoffset:0}}.bottom-cont{font-size:16px;line-height:1.6;display:inline-flex}.writer-advantage .place-section p{margin:0 auto;max-width:670px;margin-bottom:30px}.writer-advantage .place-section h1{margin:90px auto 20px}.writer-advantage .place-section{text-align:center}.writer-advantage{padding-bottom:80px}.zintegrate-desk{position:relative;margin:-50px 0 0 0}.zbanner-illustration li:first-child{top:37%;left:13%}.zbanner-illustration{max-width:1040px;margin:0 auto}.zbanner-illustration li{position:absolute}.zbanner-illustration li div{display:flex;position:relative;text-align:center;box-sizing:border-box;font-size:14px;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;background:#fff;border:1px solid #e0e0e0}.zbanner-illustration li div span{display:inline-block;position:relative}.zbanner-illustration li div:not(){margin-left:-32px}.zbanner-illustration li div .icn-sgn{background-position:var(--zp-sign-bp)}.zbanner-illustration li div .icn-rcrut{background-position:var(--zp-recruit-bp)}.zbanner-illustration li div .icn-pple{background-position:var(--zp-people-bp);transform:scale(1.5)}.zbanner-illustration li div .icn-sheet{background-position:var(--zp-sheet-bp)}.zbanner-illustration li div .icn-writr{background-position:var(--zp-writer-bp);transform:scale(2)}.zbanner-illustration li div .icn-crm{background-position:var(--zp-crm-bp);transform:scale(1.5)}.zbanner-illustration li div .icn-frm{background-position:var(--zp-forms-bp)}.zbanner-illustration li div .icn-wrkdve{background-position:var(--zp-workdrive-bp)}.zbanner-illustration li div .icn-cretr{background-position:var(--zp-creator-bp)}.zbanner-illustration li:first-child{top:37%;left:11%}.zbanner-illustration li:nth-child(2){top:15%;left:19%}.zbanner-illustration li:nth-child(3){top:46%;left:30%}.zbanner-illustration li:nth-child(4){top:83%;left:20%}.zbanner-illustration li.zp-main{width:20%;height:260px;display:none}.zbanner-illustration li:nth-child(5){left:0;right:0;margin:auto;top:28%}.zbanner-illustration li:nth-child(6){top:59%;right:46%}.zbanner-illustration li:nth-child(7){top:34%;right:28%}.zbanner-illustration li:nth-child(8){top:7%;right:16%}.zbanner-illustration li:nth-child(9){right:20%;top:69%}.zbanner-illustration li:nth-child(10){right:11%;top:30%}@-webkit-keyframes zodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,14px);transform:translate(0,14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes zodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,14px);transform:translate(0,14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes zodd{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,14px);transform:translate(0,14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes zeven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes zeven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes zeven{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,-14px);transform:translate(0,-14px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.zbanner-illustration li:nth-child(6) div{width:120px;height:120px}.zapp-list li span{width:71px;height:81px;background-size:1730px auto;background-position:0 8px;margin-left:-3px;top:18px;opacity:1}.zbanner-illustration li:nth-child(3) div,.zbanner-illustration li:nth-child(7) div{width:90px;height:90px}.zapp-list li span{width:60px;height:60px;background-size:1480px auto;background-position:-1009px -122px;margin-left:-14px;top:18px;opacity:1}.zapp-list li span{width:60px;height:60px;background-size:1480px auto;background-position:-59px 0;margin-left:-16px;top:17px;opacity:1}.zbanner-illustration li:nth-child(even){-webkit-animation:zeven 5s linear 6s infinite;animation:zeven 5s linear 6s infinite}.zbanner-illustration li:nth-child(odd){-webkit-animation:zodd 5s linear 6s infinite;animation:zodd 5s linear 6s infinite}.zapp-list li span{content:'';position:absolute;left:50%;top:13px;width:40px;height:40px;margin-left:-22px;background:url(//www.zohowebstatic.com/sites/zweb/images/commonroot/integration-icons-sprite-2x.png) no-repeat left top;box-sizing:border-box;background-size:980px auto}.sfeat-sec.top{margin-left:40px;margin-top:50px}.sfeat-sec.top:before{content:unset}.sfeat-sec.top>div>h5 span:before{content:'';border:2px solid #000;width:16px;height:16px;position:absolute;top:6px;left:0;cursor:pointer}.sfeat-sec.top>div>h5 span:after{content:'+';position:absolute;top:1px;left:3px;font-size:18px}span.sfeat-active{margin-right:20px;cursor:pointer;position:absolute;left:-40px;top:0;width:100%;height:100%;z-index:1}.sfeat-sec.top div p{margin-left:0}.sfeat-sec.top>div{position:relative;padding-bottom:10px}.sfeat-sec.top div.active>h5 span:after{content:'-';left:5px}.sfeat-sec.top>div p{display:none}.sfeat-sec.top>div:first-child p{display:block}.feat-sec.click .img-right img{display:none}.feat-sec.click .img-right img.active{display:block}@media only screen and (max-width:1450px){.img-right{max-width:700px}}@media only screen and (max-width:1350px){.img-right{max-width:650px}.img-right,.cont-left{vertical-align:middle}}@media only screen and (max-width:1279px){.img-right{max-width:600px}.zintegrate-desk{display:none}}@media only screen and (max-width:1169px){.img-right,.cont-left,.reverse .cont-left,.reverse .img-right{display:block;margin:0 auto;text-align:center;max-width:750px}.img-right,.reverse .img-right{margin-top:50px}.cont-left span.num{display:none}.sfeat-sec:before,.sfeat-sec:after{content:unset}.sfeat-sec{max-width:unset;margin-left:0}.sfeat-sec>div{vertical-align:top;display:inline-block;margin:40px 30px 0}.bottom-cont .cont-left p{max-width:640px;margin:0 auto;margin-bottom:20px}.sfeat-sec.top>div:nth-child(1) p+img+img,.sfeat-sec.top>div:nth-child(1) p+img+img+img{display:none}.sfeat-sec.top>div:nth-child(2) p+img,.sfeat-sec.top>div:nth-child(2) p+img+img+img{display:none}.sfeat-sec.top>div:nth-child(3) p+img,.sfeat-sec.top>div:nth-child(3) p+img+img{display:none}.sfeat-sec.top>div h5{margin-bottom:15px}.sfeat-sec.top>div p{display:block;margin-left:auto;margin-bottom:25px}.img-right{opacity:1;transform:translateX(0)}.sfeat-active{display:none}.i18n-ar .img-right,.i18n-ar .cont-left,.i18n-ar .reverse .cont-left,.i18n-ar .reverse .img-right{margin:0 auto}.i18n-ar .sfeat-sec{margin-right:0;margin-left:unset}.i18n-ar .sfeat-sec>div{margin:40px 30px 0}.i18n-ar .bottom-cont .cont-left p{margin:0 auto}.i18n-ar .sfeat-sec.top>div p{margin-right:auto;margin-left:unset}.i18n-ar .img-right{transform:translateX(0)}.i18n-ar .img-right,.i18n-ar .cont-left,.i18n-ar .reverse .cont-left,.i18n-ar .reverse .img-right{text-align:center}.i18n-ar .img-right *,.i18n-ar .cont-left *,.i18n-ar .reverse .cont-left *,.i18n-ar .reverse .img-right *{text-align:center}}@media only screen and (max-width:991px){.img-right img{max-width:90%}.bottom-cont .cont-left p{max-width:460px;margin:0 auto;margin-bottom:10px}.sfeat-sec.top{margin-left:0;margin-top:20px}section.feat-sec{padding:0 0 80px}section.head-sec{position:relative;margin-bottom:60px}section.head-sec .content-wrap{padding:60px 0}.i18n-ar .bottom-cont .cont-left p{margin:0 auto}.i18n-ar .sfeat-sec.top{margin-right:0;margin-left:unset}.i18n-ar section.feat-sec{padding:0 0 80px}.i18n-ar section.head-sec .content-wrap{padding:60px 0}}@media only screen and (max-width:767px){h1{font-size:30px}h2{font-size:28px}h3{font-size:26px}.sfeat-sec>div{margin-left:unset;margin-right:unset;display:block;margin:30px auto 10px auto;max-width:450px}h5{font-size:20px;font-weight:600}section.head-sec .content-wrap{width:100%;padding:65px 0}svg{bottom:-24%}section.head-sec{margin-bottom:60px}.head-sec h1,.head-sec p{padding:0 20px}section.feat-sec{padding:0 0 50px}section.feat-sec.bg-clr{padding:60px 0 60px}section.feat-alternate{padding:60px 0 60px}section.foot-sec{padding:60px 0}.sfeat-sec.top{margin-left:0}.writer-advantage{padding-left:20px;padding-right:20px;max-width:460px;margin:0 auto}.img-right,.reverse .img-right{display:none}.sfeat-sec.top>div h5{margin-bottom:26px;margin-top:40px}.bottom-cont .cont-left p{margin-bottom:12px}.i18n-ar .sfeat-sec>div{margin:30px auto 10px auto;margin-left:unset;margin-right:unset}.i18n-ar section.head-sec .content-wrap{padding:65px 0}.i18n-ar .head-sec h1,.i18n-ar .head-sec p{padding:0 20px}.i18n-ar section.feat-sec{padding:0 0 50px}.i18n-ar section.feat-sec.bg-clr{padding:60px 0 60px}.i18n-ar section.feat-alternate{padding:60px 0 60px}.i18n-ar section.foot-sec{padding:60px 0}.i18n-ar .sfeat-sec.top{margin-right:0;margin-left:unset}.i18n-ar .writer-advantage{margin:0 auto;padding-left:20px;padding-right:20px}}@media only screen and (max-width:500px){svg{bottom:-20%}h1{font-size:28px}h2{font-size:26px}h3{font-size:24px}.other-lang h1{font-size:24px}}@media only screen and (max-width:420px){svg{bottom:-15%;transform:scale(0.8) translate(-62%,0)}.i18n-ar svg{transform:scale(0.8) translate(-62%,0)}}.i18n-ar .writer-advantage .place-section p,.i18n-ar .writer-advantage .place-section h1,.i18n-ar section.head-sec h1{text-align:center}.i18n-ar .cont-left{margin:0 0 0 50px;margin-right:unset}.i18n-ar .sfeat-sec.top>div>h5 span::before{left:unset;right:0}.i18n-ar .sfeat-sec.top>div>h5 span::after{left:unset;right:3px}.i18n-ar .sfeat-sec.top div.active>h5 span::after{left:unset;right:5px}.i18n-ar span.sfeat-active{right:-40px;left:unset;margin-right:unset;margin-left:20px}.i18n-ar .sfeat-sec.top{margin-left:unset;margin-right:40px}@media only screen and (max-width:1169px){.i18n-ar .img-right *,.i18n-ar .cont-left *,.i18n-ar .reverse .cont-left *,.i18n-ar .reverse .img-right *{text-align:center;display:block}.i18n-ar .sfeat-active{display:none}.i18n-ar .cont-left{margin:0 auto}}@media only screen and (max-width:991px){.i18n-ar .img-right img{margin:0 auto}}@media only screen and (min-width :2500px){.zintegrate-desk img{display:block;margin:0 auto}.i18n-ar .zintegrate-desk img{margin:0 auto}}.relate-sec{padding:0}.grid2{max-width:850px;margin:40px auto}.tab-link{width:700px;text-align:center;margin:50px auto 0}.tab-link .vtab{display:inline-block;margin:0 15px;cursor:pointer;position:relative;padding:12px 12px}.tab-link .vtab.active{background:#0a81fd;border-radius:50px;color:#fff}.tab-cont{width:50%;text-align:justify}.img-part{width:50%}.tab-cont p{width:92%;font-size:23px;text-align:initial}.tab-cont a{color:#0a81fd;font-size:18px;border-bottom:2px solid}.pd-tb{padding:80px 0}.wfs{width:50%}.tac{text-align:center}.flex-wrap{display:flex;justify-content:space-between;align-items:center}.scroll-section{width:100%;margin:0 auto;transition:all linear .75s;padding:80px 0 0;position:relative}.bg-yel{padding:80px 0 160px}.scroll-section h2{font:27px/1.2 'Zoho_Puvi_Bold';letter-spacing:-.96px;max-width:100%;margin:0 0 15px;text-align:inherit}.scroll-section p{font-size:16px;line-height:1.6;margin:0 0 20px;max-width:85%}.scroll-section p.tagline{margin:0;max-width:610px}.scroll-section .content-wrap{max-width:1280px;overflow:visible;width:90%;border-radius:15px}.bg-yel{color:#000}.bg-yel ul li h5{color:#000}.app-wrap{display:flex;justify-content:space-between;margin-top:90px}.app-left{width:42%;position:relative;padding-top:0}.app-right{width:55%;padding-top:0}.app-inner{position:sticky;top:0;display:grid;grid-template-columns:1fr;overflow:hidden;align-items:flex-start}.list-inner-wrap{display:flex;align-items:flex-start}.static-menu{width:100%;padding-top:0}.static-menu:before{position:absolute;content:"";width:1px;height:290px;background:#ffffff6b;left:-16.5px;z-index:-1;opacity:.3;top:275px}.static-menu .list-sec .active{opacity:1}.static-menu .list-sec li h5{font-size:18px;letter-spacing:-.28px;line-height:1.25}.static-menu .list-sec li p,.static-menu .list-sec li a{padding-left:30px}.static-menu .list-sec li a{color:var(--zwc-link-clr);text-decoration:underline}.static-menu .list-sec li{color:#000;position:relative;z-index:0;padding:25px 0;cursor:pointer}.tab-cnt{display:none}.tab-cnt.active{display:block}.static-menu .list-sec li:last-child{padding-bottom:0}.static-menu .list-sec li:before{position:absolute;content:"";width:10px;height:10px;background:#fff;left:-21px;top:27px;opacity:.5;z-index:1;display:none}.static-menu .list-sec li.active:before{opacity:1}.static-menu .list-sec li.active{opacity:1}.list-sec li span{display:inline-block;position:relative;width:18px;height:18px;float:left;margin:0 8px 0 0;border-radius:3px;border:1px solid}.list-sec li span:before,.list-sec li span:after{position:absolute;content:"";background:#0c0c0b;transition:all .5ms ease-in}.list-sec li span:before{width:12px;height:2px;left:2px;top:7px}.list-sec li span:after{width:12px;height:2px;right:2.1px;top:7px;transform:rotate(90deg)}.list-sec li.active span:after{background:#000;transform:rotate(0)}.nav-list .img-part{display:none}.app-right .nav-sec{grid-row-start:1;grid-column-start:1;opacity:0;transform:translateX(40px);transition:.3s ease all;padding:0 0 0 40px}.app-right .nav-sec.active{opacity:1;visibility:visible;transform:translateX(0);transition:.8s ease-out}.relate-sec{padding:0}.grid2{max-width:850px;margin:40px auto}.top-cnt{text-align:center}.grid-wrap{display:flex;flex-direction:row;justify-content:space-around;align-items:center}.tab-cont{width:50%;text-align:justify}.img-part{width:50%}.tab-cont p{width:92%;font-size:23px;text-align:initial}.tab-cont a{font-size:18px}@media only screen and (max-width:1200px){.break{display:none}}@media only screen and (min-width:1200px) and (max-width:1399px){h1{font:42px/1.1 'Zoho_Puvi_Bold' !important;max-width:500px;margin:0 auto 20px}.play-btn p{font-size:17px}.nav-list li h3{font-size:32px}.static-menu{position:sticky;top:0}.static-menu:before{height:280px;top:138px}.app-left{padding-bottom:80px}.bottom-section{margin-top:0;padding:80px 0}.i18n-ar h1{margin:0 0 20px}.i18n-ar .bottom-section{padding:80px 0}}@media only screen and (min-width:992px) and (max-width:1199px){.break{display:none}.app-right .nav-sec{padding:40px 0 0 0}.scroll-section p{max-width:80%}.scroll-section p.tagline{max-width:65%}.app-left{width:100%}.nav-list .img-part{display:block}.nav-list{width:100%}.pd-tb{padding:60px 0}.scroll-section{border-radius:0;padding-bottom:0}.scroll-section .content-wrap{max-width:1170px;overflow:visible;width:90%;border-radius:0}.list-inner-wrap{max-width:1000px;margin:0 auto}.nav-list li .cont-part{padding:0 50px}.nav-list li h3{font-size:27px}.nav-list li{min-height:0;padding:0 0 50px 0;opacity:1;display:flex;justify-content:space-between;align-items:center;flex-direction:row}.nav-list li .nav-list li:last-child{min-height:0}.nav-list li img{display:block;max-width:400px;margin:auto;text-align:center;border-radius:20px;margin-left:40px}.nav-list li:nth-of-type(2) img{padding-left:0}.nav-list li:last-child{min-height:0;padding-bottom:60px}.i18n-ar .app-right .nav-sec{padding:40px 0 0 0}.i18n-ar .pd-tb{padding:60px 0}.i18n-ar .list-inner-wrap{margin:0 auto}.i18n-ar .nav-list li .cont-part{padding:0 50px}.i18n-ar .nav-list li{padding:0 0 50px 0}.i18n-ar .nav-list li img{margin:auto;text-align:center;margin-right:40px;margin-left:unset}.i18n-ar .nav-list li:nth-of-type(2) img{padding-right:0;padding-left:unset}}@media only screen and (min-width:768px) and (max-width:991px){.pd-tb{padding:60px 0}.nav-list .img-part{display:block}.app-left,.nav-list{width:60%}.scroll-section{border-radius:0}.scroll-section .content-wrap{border-radius:0}.scroll-section:before{display:none}.nav-list li{padding:25px 0;opacity:1;min-height:auto;align-items:center;display:block;text-align:center}.nav-list li h3{font-size:28px}.nav-list{max-width:580px;margin:auto}.nav-list li img{display:block;border-radius:20px;margin-top:40px}.app-right .nav-sec{padding:0}.static-menu{width:80%}.scroll-section p.tagline{max-width:500px}.break{display:none}.scroll-section p{max-width:100%}.i18n-ar .pd-tb{padding:60px 0}.i18n-ar .nav-list li{padding:25px 0;text-align:center}.i18n-ar .nav-list{margin:auto}.i18n-ar .app-right .nav-sec{padding:0}}@media only screen and (min-width:320px) and (max-width:767px){.writer-advantage .place-section h1{margin:30px auto 20px}.tab-link{display:none !important}#slide2,#slide3{display:block !important}.tab-cont{width:100% !important;text-align:initial !important;margin-bottom:30px !important}.img-part{display:none !important}.break{display:none}.content-wrap{max-width:460px !important}.nav-list .img-part{display:block}.video-wrap{max-width:100%;width:100%;transform:scale(1)}.zbanner .lhs,.zbanner .rhs,.app-left,.nav-list,.app-right{width:100%}.zbanner:after{display:none}.app-right{display:none}.flex-wrap{display:block}.pd-tb{padding:50px 0}.scroll-section{border-radius:0}.scroll-section .content-wrap{border-radius:0}.scroll-section:before{display:none}.nav-list li{opacity:1;min-height:auto;align-items:center;display:block;text-align:center}.nav-list li h3{font-size:26px}.nav-list li:last-child{min-height:auto}.nav-list li{padding:35px 0 20px}.nav-list li:first-child{padding-top:0}.nav-list li img{display:block;border-radius:20px;margin-top:40px;max-width:90%;margin:auto;margin:40px auto 0}.bottom-section{margin-top:0;padding:60px 0}.scroll-section{border-radius:0;padding:0 0 50px}.act-btn.cta-btn{font-size:15px}.scroll-section p{max-width:100%}.tab-cont p{width:100%;font-size:16px;text-align:initial}.tab-cont a{font-size:15px}.i18n-ar .writer-advantage .place-section h1{margin:30px auto 20px}.i18n-ar .pd-tb{padding:50px 0}.i18n-ar .nav-list li{text-align:center}.i18n-ar .nav-list li{padding:35px 0 20px}.i18n-ar .nav-list li img{margin:auto;margin:40px auto 0}.i18n-ar .bottom-section{padding:60px 0}.i18n-ar .scroll-section{padding:0 0 50px}}@media only screen and (min-width:768px) and (max-width:991px){.zbanner:after{width:100%}}@media only screen and (min-width:1200px){h1{font:54px/1.1 'Zoho_Puvi_Bold';letter-spacing:-.68px;margin-bottom:20px}h2{font:48px/1.2 'Zoho_Puvi_Bold';letter-spacing:-.96px}.zbanner p{font:22px/1.6 'Zoho_Puvi_Regular'}.zrow-inner .rhs img{max-width:100%}.middle-animated .video-wrap{transform:scale(1)}.other-lang h1{font:44px / 1.1 'Zoho_Puvi_Bold'}}