.quick-connect-links-wrap {
    margin-top: 80px;
}
/*Arabic starts*/
.i18n-ar .z-three-col h3, .i18n-ar .z-three-col p {
    text-align: right;
}
.i18n-ar svg {
    left: unset;
    right: 63%;
    top: 15%;
}
.i18n-ar svg {
    transform: translate(60%, 0);
    margin: 0;
}
/*Arabic ends*/
*, :after, :before {
	box-sizing: border-box;
}
#mini-panel-product_menu .product-nav-links .menu>li>a {
/*  color: #fff; */
}
.features-item.bottom-image .image-part img {
	max-width: 80%;
}
.features-banner-wrap {
	background: #03a9f5!important;
padding: 10px 0 10px;
}
h1, .features-banner-content p {
	color: #fff;
}
.main-container-wrapper #mini-panel-product_menu {
	background: #fff;
}
section#block-block-3 {
	background: #fff;
}
.main-container-wrapper #mini-panel-product_menu {
	top: -1px;
}
.features-item .content-wrap {
    max-width: 920px;
}
.features-banner-content {
	margin: 60px auto;
	max-width: 840px;
}
#features-2 { background: #fafafa;}
svg {
    display: block;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 63%;
    top: 18%;
    transform: translate(-70%, 0);
}
path {
	fill: none;
	stroke: #000;
	stroke-width: 5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
path.w {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	-webkit-animation: write 4s linear forwards;
	animation: write 4s linear forwards;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
 @-webkit-keyframes write {
 to {
 stroke-dashoffset: 0;
}
}
 @keyframes write {
 to {
 stroke-dashoffset: 0;
}
}
.z-three-col p.cta-btn-wrap {
	text-align: center;
	margin-top: 70px;
}
#block-system-main {
	margin-top: 0;
}
.z-three-col i {
	background: url(/sites/zweb/images/sign/sign_microsoft_icon.png) no-repeat;
	background-size: 336px auto;
	width: 110px;
	height: 110px;
	font-size: 0;
	display: block;
	margin: 0 0 20px
}
.z-row.z-three-col {
	padding: 90px 0;
	width: 100%;
	background: #fff;
	display: inline-block
}
.z-three-col .across-devices i {
	background-position: 0px 0;
	width: 85px;
	height: 80px;
}
.z-three-col .anywhere i {
	background-position: -167px -1px;
	width: 90px;
	height: 80px;
}
.z-three-col .sign-doc i {
	background-position: -259px -1px;
	width: 73px;
	height: 80px;
}
.z-three-col .single-sign-in i {
	background-position: -83px -1px;
	width: 83px;
	height: 80px;
}
.z-three-col h3, .z-three-col p {
	text-align: left;
}
section.bot-banner-wrap h2 {
	text-align: center;
	margin-bottom: 40px;
}
.zflex-wrap {
	display: flex;
	flex-wrap: wrap;
	max-width: 850px;
	margin: 0 auto;
}
.z-three-col h3 {
	font-family: var(--zf-primary-semibold), 'Lato', "Open Sans", "Arial", sans-serif;
	line-height: 1.3;
	font-weight: initial;
	margin-bottom: 10px;
}
.z-three-col .column-block {
	width: 50%;
	padding: 0 30px;
	margin-top: 50px;
}

@media only screen and (max-width: 991px) {
svg {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	transform: translate(0%, 0);
}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
.features-banner-wrap .content-wrap {
	margin: 0 auto;
}
}

@media only screen and (max-width: 767px) {
.features-banner-wrap .content-wrap {
	margin: 0 auto;
}
.features-item.bottom-image .image-part img {
	max-width: 100%;
}
#block-system-main {
	margin-top: 50px;
}
.z-three-col .column-block {
	float: none;
	width: 100% !important;
	margin-bottom: 30px;
	margin-right: 0px !important;
	padding-right: 0px !important;
}
.z-three-col .column-block {
	margin-bottom: 0px;
}
div#features-2 {
	padding-bottom: 30px;
}
}

@media only screen and (max-width:500px) {
svg {
	bottom: -15%;
	transform: scale(0.8) translate(0, 0);
}
}