@charset "utf-8";
/* CSS Document */

	.astoundServicesLanding{
		box-sizing: border-box;
		margin-bottom:var(--astoundDefaultSectionMargin);
	}
	.astoundServicesHeaderContainer h2{
		font-family: var(--astound-h5-font-family);
		font-weight: var(--astound-h5-font-weight);
		font-size: var(--astound-h5-font-size);
		line-height: var(--astound-h5-line-height);
		text-transform: var(--astound-h5-text-transform);
		
	}
	.astoundServicesFeaturedContainer{
		width:100vw;
		height:50vh;
		background-color:#ccc;
		background-position: center;
		background-size: cover;
	}
	.astoundServicesDescriptionContainer{
		background-color:var(--astoundBlack);
		display:flex;
		padding:var(--astoundDefaultSectionMargin);
		width:100%;
	}	
	.astoundServicesDescriptionContainerMain{
        /* padding-right:var(--astoundDefaultSectionMargin); */
        width:80%;
        padding-right: 150px;
    }
	.astoundServicesDescriptionContainerMain h1, .astoundServicesDescriptionContainerMain h2{
		text-wrap:balance;
	}

	.astoundServicesDescriptionContainerBullets{
		width:20%;
		
	}
	
	
@media (max-width: 992px) {
	.astoundServicesDescriptionContainer{
		background-color:var(--astoundBlack);
		display:flex;
		flex-direction: column;
		padding:var(--astoundDefaultSectionMargin);
		width:100%;
	}	
	
	.astoundServicesDescriptionContainerMain{
		padding-right:0px;
		padding-bottom:var(--astoundDefaultSectionMargin);
		width:100%;
		
	}
	.astoundServicesDescriptionContainerBullets{
		width:100%;
		
	}

}
	
	
	.astoundServicesDescriptionContainer h2, .astoundServicesDescriptionContainer h3, .astoundServicesDescriptionContainer p, .astoundServicesDescriptionContainer li{
		color:var(--astoundWhite);
	}	
	
	.aastoundServicesDescriptionContainer h2{
		font-family: var(--astound-h4-font-family);
		font-weight: var(--astound-h4-font-weight);
		font-size: var(--astound-h4-font-size);
		line-height: var(--astound-h4-line-height);
		text-transform: var(--astound-h4-text-transform);
	}
	.astoundServicesDescriptionContainer h3{
		font-family: var(--astound-h5-font-family);
		font-weight: var(--astound-h5-font-weight);
		font-size: var(--astound-h5-font-size);
		line-height: var(--astound-h5-line-height);
		text-transform: var(--astound-h5-text-transform);
	}
	
	.astoundServicesHeaderContainer{
		display: flex;
		width:100%;
		background-color:#ccc;
		align-items: center;
	}
	.astoundServicesHeaderTitleContainer{
		display: flex;
		flex-direction: row;
		width: calc(50% + var(--astoundCircleDefaultRadius));
		background-color:#ccc;
	}
	.astoundServicesHeaderTitle{
		padding-top:var(--astoundDefaultElementPadding);
		padding-bottom:var(--astoundDefaultElementPadding);
		text-align: right;
		padding-left:40px;
		padding-right:40px;
		
	}

	.astoundServicesHeaderCircle{
		width:var(--astoundCircleDefaultDiameter);
		height:var(--astoundCircleDefaultDiameter);
		border:solid 2px red;
		border-radius: var(--astoundCircleDefaultRadius);
	}
	.astoundServicesHeaderCircleBaseT{
		height:calc(50% - var(--astoundCircleDefaultRadius));
		width:2px;
	}
	.astoundServicesHeaderCircleBaseB{
		height:calc(50% - var(--astoundCircleDefaultRadius));
		width:2px;
		border-right: solid 2px red;
	}

	.astoundServeHeaderContainer {
		display: flex; flex-direction: row; width:100%;
	}


.astoundCircleColorBlue{
	border-color:var(--astoundBlue);
} 
.astoundCircleColorPink{
	border-color:var(--astoundPink);
} 
.astoundCircleColorRed{
	border-color:var(--astoundRed);
} 
.astoundCircleColorRed2{
	border-color:var(--astoundRed2);
} 
.astoundCircleColorRed3{
	border-color:var(--astoundRed3);
} 
.astoundCircleColorOrange{
	border-color:var(--astoundOrange);
} 
.astoundCircleColorOrange2{
	border-color:var(--astoundOrange2);
} 
.astoundCircleColorGold{
	border-color:var(--astoundGold);
} 
.astoundCircleColorYellow{
	border-color:var(--astoundYellow);
} 
.astoundCircleColorTeal{
	border-color:var(--astoundTeal);
} 
.astoundCircleColorBlack{
	border-color:var(--astoundBlack);
} 
.astoundCircleColorWhite{
	border-color:var(--astoundWhite);
} 


	
	.astoundServeHeaderCircleLeftContainer{
		display: none; align-items: center; width:var(--astoundCircleDefaultDiameter);
	}
	.astoundServeHeaderCircleLeftHolder{
		display: flex; flex-grow:1; height:100%; width:var(--astoundCircleDefaultDiameter); flex-direction: column;
	}
	.astoundServeHeaderCircleLeftHolderBuild{
		flex-grow:1; width:100%; display: flex;flex-direction: column; align-items: center;
	}
	
	.astoundServeHeaderMainContainer{
		display: flex; flex-direction: row;
		flex-grow: 1;
	}
	.astoundServeHeaderMainContainerBuild{
		display: flex; flex-direction: row;
		width:100%;
	}
	.astoundServeHeaderMainContainerBuildTitle{
		width:calc(50% - var(--astoundCircleDefaultRadius)); display: flex; align-items: center;
		padding-top:var(--astoundDefaultElementPadding);
		padding-bottom:var(--astoundDefaultElementPadding);
		flex-direction: row-reverse;
		text-align: right;
	}
	.astoundServeHeaderMainContainerBuildTitleContain{
		max-width:600px;
		padding-left:0px;
		padding-right:30px;
	}
	.astoundServeHeaderMainContainerBuildCircleContain{
		display: flex; width:var(--astoundCircleDefaultDiameter); flex-direction: column;
	}
	.astoundServeHeaderMainContainerBuildCircleContainSub{
		flex-grow:1; width:100%; display: flex;flex-direction: column; align-items: center;
	}
	.astoundServeHeaderMainContainerBuildDescContain{
		width:calc(50% - var(--astoundCircleDefaultRadius)); display: flex; align-items: center;
		max-width:600px;
		padding-top:var(--astoundDefaultElementPadding);
		padding-bottom:var(--astoundDefaultElementPadding);
		padding-left:30px;
		padding-right:0px;
	}
	
	
	.astoundServeHeaderContainer h2{
		font-family: var(--astound-h5-font-family);
		font-weight: var(--astound-h5-font-weight);
		font-size: var(--astound-h5-font-size);
		line-height: var(--astound-h5-line-height);
		text-transform: var(--astound-h5-text-transform);
		
	}
	
	.astoundServeHeaderCircleLeftHolderBuild .astoundServicesHeaderCircleBaseT{
		display:none;
	}
	.astoundServeHeaderCircleLeftHolderBuild .astoundServicesHeaderCircleBaseB{
		height:calc(100% - var(--astoundCircleDefaultDiameter));
	}

	

	
	
	
	
@media (max-width: 1340px) {
	.astoundServeHeaderCircleLeftContainer{
		display: flex; align-items: center; width:var(--astoundCircleDefaultDiameter); transform: translateX(-30px);
		
		padding-top:var(--astoundDefaultElementPadding);
	}
	.astoundServeHeaderMainContainer{
		flex-grow: 1;
	}
	.astoundServeHeaderMainContainerBuild{
		display: flex; flex-direction: column;
		width:100%;
	}
	.astoundServeHeaderMainContainerBuildTitle{
		width:100%; display: flex; align-items: center;
		padding-top:var(--astoundDefaultElementPadding);
		padding-bottom:0px;
		flex-direction: row;
		text-align: left;
	}
	.astoundServeHeaderMainContainerBuildTitleContain{
		padding-left:0px;
		padding-right:0px;
		
	}
	.astoundServeHeaderMainContainerBuildCircleContain{
		display: flex; width:var(--astoundCircleDefaultDiameter); flex-direction: column; display:none;
	}
	.astoundServeHeaderMainContainerBuildCircleContainSub{
		flex-grow:1; width:100%; display: flex;flex-direction: column; align-items: center;
	}
	.astoundServeHeaderMainContainerBuildDescContain{
		width:100%; display: flex; align-items: center;
		padding-top:10px;
		padding-bottom:var(--astoundDefaultElementPadding);
		padding-left:0px;
		padding-right:var(--astoundDefaultElementPadding);
		max-width:100vw;
	}
}
 
@media (min-width: 768px) {

}
 
@media (min-width: 992px) {


}
 
@media (min-width: 1200px) {
}


	.astoundServicesDescriptionContainerBullets ul{
		list-style: none;
		padding:0px;
		position: relative;
		margin-top:20px
		
	}
	.astoundServicesDescriptionContainerBullets ul::before{
	  	content: '';
		position: absolute;
		width:100vw;
		height:1px;
		border-top:solid 1px var(--astoundWhite);
	}
	.astoundServicesDescriptionContainerBullets li{
		margin-top:8px;
		position:relative;
		
	}
	.astoundServicesDescriptionContainerBullets li a{
		text-decoration: underline;
		color: #ccc;
		
		
	}
	.astoundServicesDescriptionContainerBullets li:first-child{
		padding-top:20px;
		
	}