.zsection .content-wrap {
	padding: 120px 0;
	max-width: 1170px;
}

.zw-product-header {
	background-color: #fafaf5;
}

.zsection.zconvenient {
	background-color: #217F61;
	color: #fff;
}

video {
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

h2,
h3 {
	font-size: 38px;
	font-family: var(--zf-primary-bold);
}

.zrow-inner {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.zrow-inner>div {
	flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	max-width: 50%;
	box-sizing: border-box;
	/* border: 1px solid; */
}

.zrow-inner.zleft-img>div:nth-child(2) {
	order: 2;
}

.zrow-inner.zleft-img>div:nth-child(2) {
	padding-left: 120px;
}


.zrow-inner.zright-img>div:nth-child(1) {
	padding-right: 120px;
}

.zsection.zbanner {
	background-color: #FAFAF5;
}

.zrow-inner.zcenter {
	align-items: center;
	-ms-flex-align: center;
}

.zbanner .zrow-inner>div:nth-child(1) {
	flex: 0 0 40%;
	-ms-flex: 0 0 40%;
	max-width: 40%;
}

.zbanner .zrow-inner>div:nth-child(2) {
	flex: 0 0 60%;
	-ms-flex: 0 0 60%;
	max-width: 60%;
}

.zbanner .zrow-inner.zright-img>div:nth-child(1) {
	padding-right: 80px;
}

.head-text {
	color: #2AA662;
	font-family: var(--zf-primary-semibold);
	margin-bottom: 12px;
	display: block;
}


.zbanner video {
	max-width: 120%;
	width: 120%;
}

.zbanner .content-wrap {
	padding-top: 40px;
	padding-bottom: 0px;
}

.zsection p span {
	display: inline;
	transition: all 3s ease-in-out .3s;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd200 50%);
	background-size: 200%;
	background-position: 0 0;
}

.zseamless p span {
	background-position: -100% 0;
	color: #000;
}

.zconvenient p span {
	background-position: -100% 0;
	color: #000;
}

.zadapt-img>img:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 75px;
	background: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	/* box-shadow: -1px 1px 10px 0 rgb(142 144 148 / 20%); */
}

.zadapt-img {
	position: relative;
}
.zadapt-img img{
	border: 1px solid #049f4c;
	border-radius: 4px;
	box-shadow: -1px 1px 10px 0 rgb(142 144 148 / 20%);
}

.zadapt .zrow-inner>div:nth-child(1) {
	flex: 0 0 40%;
	-ms-flex: 0 0 40%;
	max-width: 40%;
}

.zadapt .zrow-inner>div:nth-child(2) {
	flex: 0 0 60%;
	-ms-flex: 0 0 60%;
	max-width: 60%;
}

.zadapt .zrow-inner.zright-img>div:nth-child(1) {
	padding-right: 55px;
}

/* .zadapt .zrow-inner>div {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%;
  }

  .zadapt .zrow-inner>div:nth-child(2) {
    padding-left: 120px;
  } */
.zseamless {
	text-align: center;
}

.zseamless .zcenter-img>div:nth-child(1) {
	max-width: 650px;
	margin: 0 auto;
}

.zseamess-img {
	display: block;
	width: 80%;
	position: relative;
	margin: 50px auto 0;
}

.zseamess-img>div {
	display: inline-block;
	width: 30%;
}

.zseamess-img video {
	width: 100%;
	vertical-align: bottom;
}

.zsection.zseamless .content-wrap {
	padding-bottom: 40px;
}

/* .zseamless .content-wrap {
  width: 100%;
  max-width: 100%;
} */

.zsection.zseamless {
	overflow: hidden;
	/* background-color: #388469; */
	position: relative;
	color: #fff;
}


.zsection.zseamless p span {
	background-position: -100% 0;
	color: #000;
}

.zsection.zseamless:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: #2c3e39;
	width: 100%;
	height: 87%;
}

.zseamess-img>div:nth-child(2):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 24px;
	border: 0;
	top: -24px;
	background: #1C2C28;
	left: 0;
	z-index: 1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.zseamess-img>div:first-child img,
.zseamess-img>div:last-child img {
	vertical-align: bottom;
}

/* .zseamess-img>div:last-child img{
max-width: 340px;
} */
.zseamess-img>div {
	display: inline-block;
	width: 85%;
}

.zseamess-img>div:nth-child(1),
.zseamess-img>div:nth-child(3) {
	position: absolute;
}

.zseamess-img>div:nth-child(1) {
	left: -225px;
	max-width: 280px;
	bottom: 0;
}

.zseamess-img>div:nth-child(3) {
    left: -71px;
    max-width: 180px;
    bottom: -30px;
    filter: drop-shadow(2px 4px 6px #cecece);
}

video {
	max-width: 100%;
	width: 100%;
}
.zsmart-inner video{
	border: 1px solid #049f4c;
    border-radius: 4px;
}

.zpicture {
	background-color: #E7F7EF;
}

.zwhy p {
	font-family: var(--zf-primary-semibold);
	font-size: 22px;
}

.zwhy-img {
	text-align: right;
	position: relative;
}

.zwhy-img img {
	max-width: 300px;
}

.zwhy-img p {
	font-size: 20px;
}

.zwhy-img div {
	padding: 40px 60px;
	text-align: left;
	position: absolute;
	top: 0;
	background-color: #fff;
	box-shadow: 0px 3px 6px #B9B9B929;
	border: 1px solid #F2F2F2;
	max-width: 500px;
	left: -60px;
	/* height: 280px; */
	bottom: 0;
	margin: 10% auto;
  
}

p.testi-name {
	color: #3B70E6;
	font-size: 16px;
	margin-bottom: 0;
}

p.testi-desig {
	font-size: 12px;
}

.zwhy-img>div img {
	max-width: 50px;
}

.zwhy p.zquote {
	font-family: var(--primaryfont-regular);
}


.zsmart-inner {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.zsmart-inner>div:nth-child(1) {
	flex: 0 0 60%;
	-ms-flex: 0 0 60%;
	max-width: 65%;
	padding-right: 50px;
	box-sizing: border-box;
}

.zsmartway .middle-animated p span.zactive {
	background-position: -100% 0;
}

.zsmart-inner>div:nth-child(1) p {
	margin-bottom: 180px;
}

.zsmart-inner>div:nth-child(1) img {
	vertical-align: bottom;
}

.zsmart-inner>div:nth-child(1) p:last-child {
	margin-bottom: 0;
}

.zmake-sticky span {
	cursor: pointer;
}

.zsmart-inner>div:nth-child(2) {
	flex: 0 0 40%;
	-ms-flex: 0 0 40%;
	max-width: 35%;
	padding-top: 90px;
}

.zsidebar {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.zmake-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 30%;
	padding: 0 15px;
}

.zimg-wrap {
	display: flex;
	justify-content: flex-end;
	height: 649px;
	position: relative;
}

.zimg-wrap a {
	position: absolute;
	opacity: 0;
	float: right;
}

.zsidebar p a {
	color: #000;
	display: inline;
	transition: all 1s ease-in-out .1s;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #ffd200 50%);
	background-size: 200%;
	background-position: 0 0;
}

.zsidebar p a.zactive {
	background-position: -100% 0;
}

.zseamess-img>div:nth-child(2) {
	border: 15px solid transparent;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-width: 30px;
	border-bottom-width: 0;
	position: relative;
}

.zbrowser-icon {
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border-radius: 100%;
	display: inline-block;
}

.zbrowser>span:nth-child(1) {
	background-color: #FF625A;
}

.zbrowser>span:nth-child(2) {
	background-color: #FFC22F;
}

.zbrowser>span:nth-child(3) {
	background-color: #2ACE42;
}

.zbrowser {
	position: absolute;
	top: -16px;
	z-index: 1;
	left: 10px;
}

/* New bottom section */
.tac{
	text-align: center;
}
.zs-testimonial .content-wrap {
    max-width: 1100px;
    margin: auto;
    border-radius: 20px;
    width: 97%;
    height: 100%;
    background: #049949 url(//cdn.zoho.com.cn/sites/zweb/images/sheet/pattern-2.svg) repeat center / 200px;
    z-index: 0;
}
.zcx-say {
    max-width: 1024px;
    margin: auto;
    color: #fff;
    padding: 120px 64px
}

.zcx-say h3 {
	font: 36px/48px 'Zoho_Puvi_Medium';
    margin-bottom: 54px;
    max-width: 840px;
}

.zcx-say h4 {
    font: 30px/42px 'Zoho_Puvi_Medium';
    margin-bottom: 0;
    position: relative;
    padding-left: 140px
}

.zcx-say h4::before {
    position: absolute;
    content: '';
    width: 95px;
    height: 95px;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/sheet/hans.png) no-repeat 0 0/100%;
    border-radius: 5px;
    box-shadow: 6px 6px 0 0 #ffdb41;
    left: 0;
    top: 0
}

.zcx-say h4 span {
    display: block;
    font-family: var(--zf-primary-regular);
    font-size: 20px
}
.zbottom{
	max-width: 1000px;
    margin: auto;
}
.zbottom h2 {
    margin-bottom: 40px;
    font-size: 36px;
}
/* new bottom Ends */
.zws-lnk{    
      color: #fff;
    display: inline-block;
    font-size: 17px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 4px;
}


  .i18n-ar .zrow-inner.zleft-img>div:nth-child(2) { padding-right: 120px; padding-left: unset; }
  .i18n-ar .zrow-inner.zright-img>div:nth-child(1) { padding-left: 120px; padding-right: unset; }
  .i18n-ar .zbanner .zrow-inner.zright-img>div:nth-child(1) { padding-left: 80px; padding-right: unset; }
  .i18n-ar .zadapt-img>img:nth-child(2) { left: 0; right: unset; }
  .i18n-ar .zadapt .zrow-inner.zright-img>div:nth-child(1) { padding-left: 55px; padding-right: unset; }
  .i18n-ar .zsection.zseamless:before { left: 0; right: 0; }
  .i18n-ar .zseamess-img>div:nth-child(2):before { right: 0; left: unset; }
  .i18n-ar .zseamess-img>div:nth-child(1) { right: -225px; left: unset; }
  .i18n-ar .zseamess-img>div:nth-child(3) { right: -71px; left: unset; }
  .i18n-ar .zwhy-img { text-align: left; }
  .i18n-ar .zwhy-img div { text-align: right; right: -60px; left: unset; }
  .i18n-ar .zsmart-inner>div:nth-child(1) { padding-left: 50px; padding-right: unset; }
  .i18n-ar .zsidebar { right: 0; left: unset; }
  .i18n-ar .zimg-wrap a { float: left; }
  .i18n-ar .zbrowser-icon { margin-left: 5px; margin-right: unset; }
  .i18n-ar .zbrowser { right: 10px; left: unset; }
  .i18n-ar .zcx-say h4 { padding-right: 140px; padding-left: unset; }
  .i18n-ar .zcx-say h4::before { right: 0; left: unset; }
  .i18n-ar .zseamless, .i18n-ar .tac { text-align: center; }
  .i18n-ar .zseamless *, .i18n-ar .tac * { text-align: center; }
  .other-lang section.zs-testimonial {
    display: none;
}

@media only screen and (max-width: 1399px) {
    .zbtm-testimonial {
        max-width: 90%;
        margin: 80px auto 0;
    }
  .i18n-ar .zbtm-testimonial { margin: 80px auto 0; }
}
@media all and (max-width: 1600px) {
	.zbanner video {
		max-width: 110%;
		width: 110%;
	}

	.zseamess-img>div:nth-child(1) {
		left: -165px;
		max-width: 220px;
	}

	.zbanner .content-wrap {
		padding-top: 20px;
	}
  .i18n-ar .zseamess-img>div:nth-child(1) { right: -165px; left: unset; }
}

@media all and (max-width: 1400px) {
	.zbanner video {
		max-width: 100%;
		width: 100%;
	}

	.zseamess-img>div {
		width: 100%;
		max-width: 800px;
	}

	.zseamess-img>div:nth-child(1),
	.zseamess-img>div:nth-child(3) {
		display: none;
	}


	.zseamess-img {
		width: 90%;
	}
}

@media all and (max-width: 1140px) {

	h2,
	h3 {
		font-size: 30px;
	}

	.zrow-inner.zleft-img>div:nth-child(2) {
		padding-left: 60px;
	}

	.zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 60px;
	}

	.zsection.zbanner .content-wrap {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.zwhy .zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 80px;
	}

	.zwhy-img div {
		padding: 30px 30px;
		max-width: 450px;
		left: -20px;
	}

	.zbanner .zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 50px;
	}
  .i18n-ar .zrow-inner.zleft-img>div:nth-child(2) { padding-right: 60px; padding-left: unset; }
  .i18n-ar .zrow-inner.zright-img>div:nth-child(1) { padding-left: 60px; padding-right: unset; }
  .i18n-ar .zwhy .zrow-inner.zright-img>div:nth-child(1) { padding-left: 80px; padding-right: unset; }
  .i18n-ar .zwhy-img div { padding: 30px 30px; right: -20px; left: unset; }
  .i18n-ar .zbanner .zrow-inner.zright-img>div:nth-child(1) { padding-left: 50px; padding-right: unset; }
}
@media all and (min-width: 991px) {
	.zs-testimonial{
		margin: 120px auto 0;
	}
  .i18n-ar .zs-testimonial { margin: 120px auto 0; }
}

@media all and (max-width: 991px) {


	.zbanner .zrow-inner>div:nth-child(1),
	.zbanner .zrow-inner>div:nth-child(2),
	.zadapt .zrow-inner>div:nth-child(2),
	.zadapt .zrow-inner>div:nth-child(1),
	.zrow-inner>div {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
	}

	.zbanner .zrow-inner.zright-img>div:nth-child(1),
	.zrow-inner.zright-img>div:nth-child(1),
	.zadapt .zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 0;
	}

	.zrow-inner.zleft-img>div:nth-child(2) {
		padding-left: 0;
	}

	.zbanner .zrow-inner>div:nth-child(2) {
		margin-top: 30px;
	}

	.zsection .content-wrap {
		padding: 90px 0;
	}

	.zsection.zbanner .zrow-inner,
	.zsection.zpicture .zrow-inner,
	.zsection.zwhy .zrow-inner,
	.zsection.zconvenient .zrow-inner,
	.zsection.zwhy .zrow-inner,
	.zsection.zadapt .zrow-inner {
		max-width: 600px;
		margin: 0 auto;
		text-align: center;
	}

	.zsection.zpicture video {
		max-width: 480px;
	}

	.zrow-inner.zright-img>div:nth-child(2) {
		margin-top: 20px;
	}

	.zrow-inner.zleft-img>div:nth-child(1) {
		margin-top: 20px;
	}

	.zrow-inner.zleft-img>div:nth-child(2) {
		order: 1;
	}

	.zrow-inner.zleft-img>div:nth-child(1) {
		order: 2;
	}

	.zsmart-inner>div:nth-child(1) {
		padding-right: 15px;
	}

	.zmake-sticky {
		padding: 0 0 0 15px;
	}

	.zwhy .zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 0;
	}

	.zwhy-img p {
		font-size: 17px;
	}

	.zpicture .zrow-inner.zright-img>div:nth-child(2) {
		margin-top: 0;
	}

	.zseamess-img {
		margin: 30px auto 0;
	}

	.zbrowser {
		display: none;
	}

	.zseamess-img>div:nth-child(2):before,
	.zseamess-img>div:nth-child(2):after {
		content: none;
	}

	.zseamess-img>div:nth-child(2) {
		border: 0;
	}
  .i18n-ar .zbanner .zrow-inner.zright-img>div:nth-child(1), .i18n-ar .zrow-inner.zright-img>div:nth-child(1), .i18n-ar .zadapt .zrow-inner.zright-img>div:nth-child(1) { padding-left: 0; padding-right: unset; }
  .i18n-ar .zrow-inner.zleft-img>div:nth-child(2) { padding-right: 0; padding-left: unset; }
  .i18n-ar .zsection .content-wrap { padding: 90px 0; }
  .i18n-ar .zsection.zbanner .zrow-inner, .i18n-ar .zsection.zpicture .zrow-inner, .i18n-ar .zsection.zwhy .zrow-inner, .i18n-ar .zsection.zconvenient .zrow-inner, .i18n-ar .zsection.zwhy .zrow-inner, .i18n-ar .zsection.zadapt .zrow-inner { margin: 0 auto; }
  .i18n-ar .zsmart-inner>div:nth-child(1) { padding-left: 15px; padding-right: unset; }
  .i18n-ar .zmake-sticky { padding: 0 15px 0 0; }
  .i18n-ar .zwhy .zrow-inner.zright-img>div:nth-child(1) { padding-left: 0; padding-right: unset; }
  .i18n-ar .zseamess-img { margin: 30px auto 0; }
  .i18n-ar .zsection.zbanner .zrow-inner, .i18n-ar .zsection.zpicture .zrow-inner, .i18n-ar .zsection.zwhy .zrow-inner, .i18n-ar .zsection.zconvenient .zrow-inner, .i18n-ar .zsection.zwhy .zrow-inner, .i18n-ar .zsection.zadapt .zrow-inner { text-align: center; }
  .i18n-ar .zsection.zbanner .zrow-inner *, .i18n-ar .zsection.zpicture .zrow-inner *, .i18n-ar .zsection.zwhy .zrow-inner *, .i18n-ar .zsection.zconvenient .zrow-inner *, .i18n-ar .zsection.zwhy .zrow-inner *, .i18n-ar .zsection.zadapt .zrow-inner * { text-align: center; }
}

@media all and (max-width: 767px) {
	.zsection .content-wrap {
		padding: 80px 0;
	}

	.zsmart-inner>div:nth-child(2) {
		order: 1;
	}

	.zsmart-inner>div:nth-child(1) {
		order: 2;
	}

	.zsmart-inner>div:nth-child(1),
	.zsmart-inner>div:nth-child(2) {
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}

	.zsmart-inner>div:nth-child(1) p {
		margin-bottom: 40px;
		display: none;
	}

	.zsmart-inner>div:nth-child(2) {
		padding-top: 0;
	}

	.zsidebar p a {
		background-position: -100% 0;
		cursor: auto;
	}

	.zsmartway {
		text-align: center;
	}

	.zsection.zpicture video {
		max-width: 100%;
	}

	.zwhy-img img {
		display: none;
	}

	.zwhy-img>div img {
		display: inline-block;
	}

	.zadapt-img>img:nth-child(2) {
		max-width: 50px;
	}

	.zwhy-img div {
		position: relative;
		left: 0;
		text-align: center;
		height: auto;
	}

	.zsection.zsmartway .content-wrap {
		padding-top: 50px;
		padding-bottom: 70px;
	}

	.zmake-sticky {
		padding: 0;
	}

	.zcx-say {
        max-width: 830px;
        padding: 50px 30px;
        text-align: center;
    }
	.zs-testimonial{
		margin: 80px auto 0;
	}
	.zcx-say {
		padding: 40px 40px;
	}
	.zcx-say h3 {
		font: 20px / 26px 'Zoho_Puvi_Medium';
		margin-bottom: 46px;
	}
	.zcx-say h4 {
        font: 24px / 1.6 'Zoho_Puvi_Medium';
        padding-left: 0;
        padding-top: 90px;
    }
	.zcx-say h4::before {
        left: 50%;
        top: -20px;
        transform: translate(-50px, 0);
    }
.zws-lnk{
font-size:15px;
}
  .i18n-ar .zsection .content-wrap { padding: 80px 0; }
  .i18n-ar .zsmart-inner>div:nth-child(1), .i18n-ar .zsmart-inner>div:nth-child(2) { padding-left: 0; padding-right: unset; }
  .i18n-ar .zwhy-img div { text-align: center; right: 0; left: unset; }
  .i18n-ar .zmake-sticky { padding: 0; }
  .i18n-ar .zcx-say { padding: 50px 30px; }
  .i18n-ar .zs-testimonial { margin: 80px auto 0; }
  .i18n-ar .zcx-say { padding: 40px 40px; }
  .i18n-ar .zcx-say h4 { padding-right: 0; padding-left: unset; }
  .i18n-ar .zcx-say h4::before { transform: translate(-50px,0); right: 50%; left: unset; }
  .i18n-ar .zsmartway, .i18n-ar .zcx-say { text-align: center; }
  .i18n-ar .zsmartway *, .i18n-ar .zcx-say * { text-align: center; }
  .other-lang .zright-img img{
    max-width: 300px;
    margin: auto;
  }
}

/* Other Lang */
.other-lang .zbanner .zrow-inner.zright-img>div:nth-child(1) {
	padding-right: 20px;
}

.other-lang .zwhy-img p {
	font-size: 17px;
}

@media all and (max-width: 991px) {
	.other-lang .zbanner .zrow-inner.zright-img>div:nth-child(1) {
		padding-right: 0px;
	}

	.zwhy-img p {
		font-size: 16px;
	}
  .other-lang .zright-img img{
    max-width: 400px;
    margin: auto;
  }
}

/* Other Lang */

/* Arabic ends */
.other-lang .zsection.zwhy {
    display: none;
}

@media (max-width: 480px) {
   .other-lang h2, .other-lang h3 {
        font-size: 24px;
    }
}