@-webkit-keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes stripes{to{background-size:100% 100%}}@keyframes stripes{to{background-size:100% 100%}}@-webkit-keyframes typing{from{width:0}}@keyframes typing{from{width:0}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}@-webkit-keyframes lineUp{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@keyframes lineUp{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}h1{font-size:52px}h2{font-size:40px}p{font-size:18px}.content-wrap{max-width:1170px}.middle-animated .color-blue{color:#063fd4;background:linear-gradient(#063fd4,#063fd4) #000 no-repeat 0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:0 100%;background-position:0 0;-webkit-animation:stripes 2s linear 1 forwards;animation:stripes 2s linear 1 forwards}#block-panels-mini-product-menu{background-color:#063fd4}#header #mini-panel-product_menu .product-title a{color:#fff}#header #mini-panel-product_menu .product-nav-links .menu>li>a{color:#fff}#header #mini-panel-product_menu img.img-responsive{filter:brightness(0) invert(1)}#mini-panel-product_menu .menu li span{color:#fff}.og-context-node-77054 #mini-panel-product_menu .product-nav-links .expanded.dropdown .caret{background-position:0 -48px !important}.banner-section{padding:110px 0 140px 0;background-color:#063fd4}.banner-section .cta-btn{padding:12px 49px;display:none}.banner-section .right-wrap{position:relative}.banner-section .left-wrap{color:#fff}.banner-section .left-wrap p{max-width:380px}.banner-section .animate-section{display:flex;width:auto;margin-bottom:40px}.banner-section .animate-section .people{display:inline-block;width:65px;height:65px;border-radius:50px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);background-size:465px;background-position:0 -4px;vertical-align:middle}.banner-section .animate-section .left-one{background-color:#f35d5e;margin-right:10px}.banner-section .animate-section .right-one{background-color:#12d998;margin-left:10px;border-top-left-radius:0;background-position:-69px -5px}.banner-section .animate-section .inner-animate{display:flex;align-items:center;justify-content:center;position:relative;width:130px}.banner-section .animate-section .inner-animate .projects-logo{margin-right:5px}.banner-section .animate-section .inner-animate .projects-logo .bg{background-color:#fde998;border-top-right-radius:50px;border-bottom-right-radius:50px}.banner-section .animate-section .inner-animate .projects-logo .bg::before{content:"";width:10px;height:10px;border-radius:10px;position:absolute;background-color:#fde998;left:-5px}.banner-section .animate-section .inner-animate .projects-logo::after{position:absolute;left:11px;width:43px;height:40px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/zoho_general_pages/zgh-icon-sprite.png);background-position:-79px -79px;background-size:600px}.banner-section .animate-section .inner-animate .teams-logo{margin-left:5px}.banner-section .animate-section .inner-animate .teams-logo .bg{border-top-left-radius:50px;border-bottom-left-radius:50px}.banner-section .animate-section .inner-animate .teams-logo .bg::before{content:"";width:10px;height:10px;border-radius:10px;position:absolute;background-color:#063fd4;right:-5px}.banner-section .animate-section .inner-animate .teams-logo::after{width:43px;height:55px;position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);background-size:460px;background-position:-134px -9px;right:13px}.banner-section .animate-section .inner-animate .bg{width:100%;height:100%;position:absolute;display:flex;align-items:center;background:#91d3fe;transition:all .6s}.banner-section .animate-section .inner-animate [class*=logo]{height:60px;width:60px;display:flex;align-items:center;justify-content:center;position:relative;transition:all 1s;transition-delay:.5s}.banner-section .animate-section .inner-animate [class*=logo]::after{content:""}.banner-section .animate-section .inner-animate::before{content:"";width:20px;height:20px;position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);top:-23px;left:24px;background-size:450px;background-repeat:no-repeat;background-position:-220px -20px;opacity:0}.banner-section .animate-section .inner-animate::after{content:"";width:20px;height:20px;position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);top:-23px;left:24px;background-size:450px;background-repeat:no-repeat;background-position:-220px -20px;opacity:0;left:auto;top:auto;bottom:-23px;right:24px}.banner-section .right-wrap::before{content:"";width:48px;height:48px;position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);right:-36px;top:-36px;z-index:99;background-size:390px;background-repeat:no-repeat;background-position:-147px -6px;transition:all .5s;opacity:0}.banner-section .middle-animated .bg{transform:rotate(180deg)}.banner-section .middle-animated .inner-animate:before,.banner-section .middle-animated .inner-animate:after{opacity:1;transition:all 2.5s}.banner-section .middle-animated .right-wrap::before{opacity:1}.banner-section .middle-animated .projects-logo,.banner-section .middle-animated .teams-logo{margin:0 !important}.banner-section .middle-animated .animate-section .inner-animate .teams-logo .bg::before{background-color:transparent;transition:all 1.5s}.ms-flex-wrap{display:flex;align-items:center;flex-wrap:wrap}.ms-flex-wrap .left-wrap{width:100%;max-width:50%}.ms-flex-wrap .right-wrap{width:100%;max-width:50%}.signup-box{max-width:430px;background-color:#fff;padding:40px;border-radius:20px;height:554px;position:relative;display:flex;flex-direction:column;justify-content:center}.signup-box h4{font-size:20px;margin-bottom:3px}.signup-box>span{font-size:16px}.signup-box .socl-signup p{margin-bottom:0}.signup-box .za-company-container .za-company-box.field-error{position:relative;margin-bottom:40px}.loader::before{content:"";width:100%;height:100%;left:0;right:0;top:0;bottom:0;position:absolute;border-radius:20px;background-color:rgba(0,0,0,0.631372549);z-index:99}.loader::after{content:"";width:28px;height:28px;border:3px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;position:absolute;z-index:99;left:0;right:0;margin:0 auto}.achieve-section{background-color:#063fd4;position:relative}.achieve-section::after{content:"";width:100%;height:210px;position:absolute;left:0;right:0;bottom:0;background-color:#fff}.achieve-section h2{color:#fff;text-align:center;max-width:970px;margin:0 auto 15px}.achieve-section .video-sec{margin:50px 0 0 0}.achieve-section .video-sec video{width:100%}.achieve-section .content-wrap{z-index:9}.task-conversation{padding:68px 0 80px 0}.task-conversation .gray-bg{background-color:#f9f9f9;border-radius:12px;padding:80px 80px 70px 90px}.task-conversation h2{max-width:380px}.task-conversation p{max-width:348px}.task-conversation .right-wrap{position:relative}.task-conversation .arrow{width:90px;position:absolute;bottom:16px;left:164px;transform:rotate(15deg)}.task-conversation .text-animate{width:159px;opacity:0;overflow:hidden;white-space:nowrap;position:absolute;bottom:65px;left:70px}.task-conversation .text-animate::before{content:"";width:2px;height:15px;position:absolute;right:0;top:8px;background-color:#000;-webkit-animation:blink .5s step-end infinite alternate;animation:blink .5s step-end infinite alternate}.task-conversation .text-animate span{font-size:13px}.collaboration{padding:30px 0 60px 0}.collaboration img{max-width:400px;margin-top:10px;transform:translateY(30px);transition-duration:1s;transition-delay:.6s;opacity:0}.collaboration .gray-bg{background-color:#f9f9f9;border-radius:12px;padding:40px}.collaboration .right-wrap{margin-left:130px;max-width:37%}.collaboration p{max-width:420px}.collaboration .chat-animate{font-size:0;float:right;width:200px;height:65px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/projects/integration/msteam-integration-sprite.png);background-size:460px;background-position:-218px 0;transform:translateX(10px);transition:all 1s;opacity:0}.switching-tab{padding:40px 0 40px 0}.switching-tab .gray-bg{background-color:#f9f9f9;border-radius:12px;padding:90px 40px}.switching-tab .left-wrap{margin-left:90px;max-width:31%;margin-right:130px}.switching-tab h2{max-width:330px}.switching-tab .right-wrap video{width:100%;height:auto}.task-consistency{padding:60px 0 80px 0}.task-consistency .left-wrap .img-sec img{max-width:96%;margin-top:-14px}.task-consistency .left-wrap .content p{max-width:max-content}.task-consistency .right-wrap .content{max-width:400px}.task-consistency .right-wrap .content h2{max-width:350px}.task-consistency .right-wrap .inner-parent{position:relative}.task-consistency .right-wrap .inner-parent .cls-1,.task-consistency .right-wrap .inner-parent .cls-2{stroke-width:1px}.task-consistency .gray-bg{background-color:#f9f9f9;border-radius:12px;padding:50px 50px 0 50px}.task-consistency .ms-flex-wrap{align-items:flex-start;justify-content:space-between}.task-consistency .ms-flex-wrap [class*=wrap]{max-width:46%}.task-consistency .img-sec{min-height:410px;text-align:center}.task-consistency .content{max-width:350px;min-height:300px;margin:0 auto;display:flex;flex-flow:column wrap}.task-consistency .arrow{width:70px;position:absolute;top:105px;left:111px;transform:rotateX(180deg)}.task-consistency .arrow-bottom{width:60px;position:absolute;top:147px;left:95px}.task-consistency .arrow-top{width:60px;position:absolute;left:210px;top:60px;transform:rotateX(180deg) rotateZ(-105deg)}.footer{padding:40px 0 130px 0}.footer .inner-bg{max-width:1040px;margin:0 auto;padding:120px 0;display:flex;flex-flow:column wrap;align-items:center;justify-content:center;border-radius:10px;background-color:#063fd4}.footer .inner-bg h2{color:#fff}.footer .inner-bg a{margin-top:20px;font-size:18px;padding:13px 40px 13px 40px;border-radius:4px}.cls-1,.cls-2{fill:none;stroke:#474abd;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.cls-2{opacity:0}.cls-1{stroke-dasharray:1500;stroke-dashoffset:1500}.middle-animated .cls-2{-webkit-animation:fadeIn .2s linear .8s forwards;animation:fadeIn .2s linear .8s forwards}.middle-animated .cls-1{-webkit-animation:lineUp 10s linear forwards;animation:lineUp 10s linear forwards}.middle-animated .text-animate{-webkit-animation:typing 3s steps(22);animation:typing 3s steps(22);opacity:1}.middle-animated .chat-animate{transform:translateX(0);opacity:1}.collaboration .middle-animated img{transform:translateY(0);opacity:1}.umain .banner-section .right-wrap{display:none}.umain .banner-section .ms-flex-wrap{justify-content:center;text-align:center}.umain .banner-section .animate-section{justify-content:center}.umain .banner-section .ms-flex-wrap p{margin:0 auto 20px;max-width:750px}.umain .banner-section .left-wrap{max-width:900px}.umain .banner-section .cta-btn{display:inline-block}.password-strength>div{display:none}.zw-product-header{background-color:#1d3fd4}.product-title .product-icon{filter:brightness(0) invert(1)}@media(min-width:1201px) and (max-width:1300px){.switching-tab .left-wrap{max-width:29%}.task-consistency .arrow{top:103px;left:104px}}@media(max-width:1200px){html,body{overflow-x:hidden}h1{font-size:41px}h2{font-size:37px}.banner-section{padding:100px 0 140px 0}.banner-section .right-wrap::before{right:-25px;top:-29px;background-position:-133px -6px;background-size:350px;width:40px}.achieve-section .video-sec{margin-top:60px}.achieve-section::after{height:170px}.achieve-section h2{max-width:700px}.task-conversation .gray-bg{padding:80px 40px 70px 40px}.task-conversation h2{max-width:370px}.task-conversation .text-animate{bottom:16%;left:13%;width:145px}.task-conversation .text-animate span{font-size:12px}.task-conversation .arrow{bottom:4%;left:33%;width:70px}.collaboration{padding:30px 0 50px 0}.collaboration .right-wrap{margin-left:70px;max-width:40%}.collaboration .gray-bg{padding:30px}.switching-tab .left-wrap{margin-left:10px;max-width:40%;margin-right:80px}.switching-tab .gray-bg{padding:70px 40px}.switching-tab video{width:100%;height:auto}.task-consistency{padding:60px 0 60px 0}.task-consistency .arrow{width:50px;top:14%;left:11%}.task-consistency .left-wrap .img-sec img{margin-top:0}.task-consistency .arrow-top{width:50px;left:43%;top:8%}.task-consistency .arrow-bottom{width:50px;top:18%;left:20%}.task-consistency .right-wrap [class*=arrow] svg{width:87%}.img-sec{min-width:360px}.umain .banner-section .left-wrap{max-width:670px}.achieve-section .video-sec video{height:auto;width:100%}}@media(max-width:992px){h1{font-size:38px;max-width:610px;margin:0 auto 15px}h2{font-size:26px}.ms-flex-wrap{flex-flow:column wrap;justify-content:center}.ms-flex-wrap .left-wrap,.ms-flex-wrap .right-wrap{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.banner-section{padding:80px 0 80px 0}.banner-section .animate-section{justify-content:center}.banner-section .left-wrap{text-align:center}.banner-section .left-wrap p{margin:0 auto 15px;max-width:580px}.banner-section .right-wrap{text-align:center;max-width:460px;margin-top:40px}.banner-section .right-wrap .signup-box{float:none;margin:0 auto}.banner-section .right-wrap::before{right:-13px;top:-30px}.achieve-section::after{height:140px}.achieve-section h2{max-width:630px}.achieve-section .video-sec{margin-left:0}.task-conversation{padding:68px 0 60px 0}.task-conversation .gray-bg{padding:60px 30px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin:0 auto}.task-conversation .left-wrap,.task-conversation .right-wrap{text-align:center}.task-conversation h2{max-width:240px;margin:0 auto 15px}.task-conversation p{max-width:438px;margin:0 auto 15px}.task-conversation .text-animate{bottom:16%;left:20%}.task-conversation .arrow{bottom:4%;left:35%;width:90px}.task-conversation .right-wrap{order:1}.task-conversation .left-wrap{order:2;margin-top:40px}.collaboration{padding-bottom:0}.collaboration .gray-bg{text-align:center;max-width:560px}.collaboration .right-wrap{margin:40px auto;text-align:center}.collaboration .right-wrap h2{max-width:300px;margin:0 auto 15px}.collaboration .right-wrap p{margin:0 auto 15px;max-width:550px}.switching-tab{padding-bottom:0}.switching-tab .left-wrap{order:2;margin:40px auto;text-align:center}.switching-tab .left-wrap h2{margin:0 auto 15px}.switching-tab .left-wrap p{max-width:600px;margin:0 auto 15px}.switching-tab .right-wrap{order:1;padding:30px;text-align:center;max-width:500px}.task-consistency{padding:40px 0 0 0}.task-consistency .gray-bg{padding:30px}.task-consistency .ms-flex-wrap{justify-content:center;align-items:center}.task-consistency .ms-flex-wrap .left-wrap,.task-consistency .ms-flex-wrap .right-wrap{max-width:565px;margin-bottom:30px}.task-consistency .img-sec{min-height:auto}.task-consistency .img-sec [class^=arrow]{display:none}.task-consistency .content{text-align:center;min-height:auto;margin-top:30px}.task-consistency .content h2{margin:0 auto 15px;max-width:410px}.task-consistency .content p{margin:0 auto 15px}.task-consistency .right-wrap .content h2{max-width:400px}.task-consistency .arrow{display:none}.footer{padding-bottom:80px}.footer .inner-bg{padding:70px 30px}.footer .inner-bg a{font-size:14px}}@media(max-width:768px){h1{font-size:26px;margin-top:50px;max-width:470px}h2{font-size:21px}p{font-size:17px}.signup-box{padding:25px}.banner-section{padding:60px 0 60px 0}.banner-section .animate-section .people{width:50px;height:50px;background-size:365px}.banner-section .animate-section .right-one{background-position:-55px -5px}.banner-section .animate-section .inner-animate{width:110px}.banner-section .animate-section .inner-animate::before{top:-26px;left:15px}.banner-section .animate-section .inner-animate::after{bottom:-26px;right:15px}.banner-section .animate-section .inner-animate [class*=logo]{width:50px;height:50px}.banner-section .animate-section .inner-animate [class*=logo]::after{width:34px;height:40px;background-size:360px}.banner-section .animate-section .inner-animate .projects-logo::after{background-position:-63px -63px;background-size:480px;height:33px}.banner-section .animate-section .inner-animate .teams-logo::after{background-position:-105px -9px}.banner-section .right-wrap::before{right:-20px;top:-21px;width:38px;height:38px;background-position:-126px -5px;background-size:330px}.banner-section .left-wrap p{max-width:410px}.achieve-section::after{height:60px}.achieve-section .video-sec{margin:40px 0 0 0}.achieve-section h2{max-width:450px}.task-conversation{padding:50px 0 40px 0}.task-conversation .gray-bg{padding:20px}.task-conversation .arrow,.task-conversation .text-animate{display:none}.task-conversation p{max-width:500px}.collaboration .gray-bg{padding:20px}.collaboration .right-wrap p{max-width:500px}.switching-tab{padding-top:20px}.switching-tab .gray-bg{padding:20px}.switching-tab .left-wrap p{max-width:500px}.task-consistency{padding:20px 0 0 0}.task-consistency .gray-bg{padding:20px}.task-consistency .img-sec{min-width:auto}.footer{text-align:center}.footer .inner-bg{padding:60px 30px}}@media(max-width:500px){.achieve-section .video-sec{margin-left:0}.gray-bg{padding:15px !important}.collaboration img{max-width:100%}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){.achieve-section{padding-bottom:60px}.achieve-section::after{background-color:transparent}.achieve-section .video-sec .all-browser{display:none}.achieve-section .video-sec .safari-only{display:block}#block-panels-mini-product-menu,.banner-section,.achieve-section{background-color:#0248da}}.safari-only{display:none}