@charset "utf-8";


.stroke-text{
    color: white;
    stroke-width: 1px black;
    -webkit-text-stroke: #000 1px;

}
.astoundGenericButton {
    display: inline-block; /* Ensures proper spacing */
    margin-top: 1rem; /* Adjust as needed */
}


	/* GENERAL PAGE */
	.astoundServicesLanding{
		box-sizing: border-box;
		margin-bottom:0px;
	}
	/* GENERAL PAGE END */
		
	/* TOP HEADER START */
		
	.astoundServeHeaderContainer {
		display: flex; flex-direction: row; width:100%;
	}
	.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);
	}
	.astoundServeHeaderCircleLeftContainer{
		display: none;
	}
	.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;
	}
	.astoundServeHeaderCircleLeftHolderBuild .astoundServicesHeaderCircleBaseT{
		display:none;
	}
	.astoundServeHeaderCircleLeftHolderBuild .astoundServicesHeaderCircleBaseB{
		height:calc(100% - var(--astoundCircleDefaultDiameter));
	}
	.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;
	}
	.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;
	}
		
	/* TOP HEADER END */
	
@media (max-width: 1340px) {
	
	/* TOP HEADER START */

	.astoundServeHeaderCircleLeftContainer{
		display: flex; align-items: center; width:var(--astoundCircleDefaultDiameter); transform: translateX(-30px);
		
		padding-top:var(--astoundDefaultElementPadding);
	}
	.astoundServeHeaderMainContainerBuild{
		flex-direction: column;
	}
	.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:none;
	}

	.astoundServeHeaderMainContainerBuildDescContain{
		width:100%;
		max-width:100vw;
		padding-top:10px;
		padding-bottom:var(--astoundDefaultElementPadding);
		padding-left:0px;
		padding-right:var(--astoundDefaultElementPadding);
	}
	
	/* TOP HEADER END */
	
	
}
		
	/* TOP FEATRED IMAGE CONTAINER START */
		
	.astoundServicesFeaturedContainer{
		width:100vw;
		height:50vh;
		background-color:#ccc;
		background-position: center;
		background-size: cover;
	}
	/* TOP FEATRED IMAGE CONTAINER END */

	.astoundServicesDescriptionContainer{
		background-color:var(--astoundBlack);
		color:var(--astoundWhite);
		text-align: center;
		text-wrap: balance;
		display:flex;
		padding:var(--astoundDefaultSectionMargin);
		width:100%;
	}	
	.astoundServicesDescriptionContainerMain{
        /* padding-right:var(--astoundDefaultSectionMargin); */
        width:80%;
        padding-right: 150px;
    }

	.astoundServicesDescriptionContainerBullets{
		width:20%;
		
	}
	
		
		
		/* PRODUCT GRID */
		
		.astoundProductGridSection{
			background-color:#fff;
			
		}
		.astoundProductGridSection.astoundProductGridSectionDark{
			background-color:var(--astoundBlack);
			color:var(--astoundWhite);
		}
		.astoundProductGridContainer{ 
			display: flex;
			flex-direction: row;
			align-items: center;
			padding:4em;
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridContainer{
			padding:0em;
		}
		.astoundProductGridSection.astoundProductGridSectionReverse .astoundProductGridContainer{
			flex-direction: row-reverse;
		}
		.astoundProductGridItem{
			display:flex;
			align-items:center;
			width:50%;
		}
		.astoundProductGridItemImage{
			width:100%;
			height:auto;
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridContainer{
			align-items: stretch;
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridItemImage{
			width:100%;
			height:100%;
			min-height:40vh;
			background-size: cover;
			background-position: center;
		}
		.astoundProductGridItemImage img{
			width:100%;
			height:auto;
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridItemImage img{
			width:100%;
			height:auto;
			opacity:0.0;
			display:none;
		}
		.astoundProductGridItemDescription{
			padding:4em;
			
		}
		.astoundProductGridItemDescription h1,.astoundProductGridItemDescription h2,.astoundProductGridItemDescription h3,.astoundProductGridItemDescription h4,.astoundProductGridItemDescription h5{
			text-wrap: balance;
		}
		.astoundProductGridItemDescription p{
			orphans: 2;
			widows: 2;
			
		}
		
@media (max-width: 992px) {
		.astoundProductGridContainer{
			flex-direction: column;
			padding:2em;
		}
		.astoundProductGridSection.astoundProductGridSectionReverse .astoundProductGridContainer{
			flex-direction: column;
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridContainer{
			padding:0em;
		}
		.astoundProductGridItem{
			width:100%;
		}
		.astoundProductGridItemDescription{
			padding-left:0em;
			padding-right:0em;
			padding-top:2em;
			
		}
		.astoundProductGridSection.astoundProductGridContainerFullImage .astoundProductGridItemDescription{
			padding-left:2em;
			padding-right:2em;
			padding-top:4em;
			
		}
}
		
		
		
		/* Product Details BEGIN */
		.astoundProductDetailSection{
			padding-top:6rem;
			padding-bottom:6rem;
		}
		.astoundProductDetailSectionDark{
			color:#fff;
			background-color:#111;
		}
		.astoundProductDescription {
			border-bottom:solid 1px #111;
			padding-left:4rem;
			padding-right:4rem;
			padding-bottom:1rem;
			width:50%;
			
		}
		.astoundDescriptionBottomContainer{
			border-left:solid 1px #111;
			margin-left:4rem;
			padding-left:0rem;
			padding-top:2rem;
			display: flex;
			flex-direction: row;
			gap:4em;
			
		}
		.astoundProductSplitGrid{
			width:50%;
		}
		.astoundProductSplitGrid h4{
			border-top:solid 1px #111;
			padding-top:2rem;
			margin-top:1em;
			
		}
		.astoundProductSplitGrid h4:first-child{
			margin-top:0em;
			
		}
		.astoundProductDetailSectionDark .astoundProductDescription{
			border-bottom:solid 1px #fff;
		}
		.astoundProductDetailSectionDark .astoundDescriptionBottomContainer{
			border-left:solid 1px #fff;
		}
		.astoundProductDetailSectionDark .astoundProductSplitGrid h4{
			border-top:solid 1px #fff;
		}
		.astoundProductSplitGridMargin h1,.astoundProductSplitGridMargin h2,.astoundProductSplitGridMargin h3,.astoundProductSplitGridMargin h4,.astoundProductSplitGridMargin h5,.astoundProductSplitGridMargin p{
			padding-left:2rem;
		}
		.astoundProductSplitGridMargin h5{
			margin-bottom:.5rem;
			margin-top:2rem;
		}
		
		.astoundProductSplitGridMargin h5:first-child{
			margin-bottom:2rem;
			margin-top:0rem;
			
		}
		.astoundProductSplitGridMargin ul{
			margin-left:2rem;
		}
		.astoundProductSplitGridMargin ul ul{
			margin-left:-1rem;
			list-style-type:"- ";
		}
		.astoundProductSplitGridMargin img{
			width:100%;
			height:auto;
			padding-right:0rem;
			padding-bottom:2rem;
			transform: translateY(0rem);
		}
		
		.astoundDescriptionBottomContain .astoundDescriptionBottomContainer:first-child .astoundProductSplitGridMargin img{
			transform: translateY(-7rem);
		}
		

		.astoundDescriptionBottomContain .astoundDescriptionBottomContainer:first-child .astoundProductSplitGridMargin h4:first-child{
			border-top: 0px;
			padding-top:0em;
			
		}

@media (max-width: 992px) {
		.astoundProductDetailSection{
			margin-top:3rem;
			margin-bottom:3rem;
		}
		.astoundProductDescription {
			width:90%;
			padding-left:2rem;
			padding-right:2rem;
			
		}
		.astoundDescriptionBottomContainer{
			flex-direction: column;
			margin-left:2rem;
			margin-right:1rem;
			padding-left:0rem;
			gap:1rem;
			
		}
		.astoundProductSplitGrid{
			width:90%;
		}
		.astoundProductSplitGridMargin img{
			width:100%;
			height:auto;
			padding-left:2rem;
			padding-right:2rem;
			padding-bottom:2rem;
			transform: translateY(0rem);
		}
		
		.astoundDescriptionBottomContain .astoundDescriptionBottomContainer:first-child .astoundProductSplitGridMargin img{
			transform: translateY(0rem);
		}
	
		.astoundDescriptionBottomContainer .astoundProductSplitGrid:last-child .astoundProductSplitGridMargin h4:first-child{
			border-top:solid 1px #111;
			padding-top:2rem;
			
		}

}
		
/* Product Details END */
		
/* Multi Column BEGIN */
	.astoundProductMultiCol{
		padding-top:6rem;
		padding-bottom:6rem;
		padding-left:6rem;
		padding-right:6rem;
	
	}
	.astoundProductMultiCol.astoundProductMultiColDark{
		background-color:var(--astoundBlack);
		color:var(--astoundWhite);
	}
	.astoundProductMultiColContainer{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap:3rem;
   		 justify-content: flex-start;
	}
	.astoundProductMultiColumn{
		flex: 0 0 calc(100%);
		display: flex;
		flex-direction: column;
	}

	
.astoundProductMultiColContainer:has(:nth-child(2):last-child) > .astoundProductMultiColumn {
    flex: 0 0 calc(50% - (1 * 3rem) / 2);
}

.astoundProductMultiColContainer:has(:nth-child(3):last-child) > .astoundProductMultiColumn {
    flex: 0 0 calc(33.33% - (2 * 3rem) / 3);
}

.astoundProductMultiColContainer:has(:nth-child(4):last-child) > .astoundProductMultiColumn {
    flex: 0 0 calc(25% - (3 * 3rem) / 4);
}


	
	
	.astoundProductMultiColumnImage{
		margin-bottom:2rem;
	}
	.astoundProductMultiColumnImage img{
		width:100%;
		height:auto;
	}
	
@media (max-width: 1200px) {
	.astoundProductMultiCol{
		padding-left:4rem;
		padding-right:4rem;
	
	}
}
@media (max-width: 992px) {
	.astoundProductMultiCol{
		padding-left:2rem;
		padding-right:2rem;
	
	}
	.astoundProductMultiColContainer:has(:nth-child(2):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(50% - (1 * 3rem) / 2);
	}

	.astoundProductMultiColContainer:has(:nth-child(3):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(50% - (1 * 3rem) / 2);
	}

	.astoundProductMultiColContainer:has(:nth-child(4):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(50% - (1 * 3rem) / 2);
	}


}
	
@media (max-width: 576px) {
	.astoundProductMultiColContainer:has(:nth-child(2):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(100%);
	}

	.astoundProductMultiColContainer:has(:nth-child(3):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(100%);
	}

	.astoundProductMultiColContainer:has(:nth-child(4):last-child) > .astoundProductMultiColumn {
		flex: 0 0 calc(100%);
	}

}
/* Multi Column END */

		
/* Case Study BEGIN */
		.astoundProductFullSection{
		margin-bottom:6rem;
			
		}
		
	.astoundProductFullSectionTitle{
		padding-left:4rem;
		padding-right:4rem;
		padding-bottom:1rem;
		text-wrap: balance;
	}
		
	.astoundProductFullContainer{
		width:100%;
		height:45vh;
		position: relative;
	}
	.astoundProductFullContainer.astoundProductFullContainerInline{
		width:50%;
		height:45vh;
	}
	.astoundProductFullContainerImage{
		position: absolute;
		z-index:10;
		width:100%;
		height:100%;
		background-position: center;
		background-size: cover;
	}
	.astoundProductFullContainerText{
		position: absolute;
		z-index:100;
		padding-left:65%;
		padding-right:4rem;
		padding-top:4rem;
		padding-bottom:2rem;
		width:100%;
		height:100%;
		color:#fff;
	    background: linear-gradient(
			to right, 
			rgba(0, 0, 0, 0) 10%,
			rgba(0, 0, 0, 0.2) 50%,
			rgba(0, 0, 0, 0.5) 60% 
	    );
		text-wrap: balance;
	}
	.astoundProductFullContainer.astoundProductFullContainerInline .astoundProductFullContainerText{
		position: absolute;
		z-index:100;
		padding-left:4rem;
		padding-right:65%;
		padding-top:4rem;
		padding-bottom:2rem;
		width:100%;
		height:100%;
		color:#fff;
	    background: linear-gradient(
			to left, 
			rgba(0, 0, 0, 0) 10%,
			rgba(0, 0, 0, 0.5) 60% 
	    );
		text-wrap: balance;
	}
	.astoundProductFullSection.astoundProductFullSectionRight .astoundProductFullContainerText{
		padding-right:65%;
		padding-left:4rem;
	    background: linear-gradient(
			to left, 
			rgba(0, 0, 0, 0) 10%,
			rgba(0, 0, 0, 0.2) 50%,
			rgba(0, 0, 0, 0.5) 60% 
	    );
	}
	.astoundProductFullContainerText h5{
		margin-bottom:1rem;
	}
	
	
@media (max-width: 992px) {
	.astoundProductFullSectionTitle{
		padding-left:2rem;
		padding-right:2rem;
		padding-bottom:1rem;
		text-wrap: balance;
	}
	.astoundProductFullContainer{
		width:100%;
		height:auto;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.astoundProductFullContainerImage{
		position: relative;
		z-index:10;
		width:100%;
		height:40vh;
		background-position: center;
		background-size: cover;
	}
	.astoundProductFullContainerText, .astoundProductFullSection.astoundProductFullSectionRight .astoundProductFullContainerText{
		position: relative;
		background: #111;
		padding-left:3rem;
		padding-right:3rem;
		padding-top:3rem;
		padding-bottom:3rem;
	}
	
	
}
		/* Case Study END */


	.astoundProductFullContainerColumns{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap:1rem;
		
	}
	.astoundProductFullContainerColumns img{
		width:auto;
		height:450px;
	}
	
	.astoundProductFullContainer.astoundProductFullContainerInline{
		width:50%;
		height:450px;
	}
		
@media (max-width: 1200px) {
	.astoundProductFullContainer.astoundProductFullContainerInline{
		width:50%;
		height:350px;
	}
	.astoundProductFullContainerColumns img{
		width:auto;
		height:350px;
	}
}
@media (max-width: 992px) {
	.astoundProductFullContainer.astoundProductFullContainerInline{
		width:100%;
		height:300px;
	}
	.astoundProductFullContainerColumns img{
		width:auto;
		height:300px;
	}
}
@media (max-width: 576px) {
	.astoundProductFullContainer.astoundProductFullContainerInline{
		width:100%;
		height:350px;
	}
	.astoundProductFullContainerColumns{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		gap:1rem;
		
	}
	.astoundProductFullContainerColumns img{
		width:100%;
		height:auto;
		padding:2em;
		padding-top:0em;
	}
}