.content-wrap {
	max-width: 1170px;
}

.mob-img {
	display: none;
}

.i18n-ar .header-top .img-part img {
	left: -20px;
}

.i18n-ar .cont-wrap h2,
.i18n-ar .cont-wrap p,
.i18n-ar .bottom-cta-wrap a.cta-btn {
	text-align: center;
}

.header-top {
	background: #fbeec4;
	padding: 40px 0 80px;
	overflow: hidden;
}

.header-top h1 {
	font-family: var(--zf-secondary-bold);
}

.zsection h2,
.bottom-cta-wrap h2 {
	font-family: var(--zf-secondary-bold);
}

* {
	box-sizing: border-box;
}

.header-top .content-wrap,
.zsection .content-wrap {
	display: flex;
	flex-wrap: wrap;
}

.zsection .content-wrap {
	align-items: center;
	justify-content: center;
}

.header-top .cont-part {
	width: 45%;
}

.header-top .cont-part span {
	display: block;
	padding-bottom: 3px;
	position: relative;
	font-family: var(--zf-primary-bold);
	font-size: 18px;
	margin-bottom: 10px;
}

.header-top .cont-part span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
	height: 1px;
	width: 145px;
}

.zsection {
	padding: 120px 0 80px;
	position: relative;
}

.zsection .img-part {
	width: 60%;
	justify-content: center;
}

.zsection .cont-part {
	width: 40%;
	justify-content: center;
}

.zsection .cont-part {
	align-self: center;
}

.img-part img {
	display: block;
}

.zsection.case {
	position: relative;
	background: #d5eef4;
	max-width: 90%;
	margin: 0 auto;
	padding: 0;
}

.zsection.bottom-image .cont-part,
.zsection.bottom-image .img-part {
	width: 100%;
}

.zsection.bottom-image .cont-part {
	padding-right: 0;
	max-width: 500px;
	margin: 0 auto;
}

.zsection.bottom-image .content-wrap {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.bottom-cta-wrap h2 span {
	font-family: var(--zf-secondary-regular);
}

.bottom-cta-wrap .content-wrap h2 {
	max-width: 600px;
}

#feature-4 {
	background: #fbeec4;
	/*                                padding: 80px 0;*/
}

.zsection#feature-2 {
	background: #d5eef4;
}

.tab-content {
	display: none;
}

.tab-content.active {
	display: block;
}

.zsection h4 {
	font-family: var(--zf-primary-bold);
	font-size: 22px;
}

.zsection .cont-wrap {
	width: 100%;
	text-align: center;
}

.zsection .cont-wrap p {
	max-width: 660px;
	margin: 0 auto 0px;
}

.zsection.candidate .tabs p {
	font-size: 16px;
}

.tabs li {
	margin: 60px 0;
}

#feature-3 .cont-part h2 {
	margin-top: 40px;
}

#block-panels-mini-product-menu {
	background: #fbeec4;
}

#feature-3 .img-part,
#feature-3 .cont-part {
	width: 50%;
}

.header-top .img-part {
	width: 55%;
}

.header-top .img-part img {
	position: relative;
	bottom: -80px;
	max-width: 600px;
	left: 50px;
	width: 100%;
}

.bottom-cta-wrap .content-wrap {
	padding: 80px 0;
}

.bottom-cta-wrap .content-wrap h2 {
	max-width: 720px;
}

.zsection {
	overflow: hidden;
}


/* css for other lang */

.other-lang #feature-4 .tabs li.active:before,
.other-lang #feature-2 .tabs li.active:before {
	height: 320px;
}

.other-lang .header-top .cont-part span:after {
	content: none;
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
	.tabs p {
		font-size: 14px;
	}
	.zsection h4 {
		font-size: 18px;
	}
}


/* end of css for other lang */


/* Arabic  */

.i18n-ar .header-top .cont-part span:after {
	left: unset;
	left: auto;
	right: 0;
}


/* End of Arabic */

@media screen and (min-width: 992px) {
	.zsection.right-image .cont-part {
		padding-right: 80px;
	}
	.i18n-ar .zsection.right-image .cont-part {
		padding-left: 80px;
	}
	.i18n-ar .zsection.left-image .cont-part {
		padding-right: 80px;
	}
	.zsection.left-image .cont-part {
		padding-left: 80px;
	}
	#feature-3 .cont-part img {
		max-width: 480px;
		position: absolute;
		left: -300px;
		top: -100px;
	}
	#feature-3 .cont-part img {
		max-width: 620px;
		position: relative;
		left: -300px;
		top: 0;
	}
	#feature-3 .img-part img {
		max-width: 600px;
		position: relative;
		top: 100px;
	}
	.zsection#feature-3 {
		padding: 150px 0;
	}
	#feature-3 .cont-part img {
		left: -340px;
		top: -50px;
	}
	.i18n-ar #feature-3 .cont-part img {
		left: unset;
		left: auto;
		right: -220px;
	}
	#feature-1 .img-part img {
		position: relative;
		/*! top: -150px; */
	}
	#feature-2 .img-part .tab-content:nth-child(2) img {
		max-width: 85%;
		margin: 0 auto;
	}
	#feature-3 .cont-part h2,
	#feature-3 .cont-part p {
		max-width: 400px;
	}
	.header-top .cont-part p {
		max-width: 520px;
	}
	.tabs li.active {
		opacity: 1;
	}
	.tabs li {
		margin: 100px 0 0;
	}
	#feature-4 .tabs li.active:before,
	#feature-2 .tabs li.active:before {
		background: #fff8e0;
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 470px;
		height: 250px;
		z-index: -1;
		transform: translate(-50%, -50%);
	}
	#feature-2 .tabs li.active:before {
		background: #f0fcff;
	}
	.tabs li {
		cursor: pointer;
		position: relative;
		z-index: 2;
	}
}

@media screen and (min-width: 1500px) {
	#feature-1 .img-part img {
		max-width: 120%;
	}
	.zsection.tab .img-part img {
		max-width: 115%;
	}
	.header-top {
		padding: 60px 0 100px;
	}
	.header-top .img-part img {
		bottom: -120px;
		max-width: 620px;
	}
	.zsection {
		padding: 120px 0;
	}
	#feature-2 .img-part .tab-content:nth-child(2) img {
		max-width: 90%;
	}
	.bottom-cta-wrap .content-wrap {
		padding: 100px 0 60px;
	}
}

@media screen and (min-width: 1300px) and (max-width: 1499px) {
	#feature-3 .cont-part img {
		max-width: 560px;
	}
	p {
		font-size: 16px;
	}
	.zsection h4 {
		margin-bottom: 10px;
	}
	.zsection .cont-wrap p {
		max-width: 580px;
	}
	#feature-3 .img-part img {
		max-width: 500px;
		position: relative;
		top: 100px;
		right: -100px;
	}
	#feature-3 .cont-part img {
		max-width: 500px;
		left: -300px;
		top: -50px;
	}
	.zsection,
	.zsection#feature-3 {
		padding: 120px 0;
	}
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
	#feature-3 .cont-part img,
	#feature-3 .img-part img {
		max-width: 520px;
	}
	.zsection#feature-4 .img-part,
	.zsection#feature-2 .img-part {
		padding-left: 60px;
	}
}

@media screen and (max-width: 991px) {
	.mob-img {
		display: block;
		/*! vertical-align: middle; */
	}
	.zsection .img-part,
	.zsection .cont-part {
		display: block;
		width: 100%;
	}
	.header-top .cont-part {
		width: 100%;
		text-align: center;
	}
	.header-top .cont-part span::after {
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.zsection .cont-part {
		text-align: center;
	}
	#feature-3 .img-part,
	#feature-3 .cont-part {
		width: 100%;
	}
	#feature-3 .cont-part img {
		display: none;
	}
	.tab.zsection .img-part {
		display: none;
	}
	.header-top .img-part {
		width: 100%;
	}
	.header-top {
		padding: 40px 0 0;
	}
	.header-top .img-part img {
		position: static;
		margin: 60px auto 0;
	}
	.tabs li {
		margin: 50px 0;
	}
	#feature-3 .cont-part h2 {
		margin-top: 0;
	}
	#feature-3.zsection .cont-part {
		order: 1;
	}
	#feature-3.zsection .img-part {
		order: 2;
	}
	.i18n-ar .header-top h1,
	.i18n-ar .header-top span,
	.i18n-ar .header-top p,
	.zsection .cont-part h2,
	.zsection .cont-part p,
	.zsection .cont-part h4,
	.bottom-cta-wrap .content-wrap,
	.bottom-cta-wrap .content-wrap h2 {
		text-align: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.header-top .cont-part {
		margin: 0 auto;
		max-width: 500px;
	}
	.header-top .img-part img {
		max-width: 70%;
	}
	.zsection .cont-part {
		max-width: 500px;
		margin: 20px auto;
	}
	.bottom-cta-wrap .content-wrap h2 {
		max-width: 600px;
	}
}

@media screen and (max-width: 767px) {
	.zsection {
		padding: 70px 0;
	}
}

@media screen and (max-width: 480px) {
	.header-top .img-part img {
		max-width: 30px auto 0;
	}
}