@charset "utf-8";
/* CSS Document */
@media all{
.about-hero{min-height:50vh;}
.about-hero-caption{padding: var(--gap-margins);}
.about-hero h1{font-size: calc(var(--HeadingOne) - 1rem); max-width: 80%;}
.about-hero h1 span{font-weight: 500;}

.about-content-gap{row-gap:4rem;}
.about-content{padding: var(--gap-margins);}
.about-m-icon img{max-width:40px;}

.about-content-inner-grid{grid-template-columns:45% 1fr; column-gap:2rem; row-gap: 2rem;}
.about-content-inner-grid.onx-key-word{grid-template-columns:40% 1fr; column-gap:2rem; row-gap: 2rem;}
.about-content-inner-grid.two-col-grid{grid-template-columns:1fr 45%; column-gap: 5rem;}

.about-content-inner-grid h2{color: var(--PrimaryClr); font-size: calc(var(--HeadingTwo) - 1rem);}
.about-content-inner-grid h3{color: var(--PrimaryClr); font-size: calc(var(--HeadingTwo) - 1rem); font-weight: 500;}

.about-content-inner-grid p, 
.about-content-inner-grid li{color: var(--GrayClr);font-family: var(--HeadingFont); font-size: 1.1rem; letter-spacing:0.2px;}

.about-content-inner-grid ul{list-style: none; padding: 0px; margin: 0px;}
.about-content-inner-grid li{position: relative; padding-left: 20px; padding-bottom:8px; color: #4e4e4e;}
.about-content-inner-grid li:before{content: ''; position: absolute; left: 0px; top:10px;  width: 5px; height: 5px; background: var(--PrimaryClr);}
.about-content-inner-grid_devider{height: 1px; background: var(--BorderClr); opacity: 0.15;}

.grow-with-us-outer{background:url('../images/portfolio/grow-us-bg.jpg') repeat left top; border-radius: 6px; padding:8rem 4rem 5rem 4rem; max-width: 90%; margin: 0 auto;}
.grow-with-us-outer h2{font-weight: 500;}
.grow-with-us-outer p{font-family: var(--HeadingFont);}
.about-gallery{grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 1rem; column-gap: 1rem;}

}

@media (max-width:1200px) {
	.about-hero{display: flex;}
	.about-hero img{height: 100%; object-fit: cover;}
	.about-hero h1{font-size: calc(var(--HeadingTwo) - 0.5rem); max-width: 100%;}

	.about-content-inner-grid{grid-template-columns:35% 1fr;}
}

@media (max-width:767px) {
	.about-content-gap{row-gap:2rem;}
	.about-hero h1{font-size: calc(var(--HeadingTwo) - 1rem); max-width: 80%;}

	.about-content-inner-grid h2{margin-bottom: 0px;}
	.about-content-inner-grid{grid-template-columns:1fr; row-gap: 2rem;}

	.grow-with-us-outer{padding:3rem 1rem 3rem 1rem; max-width: 100%;}
	.about-gallery{grid-template-columns: 1fr 1fr;}
}