.page-wrapper *{box-sizing:border-box}.page-wrapper .content-wrap{max-width:1170px;padding:90px 0}h1,h2,h3,h4{font-family:var(--zf-secondary-bold)}.inline-block{display:inline-block}.flex-wrap{display:flex;align-items:flex-start}.flex-wrap>div{width:50%}.banner .flex-item1{width:55%}.banner .flex-item2{padding:0 0 0 50px;width:45%}.banner .flex-wrap{align-items:center}.tabs{position:sticky;top:50px;z-index:999;padding:12px 0;transition:background-color 1.5s ease}.tabs ul{max-width:1170px;margin:auto}.tabs li{display:inline-block;margin-right:10px}.tabs li a{color:#000;font-family:var(--zf-primary-semibold);opacity:.4}.tabs li.active a{opacity:1}.tabs li:not(:last-child) a:after{content:'|';padding:0 0 0 10px}.feature-wrap{padding:110px 0 40px 0;background-color:#d2f7ff;transition:background-color 1.5s ease}.color-one .feature-wrap,.color-one .tabs{background-color:#d2f7ff}.color-two .feature-wrap,.color-two .tabs{background-color:#fff3f3}.color-three .feature-wrap,.color-three .tabs{background-color:#e9eaff}.color-four .feature-wrap,.color-four .tabs{background-color:#f5eee4}.feature-wrap .flex-wrap:not(:last-child){margin-bottom:120px}.feature-flex-wrap .flex-item:first-child{width:40%;padding-right:50px}.feature-flex-wrap .flex-item:last-child{width:65%}.integration-wrapper ul{position:relative;z-index:1}.icon{display:inline-block;width:65px;height:65px;background:url(//www.zohowebstatic.com/sites/zweb/images/people/lp/one-hr-management-sprite.png) no-repeat;background-size:800px auto;vertical-align:bottom}span.icon.icon2{background-position:-65px 0}span.icon.icon3{background-position:-130px 0}span.icon.icon4{background-position:-198px 0}span.icon.icon5{background-position:-262px 0}span.icon.icon6{background-position:-328px 0}span.icon.icon7{background-position:-396px 0}span.icon.icon8{background-position:-460px 0}span.icon.icon9{background-position:-528px 0}span.icon.icon10{background-position:-592px 0}span.icon.icon11{background-position:-658px 0}span.icon.icon12{background-position:-728px 0}.feature-flex-wrap.col3 .flex-item{width:33.33%;padding:0}.feature-item .col3 .flex-item:nth-child(2){margin:0 90px}.bottom-cta{text-align:center}.integration-wrapper ul li:after{content:'';position:absolute;left:0;top:0;background:#fff;width:100%;height:100%}span.borderline{position:absolute;border:1px dashed #999;width:100%;height:180%;top:-10%;left:50%}span.borderline.borderline2{height:100%;top:50%;border-left:0;border-right:0}span.borderline.borderline3{height:200%;top:-160%;width:140%;left:-20%}.i18n-en .bottom-cta h2{margin:0 auto 20px}.integration-wrapper li{display:inline-block;margin:10px 8px;text-align:center;padding:20px 20px;background:#fff;min-width:120px;position:relative}.integration-wrapper ul li:before{content:'';display:block;margin:auto;position:relative;z-index:1;background:var(--product-icons) no-repeat;background-size:var(--zp-i-bs);width:var(--zp-i-w);height:var(--zp-i-w)}.integration-wrapper li.zint-people:before{margin:35px 50px}.integration-wrapper li.zint-people{background:#ebfff4}.integration-wrapper ul li.zint-people:before{background-position:var(--zp-people-bp);transform:scale(3)}li.zint-projects{margin:0 0 0 75px}span.int-icon{font-size:12px;position:relative;z-index:1}li.zint-recruit,li.zint-analytics{transform:translate(0,-30px)}li.zint-expense,li.zint-quickbook{transform:translate(0,-60px)}li.zint-gsuite,li.zint-adobesign{transform:translate(0,-90px)}li.zint-zapier{transform:translate(410px,-100px);z-index:-1}.integration-wrapper ul li.zint-recruit:before{background-position:var(--zp-recruit-bp)}.integration-wrapper ul li.zint-expense:before{background-position:var(--zp-expense-bp)}.integration-wrapper ul li.zint-gsuite:before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/g-suite.svg);background-size:contain;transform:scale(1.5);height:12px}.integration-wrapper ul li.zint-projects:before{background-position:var(--zp-projects-bp)}.integration-wrapper ul li.zint-analytics:before{background-position:var(--zp-analytics-bp)}.integration-wrapper ul li.zint-quickbook:before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/intuit-quickbooks.svg);background-size:contain;width:80px;height:30px}.integration-wrapper ul li.zint-adobesign:before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/adobe-sign.svg);background-size:contain}.integration-wrapper ul li.zint-zapier:before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/zapier-black.svg);background-size:contain;height:12px;transform:scale(1.5)}.feature-item h2{margin-bottom:60px}@media all and (min-width:1200px){.i18n-en h2{margin-bottom:60px}.fadeinleft1,.fadeinleft2,.fadeinleft3,.fadeinleft4,.fadeinleft5{opacity:0;transform:translateX(40px);transition:all 900ms ease}.fadeinright1,.fadeinright2,.fadeinright3,.fadeinright4,.fadeinright5{opacity:0;transform:translateX(-40px);transition:all 900ms ease}.fadeinup1,.fadeinleft1,.fadeinright1{transition-delay:100ms}.fadeinup2,.fadeinleft2,.fadeinright2{transition-delay:300ms}.fadeinup3,.fadeinleft3,.fadeinright3{transition-delay:500ms}.fadeinup4,.fadeinleft4,.fadeinright4{transition-delay:700ms}.fadeinup5,.fadeinleft5,.fadeinright5{transition-delay:900ms}.fadeinup6,.fadeinleft6,.fadeinright6{transition-delay:1100ms}.fadeinup7,.fadeinleft7,.fadeinright7{transition-delay:1300ms}.fadeinup8,.fadeinleft8,.fadeinright8{transition-delay:1500ms}.in-view .fadeinleft1,.in-view .fadeinleft2,.in-view .fadeinleft3,.in-view .fadeinleft4,.in-view .fadeinleft5,.in-view .fadeinright1,.in-view .fadeinright2,.in-view .fadeinright3,.in-view .fadeinright4,.in-view .fadeinright5{opacity:1;transform:translateX(0)}.feature-wrap .flex-wrap.flex-integration:not(:last-child){margin-bottom:20px}}@media all and (min-width:1360px){.i18n-en h1{font-size:60px}.i18n-en h2{font-size:46px;max-width:600px;margin:0 0 60px 0}.i18n-en .act-btn.cta-btn{padding:12px 30px}.feature-item .flex-item:last-child{position:relative;left:80px}.feature-item .col3 .flex-item:last-child{left:0}.feature-item.feature-managers .flex-item img{transform:scale(1)}}@media all and (min-width:992px) and (max-width:1199px){.tabs{text-align:center;position:static}h2{margin-bottom:40px}.page-wrapper .content-wrap{padding:60px 0}.feature-wrap{padding:60px 0 0 0}.tabs{text-align:center}.feature-flex-wrap .flex-item:first-child,.feature-flex-wrap .flex-item:last-child{width:50%}.flex-integration{flex-flow:column;align-items:flex-start}.feature-flex-wrap.flex-integration .flex-item:first-child,.feature-flex-wrap.flex-integration .flex-item:last-child{width:100%;align-items:flex-start}.feature-flex-wrap.flex-integration .flex-item:first-child{width:80%;margin:20px 0 0 0}.feature-flex-wrap.flex-integration .flex-item:last-child{top:60px;position:relative}.integration-wrapper{max-width:700px}.feature-wrap .flex-wrap:not(:last-child){margin-bottom:60px}.feature-flex-wrap.col3 .flex-item{width:50%}.feature-item .col3 .flex-item:nth-child(2){margin:0 60px}}@media all and (max-width:991px){h1{font-size:38px}h2{font-size:32px}h2{margin-bottom:30px}.page-wrapper .content-wrap{padding:60px 0}.tabs{text-align:center;position:static}.feature-wrap{padding:60px 0 0 0;text-align:center}.flex-wrap{flex-flow:column;max-width:90%;margin:auto}.banner .flex-item1,.banner .flex-item2{width:100%;text-align:center}.banner .flex-item2{padding:0;max-width:400px;margin:40px auto 0 auto}.feature-wrap .flex-wrap:not(:last-child){margin-bottom:60px}.feature-flex-wrap .flex-item:first-child{width:100%;padding-right:0}.feature-flex-wrap .flex-item:last-child{width:90%;margin:auto}.feature-flex-wrap.col3 .flex-item{width:100%;margin:0}span.borderline{display:none}li.zint-zapier,li.zint-recruit,li.zint-analytics,li.zint-expense,li.zint-quickbook,li.zint-gsuite,li.zint-adobesign{transform:none}li.zint-projects{margin:10px 8px}.icon{display:none}.feature-item .col3 .flex-item:nth-child(2){margin:0}}@media all and (max-width:767px){h1{font-size:32px}h2{font-size:28px}.icon{transform:scale(.8)}.page-wrapper .content-wrap{padding:30px 0}.flex-wrap{max-width:100%}.feature-flex-wrap .flex-item:last-child{width:100%}.feature-wrap .flex-wrap:not(:last-child){margin-bottom:30px}.feature-item .col3 .flex-item:nth-child(2){margin:0}.bottom-cta .content-wrap{padding:50px 0 60px}}.i18n-ar .banner .flex-item2{padding:0 50px 0 0}.i18n-ar .tabs li:not(:last-child) a:after{padding:0 10px 0 0}@media(max-width:480px){.other-lang h1{word-wrap:break-word}}@media(min-width:992px){.i18n-ar .feature-flex-wrap .flex-item:first-child{padding-right:0;padding-left:50px}}@media(max-width:1399px){.bottom-cta .content-wrap,.bottom-cta .content-wrap h2{text-align:center}}@media(max-width:991px){.i18n-ar .banner .flex-item1 h1,.i18n-ar .banner .flex-item1 p{text-align:center}.i18n-ar .tabs ul,.i18n-ar .feature-item h2,.i18n-ar .feature-item h3,.i18n-ar .feature-item .feature-item p,.i18n-ar .feature-item .content-wrap,.i18n-ar .feature-item .content-wrap div,.i18n-ar .feature-item .content-wrap p,.i18n-ar .integration-wrapper ul{text-align:center}{text-align:center}}@media(min-width:1360px){.i18n-ar .feature-item .flex-item:last-child{left:0}.i18n-ar h2{text-align:center}.i18n-ar li.zint-zapier{transform:translate(-410px,-100px)}.i18n-ar .bottom-cta *{text-align:center}}