.zw-template-inner{overflow:hidden}.og-context-node-17126.node-type-features .main-container-wrapper:before{opacity:0}h1,h2,h3,.cont-wrap h4{font-family:var(--zf-secondary-bold);line-height:1.1}h1{font-size:55px}h2{font-size:40px;margin-bottom:20px;line-height:1.25}.cta-btn{font-size:16px;padding:10px 32px}.cont-wrap h4,.image-wrap h4{font-size:30px;line-height:1.3}.features-header-promo .content-wrap{max-width:1170px;display:flex;flex-wrap:wrap;align-items:center}.feat-title h2,.feat-title p{text-align:center;width:100%}.feat-title h2{margin-bottom:15px}.features-header-promo .content-wrap.desc-wrap{max-width:1290px;margin:80px auto 130px}.banner,#block-panels-mini-product-menu{background:#d2f9e6}.banner-sec{padding:90px 0 90px}.features-header-promo .cont-wrap,.features-header-promo .image-wrap{width:50%;box-sizing:border-box}.features-header-promo .banner-sec .cont-wrap,.features-header-promo .banner-sec .cont-wrap p{width:100%;margin-left:auto;max-width:750px;margin-right:auto;text-align:center}.desc-wrap{padding:100px 0 80px}.desc-wrap .cont-wrap{padding-right:128px}.desc-wrap .image-wrap{padding-left:120px}.features-header-promo .cont-wrap p{max-width:520px}.dt-slide{position:relative}.dt-slide video{position:absolute;right:-40px;bottom:-40px;width:250px;opacity:1}video.mob-version{box-shadow:0 0 15px 0 rgba(0,0,0,0.15)}video.mob-version{border-radius:34px;border:1px solid #d7d7d7}.zd-scroll{width:calc(100% - 16px);max-width:470px;background-color:#1c2523;padding:10px 8px 30px 8px;float:right;transform:scale(0.9);border-radius:5px}.zd-scroll li{display:flex;flex-wrap:wrap;justify-content:space-around}.zd-scroll li>span{max-width:210px;width:calc(50% - 20px);line-height:1;margin-top:20px;opacity:0}.zd-scroll img{border-radius:5px}.middle-animated .zd-scroll li>span{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay:1.5s}.desc-wrap{position:relative}.desc-wrap .cont-wrap{color:#fff}.desc-wrap::before,.desc-wrap::after{content:"";position:absolute;width:80%;height:100%;z-index:-1;bottom:0}li span[class*="-txt"],.zd-features li,ul.assist-add-on:before{font-family:var(--zf-primary-bold)}.image-part>div img,.image-part>div video{box-shadow:0 0 20px 1px rgba(0,0,0,0.08)}#features-3 .image-part>div img{box-shadow:unset}.features-item .content-wrap{padding:80px 0 80px;max-width:1200px}#features-1 .content-wrap{padding-bottom:40px}#features-2 .content-wrap{max-width:1000px;padding-bottom:60px}.features-item .content-wrap,.features-item.left-image .content-wrap>div,.features-item.right-image .content-wrap>div,.features-item .image-part{overflow:initial}.features-item.left-image .content-wrap .image-part,.features-item.right-image .content-wrap .image-part{width:57%}.zd-features li{position:relative;padding:6px 0 16px 40px;font-size:20px}.zd-features{margin-top:60px;margin-bottom:80px}.desc-wrap .zd-features li:before,.desc-wrap .zd-features li:after{content:"";position:absolute}.desc-wrap .zd-features li:after{width:17px;height:17px;border:2px solid #3d8a64;left:-1px;top:13px;border-radius:50%}.desc-wrap .zd-features li:before{width:4px;height:8px;border:2px solid #3d8a64;border-left:unset;border-top:unset;left:6.2px;transform:rotate(45deg);top:17px}ul.assist-add-on{position:relative}ul.assist-add-on:before{position:absolute;content:"+";font-size:40px;line-height:.5;height:20px;margin:auto;top:0;bottom:0;left:130px;transform:translateY(50%)}.desc-wrap::before{background-color:#1c1919;color:black;right:50%}.desc-wrap::after{background-color:#d2f9e6;left:50%}.assist-add-on li span{display:block;font-size:20px}.assist-add-on li{display:inline-block;text-align:center;box-sizing:border-box;margin-right:90px;margin-top:40px}li span[class*="-icon"]{width:50px;height:50px;display:inline-block;background-color:#00f;background:url(//www.zohowebstatic.com/sites/zweb/images/desk/integration-icons-sprite-2x.png) no-repeat left top;box-sizing:border-box;background-size:1250px auto;transition:all .5s;margin-bottom:10px;transform:scale(1.1)}.assist-add-on .z-desk-icon{background-position:-150px 0}.assist-add-on .z-assist-icon{background-position:-550px -148px}#features-1 img{max-width:1030px}#features-3 img{max-width:540px}#features-3 img,#features-1 img{width:100%}.image-part>div{padding:0}.right-image.features-item .cont-part p{max-width:472px;width:100%}.features-item.bottom-image .cont-part{width:100%;max-width:860px;text-align:center;margin-bottom:50px}#features-3 .html-part{display:flex;flex-wrap:wrap;overflow:inherit;margin-top:60px}#features-3 .html-part .cont-wrap,#features-3 .html-part .image-wrap{width:50%;box-sizing:border-box}#features-3 .html-part .cont-wrap{padding-right:120px}#features-3 .html-part .image-wrap{padding-left:50px}.cont-left li:not(:last-child){margin-bottom:50px}.cont-left li:last-child p{margin-bottom:0}.cont-left h3{max-width:440px;font-size:36px;line-height:1.3;position:relative}.cont-left h3:before{position:absolute;content:"";width:60px;height:60px;background-color:#d2f9e6;border-radius:100%;z-index:-1;left:-26px;top:-6px}.zd-sticky{position:-webkit-sticky;position:sticky;top:80px}.bottom-cta-wrap .content-wrap{text-align:center;max-width:690px;padding:140px 0 130px}.link-eye{font-size:20px;margin-bottom:40px;position:relative;padding-left:100px;transition:all .5s}.features-item .cont-part ul{margin-top:50px}.features-item .cont-part ul li span{padding:0 3px;text-align:center;display:inline-block}.features-item .cont-part ul li:hover span{background-color:#f1f57d;background:linear-gradient(0,rgba(255,255,255,0) 10%,#eaea4b 10%,#eaea4b 55%,rgba(255,255,255,0) 55%)}#features-4,#features-7{max-width:1500px;margin:30px auto 50px;padding-top:40px;border-radius:5px}#features-4{background-color:#000;color:white}#features-4,#features-4 h2{color:white}#features-6 img{max-width:580px;width:100%}#features-6 .content-wrap{padding-top:0}#features-7{margin-bottom:0;background:#efffee}#features-4 .content-wrap .cont-part{max-width:1100px}#features-4 .content-wrap .cont-part p{max-width:920px}#features-4 ul li>span{display:block;margin:0 auto 8px;width:50px;height:50px;background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/integration-icons-sprite-2x.png);background-repeat:no-repeat;box-sizing:border-box;background-size:1250px auto}#features-7 ul li{background-image:unset}#features-4 ul li{display:inline-block;margin:0 10px 0 0;font-size:13px;vertical-align:top;background-image:unset;text-align:center}#features-4 ul li:last-child{margin:0}#features-4 ul li.z-assist span{background-position:-550px -148px}#features-4 ul li.z-books span{background-position:-1000px -0}#features-4 ul li.z-crm span{background-position:-50px 5px}#features-4 ul li.z-salesIQ span{background-position:0 -150px}#features-4 ul li.z-gsuite span{background-position:-600px -50px}#features-4 ul li.trello span{background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/desk-otherapps-trello.png);background-size:cover;background-position:0 0}#features-4 ul li.z-twillio span{background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/addons-twilio.png);background-size:auto 50px;background-position:0 0;width:160px}#features-4 ul li.z-slack span{background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/desk-otherapps-slack.png);background-size:cover;background-position:0 0}#features-4 ul li.z-jira span{background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/desk-otherapps-jira.png);background-size:cover;background-position:0 0}#features-4 ul li.tmseams span{background-position:-100px -200px}li.trello span,li.z-books span,z-slack span,li.z-slack span,li.z-jira span{transform:scale(0.85)}#features-7 ul li{width:140px;display:inline-block;margin:0;font-size:16px;vertical-align:top;background-image:unset;text-align:center}#features-7 ul li a{line-height:1.4;padding-top:75px;display:inline-block;position:relative;color:black;font-family:var(--secondaryfont-semibold)}#features-7 ul li a::before{position:absolute;content:"";width:67px;height:60px;top:0;left:0;right:0;margin:auto;background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/zd-php-icons.png);background-size:auto 60px}#features-7 ul li:nth-child(1) a::before{left:-10px}#features-7 ul li:nth-child(2) a::before{background-position:-80px 0}#features-7 ul li:nth-child(3) a::before{background-position:-155px 0}#features-7 ul li:nth-child(4) a::before{background-position:-225px -1px}#features-7 ul li a:hover{opacity:.8}@media screen and (min-width:1600px){.features-header-promo .content-wrap p{font-size:19px}.features-header-promo .content-wrap p,.cont-wrap h4,.image-wrap h4{margin-bottom:30px}.features-header-promo .desc-wrap p{max-width:95%}}@media screen and (min-width:1100px){.bottom-cta-wrap .content-wrap a.cta-btn{font-size:18px;padding:10px 32px;margin-top:10px}h1{margin-bottom:20px;font-size:48px}.cont-left .in-view h3:before{transform:scale(1);opacity:1}.cont-left h3:before{transform:scale(1.4);opacity:0;transition:all 1s}}@media screen and (max-width:1500px) and (min-width:1100px){.zd-scroll{transform:scale(0.8)}.features-item .cont-part p{font-size:16px}.features-header-promo .content-wrap.desc-wrap{max-width:1170px}.features-header-promo .banner-sec .cont-wrap{max-width:730px}.banner-sec{padding:50px 0 60px;margin-bottom:40px}.zd-features{margin-top:40px;margin-bottom:60px}.zd-features li{padding:6px 0 6px 30px;font-size:18px}.assist-add-on li{margin-right:60px;margin-top:30px}.assist-add-on li span{font-size:16px}li span[class*="-icon"]{transform:scale(1)}ul.assist-add-on:before{left:98px;transform:translateY(0)}#features-1{margin-top:40px}.features-item .content-wrap{padding:30px 0;max-width:1070px}#features-3.features-item .content-wrap{padding-top:30px}#features-3 .html-part{max-width:1100px}.cont-left h3{max-width:420px;font-size:32px}.bottom-cta-wrap .content-wrap{padding:100px 0 100px}.act-btn.cta-btn{font-size:16px;padding:8px 30px}.bottom-cta-wrap .content-wrap a.cta-btn{margin-top:0}.link-eye{margin-bottom:20px}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);opacity:1}100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);opacity:1}100%{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}@media screen and (max-width:1280px) and (min-width:992px){h1{font-size:48px;margin-bottom:20px}#features-3 .html-part .cont-wrap{padding-right:80px}.desc-wrap .cont-wrap{padding-right:80px}.desc-wrap .image-wrap{padding-left:80px}}@media screen and (max-width:991px){h1{font-size:43px}.features-header-promo .cont-wrap,.features-header-promo .image-wrap{width:100%;padding:0}.zd-scroll{float:none;margin:30px auto 0}.dt-slide video{width:180px}.features-header-promo .cont-wrap p{width:100%;max-width:100%}.features-header-promo .content-wrap{max-width:680px;text-align:center;margin-bottom:40px}.features-header-promo .content-wrap.desc-wrap{width:100%;margin:0 auto 90px;padding-bottom:0;padding-top:50px}#features-7 .content-wrap,#features-4 .content-wrap{padding-bottom:80px}.features-item .content-wrap{padding:40px 0}.features-header-promo .desc-wrap .cont-wrap{background-color:#1c1919}.features-header-promo .desc-wrap .cont-wrap h4,.features-header-promo .desc-wrap .cont-wrap p{max-width:640px;margin-left:auto;margin-right:auto;width:86%}.features-header-promo .desc-wrap .image-wrap{background-color:#d2f9e6}.features-header-promo .desc-wrap .cont-wrap,.features-header-promo .desc-wrap .image-wrap{padding:70px 0}.desc-wrap::before,.desc-wrap::after{display:none}ul.assist-add-on,.zd-features{max-width:390px;margin-left:auto;margin-right:auto;text-align:left;width:90%}.zd-features{margin-top:50px;margin-bottom:20px}.desc-wrap .image-wrap p{max-width:600px;margin-left:auto;margin-right:auto;width:90%}.right-image.features-item .cont-part p{margin-left:auto;margin-right:auto;max-width:650px}.features-item.bottom-image .cont-part p,.features-item.middle-image .cont-part p{margin-bottom:20px}#features-1{margin-top:0}.features-item .content-wrap{max-width:700px}#features-2 .content-wrap{max-width:700px}#features-3 .html-part .cont-wrap,#features-3 .html-part .image-wrap{width:100%;max-width:520px;margin-left:auto;margin-right:auto}#features-3 .html-part .image-wrap{padding-left:0}#features-3 .html-part .cont-wrap{margin-bottom:50px;padding-right:0}#features-3 .html-part{margin-top:100px}.bottom-cta-wrap .content-wrap{max-width:420px;padding:100px 0 100px}.features-item.left-image .content-wrap .image-part,.features-item.right-image .content-wrap .image-part{width:100%}.features-item.left-image .image-part,.features-item.right-image .image-part{width:100%;max-width:600px}.features-item .cont-part ul{margin-top:0}#features-4 ul li,#features-7 ul li{margin-top:40px;vertical-align:unset}}@media screen and (max-width:767px){.dt-slide.flat-img-shadow{display:none}.dt-slide video{position:relative;left:0;right:0;width:220px;opacity:1;bottom:0}.features-header-promo .content-wrap.desc-wrap{padding-top:0}.i18n-de .z-bottom-cta-menu a{width:100%}}@media screen and (max-width:480px){h1{font-size:34px}.banner-sec h1{font-size:36px}.features-header-promo .content-wrap{padding-top:60px;width:90%;padding-bottom:50px;margin-bottom:10px}.features-header-promo .feat-title{padding-bottom:10px;padding-top:40px}.features-header-promo .banner-sec .image-wrap{display:none}.features-header-promo .content-wrap.desc-wrap{margin-bottom:30px;margin-top:50px}.assist-add-on li{margin-right:40px;margin-top:0;transform:scale(0.8)}.assist-add-on li:last-child{margin-right:0}ul.assist-add-on:before{left:45%;transform:translateY(-60%)}ul.assist-add-on{text-align:center}.zd-features{max-width:210px}.zd-features li{font-size:18px;padding:6px 0 9px 30px}.desc-wrap .zd-features li:before{top:13px}.desc-wrap .zd-features li:after{top:8.5px}h2{font-size:30px;margin-bottom:20px;line-height:1.25}.cont-left h3{font-size:30px}.cont-wrap h4{font-size:28px}.cont-left h3:before{width:40px;height:40px;left:-16px;top:1px}.link-eye a::before{width:50px;height:47px}.link-eye{font-size:16px;margin-bottom:30px;position:relative;padding-left:00px;padding-top:70px}.features-item .content-wrap{padding-bottom:0;padding-top:40px;width:85%}.bottom-cta-wrap .content-wrap{padding:70px 0 70px;max-width:310px}.features-item .content-wrap,#features-1 .content-wrap,#features-2 .content-wrap{margin-bottom:0;padding-bottom:35px}#features-4{margin-bottom:30px}#features-7{margin:10px auto 0}#features-4 ul li,#features-7 ul li{margin-top:30px;transform:scale(0.9)}}.i18n-ar .banner .cont-wrap h1,.i18n-ar .features-item .cont-part ul,.i18n-ar .bottom-cta-wrap .content-wrap h2,.i18n-ar .bottom-cta-wrap .content-wrap p{text-align:center}.i18n-ar .desc-wrap::before{background-color:#d2f9e6}.i18n-ar .desc-wrap::after{background-color:#1c1919}.i18n-ar .desc-wrap .image-wrap{padding-right:120px;padding-left:0}.i18n-ar .desc-wrap .cont-wrap{padding-left:128px;padding-right:0}@media only screen and (max-width:992px){.i18n-ar .features-header-promo .desc-wrap .cont-wrap h4,.i18n-ar .features-header-promo .desc-wrap .cont-wrap p,.i18n-ar .desc-wrap .image-wrap h4,.i18n-ar .desc-wrap .image-wrap p{text-align:center}.i18n-ar .desc-wrap .cont-wrap{padding-left:0}.i18n-ar .desc-wrap .image-wrap{padding-right:0}}