*,:after,:before{box-sizing:border-box}h1{font-size:56px;color:#000;font-family:var(--zf-secondary-bold)}h2{font-size:46px}h4{font-size:16px;text-align:center}.zsticky-link{color:#fff;text-transform:uppercase;font-size:14px;display:inline-block;margin:0;background:#03a9f5;padding:12px 20px;position:fixed;right:-75px;transform:rotate(-90deg);top:50%;z-index:99}.integration-part p{max-width:700px;margin:0 auto 0;text-align:center;color:#555;line-height:32px}.act-btn{padding:12px 30px}.banner-section{height:600px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center}.zsearch-data{padding:4em 0 0}.integration-wrap .category-wrap{padding-bottom:1em}.addons-inner-category-wrap{padding-bottom:6em}.category-wrap span.category-name{display:none}.banner-section .rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-ms-flex-align:center;justify-content:space-between;-ms-flex-pack:space-between}.banner-section .rows .banner-content{flex:0 0 50%;-ms-flex:0 0 50%;max-width:40%}.banner-integration{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%}.addons-integration-wrap{background:#e9f6ff}.search-wrap{display:none}.banner-integration ul{display:flex;transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);align-items:center;-ms-flex-align:center;position:relative;top:-70px;right:50px}.banner-integration ul li:nth-child(3){position:relative;top:80px}.banner-integration ul li:nth-child(4){position:relative;top:60px}.banner-integration div.icon{width:130px;height:140px;background:#000;margin:10px 15px;border-radius:20px;position:relative}div.icon::before{width:55px;height:55px;position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:55px auto}div.icon.mad:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/windows-icon.svg');-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}div.icon.mad{background-color:#00aaf0}div.icon.z-mail:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/producticon/mail.svg')}div.icon.azure-ad:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/azure-icon.svg');opacity:0}div.icon.zdesk:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/producticon/desk.svg')}div.icon.off-365:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/ms-office.svg');height:68px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}div.icon.off-365{background-color:#ec3b00}div.icon.sdp:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/othercompanylogos/service-desk-plus-ondemand.png');background-size:65px auto;width:65px;height:65px}div.icon.mail-box:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/box.svg');width:85px;background-size:85px auto;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}div.icon.mail-box{background-color:#0062d5}div.icon.jira:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/jira-icon.svg')}div.icon.servicenow:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/servicenow.svg');width:160px;background-size:155px auto;height:30px;left:60%;top:90%}div.icon.servicenow{background-color:#2b3e4700}div.icon.okta:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/okta.svg');width:100px;background-size:100px auto;height:33px}div.icon.zendesk:before{background-image:url('//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/zendesk-icon.svg');height:43px}div.icon.zendesk{background-color:#fdd6b1}.banner-integration div.icon.okta,.banner-integration div.icon.sdp,.banner-integration div.icon.jira,.banner-integration div.icon.zdesk,.banner-integration div.icon.azure-ad,.banner-integration div.icon.z-mail{background-color:transparent}.zw-other-lang .zw-template-inner h1,.zw-other-lang .zw-template-inner h2{word-break:break-word}.i18n-ar .banner-integration ul{right:auto;left:50px}@media only screen and (max-width:1366px){h1{font-size:52px}h2{font-size:42px}.banner-section{height:auto;padding:3em 0}.banner-integration ul{transform:translate(-70px,0) scale(0.8) rotate(-20deg);-webkit-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-ms-transform:translate(-70px,0) scale(0.8) rotate(-20deg);-o-transform:translate(-70px,0) scale(0.8) rotate(-20deg)}}@media only screen and (max-width:1199px){h1{font-size:50px}h2{font-size:40px}.banner-section .content-wrap{width:95%;max-width:1080px}.addons-inner-category-wrap{padding-bottom:1em}}@media only screen and (max-width:1023px){.banner-section{padding:2em 0 5em}.zsticky-link{display:none}.integration-wrap .addons-main-category-wrap{margin-left:0;padding-bottom:2em}.banner-integration{display:none}.banner-section .rows .banner-content{flex:0 0 100%;-ms-flex:0 0 100%;max-width:500px;margin:0 auto;text-align:center}.addons-inner-category-wrap{padding-bottom:0}.i18n-ar .banner-section .rows .banner-content>*{text-align:center}}@media only screen and (max-width:991px){h1{font-size:42px}h2{font-size:35px}}.banner-integration ul li div{opacity:0;transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.banner-integration ul li:nth-child(1) div:nth-child(1),.banner-integration ul li div:nth-child(1){transform:translate3d(0,-50px,0) scale(0.8);-webkit-transform:translate3d(0,-50px,0) scale(0.8);-ms-transform:translate3d(0,-50px,0) scale(0.8)}.banner-integration ul li:nth-child(1) div:nth-child(2),.banner-integration ul li div:nth-child(3){transform:translate3d(0,50px,0) scale(0.8);-webkit-transform:translate3d(0,50px,0) scale(0.8);-ms-transform:translate3d(0,50px,0) scale(0.8)}.banner-integration ul li div:nth-child(2){transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8)}.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(1),.middle-animated .banner-integration ul li:nth-child(1) div:nth-child(2),.middle-animated .banner-integration ul li div{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.banner-integration ul li:nth-child(1) div:nth-child(2){transition-delay:.2s;-webkit-transition-delay:.2s}.banner-integration ul li:nth-child(2) div:nth-child(1){transition-delay:.3s;-webkit-transition-delay:.3s}.banner-integration ul li:nth-child(2) div:nth-child(2){transition-delay:.4s;-webkit-transition-delay:.4s}.banner-integration ul li:nth-child(2) div:nth-child(3){transition-delay:.5s;-webkit-transition-delay:.5s}.banner-integration ul li:nth-child(3) div:nth-child(1){transition-delay:.6s;-webkit-transition-delay:.6s}.banner-integration ul li:nth-child(3) div:nth-child(2){transition-delay:.8s;-webkit-transition-delay:.8s}.banner-integration ul li:nth-child(3) div:nth-child(3){transition-delay:.9s;-webkit-transition-delay:.9s}.banner-integration ul li:nth-child(4) div:nth-child(1){transition-delay:1s;-webkit-transition-delay:1s}.banner-integration ul li:nth-child(4) div:nth-child(2){transition-delay:1.1s;-webkit-transition-delay:1.1s}.banner-integration ul li:nth-child(4) div:nth-child(3){transition-delay:1.2s;-webkit-transition-delay:1.2s}.cta-section{text-align:center;padding:90px 0 110px;max-width:720px}.cta-section h2{color:#000;font-family:var(--zf-secondary-bold)}@media screen and (max-width:767px){h1{font-size:38px}h2{font-size:31px}.banner-section h1{max-width:480px;margin-left:auto;margin-right:auto}.cta-section{padding:60px 0 70px}.cta-section{max-width:550px}.integration-wrap .addons-main-category-wrap{margin-left:0;padding-bottom:1em}}@media only screen and (max-width:480px){h1{font-size:33px}h2{font-size:27px}.banner-section h1{max-width:420px}.optiona.integration-wrap .category-wrap>ul li{width:100%;max-width:360px;margin-left:auto;margin-right:auto;flex:0 0 100%}.integration-wrap .category-wrap h2{text-align:center;margin-left:0;margin-right:0}}.zint-service-now img,.zint-google-workspace--previously-g-suite img{min-height:auto !important;width:90%}.i18n-ar .category-wrap .addon-bottom a span.zarrow:after{right:auto;left:-12px;border-left:0;border-right:5px solid #03a9f5}.i18n-ar .content-wrap.cta-section *,.i18n-ar .content-wrap.cta-section{text-align:center}@media only screen and (max-width:767px){.i18n-ar .integration-wrap .category-wrap h2{margin-left:-10px;margin-right:10px}}@media only screen and (max-width:480px){.i18n-ar .integration-wrap .category-wrap h2{margin-left:0;margin-right:0}}