:root {
	--zpr-blue: #249EFF;
	--white: #fff;
	--black: #000;
	--blue: #2457ef;
	--blue-two: #e8f0ff;
	--blue-three: #e5f6ff;
	--yellow: #ffc016;
	--grey: #f7f9fc;
	--grey-two: #777;
}

.zw-product-header {
	background: #e7f0ff;
}

.zcr-bld-txt {
	font-family: var(--primaryfont-bold);
}

.zcr-quick-connect {
	display: none;
}

.zcta-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: center;
}

.zcta-btns:first-child {
	margin: 0 15px 15px 0;
}

.zcr-req-dm {
	background: #000;
	color: #fff;
}

.request-access,
.zcr-req-dm {
	font-size: 15px;
	font-family: var(--primaryfont-bold);
	padding: 14px 28px;
	text-transform: uppercase;
	border-radius: 4px;
}

.request-access {
	border: 1px solid #000;
	color: #000;
}

.pagewrapper .content-wrap {
	max-width: 1280px;
	padding: 100px 0;
}

.pagewrapper h1 {
	font-family: var(--primaryfont-semibold);
}

.pagewrapper h2 {
	font-size: 50px;
}

.pagewrapper h2,
.pagewrapper h3 {
	letter-spacing: -1px;
	font-family: var(--zf-secondary-medium);
}

.flex-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.zpr-procurement-sprite,
.zpr-process h3:before,
.bnr-img:after {
	background: url(/sites/zweb/images/creator/procurement/procurement-hm-sprite.png) no-repeat;
	background-size: 628px auto;
	display: block;
}

.flex-three {
	width: 31%;
}

.act-btn {
	padding: 12px 30px;
}

.zcta-btns a {
	text-align: center;
}

.zcta-btns a:first-child {
	border: 1px solid transparent;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 3px
}

.zpr-btn-cta .zcta-btns a:first-child {
	background: #fff;
	color: #000;
}

/* Banner */
.zpr-bnr {
	text-align: center;
	position: relative;
	background: #E7F0FF;
}

.zpr-bnr:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background-color: #000;
	height: 26%;
	width: 100%;
}

.pagewrapper .zpr-bnr .content-wrap {
	padding: 90px 0 0;
}

.pagewrapper h1 {
	font-size: 60px;
	max-width: 820px;
	margin: 0 auto 15px;
}

.bnr-cnt {
	position: relative;
	z-index: 2;
}

.text-scroll {
	margin-bottom: 15px;
	overflow: hidden;
	height: 32px;
	position: relative;
	font-size: 20px;
	text-transform: uppercase;
}

.bnr-cnt .text-scroll>span {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	transition: transform 0.5s ease;
	text-align: center;
	width: 100%;
	height: auto;
	font-size: 22px;
	font-family: var(--zf-primary-semibold);
}

.bnr-cnt .text-scroll>span.zwc-is-active {
	transform: translate(0%);
}

.bnr-cnt .text-scroll>span.zwc-is-active~span {
	transform: translateY(100%);
}

.zcp-text-blue {
	color: #1D9BFF;
}

.zcp-text-blue-dark {
	color: #9746E7;
}

.zcp-text-green {
	color: #18BB3C;
}

.zcp-text-red {
	color: #F27419;
}

.zcp-bnr-desc {
	font-size: 20px;
	max-width: 680px;
	margin: 0 auto 20px;
}

.bnr-cnt .flex-content {
	justify-content: center;
}

.bnr-cnt .flex-content a,
.bnr-cnt .flex-content span {
	font-family: var(--zf-primary-semibold), sans-serif;
	font-size: 16px;
}

.zcp-req {
	background: #2457EF;
	color: #fff;
	padding: 15px 30px;
	margin: 10px 0 0 0;
	cursor: pointer !important;
}

.zcp-video {
	border: 1px solid #000;
	padding: 14px 30px;
	margin: 10px 0 0;
	cursor: pointer;
	display: none;
}

.bnr-img {
	position: relative;
	max-width: 1000px;
	margin: 70px auto 0;
	border-radius: 12px;
	border: 6px solid #000;
}

@keyframes moving-tick {
	0% {
		bottom: 289px;
	}

	50% {
		bottom: 310px;
	}

	100% {
		bottom: 289px;
	}
}

@keyframes moving-ticks {
	0% {
		bottom: 240px;
	}

	50% {
		bottom: 260px;
	}

	100% {
		bottom: 240px;
	}
}

.bnr-img img {
	display: block;
	border-radius: 12px;
}

.req-img {
	position: absolute;
	left: -131px;
	top: -334px;
	z-index: 1;
	width: 90px;
	height: 107px;
	background-position: 0 0;
	opacity: 0;
	visibility: hidden;
	animation: reqimganimation 0.5s forwards 0.5s;
}

.team-img {
	position: absolute;
	left: 64px;
	top: -154px;
	z-index: 1;
	width: 97px;
	height: 132px;
	background-position: -97px 0;
	opacity: 0;
	visibility: hidden;
	animation: reqimganimation 2s forwards 2.5s;
}

.prc-img {
	position: absolute;
	right: 64px;
	top: -147px;
	z-index: 1;
	width: 115px;
	height: 130px;
	opacity: 0;
	visibility: hidden;
	background-position: -195px 0;
	animation: reqimganimation 2s forwards 3s;
}

.delid-img {
	position: absolute;
	right: -61px;
	top: -335px;
	z-index: 1;
	width: 95px;
	height: 106px;
	opacity: 0;
	visibility: hidden;
	background-position: -313px -1px;
	animation: reqimganimation 2s forwards 4.8s;
}

.first-process {
	position: absolute;
	left: -98px;
	top: -250px;
	z-index: 1;
	width: 180px;
	height: 130px;
}

.animated-path-one {
	stroke-dasharray: 558;
	stroke-dashoffset: 558;
	animation: arrowone 1s ease-in-out forwards 1s;
}

.animated-path-two {
	opacity: 0;
	visibility: hidden;
	animation: arrowvisible 2s forwards 1.8s;
}

.second-process {
	position: absolute;
	top: -230px;
	right: -30px;
	z-index: 1;
	height: 130px;
	width: 150px;
}

.animated-path-three {
	stroke-dasharray: 440;
	stroke-dashoffset: 440;
	animation: arrowtwo 1s ease-in-out forwards 3.5s;
}

.animated-path-four {
	opacity: 0;
	visibility: hidden;
	animation: arrowvisible 2s forwards 4.3s;
}

@keyframes arrowone {
	0% {
		stroke-dashoffset: 558;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes arrowtwo {
	0% {
		stroke-dashoffset: 440;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

@keyframes arrowvisible {
	to {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes reqimganimation {
	to {
		opacity: 1;
		visibility: visible;
	}
}


.pro-hm-video {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #3a3a3a;
	border-radius: 25px;
	color: #fff;
	padding: 12px 20px 10px 53px;
	display: inline-block;
	cursor: pointer;
	user-select: none;
	font-family: var(--zf-primary-semibold);
	font-size: 15px;
	width: 164px;
	height: auto;
}

button.pro-hm-video {
	border: none;
	padding: 14px 20px 14px 53px;
}

.pro-hm-video:before,
.pro-hm-video:after {
	position: absolute;
	content: "";
}

.pro-hm-video:before {
	left: 15px;
	/* top: 10px; */
	top: 50%;
	transform: translateY(-50%);
	width: 26px;
	height: 26px;
	border: 1px solid #2557EF;
	box-sizing: border-box;
	border-radius: 100%;
	background: #2557EF;
}

.pro-hm-video:after {
	left: 26px;
	/* top: 18px; */
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #fff;
}

/* End Banner */
/* Trusted Brands */
.zpr-brands {
	background-color: #000;
	color: #fff;
}

.zpr-brands h2 {
	text-align: center;
	font-size: 36px;
}

.zpr-brands h2 span {
	color: #FFC424;
}

.zpr-brands .flex-content {
	border-top: 1px solid #232323;
	border-bottom: 1px solid #232323;
	justify-content: center;
	align-items: inherit;
	margin-top: 32px;
}

.zpr-brands-logo {
	width: 16.6%;
	text-align: center;
	border-right: 1px solid #232323;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0;
}

.zpr-brands-logo:last-child {
	border-right: none;
}

/* End Trusted Brands */
/* Procurement feature */
.zpr-ftr-slnt {
	overflow: hidden;
}

.zpr-slt-cnt .flex-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.zpr-slt-cnt .flex-part-two {
	width: 50%;
}

.zpr-slt-cnt .flex-part-two p {
	color: #bdbdbd;
	max-width: 480px;
	margin-left: auto;
}

.zpr-slt-cnt .zpr-ftr-tag {
	font-size: 20px;
	margin-bottom: 10px;
	display: inline-block;
}

.zpr-slt-cnt h2 {
	font-size: 50px;
}

.zpr-slt-cnt h2 span {
	color: #2557EF;
}

.zpr-slt-cnt p {
	font-size: 18px;
}

.solution-sliders {
	margin-top: 30px;
}

.zpr-slt-cnt {
	text-align: center;
}

.turn-lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin-bottom: 50px;
}

.turn-lists li {
	width: auto;
	text-align: center;
	border: 1px solid #E0E7F0;
	border-radius: 50px;
	padding: 10px 26px;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
}

.turn-lists li.is-active {
	border: 1px solid #3D6AF4;
	background: #2457EF;
	color: #fff;
}

.turn-inf-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1100px;
	margin: 0 auto;
}

.turn-content-slider {
	width: 32%;
}

.turn-content-slider p {
	max-width: 340px;
	font-size: 18px;
}

.turn-img-lists {
	width: 65%;
}

.turn-content-slider h3 {
	font-size: 32px;
	margin-bottom: 22px;
}

.turn-content-slider h3 span {
	display: block;
}

.turn-content-slider ul li {
	font-size: 16px;
	padding-left: 35px;
	margin-bottom: 20px;
	position: relative;
	color: #4b4b4b;
	max-width: 400px;
}

.turn-img div img {
	width: 100%;
	display: block;
	transform: scale(0.8);
	transition: all ease 0.8s;
	border-radius: 10px;
}

.turn-img.slick-active div img {
	transform: scale(1);
}

.turn-img-bg {
	border-radius: 12px;
	background: #E1E5F6;
	padding: 24px;
}

.slide-count-block {
	display: none;
}

.turn-img-lists .slick-list {
	overflow: visible;
}

/* End Procurement feature */
/* Why Procurement */
.why-procurement {
	position: relative;
	z-index: 1;
}

.why-procurement:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	background: #E7F0FF;
}

.pagewrapper .why-procurement .content-wrap {
	background: #2457EF;
	padding: 100px;
	border-radius: 50px;
	position: relative;
	z-index: 2;
}

.why-procurement h2 {
	color: var(--white);
	max-width: 570px;
}

.why-procurement .flex-content {
	-webkit-box-align: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 50px;
}

.why-procurement .flex-three {
	background: var(--white);
	border-radius: 15px;
	padding: 30px;
}

.why-procurement .flex-three p {
	margin-bottom: 0;
}

.why-procurement .flex-three p span {
	color: var(--blue);
	display: block;
	font-size: 50px;
	font-family: var(--primaryfont-bold);
}

.consensus {
	margin-top: 50px;
}

.consensus .flex-content {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.consensus .flex-two {
	width: 46%;
}

.consensus .flex-two h2 {
	color: var(--yellow);
}

.consensus .flex-two p {
	color: var(--white);
}

.amz-logo,
.wsj-logo,
.hackett-logo {
	padding: 16px;
	text-align: center;
	border-radius: 10px;
	height: 75px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.amz-logo {
	background-color: var(--blue-three);
}

.wsj-logo {
	background-color: #F4F4F4;
}

.hackett-logo {
	background-color: #EAF2FA;
}

/* End Why Procurement */
/* Process */
.zpr-process {
	background: #E7F0FF;
}

.zpr-process .flex-content:first-child {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}

.prc-heading,
.prc-video {
	width: 48%;
}

.prc-heading h2 span {
	color: #2457EF;
}

.zpr-process .flex-content:last-child {
	align-items: inherit;
	gap: 100px;
	row-gap: 30px;
}

.zpr-process .flex-content:last-child div {
	width: 28%;
	padding-top: 30px;
	border-top: 1px solid #C6C6C6;
}

.zpr-process .flex-content:last-child div h3:before {
	content: "";
	margin-bottom: 10px;
}

.zpr-process .flex-content:last-child div:first-child h3:before,
.zpr-process .flex-content:last-child div:nth-child(2) h3:before {
	width: 37px;
	height: 38px;
}

.zpr-process .flex-content:last-child div:first-child h3:before {
	background-position: -409px 0;
}

.zpr-process .flex-content:last-child div:nth-child(2) h3:before {
	background-position: -448px 0;
}

.zpr-process .flex-content:last-child div:nth-child(3) h3:before {
	width: 30px;
	height: 38px;
	background-position: -486px 0;
}

.zpr-process .flex-content:last-child div:nth-child(4) h3:before,
.zpr-process .flex-content:last-child div:nth-child(5) h3:before,
.zpr-process .flex-content:last-child div:nth-child(6) h3:before {
	width: 36px;
	height: 38px;
}

.zpr-process .flex-content:last-child div:nth-child(4) h3:before {
	background-position: -516px 0;
}

.zpr-process .flex-content:last-child div:nth-child(5) h3:before {
	background-position: -554px 0;
}

.zpr-process .flex-content:last-child div:nth-child(6) h3:before {
	background-position: -592px 0;
}

.zpr-process .flex-content:last-child div p {
	max-width: 330px;
}


/* End Process */
/* Why solutions */
.pagewrapper .why-solution .content-wrap {
	max-width: 980px;
}

.why-solution {
	position: relative;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.why-solution:before {
	content: "";
	position: absolute;
	left: 0;
	top: -110px;
	background: var(--blue);
	z-index: -1;
	height: 110px;
	width: 100%;
}

.why-solution .flex-content {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.why-solution .flex-part-two:first-child {
	width: 60%;
}

.why-solution .flex-part-two:last-child {
	width: 36%;
}

.why-points {
	padding: 0 0 40px 60px;
	position: relative;
}

.why-points:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	z-index: 1;
	height: 100%;
	width: 1px;
	background: #000;
}

.why-points:last-child {
	padding-bottom: 0;
	border-left: none;
}

.why-points:last-child:before {
	display: none;
}

.why-slu-img {
	max-width: 420px;
	margin-top: 50px;
}

.why-solution h3 {
	position: relative;
}

.why-solution p {
	max-width: 260px;
	margin-bottom: 0;
}

.why-solution h3:before,
.why-solution h3:after {
	content: "";
	position: absolute;
	z-index: 1;
}

.why-solution h3:before {
	left: -72px;
	top: 7px;
	width: 26px;
	height: 26px;
	border: 1px solid #000;
	border-radius: 50px;
	background: #fff;
}

.why-solution h3:after {
	left: -63px;
	top: 12px;
	display: inline-block;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 14px;
	width: 7px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}

/* End Why solutions */
/* Bottom CTA */
.zpr-btn-cta {
	color: #fff;
	background: url(/sites/zweb/images/creator/lp/procurement-your-way.png) #2457EF;
}

.pagewrapper .zpr-btn-cta .content-wrap {
	padding: 0;
	position: relative;
}

.zpr-btn-cta .flex-content {
	justify-content: space-between;
}

.zpr-btn-cta .zpr-btn-img,
.zpr-btn-cta .zpr-btn-cnt {
	position: relative;
	z-index: 2;
}

.zpr-btn-cta .zpr-btn-img {
	width: 30%;
}

.zpr-btn-img img {
	display: block;
}

.zpr-btn-cta h2 {
	font-size: 50px;
	max-width: 520px;
}

.zpr-btn-cta p {
	max-width: 440px;
	font-size: 18px;
}

.zpr-btn-cta .zpr-btn-cnt {
	width: 50%;
}

.zpr-btn-cta a.request-access {
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	padding: 14px 20px;
	display: inline-block;
}

.zpr-btn-cnt .zcta-btns {
	gap: 20px;
	justify-content: flex-start;
}

.zpr-btn-cnt .zcta-btns a:first-child {
	margin: 0
}


/* End Bottom CTA */
/* Form  */
.form-cont-elmt {
	padding: 50px 30px 0;
	border-bottom: 1px solid #eee;
}

.freeze_layer {
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 4;
	display: none;
}

.active_freaze {
	display: block;
}

.formSec.active {
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transform: translateX(0);
	z-index: 9999999999999;
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: .9s ease all;
	-o-transition: .9s ease all;
	transition: .9s ease all;
}

.formSec {
	width: 100%;
	overflow: auto;
	max-width: 500px;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 0;
	-webkit-box-shadow: -7px 0 28px 0 rgb(0 0 0 / 46%);
	box-shadow: -7px 0 28px 0 rgb(0 0 0 / 46%);
	height: 100%;
	background: #fff;
	opacity: 0;
	overflow-y: scroll;
	-webkit-transform: translate(100%, 0%);
	-ms-transform: translate(100%, 0%);
	transform: translate(100%, 0%);
	-webkit-transition: .9s ease all;
	-o-transition: .9s ease all;
	transition: .9s ease all;
}

.formSec iframe {
	width: 100%;
}

.form-content {
	border-left: 1px solid #ddd;
	background: #fff;
	height: 100%;
}

.form-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 20px;
	cursor: pointer;
	border-radius: 100%;
	border: 1px solid #c8c4c4;
	background: #fff;
	z-index: 2;
}

.form-close::after {
	content: "\00D7";
	font-size: 39px;
	line-height: initial;
	color: rgb(199, 196, 196);
	position: absolute;
	top: -9px;
	right: 5px;
}

/* End Form */

/* ===== WCAG Accessibility Fixes ===== */

/* Focus styles — visible outline for keyboard navigation */
.turn-lists li[role="tab"]:focus-visible {
	outline: 2px solid #2457EF;
	outline-offset: 2px;
}

.zcta-btns a:focus-visible,
.request-access:focus-visible,
.zcr-req-dm:focus-visible {
	outline: 2px solid #2457EF;
	outline-offset: 2px;
}

.pro-hm-video:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.slide-count-block button:focus-visible {
	outline: 2px solid #2457EF;
	outline-offset: 2px;
}

.form-close:focus-visible {
	outline: 2px solid #2457EF;
	outline-offset: 2px;
}

/* Reset native button styles for buttons converted from spans */
/* .pro-hm-video,
.slide-count-block button,
.form-close {
	border: none;
	background-color: transparent;
	cursor: pointer;
} */

/* Contrast fixes — WCAG AA minimum 4.5:1 */
/* #777 on white is 4.48:1, bump to #757575 (4.6:1) */
.why-procurement .flex-three p,
.consensus p {
	color: #595959;
}

/* Green text on white: #18BB3C is 3.35:1, fix to #0E8A2B (4.58:1) */
.zcp-text-green {
	color: #0E8A2B;
}

/* Orange text on white: #F27419 is 3.0:1, fix to #C25A0A (4.56:1) */
.zcp-text-red {
	color: #C25A0A;
}



@media(max-width:1440px) {
	.pagewrapper .content-wrap {
		padding: 80px 0;
	}

	.pagewrapper h1 {
		font-size: 50px;
	}

	.pagewrapper h2 {
		font-size: 40px;
	}

	/* Banner  */
	.pagewrapper h1 {
		max-width: 890px;
	}

	/* End Banner */
	/* Why Procurement */
	.pagewrapper .why-procurement .content-wrap {
		padding: 60px;
	}

	.turn-img img {
		max-width: 100%;
	}

	/* End Why Procurement */
	/* Process  */
	.zpr-process .flex-content:last-child {
		gap: 80px;
	}

	/* End Process */
	/* Procurement feature  */
	.zpr-slt-cnt h2 {
		font-size: 40px;
	}

	.turn-lists {
		gap: 13px;
	}

	.turn-content-slider h3 {
		font-size: 30px;
	}

	.turn-lists li {
		padding: 8px 15px;
	}

	/* End Procurement feature */
	/*Bottom CTA */
	.zpr-btn-cta h2 {
		font-size: 40px;
	}

	/*End Bottom CTA*/
}

@media(max-width:1280px) {
	/* Banner  */

	.req-img {
		left: -81px;
		top: -334px;
	}

	.first-process {
		left: -48px;
		top: -245px;
	}

	.team-img {
		left: 114px;
		top: -154px;
	}

	/* End Banner */
}

@media (max-width:1199px) {
	.pagewrapper .content-wrap {
		width: 94%;
		padding: 70px 0;
	}

	.pagewrapper h1 {
		font-size: 44px;
		max-width: 820px;
	}

	.pagewrapper h2 {
		font-size: 36px;
	}

	/* Banner  */
	.bnr-left-img,
	.bnr-right-img {
		display: none;
	}

	/* End Banner */
	/* Trusted Brands  */
	.zpr-brands h2 {
		font-size: 34px;
		max-width: 700px;
		margin: 0 auto 15px;
	}

	/* End Trusted Brands  */
	/* Why Procurement */
	.pagewrapper .why-procurement .content-wrap {
		padding: 60px 30px;
	}

	.why-procurement h2 {
		max-width: inherit;
	}

	.why-procurement .flex-three {
		width: 32.3%;
		padding: 20px;
	}

	.why-solution .flex-part-two:first-child {
		width: 50%;
	}

	.why-solution .flex-part-two:last-child {
		width: 42%;
	}

	.why-procurement:after {
		height: 0;
	}

	/* End Why Procurement */
	/* Process  */
	.zpr-process .flex-content:last-child {
		gap: 70px;
	}

	/* End Process */
	/* Procurement feature  */
	.zpr-ftr-slnt {
		border-radius: 20px 20px 0 0;
	}

	.zpr-slt-cnt {
		text-align: left;
	}

	.zpr-slt-cnt h2 {
		font-size: 36px;
	}

	.turn-lists,
	.turn-img-lists,
	.slide-count-block {
		display: none;
	}

	.turn-inf-list {
		display: block;
	}

	.turn-content-slider h3 {
		font-size: 26px;
		max-width: 320px;
		margin-bottom: 15px;
	}

	.turn-content-slider,
	.turn-img-lists {
		width: 100%;
	}

	.turn-cnts {
		opacity: 1;
		visibility: visible;
		position: static;
		width: 50%;
		margin-bottom: 10px;
		height: auto;
		float: none;
	}

	.turn-content-slider {
		display: flex;
		flex-wrap: wrap;
	}

	.turn-content-slider p {
		max-width: 340px;
	}

	/* Clear slick inline styles after unslick */
	.turn-content-slider .slick-track,
	.turn-content-slider .slick-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		transform: none;
	}

	.turn-content-slider .slick-slide {
		width: 50%;
		float: none;
	}

	/* End Procurement feature */
	/* Bottom CTA  */
	.pagewrapper .zpr-btn-cta .content-wrap {
		padding: 70px 0;
	}

	.zpr-btn-cta .zpr-btn-img {
		display: none;
	}

	.zpr-btn-cta .zpr-btn-cnt {
		width: 100%;
		text-align: center;
	}

	.zpr-btn-cta h2 {
		font-size: 40px;
		margin: 0 auto 15px;
	}

	.zpr-btn-cta p {
		font-size: 17px;
		margin: 0 auto 20px;
	}

	.zpr-btn-cta a.request-access {
		margin-top: 0;
	}

	.zpr-btn-cnt .zcta-btns {
		justify-content: center;
	}

	/* End Bottom CTA */
}

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

	.pagewrapper h1 {
		font-size: 40px;
	}

	/* Banner  */
	.pagewrapper .zpr-bnr .content-wrap {
		padding: 70px 0 0;
	}

	.bnr-cnt .text-scroll>span,
	.zcp-bnr-desc {
		font-size: 18px;
	}


	/* End Banner */
	/* Trusted Brands */
	.zpr-brands-logo {
		padding: 25px 10px;
		width: 50%;
		border-bottom: 1px solid #232323;
	}

	.zpr-brands .flex-content {
		border-left: 1px solid #232323;
		max-width: 500px;
		margin: 30px auto 0;
	}

	.zpr-brands-logo:last-child {
		border-right: 1px solid #232323;
	}

	.zpr-brands-logo:nth-child(5),
	.zpr-brands-logo:last-child {
		border-bottom: none;
	}

	/* End Trusted Brands */
	/* Process  */
	.zpr-process .flex-content:first-child {
		margin-bottom: 40px;
	}

	.zpr-process .flex-content:last-child {
		gap: 50px;
		row-gap: 10px;
	}

	.zpr-process .flex-content:last-child div {
		width: 46%;
	}

	/* End Process */
	/* Procurement feature  */
	.zpr-slt-cnt .flex-part-two {
		width: 100%;
	}

	.zpr-slt-cnt .flex-part-two p:first-child {
		margin-top: 0;
	}

	.zpr-slt-cnt .flex-part-two p {
		margin-left: 0;
		max-width: 100%;
	}

	.turn-content-slider ul li {
		max-width: 300px;
	}

	.turn-content-slider p {
		font-size: 17px;
	}

	/* End Procurement feature */
	/* Why Procurement  */
	.pagewrapper .why-procurement .content-wrap {
		padding: 60px 20px;
	}

	/* End  Why Procurement  */
}

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

	.zcta-btns {
		justify-content: flex-start;
	}

	.pagewrapper h1 {
		font-size: 36px;
		max-width: 490px;
		margin: 0 0 15px;
	}

	.pagewrapper h2 {
		font-size: 30px;
	}

	/* Banner  */
	.zpr-bnr,
	.bnr-cnt .text-scroll>span {
		text-align: left;
	}

	.zcp-bnr-desc,
	.bnr-cnt .text-scroll>span {
		font-size: 16px;
	}

	.pagewrapper .zpr-bnr .content-wrap {
		padding: 60px 0 0;
	}

	.bnr-cnt .flex-content {
		justify-content: inherit;
	}

	.bnr-img {
		margin: 40px auto 0;
	}

	.zpr-bnr:after {
		height: 12%;
	}

	/* End Banner */
	/* Trusted Brands */
	.zpr-brands h2 {
		font-size: 30px;
	}

	/* End Trusted Brands */
	/* Why Procurement */
	.why-procurement {
		background: var(--blue);
	}

	.why-procurement .flex-content {
		margin: 30px 0 0;
	}

	.why-procurement .flex-three {
		margin-bottom: 20px;
		width: 100%;
	}

	.why-procurement .flex-three:last-child {
		margin-bottom: 0;
	}

	.consensus .flex-two {
		width: 100%;
	}

	.consensus-digitizing {
		margin-top: 30px;
		max-width: 300px;
	}

	.turn-content-slider p {
		margin-bottom: 0;
	}

	/* End Why Procurement */
	/* Process  */
	.prc-heading,
	.prc-video {
		width: 100%;
	}

	.prc-video div {
		max-width: 340px;
	}


	.zpr-process .flex-content:last-child {
		gap: 30px;
	}

	.zpr-process .flex-content:last-child div {
		width: 46%;
	}


	/* End Process */
	/* Procurement feature  */
	.turn-content-slider {
		justify-content: space-between;
	}

	.zpr-slt-cnt .flex-part-two,
	.turn-cnts {
		width: 48%;
	}

	.turn-cnts {
		margin-bottom: 40px;
		position: static;
	}

	.turn-content-slider .slick-slide {
		width: 48%;
	}

	.zpr-slt-cnt h2 {
		font-size: 30px;
	}

	.turn-content-slider h3 {
		font-size: 24px;
	}

	.zpr-slt-cnt p,
	.turn-content-slider p,
	.zpr-slt-cnt .zpr-ftr-tag {
		font-size: 16px;
	}

	.zpr-slt-cnt .flex-part-two p {
		margin: 0px;
	}

	.zpr-slt-cnt .flex-part-two p:first-child {
		margin: 0 0 20px 0;
	}

	.zpr-slt-cnt {
		padding-bottom: 0;
	}

	.turn-content-slider ul li {
		max-width: 100%;
	}

	/* End Procurement feature */
	/* Why Solutions */
	.why-solution {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.pagewrapper .why-solution .content-wrap {
		max-width: 600px;
	}

	.why-solution .flex-part-two:last-child,
	.why-solution .flex-part-two:first-child {
		width: 100%;
	}

	.why-slu-img {
		max-width: 280px;
		margin: 30px 0;
	}

	.why-points {
		padding: 0 0 20px 30px;
	}

	.why-solution h3:before {
		left: -42px;
		top: 3px;
	}

	.why-solution h3:after {
		left: -33px;
		top: 8px;
	}

	.why-solution p {
		max-width: inherit;
	}

	.why-solution .flex-part-two:last-child {
		padding-left: 20px;
	}

	/* End Why Solutions */
	/* Bottom CTA  */
	.pagewrapper .zpr-btn-cta .content-wrap {
		padding: 60px 0;
	}

	.zpr-btn-cta .zpr-btn-img {
		display: none;
	}

	.zpr-btn-cta .zpr-btn-cnt {
		width: 100%;
	}

	.zpr-btn-cta h2 {
		font-size: 30px;
		max-width: 250px;
	}

	.zpr-btn-cta p,
	.zpr-btn-cta a.request-access {
		font-size: 16px;
	}

	.zpr-btn-cta a.request-access {
		padding: 14px 18px;
		margin-top: 0;
	}

	/* End Bottom CTA  */
	body:not(.zw-template-zp_signup) .zwf-new-footer .zwf-only-copyright,
	.r-g-f:not(.zw-template-zp_signup) .zwf-new-footer .zwf-only-copyright {
		padding: 20px;
	}
}

@media(max-width:480px) {

	/* Process  */
	.zpr-process .flex-content:last-child {
		gap: 10px;
	}

	.zpr-process .flex-content:last-child div {
		width: 100%;
	}

	/* End Process */
	/* Procurement Feature  */
	.zpr-slt-cnt .flex-part-two,
	.turn-cnts {
		width: 100%;
	}

	/* End Procurement Feature  */
}

/* Arabic style starts */
  .lang-rtl .zcta-btns a:first-child{margin-left: 15px;margin-right: unset;}
  .lang-rtl .zpr-brands-logo{border-right: 0;border-left: 1px solid #232323;}
  .lang-rtl .zpr-brands-logo:last-child{border-right: inherit;border-left: 0;}
  .lang-rtl .zpr-slt-cnt *, .lang-rtl .bnr-cnt *{text-align: center;}
  .lang-rtl .why-points:before{right: 0;left: unset;}
  .lang-rtl .why-solution h3:before{right: -72px;left: unset;}
  .lang-rtl .why-solution h3:after{right: -63px;left: unset;}
  .lang-rtl .why-points{padding: 0 60px 40px 0;}
  @media (max-width: 1199px) {
    .lang-rtl .zpr-slt-cnt *{text-align: right;}
  }
  @media (max-width: 991px) {
    .lang-rtl .zpr-brands-logo:last-child {
        border-left: 1px solid #232323;
    }
}
  @media (max-width: 767px) {
    .lang-rtl .bnr-cnt *, .lang-rtl .zpr-bnr, .lang-rtl .bnr-cnt .text-scroll>span{text-align: right;}
    .lang-rtl .zpr-brands-logo{border-right: 1px solid #232323;}
    .lang-rtl .zpr-btn-cnt *{text-align: center;}
.lang-rtl .why-solution .flex-part-two:last-child{padding-left: 0;padding-right: 20px}
  }