.zw-product-header{background-color:#f9f9f9}a.act-btn.cta-btn.google-play.zmob{background-position:-135px 0}:after,:before{box-sizing:content-box}body{background-color:#fff;margin:0}.field-body p,.field-body h1,.field-body h2{margin:0}.field-body h1{font-family:var(--zf-primary-bold);font-size:60px;color:#4966ff;line-height:1}.field-body h2{font-family:var(--zf-primary-bold);line-height:56px;font-size:48px}.field-body h4{font-size:34px}.field-body p{font-family:var(--zf-primary-regular);font-size:20px;line-height:34px}section#block-panels-mini-product-menu{background-color:#f9f9f9}.field-body .section.banner-section{background-color:#f9f9f9;padding:80px 0 0 0;margin-bottom:50px}.field-body .section{padding:100px 0}.flex-wrap{display:flex;align-items:center;justify-content:space-between}.content-wrap{padding:0;max-width:1170px}.banner-section{text-align:center}.banner-section p{width:700px;margin:30px auto}.banner-section a{background-color:#000;color:#fff;padding:16px 40px;font-size:16px;font-family:'Zoho_Puvi_SemiBold';display:inline-block;border:unset}.img-bk .img-inner img{vertical-align:bottom;box-shadow:none}.flex-wrap.main-wrap{flex-direction:column;row-gap:50px}.flex-wrap.main-wrap .left-wrap{width:100%}.workflow-section .heading,.automate-section .heading,.realtime-section .heading{width:780px;margin:0 auto;text-align:center;margin-bottom:160px}.workflow-section .heading h2,.automate-section .heading h2,.realtime-section .heading h2{margin-bottom:30px}.workflow-section .heading p,.automate-section .heading p{width:87%;margin:0 auto}.mobile-only{display:none;margin:0 auto}.cont-right{background-size:cover;background-repeat:no-repeat}.workflow-section .cont-right{background-image:url('//www.zohowebstatic.com/sites/zweb/images/writer/workflow/writer-workflow-sec1-bg.png');width:65%}.automate-section .cont-right{background-image:url('//www.zohowebstatic.com/sites/zweb/images/writer/workflow/writer-workflow-sec2-bg.png');width:60%;height:420px}.workflow-section .cont-left{width:30%}.contents .cont-block .cont h4{font-size:22px;margin-bottom:20px}.contents .cont-block .cont p{font-size:18px;max-width:290px;line-height:28px}.contents .cont-block .cont:nth-child(3){margin-bottom:0}.automate-section .contents .cont-block .cont p{max-width:355px;line-height:28px}.automate-section .contents .cont-block .cont h4{max-width:260px}.workflow-section .workflows>.flex-wrap,.automate-section .workflows>.flex-wrap{align-items:start;column-gap:30px}.contents .cont-block .cont{margin-bottom:50px;cursor:pointer}.workflow-section .cont-block .cont.active h4{color:#4966ff;text-decoration:underline}.cont-right .img-block .img-inner{position:relative;height:100%;display:flex}.workflow-section .img-inner img{object-fit:contain;margin:30px auto;transform:translateX(140px);scale:.95}.slick-slide{transition:.2s ease-out}@keyframes animatetranslate{0%{transform:translateX(140px);scale:.95}100%{transform:translateX(0);scale:1}}.workflow-section .img-inner .slick-active img{animation:animatetranslate 1.5s;transform:translateX(0);scale:1}.workflow-section .img-inner img:nth-child(1){display:block}.workflow-section .cont-right .img-bnr{top:-75px}.cont-right .img-bnr{position:absolute;top:0;left:0}.field-body img{box-shadow:0 0 20px #00000012}.cont-right .img-block{position:relative;height:100%}.slick-track,.slick-list{height:100%}.automate-section .heading{margin-bottom:80px}.automate-section .cont-left{width:35%}.automate-section .cont-right .img-block .img-inner img{object-fit:contain;position:absolute;top:55%;left:55%;transform:translate(-50%,-50%);scale:.5;transition:.6s ease all}.automate-section .top-animated .cont-right .img-block .img-inner img{scale:1}.automate-section .contents .cont-block .cont{cursor:text}.realtime-section .heading{width:820px;margin-bottom:70px}.realtime-section h2{margin:0 auto}.realtime-section .right-s .content h4{margin-bottom:30px}.realtime-section .right-s .content{margin-bottom:160px}.realtime-section .right-s .img-sec{background-image:url('//www.zohowebstatic.com/sites/zweb/images/writer/workflow/writer-workflow-sec3-bg.png');height:520px;width:100%;background-size:cover;background-repeat:no-repeat;position:relative}.realtime-section .right-s{width:75%}.realtime-section .right-s .content p{max-width:630px}.img-sec .slide1{position:absolute;top:0;left:5%;z-index:1;transition:.6s ease all}.img-sec .slide2{position:absolute;bottom:45px;left:5%;transition:.6s ease all;width:90%}.realtime-section .left-s{width:25%}.time-track{display:flex;flex-direction:column;align-items:center;position:relative}.time-track img{vertical-align:top}.time-track .event:after{content:"";border-left:1px dashed #8181a8;width:1px;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);transition:.6s ease all;z-index:-1}.time-track .event{position:absolute;opacity:0;transition:.8s ease all;top:0}.time-track .event:before{content:"";width:15px;height:15px;background-color:#f95d50;position:absolute;border-radius:45px;left:50%;right:50%;z-index:1;transform:translate(-50%,-8px)}.time-track .event.current:after{content:"";border:1.2px solid #00bb8f;width:26px;height:26px;position:absolute;left:50% !important;right:50%;bottom:unset !important;transform:translate(-50%,-15px);border-radius:15px;z-index:0;background-color:#ebfaf6}.time-track .event:nth-of-type(2):before{background-color:#7b442d}.time-track .event:nth-of-type(3):before{background-color:#ff9229}.time-track .event:nth-of-type(4):before{background-color:#00bb8f}.time-track .event:nth-of-type(1){opacity:1}.realtime-inner>.flex-wrap{column-gap:80px;align-items:flex-start}.comprehensive-section .heading{width:880px}.comprehensive-section h2{width:100%}.comprehensive-section .inner-img .bg-img{background-image:url('//www.zohowebstatic.com/sites/zweb/images/writer/workflow/writer-workflow-sec4-bg.png');height:520px;width:100%;background-size:cover;background-repeat:no-repeat;position:relative}.comprehensive-section .img-1,.comprehensive-section .img-2{width:45%;position:relative}.comprehensive-section .bg-img .flex-wrap{display:flex;align-items:flex-start;justify-content:space-evenly}.comprehensive-section .img-1 img,.comprehensive-section .img-2 img{position:absolute;top:50px;transition:.6s ease all}.comprehensive-section .top-animated .img-1 img{top:0}.comprehensive-section .top-animated .img-2 img{transition-delay:.2s ease all;top:0}section.section.realtime-section.foot-section{background-color:#000;color:#fff;text-align:center}.foot-section h2{margin-bottom:30px}.foot-section p{width:730px;margin:0 auto;margin-bottom:30px}.foot-section a{background-color:transparent;color:#fff;border:1px solid #fff;padding:16px 40px;font-size:16px;display:inline-block;font-family:var(--zf-primary-semibold);transition:.3s ease all}.foot-section a:hover{background-color:#fff;color:#000}a.act-btn.cta-btn.apple-store.zmob{width:135px}a.act-btn.cta-btn.apple-store.zmob,a.act-btn.cta-btn.google-play.zmob{border:unset}@media(min-width:992px){.top-animated .time-track .event:after{bottom:-100%}.top-animated .time-track .event:nth-of-type(2):after{transition-delay:.8s}.top-animated .time-track .event:nth-of-type(3):after{transition-delay:1.6s}.top-animated .time-track .event:nth-of-type(2){top:220px;opacity:1}.top-animated .time-track .event:nth-of-type(3){transition-delay:1s;animation:animateEvent3 1.6s;top:440px;opacity:1}.top-animated .time-track .event:nth-of-type(4){transition-delay:2s;animation:animateEvent4 2.4s;top:660px;opacity:1}@keyframes animateEvent3{0%{top:0;opacity:0}50%{top:220px;opacity:0}100%{top:440px;opacity:1}}@keyframes animateEvent4{0%{top:0;opacity:0}35%{top:220px;opacity:0}70%{top:440px;opacity:0}100%{top:660px;opacity:1}}.realtime-section .top-animated .img-sec .slide1{top:-80px}.realtime-section .top-animated .img-sec .slide2{left:10%}}@media only screen and (min-width:768px) and (max-width:992px){.top-animated .time-track .event:after{left:100%}.top-animated .time-track .event:nth-of-type(2):after{transition-delay:.8s}.top-animated .time-track .event:nth-of-type(3):after{transition-delay:1.6s}.top-animated .time-track .event:nth-of-type(2){left:25%;opacity:1}.top-animated .time-track .event:nth-of-type(3){transition-delay:1s;animation:animateEvent3 1.6s;left:50%;opacity:1}.top-animated .time-track .event:nth-of-type(4){transition-delay:2s;animation:animateEvent4 2.4s;left:75%;opacity:1}@keyframes animateEvent3{0%{left:0;opacity:0}50%{left:25%;opacity:0}100%{left:50%;opacity:1}}@keyframes animateEvent4{0%{left:0;opacity:0}35%{left:25%;opacity:0}70%{left:50%;opacity:0}100%{left:75%;opacity:1}}.realtime-section .top-animated .img-sec .slide1{top:-80px}.realtime-section .top-animated .img-sec .slide2{left:10%}}@media(max-width:1200px){.content-wrap{max-width:960px}.field-body .section.banner-section{padding:70px 0 0 0;margin-bottom:40px}.field-body .section{padding:80px 0}.field-body h1{font-size:54px}.field-body p{font-size:20px}.field-body h2{font-size:44px}.field-body h4{font-size:32px}.workflow-section .heading,.automate-section .heading,.realtime-section .heading{width:720px}.workflow-section .workflows>.flex-wrap,.automate-section .workflows>.flex-wrap{column-gap:25px;justify-content:center}.contents .cont-block .cont h4{font-size:21px;margin-bottom:15px}.contents .cont-block .cont p{font-size:16px}.workflow-section .cont-right{width:60%}.automate-section .cont-right{width:55%}.realtime-section .right-s .content h4{margin-bottom:20px}.realtime-section .right-s .content{margin-bottom:120px}.foot-section p{width:660px}}@media(max-width:992px){.content-wrap{max-width:880px}.field-body .section.banner-section{padding:60px 0 0 0;margin-bottom:30px}.field-body .section{padding:60px 0}.field-body h1{font-size:45px}.field-body p{font-size:18px}.field-body h2{font-size:40px}.workflow-section .heading h2,.automate-section .heading h2,.realtime-section .heading h2{margin-bottom:20px}.field-body h4{font-size:32px}.workflow-section .heading{width:650px;margin-bottom:130px}.workflow-section .workflows>.flex-wrap,.automate-section .workflows>.flex-wrap{column-gap:25px;justify-content:center}.contents .cont-block .cont h4{font-size:20px;margin-bottom:10px}.contents .cont-block .cont p{font-size:14px}.contents .cont-block .cont{margin-bottom:30px}.workflow-section .cont-right{width:55%}.workflow-section .img-inner img{width:90%}.automate-section .heading{width:670px;margin-bottom:50px}.automate-section .cont-right{width:80%;margin:0 auto}.automate-section .workflows>.flex-wrap{flex-direction:column}.automate-section .workflows>.flex-wrap{flex-direction:column;width:90%;margin:0 auto}.automate-section .cont-left{width:100%}.automate-section .contents .cont-block .cont{margin-bottom:40px;width:50%}.automate-section .contents .cont-block{display:flex;column-gap:30px}.automate-section .contents .cont-block .cont p{max-width:90%}.realtime-section .heading{width:670px;margin-bottom:40px}.realtime-section .right-s .content h4{margin-bottom:20px}.realtime-section .right-s .content{margin-bottom:0;width:40%}.realtime-section .right-s{width:100%;display:flex;align-items:center;column-gap:50px}.realtime-section .right-s .content p{max-width:95%}.realtime-section .right-s .img-sec{height:450px;width:60%;margin:0 auto}.time-track .event:after{border-left:unset;border-top:1px dashed #8181a8;width:100%;height:1px;bottom:50%;left:50%;transform:translate(-50%,-50%)}.realtime-inner>.flex-wrap{flex-direction:column;row-gap:150px}.realtime-section .left-s{min-height:120px;width:100%}.time-track .event{left:0;width:20%}.foot-section p{width:660px}}@media(max-width:767px){.act-btn{font-size:11px;padding:8px 11px}.content-wrap{max-width:720px}.field-body h1{font-size:40px}.field-body p{font-size:14px}.banner-section a{font-size:15px}.banner-section p,.workflow-section .contents .cont-block .cont p{width:70%}.field-body .section{padding:30px 0}.field-body h2{font-size:36px;line-height:40px}.workflow-section .cont-right .img-bnr{top:-30px}.workflow-section .heading{width:90%;margin-bottom:30px}.workflow-section .workflows>.flex-wrap,.automate-section .workflows>.flex-wrap{flex-direction:column}.workflow-section .cont-left{width:100%}.contents .cont-block .cont p{max-width:100%;margin:0 auto}.contents .cont-block .cont{text-align:center;cursor:text;margin-bottom:50px}.workflow-section .cont-right{display:none}.workflow-section .cont-left .cont-block{display:flex;flex-direction:column}.mobile-only{display:block}.mobile-only img{max-width:80%}.automate-section .heading{width:90%;margin-bottom:30px}.automate-section .contents .cont-block{flex-direction:column}.automate-section .contents .cont-block .cont h4{max-width:100%}.automate-section .contents .cont-block .cont p{max-width:70%}.automate-section .contents .cont-block .cont{width:100%}.automate-section .cont-right{height:300px}.realtime-section .heading{width:100%;margin-bottom:40px}.foot-section p{width:80%}.time-track .event:before{width:10px;height:10px}.time-track .event.current:after{width:16px;height:16px;transform:translate(-50%,-12px)}.time-track .event{position:relative;opacity:1}.time-track{flex-direction:row;justify-content:space-evenly}.realtime-section .left-s{min-height:unset}.realtime-inner>.flex-wrap{row-gap:50px}.time-track .event:after{left:100%}.realtime-section .right-s{flex-direction:column;row-gap:75px}.realtime-section .right-s .content{width:100%;text-align:center}.realtime-section .right-s .img-sec{height:350px;width:80%;margin:0 auto}.img-sec .slide2{width:90%;bottom:5%}.img-sec .slide1{top:-16%;left:5%;width:33%}.img-sec .slide1 img{height:100%;object-fit:contain}.comprehensive-section .inner-img .bg-img{height:320px}.foot-section a{font-size:15px}.workflow-section .cont-block .cont.active h4{color:#000;text-decoration:unset}}@media(max-width:640px){.field-body h1{font-size:32px}.field-body p{line-height:2}.banner-section p{margin:15px auto}.field-body h2{font-size:27px;line-height:32px}.workflow-section .heading h2,.automate-section .heading h2,.realtime-section .heading h2{margin-bottom:15px}.contents .cont-block .cont p{line-height:1.8}.realtime-inner>.flex-wrap{row-gap:40px}.contents .cont-block .cont h4{font-size:18px;margin-bottom:5px}.automate-section .contents .cont-block .cont p{line-height:1.8}.automate-section .cont-right{height:230px}.field-body h4{font-size:20px}.realtime-section .right-s .img-sec{height:250px}.comprehensive-section .inner-img .bg-img{height:230px}.foot-section h2{margin-bottom:20px}.foot-section a{margin-top:20px}.workflow-section .heading p,.automate-section .heading p,.realtime-section p{width:100%;margin:0 auto}.realtime-section h2{width:100%}.img-sec .slide2{width:80%;bottom:5%}}@media(max-width:480px){.content-wrap{max-width:430px}.field-body h1{font-size:26px}.banner-section p,.workflow-section .contents .cont-block .cont p{width:90%}.field-body h2{font-size:21px;line-height:29px}.contents .cont-block .cont h4{font-size:16px}.automate-section .contents .cont-block .cont p{max-width:95%}.time-track .event{width:40%}.time-track{flex-wrap:wrap;row-gap:30px}.time-track .event:nth-of-type(1){order:1}.time-track .event:nth-of-type(2){order:2}.time-track .event:nth-of-type(3){order:4}.time-track .event:nth-of-type(4){order:3}.time-track .event:nth-of-type(3):after{left:0}.time-track .event:nth-of-type(2):after{border-bottom:unset;border-left:1px dashed #8181a8;width:1px;height:100%;bottom:-100%;left:50%;transform:translate(-50%,0)}.realtime-section .right-s .img-sec{height:200px}.comprehensive-section .inner-img .bg-img{height:185px}.realtime-section .right-s{row-gap:50px}}