h1 {
 font-size:50px
}
h2 {
 font-family:var(--primaryfont-bold);
 font-size:44px
}
.banner .content-wrap {
 max-width:1100px;
 display:flex;
 flex-wrap:wrap;
 -webkit-box-align:center;
 align-items:center;
 -webkit-box-pack:center;
 justify-content:center;
 padding:60px 0 50px
}
.banner .content-wrap .banner-left {
 width:50%;
 box-sizing:border-box
}
.banner-left p {
 font-size:19px
}
.banner .content-wrap .ban-right {
 width:50%;
 text-align:right
}
.banner .content-wrap .ban-right img {
 max-width:650px;
 transform:scale(1.2);
 position:relative;
 z-index:-1
}
.high-light .content-wrap {
 text-align:center;
 max-width:800px;
 padding:85px 0 90px
}
.high-light img {
 margin-top:25px
}
.table-comp {
 color:white;
 margin:auto;
 overflow:hidden;
 background-color:#0b0b0b
}
.table-comp .content-wrap {
 text-align:center;
 padding:120px 0;
 max-width:900px
}
.table-comp .title {
 max-width:700px;
 margin:0 auto 60px;
 width:100%
}
.table-wrap {
 margin:auto;
 position:relative
}
.table-wrap .header-sticky {
 z-index:9;
 position:fixed;
 top:-100px;
 margin:auto;
 width:900px;
 left:0;
 right:0;
 transition:all .5s;
 background-color:#0b0b0b
}
.table-wrap .header-sticky.fixed {
 top:50px
}
.table-wrap ul li {
 font-size:16px;
 display:flex;
 flex-wrap:wrap
}
.table-wrap ul li:nth-child(1) span,
.table-wrap ul li>span:nth-child(1) {
 font-family:var(--primaryfont-semibold)
}
.table-wrap ul li:nth-child(1) span,
.table-wrap ul li:nth-child(1) span:nth-child(1) {
 font-size:24px
}
.table-wrap ul.table-body li:first-child>span {
 padding-top:60px
}
.table-wrap ul.table-body li:first-child>span:nth-child(2) {
 border-radius:5px 5px 0 0
}
.table-wrap ul.table-body li:last-child>span {
 padding-bottom:60px
}
.table-wrap ul.table-body li:last-child>span:nth-child(2) {
 border-radius:0 0 5px 5px
}
.table-wrap ul.table-body li>span {
 display:flex;
 justify-content:center;
 align-items:center
}
.table-wrap ul li span:nth-child(2) {
 background-color:#159a45
}
.zv-tick span {
 width:20px;
 height:10px;
 border-left:2px solid;
 border-bottom:2px solid;
 transform:rotate(-45deg)
}
.zv-cross span {
 width:16px;
 height:2px;
 border-bottom:2px solid
}
.table-wrap ul.table-body li>span span {
 overflow:hidden
}
.table-wrap ul li>span:nth-child(1) {
 font-size:18px;
 text-align:left;
 padding-right:30px;
 justify-content:left
}
.table-wrap ul li>span:nth-child(2) {
 border-left:1px solid #159a45;
 border-right:1px solid #159a45
}
.table-wrap ul li>span:nth-child(3),
.table-wrap ul li>span:nth-child(4),
.table-wrap ul li>span:nth-child(5) {
 /*! border-right: 1px solid #0e7e3d; */
}
.table-wrap ul li>span {
 padding:18px 20px 24px 21px;
 width:33.33%;
 box-sizing:border-box
}
.content-wrap.gartner-banner {
 max-width:1140px;
 margin:50px auto 0;
 position:relative
}
.content-wrap.gartner-banner>div {
 width:100%;
 background-color:#2a4381;
 border-radius:12px;
 display:flex;
 align-items:center;
 box-sizing:border-box;
 padding:20px 70px;
 position:relative;
 flex-wrap:wrap
}
.gartner-page {
 position:absolute;
 width:100%;
 height:100%;
 top:0
}
.gartner-banner-wrap .ban-txt p.txt-color {
 color:#2ec7ff
}
.content-wrap.gartner-banner>div:before,
.content-wrap.gartner-banner>div:after {
 position:absolute;
 content:"";
 width:100px;
 height:112px;
 background-position:-79px -35px;
 z-index:-1
}
.content-wrap.gartner-banner>div:before {
 left:-40px;
 top:-43px;
 transform:rotate(155deg)
}
.content-wrap.gartner-banner>div:after {
 background-position:-79px -35px;
 right:-32px;
 bottom:-43px
}
.gartner-banner-wrap .aware-badge,
.gartner-banner-wrap .gartner-logo,
.content-wrap.gartner-banner>div:before,
.content-wrap.gartner-banner>div:after {
 background-image:url(/sites/zweb/images/desk/images/zd-gatner-icon.png);
 background-size:180px auto
}
.gartner-banner-wrap .gartner-logo {
 transform:scale(1)
}
.gartner-banner-wrap .gartner-logo {
 width:156px;
 height:36px;
 display:block
}
.gartner-banner-wrap .aware-badge {
 width:80px;
 height:96px;
 display:inline-block;
 background-position:0 -36px
}
.gartner-banner-wrap .ban-txt {
 box-sizing:border-box;
 padding:0 45px;
 display:inline-block;
 width:calc(100% - 240px)
}
.gartner-banner-wrap .ban-txt p {
 margin-bottom:5px;
 font-size:22px;
 font-family:var(--primaryfont-semibold);
 color:white;
 line-height:1.35
}
.comparison .title {
 text-align:center
}
.comparison .title h2 {
 margin-bottom:60px
}
.comparison .title h4 {
 font-family:var(--primaryfont-regular);
 font-size:20px;
 margin-bottom:30px
}
.slider-value {
 color:#25b261
}
.comparison .content-wrap {
 padding:120px 0
}
.comparison .sm-txt {
 text-align:center;
 font-size:16px
}
.barchart-wrap {
 position:relative;
 height:350px;
 margin:50px auto 50px;
 max-width:500px
}
.bar-wrap {
 width:25%;
 display:block;
 float:left;
 height:100%;
 position:relative;
 border-bottom:1px solid #dedede
}
.bar {
 position:absolute;
 bottom:0;
 height:25%;
 background:#3b665d;
 width:60%;
 left:20%;
 transition:height .5s ease
}
.bar span {
 position:absolute;
 bottom:-30px;
 width:100%;
 text-align:center;
 left:0;
 color:#919191;
 font-size:14px
}
.bar span.price {
 bottom:auto;
 top:-25px
}
.bar.zoho-bar {
 background:#27ae60
}
.bar.zendesk-bar {
 background:#162930
}
.bar.freshdesk-bar {
 background:#4687da
}
#slider {
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -o-border-radius:10px;
 border-radius:10px;
 background-image:-moz-linear-gradient(0,#00ff6c 0%,#14d766 48%,#27ae60 100%);
 background-image:-webkit-linear-gradient(0,#00ff6c 0%,#14d766 48%,#27ae60 100%);
 background-image:-ms-linear-gradient(0,#00ff6c 0%,#14d766 48%,#27ae60 100%);
 height:12px;
 border:0;
 position:relative;
 max-width:350px;
 margin:0 auto
}
#slider span {
 position:absolute;
 z-index:2;
 width:20px;
 height:20px;
 cursor:default;
 -ms-touch-action:none;
 touch-action:none;
 margin-left:-10px;
 top:-5px;
 background:#fff;
 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.53);
 -moz-box-shadow:0 0 10px rgba(0,0,0,0.53);
 -o-box-shadow:0 0 10px rgba(0,0,0,0.53);
 box-shadow:0 0 10px rgba(0,0,0,0.53);
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 -o-border-radius:50%;
 border-radius:50%
}
#bottom-section {
 background:#fafafa
}
.z-slider li img {
 box-shadow:3px 4px 3px rgba(0,0,0,0.05)
}
#banner .column-block {
 max-width:380px
}
.testimonial-section {
 text-align:center;
 padding:100px 0 90px
}
.green {
 background-color:#fff06f;
 border-radius:0 0 5px 5px;
 padding:80px 0 80px;
 text-align:center;
 max-width:1400px;
 margin:auto;
 width:100%;
 position:relative;
 z-index:-2
}
.green .content-wrap {
 max-width:860px
}
.badge.green.max-width::before {
 position:absolute;
 content:"";
 height:70px;
 width:100%;
 top:-60px;
 background-color:#fff06f;
 left:0;
 border-radius:5px 5px 0 0
}
.testimonial-section h2 {
 margin-bottom:70px;
 max-width:894px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 position:relative;
 left:20px;
 width:100%
}
.testimonial-txt {
 margin:0 auto
}
.desktop.testimonial-wrap {
 max-width:750px;
 position:relative;
 margin:0 auto;
 padding:0;
 box-sizing:border-box;
 width:100%
}
.desktop.testimonial-wrap p {
 font-size:27px;
 text-align:left;
 padding-left:90px;
 margin-top:20px;
 margin-bottom:0
}
.client-title {
 margin-bottom:20px;
 display:block
}
.client-designation {
 color:#6c6c6c
}
.desktop .z-testdetails {
 display:flex;
 font-size:16px;
 justify-content:flex-start;
 align-items:center;
 text-align:left
}
.desktop .z-testdetails>div:nth-of-type(1) {
 padding-right:20px
}
.z-testdetails img {
 width:70px;
 height:70px;
 display:block;
 border-radius:100%;
 margin:0 auto 0
}
.z-testdetails span {
 display:block;
 font-family:var(--zf-primary-semibold);
 font-size:20px
}
.desktop.testimonial-wrap {
 height:340px;
 position:relative
}
.desktop .act-slider {
 position:absolute;
 left:-48px;
 top:20px;
 font-size:14px
}
.desktop .testimonial-slider {
 height:1500px;
 position:absolute;
 top:0;
 left:0 !important
}
.desktop .slick-slide {
 height:300px;
 position:relative
}
.mobile {
 display:none
}
.desktop .slick-dots li {
 width:10px;
 height:10px;
 border:1px solid #000;
 background:#22a04b00
}
.desktop .slick-dots {
 text-align:left;
 padding-left:90px;
 margin-top:0
}
.desktop .slick-dots li.slick-active {
 border:1px solid #000;
 background:#000
}
.desktop .slick-prev {
 right:auto;
 width:32px
}
.desktop .slick-next,
.desktop .slick-prev {
 top:-3px;
 height:23px;
 width:16px;
 background-image:url(/sites/zweb/images/desk/images/slick-slider-arrow.png);
 background-size:cover;
 left:-45px
}
.desktop .slick-next:after,
.desktop .slick-next:before,
.desktop .slick-prev:after,
.desktop .slick-prev:before {
 transform:rotate(0);
 right:0;
 background-color:unset;
 opacity:0
}
.desktop .slick-next:after,
.desktop .slick-prev:after {
 width:2px;
 height:100%;
 background-color:black;
 left:0;
 right:0;
 margin:auto
}
.desktop .slick-next:before,
.desktop .slick-prev:before {
 width:12px;
 height:12px;
 border:2px solid #000;
 border-left:0;
 border-bottom:0;
 transform:;
 transform:rotate(-45deg);
 left:0;
 right:0;
 margin:auto
}
.desktop .slick-next:before {
 transform:rotate(135deg);
 bottom:1px;
 top:unset
}
.desktop .slick-next:hover:after,
.desktop .slick-next:hover:before,
.desktop .slick-prev:hover:after,
.desktop .slick-prev:hover:before {
 background:unset
}
.desktop .slick-prev:hover:after,
.desktop .slick-next:hover:after {
 background-position:-388px -5px;
 background-size:auto 50px;
 background-color:black
}
.desktop .slick-next.slick-disabled,
.desktop .slick-prev.slick-disabled {
 opacity:0
}
.desktop .slick-next {
 right:auto;
 top:52px;
 transform:rotate(-180deg)
}
.desktop .slick-active .brandsprite-img::after {
 position:absolute;
 content:"";
 height:4px;
 background-color:#159a45;
 bottom:-18px;
 right:0;
 margin:auto;
 border-radius:5px;
 width:100%
}
.brandsprite-img {
 background-image:url(/sites/zweb/images/desk/images/helpdesk-brands-icon-new.png);
 background-repeat:no-repeat;
 display:block;
 margin:0 auto 16px;
 background-size:auto 46px;
 position:relative;
 height:50px
}
.sonu-icon {
 background-position:0 0;
 width:100px
}
.bancolombia-icon {
 background-position:-276px 0;
 width:160px
}
.mercedes-icon {
 background-position:-113px 0;
 width:160px
}
.secoundary-title {
 text-align:center;
 margin:120px auto 20px;
 display:flex;
 flex-wrap:wrap;
 max-width:840px
}
.secoundary-title h2 {
 width:100%
}
.secoundary-title p {
 padding:0 45px;
 font-size:20px
}
.left-img,
.right-img {
 max-width:1170px;
 padding:45px 0;
 display:flex;
 flex-wrap:wrap;
 -webkit-box-align:center;
 align-items:center
}
.left-img.large-img,
.right-img.large-img {
 max-width:1280px
}
.left-img.large-img .image-left,
.right-img.large-img .image-right {
 width:50%
}
.left-img .image-left,
.right-img .image-right {
 width:45%;
 text-align:center;
 box-sizing:border-box
}
.left-img .image-left img,
.right-img .image-right img {
 transition:all .5s;
 opacity:0;
 transform:translateX(-50px);
 transition-timing-function:ease-in-out
}
#fea-1.left-img .image-left img,
#fea-5.left-img .image-left img {
 max-width:340px;
 margin:auto;
 float:none;
 width:75%
}
.right-img .image-right img {
 transform:translateX(50px)
}
.bottom-animated.left-img .image-left img,
.bottom-animated.right-img .image-right img {
 opacity:1;
 transform:translateX(0)
}
.large-img img {
 max-width:120%;
 margin-bottom:30px
}
#fea-4.large-img img,
#fea-3.left-img img,
#fea-6.large-img img {
 max-width:110%
}
.left-img img {
 float:right
}
.box-shadow {
 box-shadow:rgba(0,0,0,0.035) 12px 10px 25px;
 border:1px solid #f5f5f5
}
.left-img .image-left img.inview {
 opacity:1;
 transform:translateX(0)
}
.left-img.large-img .cont-right,
.right-img.large-img .cont-left {
 width:45%
}
.left-img .cont-right,
.right-img .cont-left {
 box-sizing:border-box;
 width:50%
}
.left-img .cont-right {
 padding-left:100px
}
#fea-1.left-img .cont-right {
 padding-right:70px;
 padding-left:30px
}
#fea-5.left-img .cont-right {
 padding-right:107px;
 padding-left:20px
}
.right-img .cont-left {
 padding-right:120px
}
.left-img .cont-right p {
 font-size:17px
}
.center-img {
 text-align:center;
 max-width:900px;
 margin:60px auto 40px
}
.center-img.large-img img {
 max-width:100%
}
.cont-center p {
 margin-bottom:25px
}
.center-img h3,
.left-img .cont-right h3,
.right-img .cont-left h3 {
 font-size:35px;
 font-family:var(--primaryfont-bold)
}
.box-shadow img {
 box-shadow:rgba(0,0,0,0.035) 12px 10px 25px;
 border:1px solid #f5f5f5
}
.black {
 background-color:#0b0b0b;
 color:white;
 text-align:center;
 width:100%;
 margin:60px auto 0;
 border-radius:5px
}
.col-2 {
 display:flex;
 flex-wrap:wrap;
 max-width:940px;
 padding:90px 0;
 width:90%
}
.col-2 h2,
.col-2 p {
 width:100%
}
.col-2 .cont-only-left {
 padding-right:40px
}
.col-2 .cont-only-right {
 padding-left:170px
}
.col-2 .cont-only-left,
.col-2 .cont-only-right {
 width:50%;
 box-sizing:border-box;
 text-align:left;
 margin-top:60px
}
.cont-only-left p {
 margin-bottom:70px
}
.cont-only-left h3,
.cont-only-right h3,
.cont-only-right ul li span {
 font-family:var(--primaryfont-bold)
}
.cont-only-left h3 {
 font-size:38px;
 margin-bottom:25px
}
.cont-only-right h3 {
 font-size:30px
}
.cont-only-right ul li {
 position:relative;
 padding-top:6px
}
.cont-only-right ul li:not(:last-child) {
 margin-bottom:50px
}
.cont-only-right ul li span {
 position:absolute;
 font-size:24px;
 color:#178d48;
 background-color:#002c12;
 line-height:1;
 width:54px;
 border-radius:50%;
 left:-70px;
 top:0;
 text-align:center;
 padding:15px 0
}
.light-gray {
 text-align:center;
 background-color:#f2f2f2;
 margin:60px auto 0
}
.light-gray .content-wrap {
 padding:100px 0;
 max-width:1060px
}
.light-gray h2 {
 margin-bottom:80px;
 text-align:center;
 max-width:820px;
 margin:0 auto 70px;
 width:90%
}
.col-3 {
 display:flex;
 justify-content:space-between
}
.col-3 h3 {
 text-align:left;
 font-size:25px
}
.col-3 p {
 text-align:left;
 font-size:18px
}
.col-3 li {
 position:relative;
 padding-top:100px;
 max-width:302px
}
.col-3 li:not(:first-child) {
 margin-left:10%
}
.col-3 li::before {
 width:80px;
 height:80px;
 position:absolute;
 content:"";
 top:0;
 left:0;
 background-size:1000px auto;
 background-image:url(/sites/zweb/images/desk/images/zwitch-icons.png);
 background-size:auto 80px;
 background-repeat:no-repeat
}
.col-3 li:nth-child(1):before {
 transform:scale(0.98);
 width:82px
}
.col-3 li:nth-child(2):before {
 background-position:-84px 0;
 width:87px
}
.col-3 li:nth-child(3):before {
 background-position:-183px -5px;
 width:90px;
 background-size:auto 85px
}
.cta-section {
 max-width:940px;
 text-align:center;
 padding:100px 0 100px
}
.cta-section h2 {
 margin-bottom:10px;
}
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
}
.cta-btn,
a.custom-cta {
 padding:10px 32px;
 margin:0 5px;
 border:1px solid transparent
}
.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;
 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:820px;
 margin:0 auto 20px;
 font-family:var(--primaryfont-regular);
 text-align:center;
 font-size:36px
}
.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,0.05)
}
.pricing-faq {
 position:relative;
 overflow:hidden;
 margin:0 0 60px;
 padding:50px 0 0
}
.faq-section .content-wrap {
 max-width:1000px;
 width:90%
}
.faq-section h2 {
 text-align:center;
 position:relative;
 padding-bottom:10px;
 font-size:40px
}
.faq-section ul {
 margin:50px auto 100px
}
.faq-section h2:after {
 content:'';
 position:absolute;
 width:40px;
 height:1px;
 background:#666;
 bottom:0;
 left:50%;
 margin-left:-20px;
 opacity:0
}
.faq-section ul li {
 width:100%;
 box-sizing:border-box;
 margin:0 0 30px
}
.faq-section ul li {
 padding:20px 0 10px;
 border-bottom:1px solid #e5e5e5;
 margin-bottom:0
}
.faq-section ul li p {
 width:95%
}
.faq-section ul li h3 {
 font-size:26px;
 margin-bottom:15px;
 cursor:pointer;
 position:relative;
 padding-right:20px;
 font-family:var(--primaryfont-bold)
}
h3 .arrow {
 position:absolute;
 right:0;
 top:0;
 transition:all 500ms ease;
 width:30px;
 height:30px
}
.i18n-ar h3 .arrow {
 right:unset;
 left:-10px
}
h3 .arrow::before {
 content:'';
 width:0;
 height:0;
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 border-top:8px solid #333;
 position:absolute;
 top:17px;
 right:0;
 border-top:8px solid #333
}
h3 .arrow::after {
 content:'';
 width:0;
 height:0;
 border-left:6px solid transparent;
 border-right:6px solid transparent;
 border-top:6px solid #fff;
 position:absolute;
 top:16px;
 right:2px
}
li.zactive h3 .arrow {
 transform:scaleY(-1);
 transform-origin:center;
 top:10px
}
.sticky-features {
 padding:100px 0 40px
}
.sticky-features .content-wrap {
 max-width:1170px
}
.sticky-features h1 {
 font-size:47px;
 line-height:1.1
}
.sticky-features h3 {
 position:relative;
 z-index:1;
 font-size:34px;
 font-family:var(--primaryfont-bold)
}
.sticky-features-inner-wrap {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.sticky-features-inner-wrap>div {
 width:45%;
 box-sizing:border-box;
 position:relative
}
.zf-sticky {
 position:sticky;
 top:100px;
 margin-bottom:20px;
 max-width:500px
}
.sticky-right-cont ul li:not(:last-child) {
 margin-bottom:50px
}
.sticky-right-cont ul li h3::before {
 position:absolute;
 content:"";
 width:55px;
 height:55px;
 background-color:#d2f9e6;
 border-radius:100%;
 z-index:-1;
 left:-26px;
 top:-5px
}
.smbs-adapt-section {
 background-color:#000;
 margin:40px auto 0;
 max-width:1400px;
 border-radius:5px;
 color:white
}
.smbs-adapt-section .content-wrap {
 max-width:660px;
 text-align:center;
 padding:75px 0 60px
}
.testimonial-sec {
 background:#f3e044;
 max-width:1440px;
 width:100%;
 margin:40px auto 0;
 border-radius:5px;
 padding:80px 0 70px
}
.slick-dots {
 text-align:left
}
.customer-testi-wrap {
 max-width:660px;
 margin:0 auto 20px;
 margin-top:0;
 text-align:left;
 width:90%;
 margin-bottom:0 !important
}
.customer-testi-wrap .slider-sec h4 {
 margin:0 auto;
 margin-bottom:30px;
 font-weight:400;
 line-height:1.5;
 font-size:24px
}
.customer-testi-wrap .slider-sec .avathar h5 {
 display:block;
 color:#3f51b6;
 font-size:17px;
 margin-bottom:0
}
.customer-testi-wrap .slider-sec .avathar p {
 font-size:14px;
 color:#555;
 margin:0;
 line-height:1.5
}
.customer-testi-wrap .slider-sec {
 outline:0
}
.slick-prev,
.slick-next {
 top:90px
}
.slick-dots li {
 background-color:transparent;
 border:1px solid #000
}
.slick-dots li.slick-active {
 background:#00060f;
 border:2.5px solid #000
}
@media screen and (min-width:990px) {
 .green h2 {
  font-size:46px;
  max-width:90%;
  margin-left:auto;
  margin-right:auto
 }
 .green p {
  font-size:19px;
  font-family:var(--secondaryfont-regular)
 }
}
@media only screen and (max-width:1440px) {
 h1 {
  font-size:45px
 }
 h2 {
  font-size:40px
 }
 .banner .content-wrap {
  padding:60px 40px 30px;
  max-width:1000px
 }
 .gartner-banner-wrap .ban-txt p {
  font-size:19px
 }
 .content-wrap.gartner-banner>div {
  padding:20px 50px
 }
 .gartner-banner-wrap .gartner-logo {
  transform:scale(1)
 }
 .comparison .title {
  margin:auto;
  max-width:860px
 }
 .content-wrap.gartner-banner {
  max-width:1000px;
  position:relative;
  width:90%
 }
 .table-wrap ul li:nth-child(1) span,
 .table-wrap ul li:nth-child(1) span:nth-child(1) {
  font-size:20px
 }
 .left-img,
 .right-img {
  max-width:1080px;
  width:90%
 }
 .comparison .content-wrap {
  padding:80px 0
 }
 .desktop.testimonial-wrap p {
  font-size:24px
 }
}
@media only screen and (max-width:1140px) {
 .table-wrap .header-sticky.fixed {
  top:0
 }
 .col-2 .cont-only-right {
  padding-left:100px
 }
}
@media only screen and (max-width:991px) {
.i18n-ar .banner-left h1, .i18n-ar .banner-left p {
    text-align: center;
}
.i18n-ar section[dir='rtl'] .content-wrap div h3:not(.i18n-ar .sticky-features .content-wrap div h3), .i18n-ar section[dir='rtl'] .content-wrap div p:not(.i18n-ar .sticky-features .content-wrap div p), .i18n-ar section[dir='rtl'] .content-wrap div:not(.i18n-ar div.content-wrap.gartner-banner>div) {
    text-align: center;
    padding: 0;
}
 h2 {
  font-size:40px
 }
 .banner .content-wrap {
  padding-left:0;
  padding-right:0
 }
 .secoundary-title p {
  padding:0
 }
 .cont-only-left h3 {
  font-size:32px;
  margin-bottom:25px
 }
 .table-wrap .header-sticky.fixed {
  display:none
 }
 .gartner-banner-wrap .gartner-logo,
 .gartner-banner-wrap .aware-badge {
  margin:auto;
  transform:scale(1)
 }
 div.content-wrap.gartner-banner>div {
  padding:60px 32px 60px;
  max-width:430px;
  width:80%;
  margin:auto;
  text-align:center
 }
 div.content-wrap.gartner-banner {
  max-width:700px;
  margin:40px auto
 }
 div.gartner-banner-wrap .ban-txt {
  width:100%;
  margin:40px auto 30px;
  padding:0
 }
 .banner .content-wrap .ban-right {
  display:none
 }
 .banner .content-wrap .banner-left {
  width:100%;
  padding-right:0;
  text-align:center;
  max-width:640px
 }
 .secoundary-title,
 .left-img,
 .right-img,
 .left-img.large-img,
 .right-img.large-img {
  max-width:650px;
  width:90%
 }
 .secoundary-title h2,
 .left-img h3,
 .right-img h3 {
  max-width:510px;
  margin-left:auto;
  margin-right:auto
 }
 .secoundary-title {
  margin:120px auto 20px
 }
 .col-3 li:not(:first-child),
 .col-3 li {
  margin:0 auto 25px;
  padding-top:80px
 }
 .col-3 p {
  font-size:18px
 }
 .left-img {
  flex-direction:column-reverse
 }
 .secoundary-title h2,
 .secoundary-title p,
 .left-img .image-left,
 .right-img .image-right,
 .left-img .cont-right,
 .right-img .cont-left,
 .left-img.large-img .image-left,
 .right-img.large-img .image-right,
 .left-img.large-img .cont-right,
 .right-img.large-img .cont-left {
  width:100%;
  text-align:center
 }
 .secoundary-title p {
  font-size:17px
 }
 .left-img .cont-right,
 #fea-1.left-img .cont-right,
 #fea-5.left-img .cont-right {
  padding:0
 }
 .right-img .cont-left {
  padding-right:0
 }
 .left-img p,
 .right-img p {
  margin-bottom:40px
 }
 .left-img img,
 .right-img img {
  max-width:520px;
  width:85%;
  margin-bottom:0
 }
 .left-img .cont-right h3,
 .right-img .cont-left h3 {
  font-size:34px
 }
 .left-img .cont-right p {
  font-size:17px
 }
 .moretopics-section {
  display:none
 }
 .col-2 .cont-only-left,
 .col-2 .cont-only-right {
  width:100%;
  max-width:520px;
  margin:auto;
  padding-right:0
 }
 .col-2 .cont-only-left {
  text-align:center;
  margin:40px auto 80px
 }
 .cont-only-left p {
  margin-bottom:30px
 }
 .table-comp .content-wrap {
  max-width:740px;
  overflow:hidden
 }
 .table-wrap.col-5 {
  overflow:scroll
 }
 .table-wrap .header-sticky {
  width:740px
 }
 .table-wrap ul li>span {
  padding:12px 14px 18px 15px
 }
 .col-3 {
  flex-wrap:wrap;
  justify-content:center
 }
 .light-gray h2 {
  margin-bottom:0
 }
 .col-3 li {
  margin:30px auto 20px;
  max-width:400px;
  width:90%
 }
 .col-3 li p,
 .col-3 h3 {
  text-align:center
 }
 .col-3 h3 {
  text-align:center;
  font-size:25px
 }
 .light-gray .content-wrap {
  max-width:600px
 }
 .col-3 li::before {
  left:0;
  right:0;
  margin:auto;
  transform:scale(0.9)
 }
 .table-wrap ul li>span:nth-child(1) {
  font-size:16px
 }
}
@media screen and (max-width:767px) {
 .sticky-right-cont ul li h3::before {
  width:45px;
  height:45px;
  left:-20px
 }
 .sticky-features h1 {
  font-size:40px
 }
 .desktop,
 .slick-next,
 .slick-prev {
  display:none !important
 }
 #fea-4.large-img img,
 #fea-3.left-img img,
 #fea-6.large-img img {
  max-width:100%;
  float:unset
 }
 .green {
  padding-top:30px
 }
 .badge.green.max-width::before {
  height:200px;
  top:-200px
 }
 .user-brand {
  display:none
 }
 .mobile {
  display:block
 }
 .testimonial-section h2 {
  left:0;
  text-align:center;
  margin-bottom:40px
 }
 .mobile.testimonial-wrap p {
  font-size:19px;
  text-align:center;
  margin-top:20px
 }
 .slick-dotted.slick-slider {
  margin-bottom:0
 }
 .testimonial-section {
  text-align:center;
  padding:70px 0 60px
 }
 .comparison .content-wrap,
 .light-gray .content-wrap {
  padding:80px 0 40px
 }
 .cta-section,
 .table-comp .content-wrap {
  padding:60px 0
 }
 .sticky-features-inner-wrap>div,
 .zf-sticky {
  width:100%;
  max-width:100%
 }
 .zf-sticky {
  margin-bottom:60px
 }
 .sticky-features .content-wrap {
  max-width:600px;
  width:85%
 }
 .sticky-features h3 {
  font-size:26px
 }
 .sticky-features {
  padding-bottom:0;
  padding-top:70px
 }
 .customer-testi-wrap .slider-sec h4 {
  font-size:20px
 }
}
@media only screen and (max-width:480px) {
 .banner-left h1 {
  font-size:36px
 }
 h1,
 .sticky-features h1,
 .cta-section h2 {
  font-size:32px
 }
 h2 {
  font-size:29px
 }
 .large-img img {
  margin-bottom:0
 }
 .cont-only-right h3 {
  font-size:25px;
  max-width:90%;
  margin:10px auto 10px
 }
 .high-light .content-wrap {
  padding:65px 0 50px
 }
 .col-3 h3 {
  font-size:24px;
  margin-top:5px
 }
 .green {
  padding-bottom:40px
 }
 .table-wrap ul li>span:nth-child(1) {
  padding-right:30px;
  justify-content:left
 }
 .table-comp .content-wrap {
  width:100%
 }
 .testimonial-sec {
  padding:60px 0 45px
 }
 .high-light img {
  max-width:280px
 }
 .faq-section ul li h3 {
  font-size:20px
 }
 .faq-section h2 {
  font-size:30px
 }
 .faq-section ul {
  margin:0 auto 60px
 }
 .table-comp .title {
  margin:0 auto 60px;
  max-width:90%
 }
 .left-img .cont-right p {
  font-size:16px
 }
 .col-2 .cont-only-right {
  padding-left:0
 }
 .col-2 .cont-only-right li {
  padding-top:60px;
  text-align:center
 }
 .col-2 .cont-only-right li span {
  left:0;
  right:0;
  margin:auto
 }
 a.custom-cta {
  margin-top:20px
 }
 .col-3 li::before,
 .col-3 li:nth-child(1)::before {
  transform:scale(.75)
 }
 .left-img .cont-right h3,
 .center-img h3,
 .right-img .cont-left h3,
 .cont-only-left h3 {
  font-size:25px
 }
 div.gartner-banner-wrap .ban-txt {
  width:100%;
  margin:20px auto 15px;
  padding:0
 }
 .gartner-banner-wrap .gartner-logo,
 .gartner-banner-wrap .aware-badge {
  margin:auto;
  transform:scale(0.75)
 }
 div.content-wrap.gartner-banner>div {
  padding:40px 32px 30px
 }
 .left-img,
 .right-img,
 .center-img {
  padding:30px 0
 }
 .center-img {
  margin:0 auto
 }
 .secoundary-title {
  margin:60px auto 10px
 }
 .black {
  margin:40px auto 0
 }
 .col-2 {
  padding:60px 0
 }
 .slick-dots li.slick-active {
  background:#178d48;
  border:0;
  width:12px;
  height:12px
 }
 .slick-dots li {
  background:#b7d6c5;
  border:0;
  width:8px;
  height:8px;
  vertical-align:middle;
  transition:none
 }
 .z-testdetails img {
  margin-bottom:20px
 }
 .col-3 p {
  font-size:17px
 }
}
/* Arabic starts */
.other-lang section.testimonial-sec {
    display: none;
}
.i18n-ar .content-wrap.gartner-banner>div:before {
    right: -40px;
    left: auto;
    transform: rotate(155deg);
}
.i18n-ar .content-wrap.gartner-banner>div:after {
    left: -32px;
    right: auto;
}
.i18n-ar .badge.green h2, .i18n-ar .badge.green p, .i18n-ar .secoundary-title h2, .i18n-ar .secoundary-title p, .i18n-ar .center-img h3, .i18n-ar .center-img p, .i18n-ar section.smbs-adapt-section h2, .i18n-ar section.smbs-adapt-section p, .i18n-ar .cta-section h2, .i18n-ar .cta-section p{
    text-align: center;
}
.i18n-ar #fea-1.left-img .cont-right {
    padding-left: 70px;
    padding-right: 30px;
}
.i18n-ar .left-img .cont-right {
    padding-right: 100px;
    padding-left: 0;
}
.i18n-ar .left-img img {
    float: left;
}
.i18n-ar .right-img .cont-left {
    padding-left: 120px;
    padding-right: 0;
}
.i18n-ar .sticky-right-cont ul li h3::before {
    right: -26px;
    left: auto;
}
/* Arabic ends */