.zw-product-header{
	background: #15882E; 
	}
	.zbanner{
		background: #15882E; 
	}
	
	.zbanner .top-wrap{
		max-width: 960px;
		margin: 0 auto 64px;
		color: #fff;
	}
	.top-wrap p{
		max-width: 750px;
		margin: auto auto 20px;
		color: #CCF0D3;
	}
	.zf-wrap {
        background: #FFF;
        box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.25);
        max-width: 996px;
        margin: 0 auto -160px;
        padding: 37px 24px 37px 15px;
        border-radius: 5px;
        box-sizing: border-box;
        height: 100%;
	}
	.zf-wrap .zcol-3{
		max-width: calc(25.5% - 6px);
		flex-basis:calc(25.5% - 6px);
	}
	.zf-wrap .zcol-5{
		max-width: calc(75.5% - 6px);
		flex-basis:calc(75.5% - 6px);
	}
    .zf-wrap .lhs{
        text-align: center;
    }
	/* .zf-wrap h3 {
		margin-bottom: 32px;
	} */
	
	.zf-wrap ul li {
		padding-left: 32px;
		position: relative;
		width: 47%;
		color: #222;
		font-size: 18px;
		line-height: 22px;
		font-family: var(--zf-secondary-medium);
	}
	.zf-wrap ul li{
	    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0, #CCC 50%, rgba(102, 102, 102, 0.00) 100%);
    border-image-slice: 1;
	}
	.zf-wrap ul li:nth-child(3),.zf-wrap ul li:nth-child(4){
		border-image: none;
        padding-bottom: 0;
        margin-bottom: 0;
	}
	.zf-wrap ul li:before{
		position: absolute;
		content: '';
	}
	
	.zf-wrap ul li:before {
		width: 24px;
		height: 24px;
		background: url(/sites/zweb/images/fsm/features/fea-tick.svg) no-repeat 0px 0px/100%;
		left: 0;
		top: 2px;
	}
	/* .zf-wrap ul li:after{
		width: 10.5px;
		height: 5.5px;
		border-bottom: 2px solid #fff;
		border-left: 2px solid #fff;
		left: 5px;
		top: 8px;
		transform: rotate(-40deg);
	} */
	.zwc-asset-management{
		padding-top: 264px;
		padding-bottom: 0;
		background: #EDEDED;
	}
	
	/* .zam-wrap .rhs img{
		display: block;
		max-width: 100%;
		width: 90%;
	} */
	
	.zwc-features.zsection{
		padding-top: 210px;
	}
	.zf-box{
		margin-bottom: 120px;
	}
	.zf-box4{
		margin-bottom: 0;
	}
	.zf-box h3{
		max-width: 800px;
		margin: auto auto 20px;
	}
	.zf-box p{
		max-width:980px;
		margin: 0 auto 32px;
	}
	.zwc-img-block img{
		opacity: 0;
		transition: all .7s ease-in;
	
	}
	.zwe-om .zwc-img-block img{
		opacity: 1;
	
	}
	.zbottom{
		background: #131515;
		color: #fff;
	}
	
	@media only screen and (max-width: 1399px) {
	
	}
	@media only screen and (max-width: 1199px) {
		.zwc-img-block img {
			max-width: 80%;
			margin: auto;
		}
	   .zbottom .content-wrap{
			max-width: 400px;
		}
	}
	
	@media only screen and (max-width: 991px) {
		.zbanner .top-wrap {
			max-width: 600px;
		}
		.zf-box p {
			max-width: 600px;
		}
		/* .zam-wrap .lhs img {
			width: 95%;
		} */
		.zf-wrap .lhs {
			text-align: center;
		}
	
		.zf-wrap .zcol-5,
		.zf-wrap .zcol-3 {
			max-width: calc(100% - 6px);
			flex-basis: calc(100% - 6px);
		}
		.zwc-img-block img{
			max-width: 85%;
		}
		.zf-box {
			margin-bottom: 64px;
		}
		.zf-wrap{
			gap: 24px;
		}
		.zf-wrap ul li {
			width: 48%;
			max-width: 90%;
		}
	
	
		.zf-wrap h3 {
			text-align: center;
		}
	
		.zf-wrap.zjs-bt {
			justify-content: center;
		}
	
		.zf-wrap ul {
			max-width: 100%;
			margin: auto;
		}
	
		.zf-wrap ul li:after {
			width: 12px;
			height: 6px;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		/* .zam-wrap.zsm-col{
			flex-direction: column-reverse;
		} */
		.zf-wrap ul li {
			width: 100%;
		}
		.zf-wrap ul li:last-child {
			border-image: none;
		}
		.zam-wrap.zsm-col {
			flex-direction: column-reverse;
		}
		.zwc-asset-management {
			padding-top: 164px;;
		}
		
		.zwc-img-block img{
			max-width: 100%;
		}
		.zf-wrap ul li{
			width: 100%;
			max-width: 100%;
		}
		.zf-wrap ul li:nth-child(3){
			border-image: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0, #CCC 50%, rgba(102, 102, 102, 0.00) 100%);
			border-image-slice: 1;
		}
		.zf-wrap ul li:nth-child(4){
			border-image: none;
		}
	
	}
    @media only screen and (min-width: 768px) {
        .zf-wrap ul li:not(:last-child){
            min-height: 62px;
        }
    }
	@media only screen and (min-width: 1200px) {
		.break {
			display: block;
		}
		h1 {
			font-size: 56px;
			line-height: 64px;
			letter-spacing: -2px;
			font-family: var(--zf-secondary-medium);
		}
	
		p{
			font-size: 18px;
			line-height: 32px;
			letter-spacing: -.18px;
		}
		h2{
			font-size: 48px;
			line-height: 56px;
			letter-spacing: -2px;
			font-family: var(--zf-secondary-medium);
		}
		h3{
			font-size: 40px;
			line-height: 48px;
			letter-spacing: -1.5px;
			font-family: var(--zf-secondary-medium);
		}
	
	
	}