.zsection {
	padding: 60px 0;
}

.zsection h2 {
	font-family: var(--primaryfont-bold);
}

.zsection .content-wrap {
	max-width: 956px;
	margin: 0 auto;
}

.zsection .head-title {
	font-family: var(--primaryfont-bold);
}

.hero-wrap {
	background: #FED600;
}

.head-content {
	text-align: center;
}

.head-content p {
	max-width: 775px;
	margin: 0 auto 40px;
}

section.zsection.overview-wrap {
	padding-bottom: 10px;
	background: #F3F3F3;
}

.overview-content p {
	margin-bottom: 20px;
}

.overview-content p span {
	font-family: var(--primaryfont-semibold);
}

.overview-content ul {
	margin: 35px 0 35px;
	font-family: var(--primaryfont-semibold);
}

.zsection ul.list-point:last-child {
	margin-bottom: 0;
}

.zsection ul.list-point {
	padding-left: 6%;
}

.zsection ul.list-point li {
	font-family: var(--zf-secondary-medium);
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
	list-style: disc;
}

.zsection ul.list-point li:last-child {
	margin-bottom: 0px;
}

.overview-content h2:nth-of-type(2) {
	margin-top: 50px;
	max-width: 870px;
}

section.zsection.zone-oms {
	padding-top: 60px;
}

.zone-oms .content-wrap {
	/*    background: #07603A;*/
	background: #037846;
	border-radius: 5px;
	padding: 80px 0px;
	color: #fff;
}

.zone-oms-content {
	max-width: 779px;
	margin: 0 auto;
}

.zone-oms h2.head-title,
.zone-oms p:nth-of-type(1) {
	max-width: 779px;
}

.zone-oms ul,
.gr-list {
	padding-left: 60px;
}

.zone-oms ul li,
.gr-list li {
	position: relative;
	padding-left: 25px;
	line-height: 1.8;
	font-size: 18px;
	font-family: var(--zf-secondary-medium);
}

.zone-oms ul li:before,
.gr-list li:before {
	content: '';
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #F3B700;
	top: 50%;
	-webkit-transform: translate(0px, -7px);
	        transform: translate(0px, -7px);
}

.zone-oms ul li:after,
.gr-list li:after {
	content: '';
	position: absolute;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	        transform: rotate(45deg) translate(-50%, -50%);
	left: 4px;
	top: 50%;
	height: 7.5px;
	width: 3px;
	border-bottom: 1.5px solid #000;
	border-right: 1.5px solid #000;
}

.poster-video {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	max-width: 717px;
	cursor: pointer;
}

.poster-video:before {
	content: '';
	background: url(/sites/zweb/images/one/play-icon-oms.svg) no-repeat center;
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.customer-detailed-video {
	margin-bottom: 60px;
}

.btm-cta {
	text-align: center;
}

.btm-cta h3.head-title {
	margin-bottom: 30px;
	font-size: 24px;
}

a.cta-btn.act-btn.signupcta {
	border: 2px solid #f0483e;
	margin-right: 10px;
}

a.cta-btn.act-btn.bg-free {
	background: transparent;
	border: 2px solid #fff;
	margin-left: 10px;
}

.zsection a.act-btn.cta-btn {
	padding: 8px 27px;
	line-height: 1.5;
}

.promo-banner a,
.cta-btn {
	border-radius: 3px;
}

.features-oms {
	position: relative;
	padding-bottom: 35px;
}

.features-oms:before {
	content: '';
	background: #F3F3F3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 97%;
}

.promo-banner {
	background: #07603A;
	color: #fff;
	border-radius: 5px;
	padding: 75px 60px;
	position: relative;
	margin-top: 9%;
}

.promo-banner h3 {
	font-family: var(--primaryfont-bold);
	max-width: 570px;
}

.promo-banner h3 span {
	color: #FFD600;
}

.promo-banner a {
	font-size: 14px;
	color: #fff;
	padding: 12px 22px;
	border: 1px solid #fff;
	font-family: var(--primaryfont-semibold);
	margin-top: 20px;
	display: inline-block;
	line-height: 1.8;
	text-transform: uppercase;
}

.promo-banner a:hover {
	color: #000;
	border: 1px solid #ffd702;
    background-color: #ffd702;
}

.promo-banner .growing-business-img {
	position: absolute;
	right: 0px;
	bottom: -13%;
	max-width: 399px;
	width: 42%;
}

.gr-list li:before {
	background-color: #07AA50;
	top: 15px;
}

.gr-list li:after {
	box-sizing: border-box;
	border-color: #fff;
	top: 15px;
	left: 4px;
}

.gr-list {
	max-width: 830px;
	margin-bottom: 30px;
}

.gr-list li {
	font-family: var(--primaryfont-regular);
}

.work-oms h3 {
	font-size: 24px;
}

.apps-list {
	padding: 60px 70px;
	background-color: #fff;
	border-radius: 5px;
}

.apps-list:not(:last-child) {
	margin-bottom: 10px;
}

.apps-list .apps-box h4 {
	font-size: 30px;
	font-family: var(--primaryfont-semibold);
}

.apps-list .apps-box>p {
	max-width: 710px;
	margin: 10px 0 30px;
}

.apps-head {
	display: inline-block;
	background: #FFEFF1;
	border-radius: 28px;
	padding: 15px 35px;
	margin-bottom: 20px;
	font-family: var(--primaryfont-semibold);
	line-height: 1.5;
}

.apps-head.red-bg {
	background: #FAEDEF;
}

.apps-head.green-bg {
	background: #E1F8EE;
}

.apps-head.blue-bg {
	background: #E5F5FF;
}

.apps-head.yellow-bg {
	background: #FFF9DB;
}

.apps ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.apps a {
	color: #000;
	display: inline-block;
}

.apps li {
	position: relative;
	padding-left: 85px;
	margin-top: 40px;
	width: 47%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 47%;
	        flex: 0 0 47%;
	line-height: 0px;
}

.apps-list .apps [class^="zgh-i-"] {
	position: absolute;
	display: inline-block;
	padding: 12px;
	border: 1px solid #E8E8E8;
	border-radius: 9px;
	letter-spacing: -40px;
	left: 0;
	top: 0;
}

.apps-list .apps [class^="zgh-i-"]:before {
	display: inline-block;
	position: initial;
}

.apps-list .apps h5,
.apps-list .apps p {
	margin-bottom: 5px;
}

.apps-list .apps-box:after {
	content: "";
	width: 100%;
	height: 8px;
	display: block;
	margin: 50px 0;
	background-color: #FFFFFF1A;
}

.apps-list .apps-box:last-child:after {
	content: unset;
}

.os-banner {
	padding: 70px;
	background-color: #F1F5F6;
	position: relative;
	margin-bottom: 30px;
}

.os-banner p {
	max-width: 390px;
}

.os-banner p span {
	font-weight: 600;
}

.os-banner img {
	position: absolute;
	right: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.highlights-oms {
	padding: 0;
}

.highlights-oms .content-wrap>.inner {
	border-radius: 5px;
	padding: 60px 55px;
	background-color: #FFE7CC;
}

.highlights-oms h2 {
	margin-bottom: 20px;
}

.highlights-oms .gr-list {
	max-width: 750px;
	margin-bottom: 0px;
	padding-left: 20px;
}

.highlights-oms .gr-list li:before,
.highlights-oms .gr-list li:after {
	top: 12px;
}

.highlights-oms .gr-list {
	margin-top: 36px;
}
.highlights-oms .gr-list li {
	line-height: 28px;
	margin-bottom: 20px;
}

.highlights-oms .gr-list li:last-child {
	margin-bottom: 0px;
}

.highlights-oms .gr-list strong {
	font-family: var(--primaryfont-semibold);
}

.footer-oms {
	background-color: #FED600;
	text-align: center;
}

.footer-oms .cta {
	margin-top: 40px;
}

a.bk-btn {
	background: transparent;
	border: 2px solid #000;
	color: #000;
    padding: 9px 27px 10px;
    font-family: var(--primaryfont-semibold);
    border-radius: 4px;
}

.m-0 {
	margin: 0;
}

.deployment-oms,
.work-oms {
	padding-top: 0;
}

.footer-oms .gr-list {
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	margin: 0 auto;
	text-align: left;
}

.footer-oms .gr-list li:before {
	border: 1px solid #000;
	background-color: transparent;
}

.footer-oms .gr-list li:after {
	border-color: #000;
}

.footer-oms h2 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.zsection p.sub-cont {
	font-size: 12px;
	margin: 8px auto 0;
}

@media(min-width:992px) {
	.hero-wrap {
		padding: 100px 0;
	}

	.zsection h1.head-title {
		font-size: 48px;
	}

	.zsection h2.head-title {
		font-size: 38px;
	}

	.footer-oms {
		padding: 100px 0;
	}
}

@media(max-width:1200px) {
	.zsection .content-wrap {
		max-width: 960px
	}

	.zsection p {
		font-size: 18px;
	}
}

@media(max-width:1199px) {
	.zsection p {
		font-size: 15px;
	}

	[class^="zgh-i-"]:before {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

	.apps li {
		padding-left: 65px;
	}

	.apps-list,
	.highlights-oms .content-wrap>.inner {
		padding: 50px 40px;
	}

	.apps-list .apps [class^="zgh-i-"] {
		-webkit-transform: scale(0.7) translate(-15%, -15%);
		        transform: scale(0.7) translate(-15%, -15%);
	}
}

@media(max-width:993px) {
	.zsection .content-wrap {
		max-width: 880px
	}

	.zone-oms-content {
		max-width: 90%;
	}

	.zone-oms .content-wrap {
		padding: 50px 0;
	}

	.zone-oms ul,
	.gr-list {
		padding-left: 30px;
	}

	.os-banner img {
		right: 4%;
		-webkit-transform: translateY(-50%) scale(.6);
		        transform: translateY(-50%) scale(.6);
	}

	.os-banner {
		padding: 50px;
	}

	.footer-oms .cta {
		margin-top: 30px;
	}

	.promo-banner h3 {
		max-width: 450px;
	}

}

@media(max-width:767px) {
	.zsection .content-wrap {
		max-width: 720px
	}

	.zone-oms ul,
	.gr-list {
		padding-left: 15px;
	}

	.zone-oms ul li:before {
		top: 20px;
	}

	.zone-oms ul li:after {
		top: 20px;
	}

	.promo-banner {
		padding: 50px 40px;
	}

	.promo-banner h3 {
		max-width: 62%;
		font-size: 22px;
	}

	.apps-head {
		padding: 15px 20px;
	}

	.apps li {
		width: 100%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.os-banner {
		padding: 40px;
	}

	.os-banner p {
		max-width: 60%;
	}

	.os-banner img {
		right: 0;
		-webkit-transform: translateY(-50%) scale(.5);
		        transform: translateY(-50%) scale(.5);
	}

	.highlights-oms .content-wrap>.inner {
		padding: 35px;
	}

	.highlights-oms .gr-list {
		padding-left: 10px;
	}

	.promo-banner a {
		font-size: 13px;
		margin-top: 15px;
	}

}

@media(max-width:640px) {
	.zsection .content-wrap {
		max-width: 620px
	}

	.cta {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 15px;
	}

	.cta a {
		margin: 0 !important;
	}

	.promo-banner {
		padding: 40px 40px 0px;
		text-align: center;
	}

	.apps-list .apps-box>p,
	.zone-oms ul li,
	.gr-list li {
		font-size: 16px;
	}

	.apps-list {
		padding: 30px 40px;
	}

	.apps-list .apps-box:after {
		margin: 30px 0;
	}

	.apps-list .apps-box h4 {
		font-size: 20px;
	}

	.os-banner img {
		right: -10%;
		-webkit-transform: translateY(-50%) scale(.5);
		        transform: translateY(-50%) scale(.5);
	}

	.os-banner p {
		font-size: 16px;
	}

	.promo-banner h3 {
		max-width: 80%;
		margin: 0px auto 15px;
	}

	.promo-banner .growing-business-img {
		position: relative;
		text-align: center;
		margin: 30px auto 0px;
		width: 90%;
	}

	.promo-banner .growing-business-img img {
		margin-right: -20%;
		margin-bottom: -10%;
	}
}

@media(max-width:480px) {
	.zsection .content-wrap {
		max-width: 430px
	}

	h1,
	h1.center {
		font-size: 24px;
	}

	.zone-oms h2.head-title {
		font-size: 20px;
	}

	.apps-list .apps-box>p,
	.zone-oms ul li,
	.gr-list li {
		font-size: 15px;
	}

	.zone-oms ul,
	.gr-list {
		padding-left: 0;
	}

	.promo-banner h3,
	.os-banner p {
		max-width: 100%;
	}

	.os-banner img {
		display: none;
	}

	.promo-banner {
		padding: 30px 20px;
	}

	.promo-banner a {
		font-size: 12px;
	}

	.promo-banner .growing-business-img img {
		margin-right: -10%;
		margin-bottom: -20%;
	}

	.apps-list {
		padding: 25px;
	}

	.os-banner {
		padding: 30px;
	}

	.highlights-oms .content-wrap>.inner {
		padding: 25px;
	}

	.highlights-oms .gr-list {
		padding-left: 0;
	}

	.zsection p.sub-cont {
		font-size: 10px;
	}
}