.sub-services-header {
    display: flex;
	z-index: 2;
	/*justify-content:space-between;*/
	height:600px;
	margin: 0 auto;
	
}

.sub-service-image {
    max-width: 100%;
	overflow:hidden;
}
.sub-service-content {
    max-width: 569px;
	margin-left:5rem;
	margin-right:auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.sub-service-content .sub-title {
    font-family: Lato,sans-serif;
    font-size: 18px;
    line-height: 46px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 900;
    color: #0180DE;
}
.sub-service-content .title {
    font-family: 'Work Sans';
	font-weight:800;
	line-height:54px;
	font-size: 50px;
	color: #121212;
	position:relative;
	max-width:500px;
}
	.sub-service-content h1.title:before {
    height: 14px;
    /*background-color: rgba(1, 128, 222, 0.21);*/
    position: absolute;
    content: "";
    width: 0%;
    bottom: 6px;
    transition: all 0.3s ease-in-out;
}
.sub-service-image {
    width: 50%;
    /*height: 501px;*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	display:flex;
}
	.sub-service-content h1.title.line:before{
		width:76%;
	}
.sub-service-content p {
    color: rgba(18, 18, 18, 0.87);
    font-family: Lato, sans-serif;
    font-size: 16px;
    letter-spacing: -0.13px;
	padding-top:9px;
	max-width:439px;
	line-height: 28px;
	
}
.sub-service-content a {
    background-color: #0180DE;
    padding: 14px;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
}
	.sub-service-content a:hover {
		background-color:#006DBD;
	}
	.sub-service-content a:active {
		background-color:#005593;
	}
.sub-service-content .sub-cta-section {
	padding-top:25px;
	<?php if(!block_rows('metrics')){
	echo "padding-bottom:4rem;";
}
	?>">
}
.sub-metric-item {
    max-width: 252px;
    margin-right: 31px;
	margin-left: 31px;
	display:flex;
	align-items:center;
	gap:10px;
}
.sub-metric-item p {
    font-family: Lato, sans-serif;
    font-size: 12px;
    color: rgba(18, 18, 18, 0.7);
    text-align: left;
    line-height: 16px;
	padding-top:0rem;
}
div#sub-metric-num {
    font-family: 'Work Sans';
    font-weight: 800;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: -1px;
    text-align: center;
}
.sub-metrics-banner {
    background-color: #F9F9FB;
	padding: 54px 0px;
	display:flex;
	justify-content:center;
	margin:0;

    
}
	.sub-metrics-content {
		justify-content: start;
		display: flex;
	}

	.sub-service-content .sub-readmore-text-link button, .sub-service-content .sub-readless-text-link button {
		display:none;
		
	}
	.sub-service-content .sub-readless-text-link button {
    display: none;
    font-family: Lato, sans-serif;
    font-weight: 800;
    color: rgba(18, 18, 18, 0.6);
    z-index: 2;
    margin-top: 1rem;
    line-height: 20px;
    width: 100%;
    position: relative;
    text-decoration: none;
	font-size:12px;
	border:0!important;
	background-color:transparent!important;
}
	.sub-metrics-banner-mobile{
		display:none;
	}
	
	.sub-metrics-banner.no-metrics, .sub-metrics-banner-mobile.no-metrics{
		display:none!important;
	}
	img.ssh-img.sb-lazy-load{
		opacity:0;
	}
	img.ssh-img{
		opacity:1;
		object-fit:cover;
		object-position:top center;
		height:100%;
	}
	@media only screen and (min-width:1400px){
		/*.sub-services-header {
			margin-right:9%;
		}*/
	}
	
	@media only screen and (max-width:1190px){
		.sub-services-header{
			height:100%;
		}
		.sub-service-image {
			width:100%;
			height:268px;
		}
		img.ssh-img{
			height:unset;
			width:100%;
		}
		.sub-services-header {
			justify-content:center;
			flex-direction:column;
		}
		.sub-service-content {
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:3rem;
		}
		.sub-service-content p{
			margin-left: auto;
   			margin-right: auto;
		}
		.sub-metrics-banner{
			margin-top:3rem;
		}
		

	}
	@media only screen and (max-width:920px){
		.sub-service-image{
			height:240px;
			display:none;
		}
		@keyframes scroll {
	0% { transform: translateX(0); }
			/*for 100% take half of your slides*/
	100% { transform: translateX(calc(-300px * 3));}
}

		
		.sub-metrics-banner-mobile{
			overflow:hidden;
			position:relative;
			width:100%;
			padding:19px 28px;
			margin:28px 0 0;
			display:block;
			height:74px;
			background-color: #F9F9FB;
		}
		.sub-metrics-banner {
			display:none;
		}
		.sub-service-content{
			max-width:100%;		
			margin:3rem auto;
			flex-basis:100%;
			padding-top:1.5rem;
		}
		.sub-service-content .sub-title{
			font-size: 14px;
			line-height:24.25px;
			letter-spacing: 0.84px;
		}
		.sub-service-content .title {
			font-size:40px;
			line-height: 42px;
			max-width:100%;
			margin:auto;
			padding-top:4px;
		}
		.sub-service-content h1.title:before{
			left:-12px;
		}
		.sub-service-content h1.title.line:before{
			width:110%;
		}
		.sub-service-content p {
			line-height:22px;
			max-width:450px;
			margin:auto;
			
		}
		.sub-metrics-banner {
			justify-content:center;
			padding:19px 28px;
			margin-top:28px;
		}
		
		.sub-metric-item p{
			padding-top:0;
			text-align:left;
			padding-left:.5rem;
			width: 160px;
    		padding-right: 20px;
			
		}
		.sub-metric-item {
			max-width: 100%;
			width:300px;
			display: flex;
			align-items: center;
			margin-right:0px;
		}
		.sub-metrics-content2 {
			width: calc(300px * 6);
			display:flex;
			animation: scroll 40s linear infinite;

		}
		

		.sub-service-content .readmore-text-link button{
			display:block;
			font-family: Lato, sans-serif;
			font-weight: 800;
			color: rgba(18, 18, 18, 0.6);
			z-index: 2;
			margin-top: -11rem;
			width: 100%;
			padding: 90px 0px;
			background-image: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(255,255,255,0));
			position:relative;
			text-decoration:none;
			font-size:12px;
		}
		
		div#sub-metric-num{
			width:115px;
		}
	}
	@media only screen and (max-width:860px){
		.sub-readmore-text-link {display:block;}
		.sub-service-content .sub-cta-section{
			z-index:3;
			margin-top:-5rem;
			padding-bottom:20px;
			position:relative;
		}
		.sub-service-content .sub-readmore-text-link button{
			display: block;
			font-family: Lato, sans-serif;
			font-weight: 800;
			color: rgba(18, 18, 18, 0.6)!important;
			z-index: 2;
			margin-top: -1.3rem;
			line-height: 40px;
			width: 100%;
			padding-top: 25px;
			background-image: linear-gradient(to top, rgba(255,255,255,1) 70%, rgba(255,255,255,.7))!important;
			position: relative;
			text-decoration: none;
			font-size:12px;
			background-color:transparent!important;
			border:0!important;
			outline:0!important;
		
		}
		 button:focus {
			outline: none;
		}
		.sub-service-content .sub-cta-section {
			margin-top:0px;
		}
		.sub-service-content p{
			/*font-weight:900;
			max-width:246px;*/
			height: 120px;
    		overflow: hidden;
		}
		.sub-service-content p strong{
			font-weight:900;
		}
		.sub-service-content p.show-text{
			height:100%;
		}
		.sub-readmore-text-link.hide-text {
			display:none;
		}
		.sub-readless-text-link.show-btn button {
			display:block;
		}
	}
	@media only screen and (max-width:500px){
		.sub-service-content p {
			max-width:300px;			
		}
	}