h1 {
 margin-bottom:20px;
 font-size:48px
}
.banner h1 {
 font-size:56px
}
h2 {
 font-size:40px;
 margin-bottom:20px;
 width:100%
}
.field-body h3 {
 font-size:36px
}
.zd-faq h4 {
 font-size:26px
}
h1,
h2,
h3,
.cont-wrap h4,
.zd-faq h4 {
 font-family:var(--zf-secondary-bold)
}
.banner .content-wrap {
 max-width:660px;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 text-align:center;
 padding:90px 0 120px
}
.banner .content-wrap p {
 width:100%
}
.field-body p {
 font-size:18px;
 width:100%
}
.desc-wrap {
 position:relative;
 display:flex;
 flex-wrap:wrap
}
.desc-wrap {
 padding:100px 0 40px
}
.desc-wrap .cont-wrap,
.desc-wrap .image-wrap {
 width:50%;
 box-sizing:border-box
}
.desc-wrap::before {
 background-color:#1c1919;
 color:black;
 right:50%
}
.desc-wrap::before,
.desc-wrap::after {
 content:"";
 position:absolute;
 width:80%;
 height:100%;
 z-index:-1;
 bottom:0
}
.desc-wrap::after {
 background-color:#d2f9e6;
 left:50%
}
.desc-wrap .cont-wrap {
 text-align:left
}
.desc-wrap p {
 font-size:20px
}
.desc-wrap .cont-wrap {
 padding-right:120px
}
.desc-wrap .cont-wrap img {
 position:relative;
 top:98px
}
.desc-wrap .image-wrap {
 padding-left:120px;
 text-align:left
}
.desc-wrap li:before,
.desc-wrap li:after {
 content:"";
 position:absolute
}
.desc-wrap li:after {
 width:17px;
 height:17px;
 border:2px solid #3d8a64;
 left:-1px;
 top:13px;
 border-radius:50%
}
.desc-wrap 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%
}
.desc-wrap::before,
.desc-wrap::after {
 content:"";
 position:absolute;
 width:80%;
 height:100%;
 z-index:-1;
 bottom:0
}
.badge {
 max-width:1500px;
 margin:auto
}
.badge.integrat {
 padding:100px 0;
 background-color:black;
 color:white;
 margin:60px auto;
 border-radius:5px
}
.badge .content-wrap {
 max-width:800px;
 text-align:center
}
.content-wrap.desc-wrap {
 max-width:1290px;
 margin:0 auto 160px
}
.badge.black .content-wrap p {
 max-width:630px;
 margin-left:auto;
 margin-right:auto
}
.badge.black ul {
 max-width:710px;
 margin:30px auto 0
}
.badge.black ul li {
 position:relative;
 text-align:left;
 padding-left:35px;
 font-size:19px;
 margin-top:10px;
 line-height:1.7
}
.badge.black ul li:after,
.badge.black ul li:before {
 content:"";
 position:absolute
}
.badge.black ul li:after {
 width:18px;
 height:17px;
 border:2px solid #398760;
 left:0;
 top:7px;
 border-radius:50%
}
.badge.black ul li:before {
 width:4px;
 height:8px;
 border:2px solid #398760;
 border-left:unset;
 border-top:unset;
 left:8px;
 transform:rotate(45deg);
 top:11px
}
.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:#ecea5e;
 right:50%
}
.desc-wrap::after {
 background-color:#b3e5b5;
 left:50%
}
.unified .content-wrap {
 text-align:center
}
.unified .content-wrap.center-txt {
 max-width:880px;
 margin-bottom:50px
}
.unified .content-wrap.left-image {
 display:flex;
 flex-wrap:wrap
}
.unified .left-image .image-part {
 width:40%;
 text-align:left
}
.unified .left-image .image-part img{
  max-width: 450px;
}
.unified .left-image .cont-part {
 width:60%;
 text-align:left
}
.unified .left-image .cont-part ul li {
 font-size:18px;
 margin-bottom:30px;
 padding-left:10px;
 margin-top:10px
}
.cont-part ul li b {
 font-family:var(--primaryfont-semibold)
}
.unified {
 margin-bottom:60px
}
.inner-feature .content-wrap {
 display:flex;
 flex-wrap:wrap;
 max-width:1170px;
 text-align:center;
 align-items:center;
 padding:70px 0
}
.cust-info .content-wrap:nth-of-type(2),
.work-mode.content-wrap {
 padding:40px 0
}
.inner-feature .content-wrap.center-txt {
 max-width:920px;
 padding-bottom:0
}
.inner-feature .content-wrap.center-txt h2 {
 font-size:48px
}
.inner-feature .content-wrap.center-txt.min-p {
 max-width:740px
}
.inner-feature {
 padding:20px 0
}
.inner-feature .content-wrap.left-image .cont-part,
.inner-feature .content-wrap.right-image .cont-part {
 width:44%;
 text-align:left;
 box-sizing:border-box
}
.inner-feature .content-wrap.left-image .cont-part {
 padding-left:80px
}
.inner-feature .content-wrap.right-image .cont-part {
 padding-right:80px
}
.inner-feature .content-wrap.left-image .image-part,
.inner-feature .content-wrap.right-image .image-part {
 width:55%
}
.integrat ul li {
 background:0;
 margin:0 -3px 0 0;
 padding:0;
 display:inline-block;
 vertical-align:top
}
.integrat ul li>span {
 background:url(https://www.zoho.com/sites/default/files/integration-icons-sprite-2x.png);
 display:block;
 width:50px;
 height:50px;
 margin:0 auto;
 background-size:1250px auto
}
.integrat ul li {
 display:inline-block;
 margin:20px 25px 0 0;
 font-size:14px;
 vertical-align:top;
 text-align:center;
 transition:all .9s ease 0;
 line-height:2.6
}
ul li.crm-icon>span {
 background-position:-50px 0;
 transform:scale(1.10)
}
.integrat ul li.books-icon>span {
 background-position:-1000px 0
}
.integrat ul li.analytics-icon>span {
 background-position:-350px -50px;
 transform:scale(1.1)
}
.integrat ul li.assist-icon>span {
 background-position:-550px -150px;
 transform:scale(1.1)
}
.integrat ul li.creator-icon>span {
 background-position:-150px -100px;
 transform:scale(1.1)
}
.integrat ul li.salesIq-icon>span {
 background-position:-350px -100px;
 transform:scale(1.1)
}
.integrat ul li.trello-icon>span {
 background-position:400px -50px
}
.integrat ul li.intercom-icon>span {
 background-position:0 -150px
}
.integrat ul li.shopify-icon>span {
 background-position:-850px 0;
 transform:scale(1.1)
}
.integrat ul li.twilio-icon>span {
 background-position:-1100px 0;
 transform:scale(1.1)
}
.integrat ul li.salesforce-icon>span {
 background-position:-300px 0;
 transform:scale(1.1)
}
.integrat ul li.jira-icon>span {
 background:url(https://www.zoho.com/sites/default/files/desk/desk-partners-sprite.png);
 display:block;
 width:50px;
 height:50px;
 margin:0 auto;
 background-size:550px auto
}
.integrat ul li.slack-icon>span {
 background-position:-450px 0
}
.integrat ul li.jira-icon>span {
 background-position:-360px 8px;
 transform:scale(1.1)
}
.integrat ul li.google-icon>span {
 background-position:-600px -50px
}
.inner-feature .title-wrap,
.zd-faq ul {
 max-width:800px;
 width:100%;
 position:relative;
 margin:auto
}
.expand {
 position:absolute;
 top:25%;
 bottom:0;
 margin:auto;
 right:0;
 opacity:0
}
.inner-feature .title-wrap h2 {
 text-align:left;
 width:100%
}
.zd-faq h4 {
 margin-bottom:6px;
 cursor:pointer;
 position:relative;
 padding-right:20px;
 text-align:left
}
.zd-faq h4+p {
 display:none;
 text-align:left
}
.zd-faq li.active h4+p {
 display:block
}
.zd-faq li:first-child {
 padding-right:100px
}
.zd-faq li.active h4 {
 margin-bottom:20px
}
.zd-faq ul {
 max-width:800px;
 width:100%;
 margin:auto
}
.zd-faq ul li {
 padding:20px 0;
 border-bottom:1px solid #e5e5e5;
 margin-bottom:0;
 position:relative
}
.zd-faq ul li:after {
 position:absolute;
 content:"";
 width:10px;
 height:10px;
 border-left:2px solid rgb(0 0 0 / .5);
 border-bottom:2px solid rgb(0 0 0 / .5);
 transform:rotate(-45deg);
 right:0;
 top:25px;
 transition:all .5s
}
.zd-faq li.active::after {
 transform:rotate(135deg);
 top:35px
}
.cta-btn,
a.custom-cta {
 padding:10px 32px;
 margin:0 5px;
 border:1px solid transparent
}
a.custom-cta {
 background-color:black;
 display:inline-block;
 border:1px solid transparent;
 cursor:pointer;
 box-sizing:border-box;
 z-index:1;
 font-size:15px;
 text-transform:uppercase;
 color:white;
 font-family:var(--zf-primary-semibold),Arial,Helvetica,sans-serif
}
.zd-faq .title-wrap {
 margin-bottom:30px
}
.cta-section {
 max-width:800px;
 text-align:center;
 padding:60px 0 100px
}
.cta-section p+p {
 margin-top:40px
}
.box-shadow {
 box-shadow:0 0 13px 0 rgba(0,0,0,.05)
}
.ticket img,
.work-mode img {
 max-width:600px;
 width:100%
}
.work-mode img {
 max-width:500px
}
video {
 width:100%
}
.left-image img.bigscreen,
video.bigscreen {
 float:right
}
.moretopics-section {
 padding:40px 0 120px;
 text-align:center;
 max-width:1170px;
 box-sizing:border-box;
 margin:0 auto
}
.moretopics-section {
 padding:40px 0 120px;
 text-align:center;
 max-width:1170px;
 box-sizing:border-box;
 margin:0 auto
}
.moretopics-section {
 text-align:center
}
.moretopics-section ul {
 display:table;
 border-spacing:20px
}
.moretopics-section ul li {
 display:table-cell;
 width:20%;
 vertical-align:middle;
 position:relative;
 border:1px solid #eee;
 box-sizing:border-box
}
.moretopics-section p {
 margin:0;
 color:#000;
 font-size:17px
}
.moretopics-section p::after {
 content:'';
 display:block;
 width:50%;
 height:1px;
 background:#000;
 /*! margin:10px auto 20px; */opacity:0
}
.moretopics-section li:hover span {
 background-color:#f1f57d;
 background:linear-gradient(0,rgba(255,255,255,0) 10%,#eaea4b 10%,#eaea4b 40%,rgba(255,255,255,0) 40%)
}
.moretopics-section .content-wrap h2 {
 max-width:700px;
 margin:0 auto 40px
}
.moretopics-section ul li a {
 display:block;
 padding:30px 20px
}
.moretopics-section .content-wrap {
 max-width:1170px
}
.moretopics-section ul li:hover {
 box-shadow:0 0 14px 0
}
.moretopics-section ul li:hover {
 border-color:#22a04b;
 box-shadow:10px 10px 13px -2px rgba(0,0,0,.05)
}
@media screen and (min-width:1300px) {
 .bigscreen,
 video.bigscreen,
 video {
  max-width:110%
 }
 .desc-wrap .cont-wrap img {
  min-width:550px
 }
}
@media screen and (max-width:1100px) {
 .inner-feature .content-wrap.left-image .cont-part,
 .inner-feature .content-wrap.right-image .cont-part,
 .inner-feature .content-wrap.left-image .image-part,
 .inner-feature .content-wrap.right-image .image-part {
  width:100%;
  text-align:center
 }
 .inner-feature .content-wrap.left-image,
 .inner-feature .content-wrap.right-image {
  max-width:700px
 }
 .inner-feature .content-wrap.left-image {
  flex-direction:column-reverse
 }
 .inner-feature .content-wrap.left-image .cont-part {
  padding-left:0;
  margin-bottom:30px
 }
 .inner-feature .content-wrap.right-image .cont-part {
  padding-right:0;
  margin-bottom:30px
 }
 .moretopics-section {
  display:none
 }
}
@media screen and (max-width:991px) {
 .unified .content-wrap.center-txt,
 .unified .content-wrap.left-image {
  max-width:760px;
  margin-bottom:40px;
  text-align:left;
  width:85%
 }
 h1,
 .banner h1 {
  font-size:44px
 }
 h2 {
  font-size:36px
 }
 .inner-feature .content-wrap.center-txt h2 {
  font-size:40px
 }
 .desc-wrap .cont-wrap img {
  display:none
 }
 .field-body h3 {
  font-size:32px
 }
 .unified img {
  display:none
 }
 .unified .left-image .cont-part {
  width:100%
 }
 .inner-feature .content-wrap,
 .inner-feature .content-wrap.center-txt,
 .inner-feature .content-wrap.center-txt.min-p {
  max-width:700px;
  text-align:left;
  width:85%
 }
 .inner-feature .content-wrap.left-image .cont-part,
 .inner-feature .content-wrap.right-image .cont-part,
 .inner-feature .content-wrap.left-image .image-part,
 .inner-feature .content-wrap.right-image .image-part {
  text-align:left
 }
 .desc-wrap .cont-wrap,
 .desc-wrap .image-wrap {
  width:100%;
  text-align:left;
  color:black;
  padding-right:0
 }
 .desc-wrap .image-wrap {
  padding-left:0
 }
 .desc-wrap .image-wrap {
  width:100%;
  margin-left:auto;
  margin-right:auto
 }
 .desc-wrap::before,
 .desc-wrap::after {
  display:none
 }
 .content-wrap.desc-wrap {
  max-width:700px;
  margin-bottom:30px;
  width:85%
 }
 .badge.black .content-wrap p {
  margin-left:0
 }
 .banner .content-wrap {
  max-width:600px;
  text-align:left;
  padding:60px 0 0;
  width:85%
 }
 .zd-faq li:first-child {
  padding-right:60px
 }
 .inner-feature .content-wrap {
  padding:20px 0
 }
}
@media screen and (max-width:767px) {
 h1,
 .banner h1 {
  font-size:32px
 }
 h2 {
  font-size:28px
 }
 .inner-feature .content-wrap.center-txt h2 {
  font-size:32px
 }
 .field-body h3 {
  font-size:26px
 }
 .field-body p {
  font-size:16px
 }
 .integrat ul li {
  margin:0 3px 0 0;
  transform:scale(0.8)
 }
 .badge.black ul li {
  font-size:16px;
  padding-left:30px
 }
 .badge.black ul li:after {
  transform:scale(0.8);
  top:4.5px
 }
 .badge.black ul li:before {
  transform:scale(0.8) rotate(45deg);
  top:9px
 }
 .content-wrap.desc-wrap {
  margin:0 auto 70px;
  padding-top:65px;
  padding-bottom:0
 }
 .unified {
  margin-bottom:0
 }
 .unified+.inner-feature {
  padding-top:10px
 }
 .zd-faq h4 {
  font-size:20px;
  padding-right:10px
 }
 .zd-faq li {
  padding-right:0
 }
 .zd-faq li:first-child {
  padding-right:0
 }
 .cta-section p+p a {
  margin-bottom:20px
 }
 .cta-section {
  padding:60px 0 40px
 }
 .unified .left-image .cont-part ul li {
  padding-left:0;
  font-size:16px
 }
 .badge.integrat {
  padding:60px 0;
  margin-bottom:40px
 }
 .zd-faq .title-wrap {
  margin-bottom:0
 }
}
/*Arabic starts*/
.i18n-ar .banner .content-wrap h1, .i18n-ar .banner .content-wrap p, .i18n-ar .center-txt h1, .i18n-ar .center-txt p, .i18n-ar .center-txt h2, .i18n-ar .badge.integrat h3, .i18n-ar .badge.integrat p, .i18n-ar .badge.integrat ul, .i18n-ar .moretopics-section p, .i18n-ar .moretopics-section .content-wrap h2, .i18n-ar .field-body section:nth-child(11) h2, .i18n-ar .field-body section:nth-child(11) p,.i18n-ar .inner-feature .content-wrap.center-txt h2 {
    text-align: center;
}
.i18n-ar .inner-feature > div h2, .i18n-ar .inner-feature > div ul li h4, .i18n-ar .inner-feature > div ul li p{
    text-align: right;
}
.i18n-ar .zd-bc-link a:before, .i18n-ar .features-qlinks li a:before {
    left: -15px;
    right: auto;
}
.i18n-ar .desc-wrap .cont-wrap {
    padding-left: 120px;
    padding-right: 0;
}
.i18n-ar .desc-wrap .image-wrap {
    padding-right: 120px;
    padding-left: 0;
}
.i18n-ar .badge.black ul li:before {
    right: 8px;
    left: auto;
}
.i18n-ar .badge.black ul li:after {
    right: 0;
    left: auto;
}
.i18n-ar .badge.black ul li {
    text-align: right;
    padding-right: 35px;
    padding-left: 0;
}
.i18n-ar .unified .left-image .cont-part ul li {
    padding-right: 10px;
    padding-left: 0;
}
.i18n-ar .inner-feature .content-wrap.left-image .cont-part {
    padding-right: 80px;
    padding-left: 0;
}
.i18n-ar .left-image img.bigscreen, video.bigscreen {
    float: left;
}
.i18n-ar .inner-feature .content-wrap.right-image .cont-part {
    padding-left: 80px;
    padding-right: 0;
}
.i18n-ar .zd-faq li:first-child {
    padding-left: 100px;
    padding-right: 0;
}
.i18n-ar .zd-faq ul li:after {
    left: 0;
    right: auto;
}
.i18n-ar .zd-faq h4 {
    padding-left: 20px;
    padding-right: 0;
}
@media screen and (max-width: 991px)
{
.i18n-ar .badge.black .content-wrap p {
    margin-right: 0;
    margin-left: auto;
}
.i18n-ar .center-txt h1, .i18n-ar .center-txt p, .i18n-ar .center-txt h2 {
    text-align: right;
}
.i18n-ar .zd-faq li:first-child {
    padding-left: 60px;
    padding-right: 0;
}
}
@media screen and (max-width: 1100px)
{
.i18n-ar .inner-feature .content-wrap.left-image .cont-part {
    padding-right: 0;
    padding-left: 0;
}
}
/*Arabic ends*/