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

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Arabtec

-------------------------------------------------------------------*/

@import "../fonts/fonts.css";
@import "font-awesome.min.css";

/*------------------------------------------------------------------

COMMON CLASSES START 

-------------------------------------------------------------------*/

*{
	margin:0; outline:none; padding:0; text-decoration:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

body{
	font-family:'MS100', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#;
}

.clr, .clear{
 clear:both;
}
ul li {
	list-style:none;
}

p{
	line-height:24px;
}

li.clr{ clear:both; float:none !important; width:auto !important; height:auto !important; border:0 !important; background:none !important; padding:0 !important; margin:0 !important;}

img {
    max-width: 100%;
}

header{ 
	position:relative; 
	z-index:1
}

section{
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:normal;
	color:#000;
	font-family:'MS700', Arial, Helvetica, sans-serif
}

h1{
	font-size:36px;
}
h2{
	font-size:26px;
}
h3{
	font-size:18px;
}
h4{
	font-size:14px;
}
h5{
	font-size:px;
}
h6{
	font-size:px;
}

@media (min-width: 767px){
.row{
	margin:0 -15px;
}
.row:before, .row:after{
	content: " ";
    display: table;
}
.row:before{ clear:both;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.col-12 {
	width: 100%
}
.col-11 {
	width: 91.66666667%
}
.col-10 {
	width: 83.33333333%
}
.col-9 {
	width: 75%
}
.col-8 {
	width: 66.66666667%
}
.col-7 {
	width: 58.33333333%
}
.col-6 {
	width: 50%
}
.col-5 {
	width: 41.66666667%
}
.col-4 {
	width: 33.33333333%
}
.col-3 {
	width: 25%
}
.col-2 {
	width: 16.66666667%
}
.col-1 {
	width: 8.33333333%
}
}
.clr, .clear{ clear:both;}
.clearfix:before, .clearfix:after {display: table;content: " "}
.clearfix:after{clear: both}


.color-default{
	color:#d3222a !important;
}
.bg-default{ background:#d3222a !important;}
.height5 {
    height: 5px;
}

.height7{
    height: 7px;
}
.height10 {
    height: 10px;
}
.height20 {
    height: 20px;
}

.height30 {
    height: 30px;
}

.height40 {
    height: 40px;
}

.height50 {
    height: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.no-bg-img {
    background-image: none!important;
}

.no-bg {
    background: none!important;
}

.no-margin {
    margin: 0!important;
}

.no-margin-top {
    margin-top: 0!important;
}

.no-margin-right {
    margin-right: 0!important;
}

.no-margin-bottom {
    margin-bottom: 0!important;
}

.no-margin-left {
    margin-left: 0!important;
}

.no-padding {
    padding: 0!important;
}

.no-padding-top {
    padding-top: 0!important;
}

.no-padding-right {
    padding-right: 0!important;
}

.no-padding-bottom {
    padding-bottom: 0!important;
}

.no-padding-left {
    padding-left: 0!important;
}

.inline {
    display: inline-block!important;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.static {
    position: static !important;
}

.hidden-content{
	display:none;
}

.display-none{
	display:none;
}


input[type="text"]{ height:px; border:1px solid #;padding:;width: auto; margin-bottom:px;}
input[type="checkbox"]{ margin:0;}
textarea{ border:;padding:;}

.success-msg{ padding:10px; background:#e3eed8; border:1px solid #dbe6c7; margin-bottom: 10px;}

.btn{ background:none; border:0; cursor:pointer;display: inline-block; border-radius:0; color:#d0112b; font-weight:normal; font-size:15px; text-transform:uppercase;padding: 13px 30px 9px; text-align:center; line-height:20px;font-family: 'MS700'; border:solid 1px #d0112b;}
.btn:hover{ background:#d0112b; color:#fff}
.btn.btn-white{  color:#fff; border-color:#fff}
.btn.btn-white:hover{  background:#fff; color:#000 !important;}

.back-btn{ background: url(../images/arrowback.html) no-repeat 20px center #d3222a; border:0; cursor:pointer;display: inline-block; border-radius:0; color:#fff; font-weight:normal; font-size:15px; text-transform:uppercase;padding: 16px 40px 9px 50px; text-align:center; line-height:20px;font-family: 'metric-regular';}
.back-btn:hover{ background-color:#cb2128;}


.btn.btn-grey{ background:#7a7a7a; padding:13px 25px 5px;}
.btn.btn-grey:hover{ background:#d3222a;}



.pagging{text-align: center; padding:36px 0;}
.pagging li{ display:inline-block;}
.pagging li a{ background: #f9fbfc; display: block; font-size: 18px; height: 39px; line-height: 44px;  text-align: center; width: 42px; color:#78878f;font-family: 'metric-regular';}
.pagging li a:hover, .pagging li a.active{ background: #78878f; color:#fff;}
.pagging li.dots{ margin:0 12px;}

.page-vendors ol li{ margin:0 0 0 20px; margin-bottom:12px;font-family: 'MS300';line-height: 27px;font-size: 15px; position:relative;}
.page-vendors ol li ul{ padding-top:10px;}
.page-vendors ol li li{ padding-left:20px;}
.page-vendors ol li li:before{ width:7px; height:7px; border-radius:100%; background:#d0112b; content:""; position:absolute; left:0; top:9px;}






/*------------------------------------------------------------------

COMMON CLASSES END 

-------------------------------------------------------------------*/




.container{ margin:0 auto; max-width:1135px; position:relative;}
.container.small{ max-width:966px;}

.home .header .container {
    max-width: 1490px;
}



.navigation{ 
	position:fixed;  
	right:0; top:0; 
	background:rgba(33, 33, 33, 0.90); 
	z-index:1110; 
	display:none;
	height:100vh;
	padding:21px 0 0 0;
	width:325px;
}

.navigation .nav-btn-close{ 
	width: 28px;
    height: 38px;
	float:right;
    color: #c8cacc;
	margin:0 30px;
}
.navigation .nav-btn-close i{  
	width:38px; 
	height:38px; 
	font-size:33px;
}
.navigation ul  {
	padding:60px 0 0 0;
}
.navigation ul ul  {
	padding-top:0;
	display:none;
	margin: -5px 0 13px 0;
}
.navigation ul .fa-chevron-down  {
	content: "\f107";
	font-family:'FontAwesome';
	line-height: 30px; 
	font-size:16px; 
	text-align:center;
	display: block; 
	height: 30px; 

	position: absolute; 
	right: 10px; 
	top: 12px;
	cursor:pointer;
	width: 30px; 
	z-index:1;
	color:#fff
}
.navigation ul .fa-chevron-down:hover  {
	background:#111;
}
.navigation ul li {
	border-bottom:solid 1px #383838;
	position:relative
}
.navigation ul li:hover {
	background:#000
}
.navigation ul li a{  
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	font-family:'MS300';
	display:block;
}
.navigation ul li > a{  
	padding:18px 30px;
}




.navigation ul ul  {
	padding-top:0;
}
.navigation ul ul li {
	border-bottom:none
}
.navigation ul ul li > a{  
	padding:15px 40px;
	font-size:14px;
}

.navigation ul li:hover {
	background:#111
}
.navigation ul li a{  
	text-transform:uppercase;
	color:#fff;
	font-family:'MS300';
	display:block;
}
.header{ 
	padding:37px 0 20px 0;
	position:absolute; 
	width:100%; 
	z-index:1001;
	top:0;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#subbanner, #map, #project-banner {
	margin:130px 0 0 0 
}

.header .logo{ 
	display:none;
	float:left;
	margin-top: 9px;
}

.home .header{ 
	
}
.home .header .logo{ 
	display:block !important;
}
.home .header .logo-subpage{ 
	display:none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.header .logo-subpage{ 
	margin:5px 0 0 0;
	display:none;
	position: relative;
	z-index: 1002;
	float: left;
	visibility: visible;
	opacity: 1;
	height: auto;
	line-height: 1;
}

/* Show logo-subpage on non-home pages */
body:not(.home) .header .logo-subpage {
	display:inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.header .logo-subpage img{ 
	max-height:116px;
	display: block;
	width: auto;
	height: auto;
	visibility: visible;
	opacity: 1;
}

/* Hide logo-subpage image on home page */
.home .header .logo-subpage img {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Show logo-subpage on non-home pages */
body:not(.home) .header .logo-subpage img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

.header.smallhead .logo-subpage {
	margin-top: 0;
	z-index: 1002;
}

/* Only show logo-subpage when sticky on non-home pages */
body:not(.home) .header.smallhead .logo-subpage {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

body:not(.home) .header.smallhead .logo-subpage img {
	max-height: 50px;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto;
	height: auto;
}

.header .headicon{ 
	float:right; 
	background:rgba(0, 0, 0, 0.58); 
	width:59px; 
	height:59px; 
	color:#fff; 
	font-size:18px; 
	margin:0 0 0 10px;
	text-align:center;
	line-height:38px;
	border-radius:100% ;
}
.home .header .headicon{ 
	background:rgba(255, 255, 255, 0.78); 
	color:#222; 
	margin-top:6px;
}
.header .headicon i{ 
	height:59px; 
	line-height:59px;
	width:59px;
	font-size: 24px;
}
.header .headicon:hover{ 
	background:#000; 
}
.home .header .headicon:hover{ 
	background:#fff; 
}

.searchform{
	position:absolute;
	right:65px;
	top:0;
	z-index:1;
	display:none
}
.searchform input[type=search]{
	background:#ddd; 
	border:none;
	width:300px; 
	height:59px;
	border-radius:10px;
	padding: 0 20px	
}
.home .searchform{ top:6px;}
.home .searchform input[type=search]{
	background:#fff; 
}

.header.smallhead .searchform { top: 2px;}



.header.smallhead {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	left: 0;
	right: 0;
	padding: 12px 0;
	box-shadow: -1px -2px 7px #000;
	z-index: 1000;
}
.header.smallhead .container {
	display: block;
	position: relative;
}
.home .header.smallhead {
	background: rgba(64, 64, 64, 0.97);
}

.header.smallhead .headicon{ 
	margin-top:2px;
}

/* Sticky header - Homepage: show logo, hide logo-subpage */
.home .header.smallhead .logo {
	margin-top: 0;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.home .header.smallhead .logo-subpage {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
.home .header.smallhead .logo-subpage img {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Sticky header - Subpages: hide logo, show logo-subpage */
body:not(.home) .header.smallhead .logo {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}
body:not(.home) .header.smallhead .logo-subpage {
	margin-top: 0;
	z-index: 1002;
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
body:not(.home) .header.smallhead .logo-subpage img {
	max-height: 50px;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto;
	height: auto;
}

/* Responsive - Logo Visibility */
@media (max-width: 768px) {
	.header .logo-subpage {
		margin-top: 0;
	}
	.header .logo-subpage img {
		max-height: 80px;
	}
	/* Homepage sticky: hide logo-subpage */
	.home .header.smallhead .logo-subpage {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	/* Subpages sticky: show logo-subpage */
	body:not(.home) .header.smallhead .logo-subpage {
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	body:not(.home) .header.smallhead .logo-subpage img {
		max-height: 40px;
	}
}
@media (max-width: 480px) {
	.header .logo-subpage img {
		max-height: 60px;
	}
	/* Homepage sticky: hide logo-subpage */
	.home .header.smallhead .logo-subpage img {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
	/* Subpages sticky: show logo-subpage */
	body:not(.home) .header.smallhead .logo-subpage img {
		max-height: 35px;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

.main-banner{ height:100vh}
.main-banner .heading-one{ font-size:55px; color:#fff;line-height:55px; font-family: 'MS700';}
.main-banner .desc{ font-size:30px;color:#fff;
 line-height:50px; padding-bottom: 10px!important;

}


#about-home {
	padding:24px 0
}
#about-home h2 {
	font-size:50px;
	color:#212121;
	font-family:'MS100';
	text-transform:uppercase;
	letter-spacing:-2px;
	padding:0 40px 0 0;
	margin:0 40px 0 0;
	float:left;
	border-right:solid 1px #cccccc	
}
#about-home h2 strong {
	font-family:'MS700'
}
#about-home p {
	font-size:17px;
	line-height:26px;
}
#about-home p a {
	font-family:'MS700';
	color:#f10803;
	font-size:14px;
	text-transform:uppercase
}
#about-home p a:hover {
	color:#000;
}

#featured-projects li {
	background-color:#000;
	background-position:left top
}
/*#featured-projects .owl-dots{ display:none !important}*/
#featured-projects li .dets {
	float:right;
	margin:80px 0;
	padding:64px 40px 90px;
	max-width:530px;
	width:100%;
	background:#222222 url(../images/tags-img.png) no-repeat 96% 6%;
	box-shadow:3px 5px 6px 2px #1d1d1d59;
}

#featured-projects li .dets h4 {
color:#fff;
}
#featured-projects li .dets h3 {
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
	padding:30px 0 10px 0;
}
#featured-projects li .dets  p {
	font-size:15px;
	margin:0 0 30px 0;
	color:#fff;
}
#featured-projects .owl-dots {
  bottom: 120px;
margin: 0 0 0 190px;
}
#featured-projects .owl-dots .owl-dot {
    background: #393939;
}
#featured-projects .owl-dots .owl-dot:hover, #featured-projects .owl-dots .owl-dot.active {
    background: #fff;
}
/**/
#cap-home {
	padding:60px 0;
	text-align:center
}

h4 {
	font-size:17px;
	text-transform:uppercase;
	letter-spacing:5px;
	color:#4b4b4b;
}
#cap-home .container {
	background:url(../images/bg-categories.jpg) repeat-y;
	margin-bottom:40px 
}
#cap-home h4 {
	padding:0 0 54px 0
}

#cap-home li {
	width:25%;
	float:left;
	border:2px solid #fff;
}
#cap-home li a {
	display:block;
		height:148px;
	padding:35px 0 0 0

}
#cap-home li span {
	display:block;
	color:#fff;
	font-size:19px;
	font-family: 'metric-regular';
	padding:5px 0 0;
}
#cap-home li:hover {
	background:#d0112b

}

#lower-home {
	background:url(../images/home-bottom-background.jpg) no-repeat center top;
	background-size:cover
}
#feat-prjects{
	background:rgba(0, 0, 0, 0.8);
	padding:70px 0;
	text-align:center;
}
#feat-prjects .btn.btn-white{ border-color:#686868}
#feat-prjects h4{
	margin: 0 0 60px 0; color:#fff;
}
#feat-prjects ul li{
	display:inline-block;

	vertical-align:top;
	text-align:left
}
#feat-prjects ul .dets{
	background:#fff;
	padding:22px ;
	color:#000;
	min-height:226px;
}
#feat-prjects ul .dets h5{
	color:#d0112b;
	font-family:'MS500';
	padding:0 0 10px 0;
	font-size:18px;
	
}

#feat-prjects ul .dets p{
	font-size:14px;
	line-height:20px;
	font-family:'MS300';
	padding:0 0 10px
}
#feat-prjects ul .dets .link{
	font-family:'MS500';
	text-transform:uppercase;
	font-size:13px;
	color:#fff;	
}
#feat-prjects .btn {
	margin-top:40px 
}
#news-highlights{
	background:rgba(31, 58, 111, 0.90);
	padding:60px 0 28px 0;
	color:#fff;
}
#news-highlights{
	background:rgba(208, 17, 43, 0.9);
	padding:60px 0;
	color:#fff;
}
#news-highlights a{
	color:#fff;
}
#news-highlights h3{
	color:#fff;
	font-size:32px;
	font-family:'MS700';
	padding:0 0 40px 0
}
#news-highlights .feat{
	width:49.5%;
	display:inline-block;
	vertical-align:top;
	padding:0 60px 0 0
	
}
#news-highlights .morenews{
	width:49.5%;
	display:inline-block;
	vertical-align:top;
	padding:0 0 0 80px
}

#news-highlights .news{
	padding-left: 114px;	
}
#news-highlights .morenews .news{
	margin:0 0 30px 0
}
#news-highlights .date{
	position:absolute;

	margin:0 0 0 -114px;
	text-align:center;
	font-size:42px;
	font-family:'MS100';
	border-right:solid 1px #fff;
	padding:0 23px 0 0 
}

#news-highlights .date span{
	font-size:14px;
	display:block;
}

#news-highlights h5{
	font-size:26px;
	font-family: 'metric-regular';
	padding:0 0 30px 0

}
#news-highlights .btn{
	margin:50px 0 0 0

}

/* Why Choose Us Section */
#why-choose-us {
	padding: 60px 0;
	background: rgba(208, 17, 43, 0.9);
}
.why-choose-us-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 100%;
	margin: 0;
	background: #fff;
}
.why-choose-us-left {
	flex: 1 1 50%;
	min-width: 0;
	position: relative;
}
.why-choose-us-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 500px;
}
.why-choose-us-right {
	flex: 1 1 50%;
	min-width: 0;
	padding: 60px 80px 60px 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	background: #fff;
}
.why-choose-us-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 1rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.why-choose-us-title {
	font-size: clamp(1.75rem, 3.5vw, 2.25rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 1.5rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.why-choose-us-intro {
	font-size: 16px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0 0 2rem 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.why-choose-us-buttons {
	display: flex;
	gap: 12px;
	margin: 0 0 2rem 0;
	flex-wrap: wrap;
}
.why-choose-us-btn {
	background: #e8e8e8;
	border: none;
	color: #4a4a4a;
	font-size: 15px;
	font-weight: 500;
	padding: 12px 24px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-transform: none;
	border-radius: 0;
}
.why-choose-us-btn:hover {
	background: #d0d0d0;
}
.why-choose-us-btn.active {
	background: #4a7c59;
	color: #fff;
}
.why-choose-us-content {
	margin: 0 0 0 0;
}
.why-choose-us-description {
	font-size: 16px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.why-choose-us-whatsapp {
	position: absolute;
	bottom: 30px;
	right: 60px;
	width: 50px;
	height: 50px;
	background: #25D366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
	transition: all 0.3s ease;
	z-index: 10;
}
.why-choose-us-whatsapp:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(37, 211, 102, 0.5);
	color: #fff;
}

/* Responsive - Why Choose Us */
@media (max-width: 992px) {
	.why-choose-us-right {
		padding: 50px 50px 80px 50px;
	}
	.why-choose-us-whatsapp {
		right: 50px;
		bottom: 20px;
	}
}
@media (max-width: 768px) {
	.why-choose-us-container {
		flex-direction: column;
	}
	.why-choose-us-left {
		flex: 1 1 100%;
	}
	.why-choose-us-left img {
		min-height: 300px;
	}
	.why-choose-us-right {
		flex: 1 1 100%;
		padding: 40px 30px 80px 30px;
	}
	.why-choose-us-title {
		font-size: 1.5rem;
	}
	.why-choose-us-buttons {
		flex-direction: column;
		gap: 8px;
	}
	.why-choose-us-btn {
		width: 100%;
		text-align: left;
	}
	.why-choose-us-whatsapp {
		right: 30px;
		bottom: 20px;
		width: 45px;
		height: 45px;
		font-size: 20px;
	}
}

/* About Page Title Bar Banner */
.about-title-bar {
	position: relative;
	height: 300px;
	background-image: url('../media/1263/banner-2_new.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.about-banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}
.about-title-bar .container {
	position: relative;
	height: 100%;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	padding-bottom: 40px;
}
.about-banner-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.about-banner-left {
	flex: 1;
}
.about-banner-title {
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	font-weight: 700;
	color: #fff;
	margin: 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-transform: none;
}
.about-banner-right {
	flex: 1;
	text-align: right;
}
.about-breadcrumb {
	font-size: 16px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.breadcrumb-link {
	color: #4a7c59;
	text-decoration: none;
	transition: color 0.3s ease;
}
.breadcrumb-link:hover {
	color: #5a9c69;
}
.breadcrumb-separator {
	color: #fff;
	margin: 0 8px;
}
.breadcrumb-current {
	color: #fff;
}
.about-banner-decorative-dot {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 12px;
	height: 12px;
	background: #4a7c59;
	border-radius: 50%;
	z-index: 3;
}
.about-banner-decorative-dot::after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	width: 20px;
	height: 20px;
	border: 2px solid #4a7c59;
	border-radius: 50%;
}

/* Responsive - About Title Bar */
@media (max-width: 768px) {
	.about-title-bar {
		height: 250px;
	}
	.about-title-bar .container {
		padding-bottom: 30px;
	}
	.about-banner-content {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.about-banner-right {
		text-align: left;
	}
	.about-banner-title {
		font-size: 2rem;
	}
}

/* Excellence In Every Step Section */
#excellence-section {
	padding: 80px 0;
	background: #fff;
}
.excellence-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 100%;
	margin: 0;
}
.excellence-left {
	flex: 1 1 50%;
	min-width: 0;
	position: relative;
}
.excellence-left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	min-height: 500px;
}
.excellence-right {
	flex: 1 1 50%;
	min-width: 0;
	padding: 60px 80px 60px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
}
.excellence-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 1rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.excellence-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 1.5rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.excellence-text {
	font-size: 16px;
	line-height: 1.7;
	color: #4a4a4a;
	margin: 0 0 1.5rem 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.excellence-text:last-child {
	margin-bottom: 0;
}

/* Industries We Serve Section */
#industries-section {
	padding: 80px 0;
	background: #2c2c2c;
}
#industries-section .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.industries-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 0.5rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	text-align: center;
}
.industries-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #fff;
	margin: 0 0 3rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-align: center;
}
.industries-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}
.industry-card {
	background: #fff;
	padding: 40px 30px;
	text-align: center;
	border-radius: 4px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.industry-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.industry-icon {
	margin: 0 0 20px 0;
	color: #2c2c2c;
	position: relative;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.industry-icon svg {
	width: 80px;
	height: 80px;
}
.industry-icon svg path,
.industry-icon svg circle,
.industry-icon svg rect,
.industry-icon svg line {
	stroke: #2c2c2c;
	stroke-width: 3;
	fill: none;
}
.industry-label {
	font-size: 14px;
	font-weight: 600;
	color: #2c2c2c;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1.4;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}

/* Responsive - Excellence Section */
@media (max-width: 992px) {
	.excellence-right {
		padding: 50px 50px;
	}
}
@media (max-width: 768px) {
	#excellence-section {
		padding: 60px 0;
	}
	.excellence-container {
		flex-direction: column;
	}
	.excellence-left {
		flex: 1 1 100%;
	}
	.excellence-left img {
		min-height: 300px;
	}
	.excellence-right {
		flex: 1 1 100%;
		padding: 40px 30px;
	}
	.excellence-title {
		font-size: 1.75rem;
	}
}

/* Responsive - Industries Section */
@media (max-width: 992px) {
	#industries-section {
		padding: 60px 0;
	}
	.industries-grid {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 20px;
	}
	.industry-card {
		padding: 30px 20px;
	}
}
@media (max-width: 768px) {
	#industries-section {
		padding: 50px 0;
	}
	.industries-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.industry-card {
		padding: 25px 15px;
	}
	.industry-icon {
		height: 60px;
		margin-bottom: 15px;
	}
	.industry-icon svg {
		width: 60px;
		height: 60px;
	}
	.industry-label {
		font-size: 12px;
	}
}
@media (max-width: 480px) {
	.industries-grid {
		grid-template-columns: 1fr;
	}
}

/* Leadership / Management Section */
#leadership-section {
	padding: 80px 0;
	background: #fff;
}
.leadership-container {
	max-width: 1200px;
	margin: 0 auto;
}
.leadership-row {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	margin-bottom: 60px;
	flex-wrap: wrap;
}
.leadership-row:last-child {
	margin-bottom: 0;
}
.leadership-row-single {
	justify-content: center;
}
.leadership-row-three {
	justify-content: center;
	flex-wrap: wrap;
}
.leadership-row-three .leadership-profile {
	flex: 1 1 260px;
	max-width: 320px;
	min-width: 200px;
}
.leadership-profile {
	text-align: center;
	flex: 0 0 auto;
	max-width: 300px;
}
.profile-image-wrapper {
	width: 250px;
	height: 250px;
	margin: 0 auto 25px;
	background: #808080;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.profile-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.profile-image-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #808080;
	z-index: 0;
}
.profile-image {
	position: relative;
	z-index: 1;
}
.profile-name {
	font-size: 22px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 8px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	line-height: 1.3;
}
.profile-title {
	font-size: 16px;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

/* Responsive - Leadership Section */
@media (max-width: 992px) {
	.leadership-row {
		gap: 30px;
		margin-bottom: 50px;
	}
	.leadership-row-three {
		justify-content: center;
	}
	.profile-image-wrapper {
		width: 220px;
		height: 220px;
	}
}
@media (max-width: 768px) {
	#leadership-section {
		padding: 60px 0;
	}
	.leadership-row {
		gap: 40px;
		margin-bottom: 50px;
		flex-direction: column;
		align-items: center;
	}
	.leadership-row-three {
		flex-direction: column;
	}
	.leadership-profile {
		max-width: 100%;
		width: 100%;
	}
	.profile-image-wrapper {
		width: 200px;
		height: 200px;
		margin-bottom: 20px;
	}
	.profile-name {
		font-size: 20px;
	}
	.profile-title {
		font-size: 15px;
	}
}
@media (max-width: 480px) {
	#leadership-section {
		padding: 50px 0;
	}
	.leadership-row {
		gap: 35px;
		margin-bottom: 40px;
	}
	.profile-image-wrapper {
		width: 180px;
		height: 180px;
		margin-bottom: 18px;
	}
	.profile-name {
		font-size: 18px;
	}
	.profile-title {
		font-size: 14px;
	}
}

/* Awards Section */
#awards-section {
	padding: 80px 0;
	background: #fff;
}
.awards-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
	flex-wrap: wrap;
}
.award-card {
	flex: 1 1 calc(33.333% - 20px);
	min-width: 280px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}
.award-image-wrapper {
	width: 100%;
	height: 200px;
	background: #e5e5e5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	position: relative;
}
.award-icon {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.award-icon svg {
	width: 100%;
	height: 100%;
}
.award-icon svg path {
	stroke: #666;
}
.award-content {
	flex: 1;
	text-align: left;
}
.award-description {
	font-size: 15px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0 0 15px 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.award-by {
	font-size: 15px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0 0 10px 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.award-entity {
	font-weight: normal;
}
.award-year {
	font-size: 18px;
	font-weight: 700;
	color: #d0112b;
	margin: 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}

/* Responsive - Awards Section */
@media (max-width: 992px) {
	.awards-container {
		gap: 25px;
	}
	.award-card {
		flex: 1 1 calc(50% - 12.5px);
		min-width: 280px;
	}
}
@media (max-width: 768px) {
	#awards-section {
		padding: 60px 0;
	}
	.awards-container {
		flex-direction: column;
		gap: 40px;
	}
	.award-card {
		flex: 1 1 100%;
		max-width: 100%;
	}
	.award-image-wrapper {
		height: 180px;
		margin-bottom: 20px;
	}
	.award-icon {
		width: 70px;
		height: 70px;
	}
	.award-description {
		font-size: 14px;
	}
	.award-by {
		font-size: 14px;
	}
	.award-year {
		font-size: 16px;
	}
}
@media (max-width: 480px) {
	#awards-section {
		padding: 50px 0;
	}
	.awards-container {
		gap: 35px;
	}
	.award-image-wrapper {
		height: 160px;
		margin-bottom: 18px;
	}
	.award-icon {
		width: 60px;
		height: 60px;
	}
	.award-description {
		font-size: 13px;
		margin-bottom: 12px;
	}
	.award-by {
		font-size: 13px;
		margin-bottom: 8px;
	}
	.award-year {
		font-size: 15px;
	}
}

/* History Timeline Section */
#history-timeline-section {
	padding: 80px 0;
	background: #fff;
}
.timeline-container {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
.timeline-container::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #4a7c59;
	transform: translateX(-50%);
	z-index: 1;
}
.timeline-item {
	position: relative;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	width: 100%;
}
.timeline-item-left {
	justify-content: flex-start;
	padding-right: 52%;
}
.timeline-item-right {
	justify-content: flex-end;
	padding-left: 52%;
}
.timeline-content {
	background: #fff;
	padding: 25px 30px;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	position: relative;
	width: 100%;
	max-width: 450px;
	z-index: 2;
}
.timeline-item-left .timeline-content {
	text-align: left;
}
.timeline-item-right .timeline-content {
	text-align: left;
	margin-left: auto;
}
.timeline-year {
	font-size: 24px;
	font-weight: 700;
	color: #4a7c59;
	margin: 0 0 10px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.timeline-title {
	font-size: 20px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 12px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	line-height: 1.3;
}
.timeline-description {
	font-size: 15px;
	line-height: 1.7;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.timeline-dot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	background: #fff;
	border: 4px solid #4a7c59;
	border-radius: 50%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}
.timeline-dot-inner {
	width: 8px;
	height: 8px;
	background: #4a7c59;
	border-radius: 50%;
}

/* History Statistics Section */
#history-stats-section {
	padding: 80px 0;
	background: #f8f9fa;
}
.stats-container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
}
.stat-box {
	text-align: center;
	flex: 1 1 calc(25% - 30px);
	min-width: 200px;
	padding: 30px 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.stat-icon {
	font-size: 48px;
	color: #4a7c59;
	margin-bottom: 15px;
}
.stat-number {
	font-size: 42px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 10px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	line-height: 1;
}
.stat-label {
	font-size: 16px;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Responsive - Timeline Section */
@media (max-width: 992px) {
	.timeline-container::before {
		left: 30px;
	}
	.timeline-item-left,
	.timeline-item-right {
		padding-left: 80px;
		padding-right: 0;
		justify-content: flex-start;
	}
	.timeline-content {
		max-width: 100%;
		margin-left: 0 !important;
	}
	.timeline-dot {
		left: 30px;
		transform: translateX(-50%);
	}
}
@media (max-width: 768px) {
	#history-timeline-section {
		padding: 60px 0;
	}
	.timeline-container {
		padding: 30px 0;
	}
	.timeline-item {
		margin-bottom: 50px;
	}
	.timeline-content {
		padding: 20px 25px;
	}
	.timeline-year {
		font-size: 22px;
	}
	.timeline-title {
		font-size: 18px;
	}
	.timeline-description {
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	#history-timeline-section {
		padding: 50px 0;
	}
	.timeline-item {
		margin-bottom: 40px;
	}
	.timeline-content {
		padding: 18px 20px;
	}
	.timeline-year {
		font-size: 20px;
	}
	.timeline-title {
		font-size: 16px;
	}
	.timeline-description {
		font-size: 13px;
	}
}

/* Responsive - Statistics Section */
@media (max-width: 992px) {
	.stats-container {
		gap: 30px;
	}
	.stat-box {
		flex: 1 1 calc(50% - 15px);
		min-width: 180px;
	}
}
@media (max-width: 768px) {
	#history-stats-section {
		padding: 60px 0;
	}
	.stats-container {
		gap: 25px;
	}
	.stat-box {
		flex: 1 1 calc(50% - 12.5px);
		padding: 25px 15px;
	}
	.stat-icon {
		font-size: 40px;
		margin-bottom: 12px;
	}
	.stat-number {
		font-size: 36px;
	}
	.stat-label {
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	#history-stats-section {
		padding: 50px 0;
	}
	.stats-container {
		flex-direction: column;
		gap: 20px;
	}
	.stat-box {
		flex: 1 1 100%;
		width: 100%;
		max-width: 300px;
	}
}

/* Our Approach Introduction Section */
#approach-intro-section {
	padding: 80px 0;
	background: #fff;
}
.approach-intro-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
}
.approach-intro-left {
	flex: 1 1 calc(50% - 30px);
	min-width: 0;
}
.approach-intro-right {
	flex: 1 1 calc(50% - 30px);
	min-width: 0;
}
.approach-intro-right img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}
.approach-intro-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 1rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.approach-intro-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 1.5rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.approach-intro-text {
	font-size: 16px;
	line-height: 1.7;
	color: #4a4a4a;
	margin: 0 0 1.5rem 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.approach-intro-text:last-child {
	margin-bottom: 0;
}

/* Core Values Section */
#core-values-section {
	padding: 80px 0;
	background: #f8f9fa;
}
.core-values-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 0.5rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	text-align: center;
}
.core-values-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 3rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-align: center;
}
.core-values-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}
.value-card {
	background: #fff;
	padding: 35px 30px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.value-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.value-icon {
	font-size: 48px;
	color: #4a7c59;
	margin-bottom: 20px;
}
.value-title {
	font-size: 20px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 15px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.value-description {
	font-size: 15px;
	line-height: 1.6;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}

/* Methodology Section */
#methodology-section {
	padding: 80px 0;
	background: #fff;
}
.methodology-header {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 0.5rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	text-align: center;
}
.methodology-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 3rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-align: center;
}
.methodology-steps {
	max-width: 900px;
	margin: 0 auto;
}
.methodology-step {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.methodology-step:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.step-number {
	font-size: 36px;
	font-weight: 700;
	color: #4a7c59;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f5f2;
	border-radius: 50%;
}
.step-content {
	flex: 1;
}
.step-title {
	font-size: 22px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 12px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	line-height: 1.3;
}
.step-description {
	font-size: 15px;
	line-height: 1.7;
	color: #4a4a4a;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}

/* Responsive - Approach Sections */
@media (max-width: 992px) {
	.approach-intro-container {
		flex-direction: column;
		gap: 40px;
	}
	.approach-intro-left,
	.approach-intro-right {
		flex: 1 1 100%;
	}
	.core-values-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 25px;
	}
	.methodology-step {
		gap: 20px;
	}
}
@media (max-width: 768px) {
	#approach-intro-section,
	#core-values-section,
	#methodology-section {
		padding: 60px 0;
	}
	.approach-intro-title,
	.core-values-title,
	.methodology-title {
		font-size: 1.75rem;
	}
	.core-values-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.value-card {
		padding: 30px 25px;
	}
	.methodology-step {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.step-number {
		width: 50px;
		height: 50px;
		font-size: 28px;
	}
	.step-title {
		font-size: 20px;
	}
}
@media (max-width: 480px) {
	#approach-intro-section,
	#core-values-section,
	#methodology-section {
		padding: 50px 0;
	}
	.approach-intro-text,
	.value-description,
	.step-description {
		font-size: 14px;
	}
	.value-icon {
		font-size: 40px;
		margin-bottom: 15px;
	}
	.value-title {
		font-size: 18px;
	}
	.step-title {
		font-size: 18px;
	}
}

/* Service Detail Pages */
#service-detail-section {
	padding: 80px 0;
	background: #fff;
}
.service-detail-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	max-width: 1200px;
	margin: 0 auto;
	gap: 60px;
}
.service-detail-left {
	flex: 1 1 calc(50% - 30px);
	min-width: 0;
}
.service-detail-left img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}
.service-detail-right {
	flex: 1 1 calc(50% - 30px);
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.service-detail-title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 1.5rem 0;
	line-height: 1.3;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.service-detail-text {
	font-size: 16px;
	line-height: 1.7;
	color: #808080;
	margin: 0 0 1.5rem 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.service-detail-text:last-of-type {
	margin-bottom: 2rem;
}
.service-detail-body {
	font-size: 16px;
	line-height: 1.7;
	color: #808080;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.service-detail-body p {
	margin: 0 0 1.5rem 0;
}
.service-detail-body p:last-child {
	margin-bottom: 0;
}
.service-quick-enquiry-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #6b8e23;
	color: #fff;
	padding: 14px 28px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	transition: background 0.3s ease, transform 0.2s ease;
	width: fit-content;
}
.service-quick-enquiry-btn:hover {
	background: #5a7a1d;
	transform: translateY(-2px);
	color: #fff;
}
.service-quick-enquiry-btn i {
	font-size: 14px;
}

/* Job Categories Section (Manpower Supply) */
#job-categories-section {
	padding: 80px 0;
	background: #f8f9fa;
}
.job-categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}
.job-category {
	background: #fff;
	padding: 30px 25px;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.job-category-title {
	font-size: 18px;
	font-weight: 700;
	color: #2c2c2c;
	margin: 0 0 20px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.job-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.job-list li {
	font-size: 15px;
	line-height: 1.8;
	color: #4a4a4a;
	margin: 0 0 8px 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	padding-left: 20px;
	position: relative;
}
.job-list li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #4a7c59;
	font-weight: bold;
}
.job-list li:last-child {
	margin-bottom: 0;
}

/* Responsive - Service Detail Pages */
@media (max-width: 992px) {
	.service-detail-container {
		gap: 40px;
	}
	.job-categories-grid {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		gap: 25px;
	}
}
@media (max-width: 768px) {
	#service-detail-section,
	#job-categories-section {
		padding: 60px 0;
	}
	.service-detail-container {
		flex-direction: column;
		gap: 40px;
	}
	.service-detail-left,
	.service-detail-right {
		flex: 1 1 100%;
	}
	.service-detail-title {
		font-size: 1.75rem;
	}
	.service-detail-text {
		font-size: 15px;
	}
	.job-categories-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.job-category {
		padding: 25px 20px;
	}
}
@media (max-width: 480px) {
	#service-detail-section,
	#job-categories-section {
		padding: 50px 0;
	}
	.service-detail-title {
		font-size: 1.5rem;
	}
	.service-detail-text {
		font-size: 14px;
	}
	.service-quick-enquiry-btn {
		padding: 12px 24px;
		font-size: 15px;
	}
	.job-category-title {
		font-size: 16px;
	}
	.job-list li {
		font-size: 14px;
	}
}

/* Clients Section */
#clients-section {
	padding: 80px 0;
	background: #fff;
}
.clients-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 30px;
	max-width: 1200px;
	margin: 0 auto;
}
.client-logo-item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 120px;
	transition: transform 0.3s ease;
}
.client-logo-item.empty {
	opacity: 0;
	pointer-events: none;
}
.client-logo-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	transition: all 0.3s ease;
}
.client-logo-item:not(.empty):hover .client-logo-wrapper {
	border-color: #d0112b;
	box-shadow: 0 4px 12px rgba(208, 17, 43, 0.15);
	transform: translateY(-5px);
}
.client-logo {
	max-width: 100%;
	max-height: 80px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s ease;
}
.client-logo-item:not(.empty):hover .client-logo {
	filter: grayscale(0%);
	opacity: 1;
}

/* Responsive - Clients Section */
@media (max-width: 1024px) {
	.clients-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 35px 25px;
	}
}
@media (max-width: 768px) {
	#clients-section {
		padding: 60px 0;
	}
	.clients-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px 20px;
	}
	.client-logo-item {
		min-height: 100px;
	}
	.client-logo-wrapper {
		padding: 15px;
	}
	.client-logo {
		max-height: 60px;
	}
}
@media (max-width: 480px) {
	#clients-section {
		padding: 50px 0;
	}
	.clients-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 15px;
	}
	.client-logo-item {
		min-height: 80px;
	}
	.client-logo-wrapper {
		padding: 10px;
		border-radius: 6px;
	}
	.client-logo {
		max-height: 50px;
	}
}

/* Contact Section */
#contact-section {
	padding: 80px 0;
	background: #fff;
}
.contact-container {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 60px;
	max-width: 1200px;
	margin: 0 auto;
}
.contact-form-wrapper,
.contact-info-wrapper {
	background: #fff;
}
.contact-section-title {
	font-size: 32px;
	font-weight: 700;
	color: #333;
	margin: 0 0 15px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.contact-section-subtitle {
	font-size: 16px;
	color: #666;
	margin: 0 0 35px 0;
	line-height: 1.6;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}

/* Contact Form */
.contact-form {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.form-group {
	display: flex;
	flex-direction: column;
}
.form-group label {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.form-group .required {
	color: #d0112b;
}
.form-group input,
.form-group select,
.form-group textarea {
	width: 100%;
	padding: 14px 18px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 15px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
	transition: all 0.3s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	outline: none;
	border-color: #d0112b;
	box-shadow: 0 0 0 3px rgba(208, 17, 43, 0.1);
}
.form-group textarea {
	resize: vertical;
	min-height: 120px;
}
.form-group.error input,
.form-group.error select,
.form-group.error textarea {
	border-color: #d0112b;
}
.error-message {
	display: block;
	color: #d0112b;
	font-size: 13px;
	margin-top: 5px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.form-success-message {
	background: #4caf50;
	color: #fff;
	padding: 15px 20px;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 15px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
.contact-submit-btn {
	padding: 16px 40px;
	background: #d0112b;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
	align-self: flex-start;
	margin-top: 10px;
}
.contact-submit-btn:hover {
	background: #b00e25;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(208, 17, 43, 0.3);
}
.contact-submit-btn:active {
	transform: translateY(0);
}

/* Contact Info */
.contact-info-items {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.contact-info-item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.contact-info-icon {
	width: 50px;
	height: 50px;
	min-width: 50px;
	background: #f5f5f5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #d0112b;
	font-size: 20px;
	transition: all 0.3s ease;
}
.contact-info-item:hover .contact-info-icon {
	background: #d0112b;
	color: #fff;
	transform: scale(1.1);
}
.contact-info-content h3 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 0 0 8px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.contact-info-content p {
	font-size: 15px;
	color: #666;
	line-height: 1.6;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.contact-info-content a {
	color: #d0112b;
	text-decoration: none;
	transition: color 0.3s ease;
}
.contact-info-content a:hover {
	color: #b00e25;
	text-decoration: underline;
}

/* Map Section */
#map-section {
	padding: 0 0 80px 0;
	background: #fff;
}
.map-wrapper {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.map-wrapper iframe {
	width: 100%;
	height: 450px;
	border: none;
	display: block;
}

/* Responsive - Contact Section */
@media (max-width: 1024px) {
	.contact-container {
		gap: 50px;
	}
	.contact-section-title {
		font-size: 28px;
	}
}
@media (max-width: 768px) {
	#contact-section {
		padding: 60px 0;
	}
	#map-section {
		padding: 0 0 60px 0;
	}
	.contact-container {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	.contact-section-title {
		font-size: 26px;
	}
	.contact-section-subtitle {
		font-size: 15px;
		margin-bottom: 30px;
	}
	.contact-form {
		gap: 20px;
	}
	.contact-info-items {
		gap: 25px;
	}
	.map-wrapper iframe {
		height: 350px;
	}
}
@media (max-width: 480px) {
	#contact-section {
		padding: 50px 0;
	}
	#map-section {
		padding: 0 0 50px 0;
	}
	.contact-section-title {
		font-size: 24px;
	}
	.contact-section-subtitle {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.form-group input,
	.form-group select,
	.form-group textarea {
		padding: 12px 15px;
		font-size: 14px;
	}
	.contact-submit-btn {
		padding: 14px 35px;
		font-size: 15px;
		width: 100%;
	}
	.contact-info-item {
		gap: 15px;
	}
	.contact-info-icon {
		width: 45px;
		height: 45px;
		min-width: 45px;
		font-size: 18px;
	}
	.contact-info-content h3 {
		font-size: 16px;
	}
	.contact-info-content p {
		font-size: 14px;
	}
	.map-wrapper iframe {
		height: 300px;
	}
}

/* Projects Filter Section */
#filter-projects-section {
	padding: 0;
	background: #fff;
}
.filter-projects-header {
	background: #d0112b;
	padding: 20px 0;
}
.filter-header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.filter-title {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.filter-count {
	font-size: 16px;
	color: #fff;
	margin: 0;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.filter-count span {
	font-weight: 600;
}
.filter-projects-controls {
	background: #fff;
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5;
}
.filter-controls-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.filter-dropdowns {
	display: flex;
	gap: 15px;
	flex: 1;
	flex-wrap: wrap;
}
.filter-select {
	flex: 1 1 calc(25% - 12px);
	min-width: 200px;
	padding: 12px 15px;
	border: 1px solid #ddd;
	background: #fff;
	color: #2c2c2c;
	font-size: 15px;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	border-radius: 0;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 12px;
	padding-right: 40px;
	cursor: pointer;
}
.filter-select:focus {
	outline: none;
	border-color: #4a7c59;
}
.filter-search-btn {
	width: 50px;
	height: 50px;
	background: #000;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s ease;
	flex-shrink: 0;
}
.filter-search-btn:hover {
	background: #333;
}
.filter-checkboxes {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.filter-checkbox-label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 15px;
	color: #2c2c2c;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
}
.filter-checkbox {
	width: 18px;
	height: 18px;
	cursor: pointer;
	accent-color: #4a7c59;
}

/* Projects List Table Section */
#projects-list-section {
	padding: 40px 0 80px;
	background: #fff;
}
.projects-table-wrapper {
	overflow-x: auto;
}
.projects-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
}
.projects-table thead {
	background: #f5f5dc;
}
.projects-table th {
	padding: 18px 20px;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	color: #2c2c2c;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-bottom: 2px solid #ddd;
}
.projects-table td {
	padding: 20px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 15px;
	color: #2c2c2c;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
.projects-table tbody tr:hover {
	background: #f9f9f9;
}
.project-row {
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.project-row[style*="display: none"] {
	display: none !important;
}
.project-cell {
	display: flex;
	align-items: center;
	gap: 15px;
}
.project-icon {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.project-icon svg {
	width: 40px;
	height: 40px;
}
.electrical-icon {
	background: #ffe5e5;
}
.electrical-icon svg path,
.electrical-icon svg rect,
.electrical-icon svg line,
.electrical-icon svg circle {
	stroke: #d0112b;
	stroke-width: 3;
	fill: none;
}
.mechanical-icon {
	background: #fff8dc;
}
.mechanical-icon svg path,
.mechanical-icon svg rect,
.mechanical-icon svg line,
.mechanical-icon svg circle {
	stroke: #daa520;
	stroke-width: 3;
	fill: none;
}
.project-name {
	font-weight: 500;
	color: #2c2c2c;
	font-family: 'MS100', Arial, Helvetica, sans-serif;
	line-height: 1.4;
}

/* Responsive - Projects Page */
@media (max-width: 992px) {
	.filter-dropdowns {
		flex-direction: column;
	}
	.filter-select {
		flex: 1 1 100%;
		width: 100%;
	}
	.filter-controls-wrapper {
		flex-direction: column;
		align-items: stretch;
	}
	.filter-search-btn {
		width: 100%;
	}
	.projects-table {
		font-size: 14px;
	}
	.projects-table th,
	.projects-table td {
		padding: 15px 12px;
	}
}
@media (max-width: 768px) {
	.filter-title {
		font-size: 22px;
	}
	.filter-count {
		font-size: 14px;
	}
	.filter-projects-controls {
		padding: 25px 0;
	}
	.filter-checkboxes {
		flex-direction: column;
		gap: 15px;
	}
	.projects-table-wrapper {
		overflow-x: scroll;
	}
	.projects-table {
		min-width: 800px;
	}
	.projects-table th {
		font-size: 12px;
		padding: 12px 10px;
	}
	.projects-table td {
		font-size: 13px;
		padding: 15px 10px;
	}
	.project-icon {
		width: 40px;
		height: 40px;
	}
	.project-icon svg {
		width: 30px;
		height: 30px;
	}
	.project-name {
		font-size: 13px;
	}
}
@media (max-width: 480px) {
	.filter-header-content {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.filter-title {
		font-size: 20px;
	}
	.filter-count {
		font-size: 13px;
	}
}

#facts {
	padding:60px 0
}
#facts .counter-value{
	color:#6a6a6a;
	font-size:53px;
	letter-spacing:-1px;
}
#facts .counter-value sup{ font-size:27px;}
#facts .counter {
	display:inline-block;
	width:24.5%;
	text-align:center
}
#facts .counter p {
	font-size:16px;
	letter-spacing:-1px;
	color:#858585;
	text-transform:uppercase
}

#clients-home {
	padding:60px 0;
	background:#e8e8e8;
	text-align:center
}
#clients-home .container {
	max-width:900px;
}
#clients-home h3 {
	padding:0 0 50px 0;
}
#clients-home li {
	display:inline-block;
	padding:0 30px 
}

/* Trusted By Our Clients - Carousel */
.trusted-clients-sec {
	padding: 60px 0;
	background: #fff;
	text-align: center;
}
.trusted-clients-title {
	font-size: 28px;
	font-weight: 600;
	color: #212121;
	margin: 0 0 40px 0;
	font-family: 'MS700', Arial, Helvetica, sans-serif;
}
.trusted-clients-carousel-wrap {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 50px;
}
.trusted-clients-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border: 2px solid #d0112b;
	background: #fff;
	color: #d0112b;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s, color 0.2s;
}
.trusted-clients-arrow:hover {
	background: #d0112b;
	color: #fff;
}
.trusted-clients-prev { left: 0; }
.trusted-clients-next { right: 0; }
.trusted-clients-track {
	overflow: hidden;
	width: 100%;
}
.trusted-clients-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	flex-wrap: nowrap;
	scroll-behavior: smooth;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 20px 0;
}
.trusted-clients-inner::-webkit-scrollbar {
	display: none;
}
.trusted-client-logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	min-width: 140px;
	max-width: 180px;
}
.trusted-client-logo img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.85;
	transition: filter 0.2s, opacity 0.2s;
}
.trusted-client-logo:hover img {
	filter: grayscale(0%);
	opacity: 1;
}

@media (max-width: 768px) {
	.trusted-clients-carousel-wrap { padding: 0 44px; }
	.trusted-clients-arrow { width: 38px; height: 38px; font-size: 14px; }
	.trusted-clients-title { font-size: 22px; margin-bottom: 28px; }
	.trusted-clients-inner { gap: 28px; }
	.trusted-client-logo { min-width: 120px; height: 56px; }
}

/* Quality Assurance Section – Premium styling */
.quality-assurance-sec {
	padding: 5rem 0 5.5rem;
	background: linear-gradient(180deg, #fafbfc 0%, #f2f4f6 100%);
}
.quality-assurance-sec .container {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.quality-assurance-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 4rem;
	max-width: 1140px;
	margin: 0 auto;
}
.quality-assurance-left {
	flex: 1 1 420px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.quality-assurance-right {
	flex: 1 1 420px;
	min-width: 0;
	display: flex;
	align-items: stretch;
}
.quality-assurance-label {
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #4a7c59;
	margin: 0 0 1rem 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.quality-assurance-headline {
	font-size: clamp(1.625rem, 3.2vw, 2rem);
	font-weight: 700;
	color: #1a1d21;
	line-height: 1.28;
	margin: 0 0 1.5rem 0;
	letter-spacing: -0.02em;
	font-family: 'MS700', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.quality-assurance-desc {
	font-size: 1rem;
	line-height: 1.7;
	color: #4d5358;
	margin: 0 0 2.5rem 0;
	max-width: 32em;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.quality-assurance-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	align-items: flex-start;
}
.quality-stat-item {
	text-align: center;
	flex: 0 0 auto;
}
.quality-stat-circle {
	position: relative;
	width: 7rem;
	height: 7rem;
	margin: 0 auto 1rem;
}
.quality-stat-circle svg {
	transform: rotate(-90deg);
	width: 100%;
	height: 100%;
}
.quality-stat-circle .quality-stat-bg {
	fill: none;
	stroke: #e8eaed;
	stroke-width: 5;
}
.quality-stat-circle .quality-stat-fill {
	fill: none;
	stroke: #4a7c59;
	stroke-width: 5;
	stroke-linecap: round;
	stroke-dasharray: 283;
	stroke-dashoffset: 283;
	transition: stroke-dashoffset 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}
.quality-stat-circle[data-value="98"] .quality-stat-fill { stroke-dashoffset: 5.66; }
.quality-stat-circle[data-value="97"] .quality-stat-fill { stroke-dashoffset: 8.49; }
.quality-stat-number {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.5rem;
	font-weight: 700;
	color: #1a1d21;
	letter-spacing: -0.02em;
	font-family: 'MS700', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.quality-stat-label {
	font-size: 0.875rem;
	color: #4d5358;
	line-height: 1.45;
	margin: 0;
	max-width: 10em;
	margin-left: auto;
	margin-right: auto;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.quality-stat-label strong {
	font-weight: 600;
	color: #1a1d21;
}
.quality-accordion {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.06);
	overflow: hidden;
	box-sizing: border-box;
	min-width: 0;
	transform: none;
}
.quality-accordion:focus,
.quality-accordion:focus-within {
	transform: none;
}
.quality-accordion-item {
	border-bottom: 1px solid #eef0f2;
	box-sizing: border-box;
}
.quality-accordion-item:last-child {
	border-bottom: none;
}
.quality-accordion-trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	font-size: 1rem;
	font-weight: 600;
	color: #1a1d21;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	transition: background 0.2s ease, color 0.2s ease;
	box-sizing: border-box;
	transform: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}
.quality-accordion-trigger:hover,
.quality-accordion-trigger:focus,
.quality-accordion-trigger:active {
	background: #f8f9fa;
	color: #3d6b4a;
	transform: none;
	scale: none;
	outline: none;
	box-shadow: none;
}
.quality-accordion-trigger:active {
	background: #f8faf9;
}
.quality-accordion-trigger span {
	flex: 1;
	line-height: 1.4;
	min-width: 0;
}
.quality-accordion-trigger i {
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	min-height: 2rem;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #4a7c59;
	color: #fff;
	font-size: 0.75rem;
	border-radius: 6px;
	transition: background 0.2s ease;
	transform: none;
	box-sizing: border-box;
}
.quality-accordion-trigger:hover i,
.quality-accordion-trigger:focus i,
.quality-accordion-trigger:active i {
	scale: none;
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	min-height: 2rem;
}
.quality-accordion-trigger:hover i {
	background: #3d6b4a;
}
.quality-accordion-item-open .quality-accordion-trigger {
	background: #f8faf9;
}
.quality-accordion-item-open .quality-accordion-trigger i {
	transform: rotate(180deg);
	background: #3d6b4a;
	width: 2rem;
	height: 2rem;
	min-width: 2rem;
	min-height: 2rem;
}
.quality-accordion-item-open .quality-accordion-trigger:hover i,
.quality-accordion-item-open .quality-accordion-trigger:focus i,
.quality-accordion-item-open .quality-accordion-trigger:active i {
	transform: rotate(180deg);
	scale: none;
}
.quality-accordion-panel {
	overflow: hidden;
}
.quality-accordion-panel[hidden] {
	display: none;
}
.quality-accordion-panel p {
	font-size: 0.9375rem;
	line-height: 1.7;
	color: #4d5358;
	margin: 0;
	padding: 0 1.5rem 1.35rem 1.5rem;
	padding-right: 3.5rem;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
@media (max-width: 992px) {
	.quality-assurance-grid {
		flex-direction: column;
		gap: 3.5rem;
		align-items: stretch;
	}
	.quality-assurance-left {
		max-width: 100%;
	}
	.quality-assurance-headline {
		margin-bottom: 1.25rem;
	}
	.quality-assurance-desc {
		margin-bottom: 2rem;
		max-width: none;
	}
	.quality-assurance-stats {
		gap: 2.5rem;
	}
}
@media (max-width: 768px) {
	.quality-assurance-sec {
		padding: 3.5rem 0 4rem;
	}
	.quality-assurance-sec .container {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.quality-assurance-label {
		font-size: 0.625rem;
		letter-spacing: 0.18em;
		margin-bottom: 0.75rem;
	}
	.quality-assurance-headline {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.quality-assurance-desc {
		font-size: 0.9375rem;
		margin-bottom: 1.75rem;
	}
	.quality-assurance-stats {
		gap: 2rem;
		justify-content: flex-start;
	}
	.quality-stat-circle {
		width: 6rem;
		height: 6rem;
		margin-bottom: 0.75rem;
	}
	.quality-stat-number {
		font-size: 1.25rem;
	}
	.quality-stat-label {
		font-size: 0.8125rem;
	}
	.quality-accordion-trigger {
		padding: 1.1rem 1.25rem;
		font-size: 0.9375rem;
	}
	.quality-accordion-trigger i {
		width: 1.75rem;
		height: 1.75rem;
		font-size: 0.6875rem;
	}
	.quality-accordion-panel p {
		padding: 0 1.25rem 1.1rem 1.25rem;
		padding-right: 3rem;
		font-size: 0.875rem;
	}
}
@media (max-width: 480px) {
	.quality-assurance-sec {
		padding: 2.5rem 0 3rem;
	}
	.quality-assurance-stats {
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}
	.quality-stat-label {
		max-width: 12em;
	}
}

#testimonials-home {
	padding:60px 0;
	background:#e8e8e8;
	text-align:center
}
#testimonials-home .container {
	max-width:950px;
}
#testimonials-home .item p  {
	padding:0 30px;
}
#testimonials-home h3 {
	padding:0 0 50px 0;
}
#testimonials-home span {
	display:block;
	font-family: 'metric-regular';
	padding:30px 0 00 
}



footer {
	background:#2e3538;
	padding:30px 0 26px;
	text-align:center;
	color:#fff;
	overflow: hidden;
}
footer .links  {
	padding:0 0 27px 0
}
footer .links li  {
	display:inline-block;
}
footer .links li a  {
	color:#fff;
	border-right:solid 1px #ccc;
	padding:0 15px 0 0;
	margin:0 14px 0 0
}
footer .links li:last-child a  {
	border-right:0;
	padding:0 ;
	margin:0 
}
footer .logo-footer img {
	max-width:139px
}
footer .credits{
	font-size:13px 	;
	color:#ccc;
}
footer .name{
	padding:15px 0 5px 0;
	color:#ccc
	
}


#project-banner {
	background:#d0112b;
	padding:60px 0;
	margin-bottom: 40px
}
#project-banner .container {
}
#project-banner h2 {
	color:#fff;
	font-size:36px;
}
#project-banner h5 {
	color:#fff;
	font-size:18px;
	font-family:'MS100';
	padding:5px  0 0 0
}
#project-details   {
	margin:0 0 70px 0
}
#project-details .gallery {
	display:inline-block;
	width:59%;
	padding:0 3% 0 0 ;
	vertical-align:top
}
#project-details .desc{
	display:inline-block;
	width:40%;
	vertical-align:top
}
#project-details .features  {
	padding:0 0 20px 0 
}
#project-details .features li{
	border-bottom:solid 1px #e5e5e5;
	padding:18px 0 20px 0;
	font-size:17px;	
}
#project-details .features li span:first-child{
	width:40%;
	display:inline-block	
}
#project-details .desc a.btn{
	margin: 45px 0 00
}




#related-prjects{
	background:#f2f2f2;
	padding:60px 0;
	text-align:center;
}
#related-prjects h4{
	margin: 0 0 30px 0
}
#related-prjects ul li{
}
#related-prjects h5{
	color:#000;
	font-family:'MS300';
	padding:20px 0 00;
	font-size:20px;
	text-align:center
}
#related-prjects .thumb img{max-height: 305px;
    width: auto;    min-height: 270px;
    display: inline-block;}




.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #ffffffa6;
    display: inline-block;
    margin: 0 3px;
}
.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
    background: #fff;
}

.pro-dets-carousel .owl-dots {
    bottom: 24px;
}
.owl-nav {
	position: absolute;
    width: 100%;
    top: 44%;
}
#testimonials-home .owl-nav {
    top: 16%;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
    font-size: 31px;
    color: #676767;
	position:absolute
}
.owl-nav .owl-prev{
	left:-40px;
}
.owl-nav .owl-next{
	right:-40px;
}
#secondary-nav ul {
    font-size: 0;
}
#secondary-nav {
    background: #f8f8f8;
    position: relative;
    z-index: 10;text-align: center;
}
#secondary-nav li {
    display: inline-block;
    position: relative;
	border-right:solid 1px #dfdfdf
}
#secondary-nav ul li:first-child {
	border-left:solid 1px #dfdfdf
}

#secondary-nav .subtrigger	{
	display:none
}
#secondary-nav li a {
    display: block;
	line-height:56px;
    padding: 2px 20px 0 20px;
	font-family:'MS700';
	text-transform:uppercase;
	color:#2e3538;
	font-size:14px;
    text-transform: uppercase;
}

#secondary-nav li:hover, #secondary-nav li.active  {
	background:#fff;	
}
#secondary-nav li:hover a, #secondary-nav li.active a {
	color:#d0112b;	
}

#subbanner{
	background:#212121;

}
#subbanner .container {
	height:294px;
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;


	position:relative
}
#subbanner .container:before{
	content:"";
	position:absolute;
	height:100%;
	z-index:0;
    top: 0;
	width:40%;
	background:#212121
}
#subbanner .cont {

	position:relative
}
#subbanner img {
	position:absolute;
	right:0
}
#subbanner h5 {
	color:#fff;
	font-size:18px;
	font-family:MS100;
	padding:0 0 5px 0
}
#subbanner h2 {
	font-size:36px;
	font-family:MS700;
	color:#fff;
	max-width: 450px;
}

#subpage  {
	padding:40px 0  ;
}
#subpage p {
	font-family:'MS300';
	line-height:27px;
	font-size:15px;
}
#subpage .address p a{ color:#000;}
#subpage .address p a:hover{ color:#d0112b;}
#subpage .page-title {
	text-transform:uppercase;
	color:#212121;
	font-size:50px;
	padding:0 0 10px 0
}
#subpage .page-title span {
	font-family:MS100
}
#subpage .page-title.small {
	font-size:28px;
}
#subpage .page-title small{font-family: 'MS300';
line-height: 27px;
	font-size: 15px; text-transform:none; display:block;margin: 10px 0;}

.about-facts {
	background:url(../images/bg-facts.jpg) center top repeat;
	padding:40px 0 30px 0;
	margin:40px 0 50px 0
}
.about-facts h4 {
	color:#dfdfdf;
	padding:0 0 30px 0
}
.about-facts .counter-value{
	color:#dfdfdf;
	font-size:80px;
	letter-spacing:-1px;
}
.about-facts .counter {
	display:inline-block;
	width:23.5%;
	text-align:left
}
.about-facts .counter:nth-child(4n+4) {
	width:34.5%;
}
.about-facts .counter:last-child {
	width:16.5%;
}
.about-facts .counter p {
	font-size:16px;
	letter-spacing:-1px;
	color:#dfdfdf;
	text-transform:uppercase
}
.featured-text {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+45,f4f4f4+76,d3d3d3+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 45%, #f4f4f4 76%, #d3d3d3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 45%,#f4f4f4 76%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#ffffff 45%,#f4f4f4 76%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.featured-text img{
	float:left;
	margin:0 30px 0 0
}
.featured-text .text{
	padding:30px;margin-top: 60px;
}
.center {
	text-align:center
}

.vision-mission {
    padding: 66px 0;
    margin: 0 0 45px;
	background:url(../images/bg-facts.jpg) center top repeat;
	color:#dfdfdf;
}
.vision-mission .left {
    background: url(../images/vision-icon.png) no-repeat 0 0;
    padding-left: 88px;
    width: 48%;
    float: left;
}

#subpage .vision-mission .left p {
    background: url(../images/quote-left.png) no-repeat 0 0,url(../images/quote-right.png) no-repeat right bottom;
    font-size: 41px;
    color: #fff;
	font-family:'MS100';
    display: inline-block;
    padding-right: 30px;
}
.vision-mission .left p span {
    display: block;
    font-size: 22px;
	font-family:'MS500';
	text-transform:uppercase;
	letter-spacing:3px;
    color: #dfdfdf;
    padding-left: 32px;
    margin-bottom: 14px;
}
.vision-mission .right {
    background: url(../images/mission-icon.png) no-repeat 0 6px;
    padding-left: 92px;
    width: 51%;
    float: right;
}
.vision-mission .right h3 {
    font-size: 22px;
	font-family:'MS500';
	text-transform:uppercase;
	letter-spacing:3px;
    color: #dfdfdf;
 
}
.vision-mission .right p{ color: #fff;
line-height: 23px !important;
margin-top: 5px;}
.values {
    margin-bottom: 40px;
    background: url(../images/values-icon.png) no-repeat 0 0;
    padding: 12px 0 0 90px;
}
.values h3 {
    font-size: 40px;
    color: #d0112b;
	font-family:'MS100'; 
    line-height: 36px;
}
.our-approach-bottom .left {
    float: left;
    width: 45%;
}
.our-approach-bottom .right {
    float: right;
    width: 47%;
}
.our-approach-bottom h3 {
    font-size: 22px;
    color: #222;
	letter-spacing:1px;
	text-transform:uppercase;
    font-family: 'MS500';
    margin-bottom: 5px;
}
.our-approach-bottom p {
    margin-bottom: 35px;
 
}


.journey-widget{ position:relative;}
.timeline .each{ 
	width:46.2%;
	display:block;
	max-width:408px;
	position:relative;
	clear:both;
	margin:-150px 0 0 0

}
.timeline .each:before{ 
	content:"";
	height:3px;
	position:absolute;
	width:100%;
	background: #616161;
	right:-20%	;
	top:44px;
}
.timeline .each:first-child{ margin-top:0; margin-bottom:80px }
.timeline .each:nth-child(2n+2){ float:right; clear:right;}

.timeline .each:nth-child(2n+2):before{ 
	left:-20%	;
}

.timeline .year{ 
    position: absolute;
    right: -35.5%;
    font-size: 17px;
    color: #fff;
    font-family: MS700;
    background: #212121;
    border-radius: 50%;
    width: 89px;
    height: 89px;
    text-align: center;
	display: table;
}
.timeline .year span{  
	display: table-cell;
	vertical-align: middle;
}
.timeline .each:nth-child(2n+2) .year{
	right:auto;
	left:-35.5%;
}
.journey-widget img{ 
	display:block; 
	width:100%;
}
.journey-widget .content{ 
	padding:20px 0 0 0  ; 
}
.journey-widget .content img{
	max-width:none; 
	width:auto; 
	display:inline-block; 
	margin-right:10px; 
	vertical-align:middle; 
	max-height:53px;
}

.journey-widget .content h3{ 
	font-size:20px; 
	color:#d0112b;
	font-family:MS700;
	padding:5px 0 10px 0
}
#subpage .journey-widget .content p{ 
	line-height:22px; 
	color:#4a4a4a;
	font-size:14px;
	font-family:MS300; margin-bottom:15px;
	
}
.journey-widget .content ul{ 
	margin-bottom:15px;
}
.journey-widget .content ul li{ 
	color:#5e5e5e; 
	list-style:none;
	margin-bottom: 7px;
}
.journey-widget .content .label{ 
	display: inline-block;
padding:6px 5px 5px;
background: #d0112b;
color: #fff;
font-family: 'MS700', Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 10px;
text-transform: uppercase;
margin-bottom: 8px;
letter-spacing: 1px;
}

.journey-widget .content .label.light-grey{ 
	background:#828688;
}
.journey-widget .content .label.grey{ 
	background:#828688;
}
.timeline{ 
	max-width:1015px; 
	margin:0 auto 0; 
	position:relative;
    padding: 100px 0 100px;
    margin-top: -50px;
    margin-bottom: -40px;
}
.timeline:before{ 
	content:""; 
	width:60px; 
	height:100%; 
	position:absolute; 
	left:50%; 
	top:0; 
	margin-left:-30px; 
	background:#d0112b;
}

.bod-list{ 
	list-style:none; 
	margin:0 -20px;
	padding:25px 0;
	text-align:center;
}
.bod-list li{ 
	padding:0 20px 40px; 
	width:24.5%; 
	display:inline-block; 
	vertical-align:top;
}

.bod-list li:nth-child(1){display: block;
margin: 0 auto;}


.bod-widget > a{ 
	display:block; 
	overflow:hidden; 
	margin-bottom:20px;
}
.bod-widget > a img {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.bod-widget > a:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.bod-widget img{ 
	display:block; 
	width:100%
}
.bod-widget h3, .bod-widget h3 a{ 
	font-size:18px; 
	color:#3c3c3c; 
	line-height:25px;
	font-family: 'MS500'; 
	margin-bottom:0; 

}
.bod-widget h3 a:hover{ 
	color:#d0112b;
}
#subpage .bod-widget p{ 
	display:block; 
	color:#3c3c3c; 
	font-size:13px;
	line-height: 19px;
}
.team-detail{ 
	padding:45px; 
	max-width:1036px; 
	display:none;
}
.team-detail .left{ 
	float:left; 
	width:36.5%;
}
.team-detail .left img{ 
	display:block; 
	margin-bottom:20px;
}
.team-detail .left h3{ 
color: #d0112b;
    font-size: 22px;
    margin-bottom: 10px;
    font-family: 'MS500';
}
.team-detail .left h3 span{ 
	display: block;
    margin-top: 3px;
    font-size: 17px;
    font-family: 'MS700';
    color: #5e5e5e;
}
.team-detail .left p{ 
	font-size:16px; 
	line-height:22px; 
	color:#5e5e5e;
	padding-top: 3px;
}
.team-detail .right{ 
	float:right; 
	width:60%;
}
.team-detail .right p{ 
	margin-bottom:20px;
}
.team-detail .right p:last-child{ 
	margin:0;
}





.search-widget{ 
	padding:25px 0; 
	background:#d0112b; 
	position:relative;
}
.search-widget .container > div{ 
	margin:0 -4px;
}
.search-widget h3{ 
	color:#fff; 
	font-size:26px;
	font-family: 'MS100';
	margin-bottom: 10px; 
}
.search-widget input[type="text"],
.search-widget input[type="search"]{ 
	height:46px; 
	border:0; 
	padding:0 18px; 
	text-transform:uppercase; 
	width:100%;
}
.search-widget .each{ 
	margin-bottom:8px; 
	width:23.5%; 
	float:left; 
	padding:0 4px;
}
.search-widget .each:last-child{ 
	width:auto; 
	padding-right:0;
}
.search-widget .showing-result{ 
	position:absolute; 
	right:0; 
	top:0; 
	color:#fff;
}
.search-widget .search-btn{ 
	width:59px; 
	height:46px; 
	background:url(../images/search-icon.png) no-repeat center center #2e3538; 
	border:0; 
	cursor:pointer;
}
.search-widget .search-btn:hover{
	background-color:#000;
}
.search-widget.awards-search .each{ 
	width:47.1%;
}


.search-widget .each .styled-select select{ 
	text-transform:uppercase;
}

.search-widget.f-and-p-search .each{ 
	width:31.5%;
}
.search-widget.f-and-p-search .each:last-child{ 
	width:auto;
}
.styled-select {
	position:relative;
}
.styled-select select{ 
	padding:0 18px; 
	width:100%; 
	box-sizing:border-box; 
	background:#fff; 
	border:0; 
	-webkit-appearance:none; 
	height:46px;
}
.styled-select:before { 
	background: #fff;
	content: "\f107";
	font-family:'FontAwesome';
	line-height: 44px; 
	font-size:20px; 
	text-align:center;
	display: block; 
	height: 44px; 
	pointer-events: none; 
	position: absolute; 
	right: 0; 
	top: 0;
	width: 50px; 
	z-index:1;
}

.search-widget.secondary{ 
	padding:0; 
	background:none;
}
.search-widget.secondary input[type="text"],
.search-widget.secondary input[type="search"]{ 
	background:#f7f7f7; 
	border:solid 1px #c5c5c5
}
.search-widget.secondary .each{ 
	width:31.4%; 
}
.search-widget .each:last-child{ 
	width:auto; 
	padding-right:0;
}


.search-widget.secondary .styled-select select{
	background:#f7f7f7; 
	border:solid 1px #c5c5c5 
}
.search-widget.secondary  .styled-select:before {  
	background: #f7f7f7; 
	border:solid 1px #c5c5c5; 
	border-left:none;
}

.awards-list{ 
	list-style:none; margin:0 -20px;
	padding:30px 0 0 0 
}
.awards-list li{ 
	padding:0 20px 40px; 
	width:33%; 
	display:inline-block;
	vertical-align:top
}

.award-widget img{ 
	display:block; 
	margin-bottom:20px; 
	width:100%
}
.award-widget h3, .award-widget h5, .award-widget h6{ 
	font-size:15px; 
	color:#3c3c3c; 
	line-height:22px; 
	font-family: 'MS300', Arial, Helvetica, sans-serif;
	padding:5px 0 22px 0
}
.award-widget h6{ 
	font-family: 'metric-regular';
	font-weight:bold
}
.award-widget .by{ 
	display:block; 
	color:#d0112b; 
	font-size:15px;
	font-family: 'MS500';
	padding-bottom:8px;
}
.award-widget .date{ 
	display:block; 
	color:#d0112b; 
	font-size:15px;
	font-family: 'MS900';
}

.pagging{
	text-align: center; 
	padding:36px 0;
}
.pagging li{ 
	display:inline-block;
}
.pagging li a{ 
	background: #f9fbfc; 
	display: block; 
	font-size: 18px; 
	height: 39px; 
	line-height: 44px;  
	text-align: center; 
	width: 42px; 
	color:#78878f;
	font-family: 'metric-regular';
}
.pagging li a:hover, .pagging li a.active{ 
	background: #78878f; 
	color:#fff;
}
.pagging li.dots{ 
	margin:0 12px;
}
#subpage p img {
	padding-bottom:10px;
}

.cap-list{ 
	list-style:none; margin:0 auto;
	padding:70px 0 0 0;
	max-width:790px;
}
.cap-list li{ 
	padding:0 20px 40px; 
	width:49%; 
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.cap-list img{ 
	display:block; 
	margin-bottom:13px; 
	width:100%;
		-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.cap-list a:hover img{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cap-list h3{ 
	font-size:16px; 
	color:#d0112b; 
	line-height:23px; 
	font-family: 'MS900';
	text-transform:uppercase
}
.dual-sect  {
	margin:0 -25px;
}
.dual-sect .each {
	padding:0 25px;
	display:inline-block;
	vertical-align:top;
	width:49.5%
}
.dual-sect .each h3, .dual-sect .each h4, .dual-sect .each h5 {
	padding: 20px 0 10px 0;
    font-size: 17px;
    text-transform: uppercase;
}

.tick-list li {
	background:#fff url(../images/tick-list.png) no-repeat 0 11px;
	padding:5px 20px 5px 24px;
	margin:0 0 1px 0;
	line-height:27px;
	font-size:15px;
	font-family: 'MS300';
}

.areas-of-expertise h3{ margin-bottom: 20px;}
.areas-of-expertise ul li{background:#f7f7f7 url(../images/tick-list.png) no-repeat 16px 18px; width:49%;vertical-align: top;
	padding:15px 23px 15px 44px; display:inline-block;
	margin:0 1px 6px 0;
	line-height:22px;
	font-size:15px;
	font-family: 'MS300';}


.noteable-projects{ padding:45px 0; background:#f2f2f2;margin-bottom: 40px;}
.noteable-projects h3{ font-size:21px; color:#4a4a4a; text-align:center; margin-bottom:35px;}
.noteable-projects .dets{ padding:20px 0; text-align:center;}
.noteable-projects .dets h5, .noteable-projects .dets h5 a{ font-size:17px; color:#3c3c3c;font-family: 'MS300', Arial, Helvetica, sans-serif;}
.noteable-projects .dets h5 a:hover{ color:#f60605}


.projects-table-heading{ background:#fff9f4; list-style:none; padding:0 15px;}
.projects-table-heading li{ 
	padding:20px 0 15px; 
	font-size:15px; 
	color:#232323; 
	text-transform:uppercase;
	font-family: 'Metric-regular'; 
	font-weight:bold; 
	float:left; 
	width:15%; 

}
.projects-table-heading li:nth-child(1){ 
	width:40%; 
}
.projects-table-heading li:nth-child(5n+2){ 
	width:26%; 
}
.projects-table-heading li:nth-child(5n+3){ 
	width:12%; 
}
.projects-table-heading li:nth-child(5n+4){ 
	width:11%; 
}
.projects-table-heading li:nth-child(5n+5){ 
	width:11%; 
	text-align: center;
}
.mobile-label {
	display:none
}



.projects-list{ 
	list-style:none; 
	padding:21px 15px;
	font-size:15px;
	font-family: 'MS100'; 

}
.projects-list:nth-child(2n+1){ 
	background:#fffdfe;
}
.projects-list li{ 
	float:left; 
	width:15%; 
	padding-top:26px; 
	color:#000; 
}
.projects-list li:nth-child(1){ 
	width:40%; 
	padding-top:0; 
	color:#3c3c3c; 
	padding-right:2%;
	font-family:MS300
}
.projects-list li:nth-child(5n+2){ 
	width:26%; 
	padding-right:3%;
	line-height:22px
}
.projects-list li:nth-child(5n+3){ 
	width:12%; padding-right: 20px;
}
.projects-list li:nth-child(5n+4){ 
	width:11%; 
}
.projects-list li:nth-child(5n+5){ 
	width:11%; 
	text-align: center;
}
.projects-list .project-thumb{ 
	font-size:18px;
}
.projects-list .project-thumb img{ 
	float:left; 
	margin-right:23px;
}
.projects-list .project-thumb div{ 
	padding:8px 0 0 152px;
}
.projects-list .project-thumb div a{ 
	color:#000; 
	display:block;
}
.projects-list .project-thumb div a:hover{ 
	color:#d3222a;
}


.projects-filter{ 
	padding:15px 0 11px 0;
	border-bottom:solid 1px #f3f3f3
}
.projects-filter li{ 
	list-style:none; 
	display:inline-block;
	font-family: 'metric-regular'; 
	font-size:15px; 
	margin-right:30px;
	margin-top:14px
}
.projects-filter li label{ 
	cursor:pointer;
	font-size:16px;
}
.projects-filter li input{ 
	float:left; 
	margin-right:10px;
}
.projects-filter li:last-child{ 
	float:right;
		margin:0
}

.projects-filter li:last-child label{ 
	float:right;
	line-height:40px;
	padding:0 15px 0 0;

}

.projects-filter  .styled-select {
	float:right;
	height:36px;
}
.projects-filter  .styled-select select{
	background:#f1f3f4; 
	border:none;
	width:220px;
	height:36px;
}
.projects-filter  .styled-select:before {  
	background: #f1f3f4; 
	border:none;
	height:36px;
	line-height:36px;
}


.no-caps {
	text-transform: none !important
}
.btn-right {
	float:right
}


.vendor-steps{
	background:url(../images/bg-facts.jpg) center top repeat;
	margin:40px 0 50px 0;
	color:#dfdfdf;
	margin:40px 0
}
.vendor-steps h4 {
	color:#fff;
	padding:0 0 10px 0;
	font-size:24px;
}

.vendor-steps .each {
	width:49.5%;
	display:inline-block;
	padding:40px 0 40px 30px;
	vertical-align:top;
}
.vendor-steps .container .each:first-child {
	border-right:solid 1px #dc929c;
	padding-left:0;
	padding-right:30px
}

.vendor-steps .divider{
	border-bottom:solid 1px #dc929c
}
.vendor-steps p{
	color:#fff;
}

.news-search div .each:first-child {
	width:70%
	
}

.news-search #datepicker {
	background:#fff url(../images/icon-calendar.jpg) no-repeat 95.5% 9px
}
.news-list  {
	margin:0 -25px;
}
.news-list li{
	padding-left: 139px;
	padding-right:25px;
	width:49.5%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:55px 	
}
.news-list li .date{
	position:absolute;
	margin:0 0 0 -114px;
	text-align:center;
	font-size:42px;
	font-family:'MS100';
	border-right:solid 1px #f0f0f0;
	padding:0 23px 0 0 
}

.news-list li .date span{
	font-size:14px;
	display:block;
}

.news-list li h5{
	font-size:21px;
	font-family: 'metric-regular';
	padding:25px 0 10px 0
}
.news-list li h5 a{
	color:#545454;
}
.news-list li h5 a:hover{
	color:#d0112b;
}
#subpage .news-list li p{
	font-family: 'MS300';
	line-height:26px


}
.news-list.details li{
	padding-left: 139px;
	padding-right:0;
	width:100%;
}
.news-list.details li img{
	width:100%;
}

#map {
	height:470px;
}

#content-map h5 {
	font-size:17px;
	
}
.enquiry-form {
	float:left;
	width:500px;
}
.contact-info{
	float:right;
	width:550px;
}
.enquiry-form input[type=text], .enquiry-form input[type=email], .enquiry-form input[type=phone], .enquiry-form input[type=number], .enquiry-form textarea  {
	width:100%;
	background:#f8f9fa;
	height:45px;
	line-height:45px;
	padding:0 10px;
	font-size:16px;
	font-family: 'metric-regular';
	border:none;
	margin:0 0 15px 0
}
.enquiry-form textarea  {
	padding:10px;
	height:160px;
}
.contact-info h5 {
	font-size:19px;
	margin:0 0 10px;
	font-family:MS500	
}
.contact-info p {
	margin:0 0 10px;
}
.contact-info .address {
	margin:0 0 0 0;
}
.contact-info .address a {
	margin:0 10px 10px 0
}


/*.additional-links {
	background:url(../images/bg-lines-grey-dark.jpg) center top;
	margin:40px -20px -40px -20px
}*/
.additional-links {
	background:url(../media/1149/bg-lines-grey.jpg) center top;
	margin:40px 0 -40px 0
}

.additional-links .cont {
	margin:0 -20px 
}

.additional-links .each {
	display:inline-block;
	padding:50px 35px;
	width:49.5%;
	vertical-align:top;
	margin:0 -2px;
	border-right: solid 1px #ddd;
	border-top: solid 1px #ddd;
}
.additional-links .each:nth-child(1),
.additional-links .each:nth-child(2){ border-top:0;}

.additional-links .each:nth-child(2n+1) {
	padding-left:0;
}
.additional-links .container .each:nth-child(2n+2){ border-right:0; padding-right:0;}

/*
.additional-links .container .each:nth-child(3n+2) {
	padding-right: 40px;
	padding-left: 40px;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;

}
.additional-links .each:last-child {
	padding-right:0;
	padding-left:40px;
	width:29.5%
}
*/
.additional-links .each a{
	color:#ff4b63
}
.additional-links .each a:hover{
	color:#d0112b
}




.additional-links h4{
	padding:0 0 10px 0; color:#fff;letter-spacing: 1px;
}
.additional-links p{ color:#fff;}
.branches {
	margin:0 -30px;
	min-height:350px
}
.branches li{
	display:inline-block;
	padding:0 30px;
	margin:0 0 30px 0 ;
	width:32.5%;
	vertical-align:top;
}
#subpage .branches li p{
	font-size:14px;
	line-height:24px;
	min-height:150px
}
#subpage .branches li p a{ color:#000;}
#subpage .branches li p a:hover{ color:#d0112b;}
.branches h5 {
	font-size:19px;
	margin:0 0 10px;
	font-family:MS500
}
.branches .btn {
	margin:15px 10px  0 0;
	font-size:14px

}

.job_listings .styled-select select{
	font-size:16px;
	border:solid 1px #c5c5c5 
}
.job_listings .styled-select:before {  
	border:solid 1px #c5c5c5; 
	border-left:none;
}

.job_types {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    border-width: 0 1px;
	background:#f9f9f9
}
.job_types:before{    
	content: "";
    display: table;
}
.job_types li { 

    padding:18px 20px;
    width: 100%;
    text-align: center;
    border-right: 1px solid #ccc;
    border-width: 0 1px 1px 0;
    float: left;
	font-family:MS500;
	font-size:15px;
	width:auto
}
.job_listing a{
	padding:20px 15px 8px 15px;
	display:block;
}
.job_listing {
    border-bottom: 1px solid #ddd;
}
.job_listing a .logo-job {
	max-width:80px;
}
.job_listing a {
	margin:0 -15px;
	color:#000;
	font-size:14px;
}
.job_listing a div {
	 display:inline-block;
	 vertical-align:top;
     padding-left: 15px;
    padding-right: 15px;

}
.job_listing  .position{
    width: 41.66666666666667%;
	margin-top: 4px;
}
.job_listing  h3{
	font-family:MS300;
	font-size:17px;

}
.job_listing  .location{
    width: 33.33333333333333%;
	margin-top: 4px;
	
}

.cta-job {
	float:right;
	margin:-40px 0 20px 0
}
.cta-job span {
	font-size:14px;
	padding:0 10px 0 0
}
#job-details  {
	padding:20px;
	overflow:hidden;
}
#job-details h2 {
	padding:0 0 10px 0
}
#job-details .head {
	padding:0 0 30px 0
}



.popup-form input[type=text], .popup-form input[type=email], .popup-form input[type=phone], .popup-form input[type=number], .popup-form input[type=file], .popup-form textarea  {
	width:100%;
	background:#f8f9fa;
	height:45px;
	line-height:45px;
	padding:0 10px;
	font-size:16px;
	font-family: 'metric-regular';
	border:none;
	margin:0 0 15px 0
}
.popup-form textarea  {
	padding:10px;
	height:160px;
}

.popup-form{
	padding:30px;
}
.popup-form h2 {
	text-align:center;
	padding:0 0 10px 0;
}
#datepicker {
	background-image:url(../images/icon-calendar.jpg) !important;
	background-repeat:no-repeat !important;
	background-position:95.5% 9px !important
}



.popup-form .styled-select select{
	background:#f8f9fa;
	padding:0 10px;
	font-size:16px;
	font-family: 'metric-regular';
	margin:0 0 15px 0
	
}
.popup-form .styled-select:before {  
	background:#f8f9fa;
	border-left:none;
}
.popup-form label{
	padding:0 50px 10px 0;
	display:inline-block;
	font-family: 'metric-regular';

}



.iframe-container{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.login-widget { width:100%; max-width:500px; padding:40px; margin:50px auto; border:1px solid #f1f1f1; border-radius:5px;
}
    .login-widget input[type="text"],
    .login-widget input[type="password"] {height: 45px;
    background: none;
    border: 1px solid #f1f1f1;
    width: 100%;
    margin-bottom: 16px;
    padding: 0 18px;}

    .login-widget h3 {
         margin-bottom: 23px;
    font-size: 24px;}



#about-us #cap-home{ padding:20px 0 0;}


.capability-breadcrumb {
    padding: 10px 0 10px 11px;
    background: #f4f4f4;
    margin: -25px 00 18px 0;
}
ul.capability-breadcrumb li {
    display: inline-block;
    padding: 0 10px 0 0;
}
ul.capability-breadcrumb li:after {
    content: "»";
    padding: 0 0 0 10px;
}	
ul.capability-breadcrumb li:last-child:after {
   display:none;
}	
ul.capability-breadcrumb li a {
    color:#000
}


.iso-logos-sec{padding: 60px 0; text-align:center;background: #e8e8e8;text-align: center;}
.iso-logos-sec h3{ font-size:28px; color:#4b4b4b;margin-bottom: 15px;letter-spacing: 4px;}
.iso-logos-sec p{ margin-bottom: 25px;}
.iso-logos-sec ul{ padding-top:25px;}
.iso-logos-sec li{ display:inline-block; vertical-align:top;margin: 0 20px;}

.resources-content h2{ font-size:34px; color:#212121; margin-bottom:15px; font-family:'MS300', Arial, Helvetica, sans-serif;}
.resources-content p{ margin-bottom:45px; color:#4a4a4a;}
.resources-content .resources-img{ margin:0 -11px;}
.resources-content .resources-img li{ padding:0 11px; float:left; width:33.3%;margin-bottom: 40px;}
.resources-content .resources-img li img{ width:100%;}

.hesperiden .tp-bullet {
    margin-top: 40px;
}

.ezsearch-results h4, .ezsearch-results h4 a{ color:#111;letter-spacing: 0;margin-bottom: 10px;}
#subpage .ezsearch-results p{line-height: 22px;font-size: 15px; margin-bottom:10px;}
.ezsearch-results .details li{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f1f1f1}
.ezsearch-results .details li > a{color: #d0112b;font-family: 'MS500';text-transform: uppercase;font-size: 12px;}

.cap-details #related-prjects {
    margin-bottom: 0;
}
.cap-details {
   padding-bottom: 0 !important;
}


.mobile-space-adjust {
    padding-top: 0 !important;
}


#featured-projects li .rslides_tabs{ margin-top:30px;}
#featured-projects li .rslides_tabs li{ background:none; display:inline-block; margin-right:6px;}
#featured-projects li .rslides_tabs li a{ display:block; width:14px; height:14px;border-radius: 100%; background:#a7a7a7; font-size:0;}
#featured-projects li .rslides_tabs li.rslides_here a{ background:#fff;}
#projectlistDiv .projects-list li span{ display:none;}


/* ============================================
   INNER PAGES - UNIFIED DESIGN
   ============================================ */

/* Sub-banner (page hero) - enhanced */
#subbanner {
	position: relative;
	overflow: hidden;
	min-height: 220px;
}
#subbanner img {
	opacity: 0.85;
	object-fit: cover;
	width: 100%;
	height: 100%;
	min-height: 294px;
}
#subbanner .container {
	min-height: 220px;
	height: auto;
	padding: 40px 15px;
}
#subbanner .container:before {
	width: 100%;
	background: linear-gradient(90deg, rgba(33,33,33,0.92) 0%, rgba(33,33,33,0.75) 50%, transparent 100%);
}
#subbanner .cont {
	z-index: 2;
}
#subbanner h2 {
	font-size: 32px;
	letter-spacing: 0.5px;
	line-height: 1.2;
	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#subbanner h5 {
	opacity: 0.9;
	margin-bottom: 4px;
}

/* Subpage content area */
#subpage {
	padding: 50px 0 60px;
	background: #fff;
}
#subpage .container {
	max-width: 1200px;
}
#subpage .page-title {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e8e8e8;
}
#subpage .page-title.small {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 25px;
}
#subpage p {
	color: #4a4a4a;
	margin-bottom: 18px;
}

/* About Us inner - divisions strip */
#subpage #about-us .container > p {
	max-width: 900px;
}
#subpage #about-us .additional-cont {
	padding-top: 20px;
}
#subpage .featured-text {
	padding: 30px 0;
	border-top: 1px solid #eee;
}
#subpage .featured-text .text p {
	margin-bottom: 15px;
}

/* Secondary nav - inner page tabs */
#secondary-nav {
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
#secondary-nav li a {
	transition: color 0.2s, background 0.2s;
}

/* Contact Us - form and info as cards */
#subpage .enquiry-form,
#subpage .contact-info {
	background: #fafafa;
	padding: 35px 30px;
	border-radius: 4px;
	border: 1px solid #eee;
	box-shadow: 0 2px 12px rgba(0,0,0,0.04);
	margin-bottom: 25px;
}
#subpage .enquiry-form input[type="text"],
#subpage .enquiry-form input[type="email"],
#subpage .enquiry-form input[type="phone"],
#subpage .enquiry-form input[type="number"],
#subpage .enquiry-form textarea {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	transition: border-color 0.2s;
}
#subpage .enquiry-form input:focus,
#subpage .enquiry-form textarea:focus {
	border-color: #d0112b;
	outline: none;
}
#subpage .enquiry-form .btn {
	margin-top: 10px;
	padding: 14px 28px;
	font-size: 15px;
}
#subpage .contact-info .address {
	background: transparent;
	padding: 0;
}
#subpage .contact-info .btn {
	margin-right: 10px;
	margin-top: 8px;
}

/* Contact - sub-banner above map (when used) */
body.contact-page #map {
	margin-top: 0;
}
.contact-subbanner {
	background: #212121;
	padding: 28px 0;
	margin: 130px 0 0 0;
}
.contact-subbanner .container {
	position: relative;
}
.contact-subbanner h2 {
	color: #fff;
	font-size: 28px;
	font-family: MS700, Arial, sans-serif;
	margin: 0;
}

/* Branches - card grid */
#subpage .branches {
	margin: 0 -20px;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	min-height: auto;
}
#subpage .branches li {
	width: 33.333%;
	padding: 25px 20px;
	margin: 0;
	vertical-align: top;
	background: #fafafa;
	border: 1px solid #eee;
	margin: -1px 0 0 -1px;
	box-sizing: border-box;
	transition: background 0.2s, box-shadow 0.2s;
}
#subpage .branches li:hover {
	background: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
#subpage .branches li h5 {
	color: #d0112b;
	font-size: 18px;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
}
#subpage .branches li p {
	min-height: auto;
	font-size: 14px;
	line-height: 22px;
	color: #555;
}

/* Additional links (division contacts) - card style */
.additional-links .each {
	background: rgba(46, 53, 56, 0.96);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 4px;
	margin: 0 10px 20px 0;
	transition: transform 0.2s, box-shadow 0.2s;
}
.additional-links .each:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}
.additional-links .each h4 {
	font-size: 16px;
	letter-spacing: 0.5px;
	margin-bottom: 12px;
}
.additional-links .each p {
	font-size: 14px;
	line-height: 22px;
	opacity: 0.95;
}

/* Projects listing - table polish */
.search-widget {
	border-bottom: 3px solid #b00e24;
}
.projects-table-heading {
	border-radius: 4px 4px 0 0;
	font-weight: 600;
}
.projects-list {
	border-bottom: 1px solid #eee;
	transition: background 0.2s;
}
.projects-list:hover {
	background: #fcfcfc !important;
}
.projects-list .project-thumb div a {
	font-weight: 500;
}

/* News listing - card feel */
#subpage .news-list li {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 4px;
	margin: 0 1% 20px 0;
	padding: 20px 20px 20px 130px;
	vertical-align: top;
	transition: box-shadow 0.2s;
}
#subpage .news-list li:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
#subpage .news-list li .date {
	border-right: none;
	padding: 10px 15px;
	background: #d0112b;
	color: #fff;
	border-radius: 4px;
	margin: 0 0 0 -110px;
	width: 90px;
	height: 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#subpage .news-list li .date span {
	font-size: 12px;
}
.pagging {
	margin-top: 30px;
	text-align: center;
}
.pagging li {
	display: inline-block;
	margin: 0 4px;
}
.pagging li a {
	display: block;
	padding: 10px 16px;
	background: #f0f0f0;
	color: #333;
	border-radius: 4px;
	font-weight: 500;
	transition: background 0.2s, color 0.2s;
}
.pagging li a:hover,
.pagging li a.active {
	background: #d0112b;
	color: #fff;
}

/* Resources - section blocks */
#subpage .resources-content h2 {
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid #eee;
}
#subpage .resources-content h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#subpage .resources-content .resources-img li {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 8px;
	box-sizing: border-box;
}
#subpage .resources-content .resources-img li img {
	border-radius: 3px;
	display: block;
}

/* Our Divisions - cap list cards */
#subpage .cap-list li {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
	margin: 0 1% 24px 0;
	transition: box-shadow 0.2s, border-color 0.2s;
}
#subpage .cap-list li:hover {
	box-shadow: 0 8px 24px rgba(0,0,0,0.08);
	border-color: #d0112b;
}
#subpage .cap-list li a {
	display: block;
	padding: 0;
}
#subpage .cap-list img {
	border-radius: 6px 6px 0 0;
}
#subpage .cap-list h3 {
	padding: 18px 15px;
	margin: 0;
}

/* Project detail - gallery & sidebar */
#project-banner {
	border-bottom: 4px solid #a00d20;
}
#project-details .gallery {
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
#project-details .desc {
	background: #fafafa;
	padding: 30px;
	border-radius: 6px;
	border: 1px solid #eee;
}
#project-details .features li {
	font-size: 15px;
	color: #333;
}
#project-details .features li span:first-child {
	color: #666;
	font-weight: 600;
}
#related-prjects .thumb {
	display: block;
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow 0.2s, border-color 0.2s;
}
#related-prjects .thumb:hover {
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	border-color: #d0112b;
}
#related-prjects .thumb h5 {
	padding: 15px;
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
}

/* Responsive - inner pages */
@media (max-width: 992px) {
	#subpage .branches li {
		width: 50%;
	}
	#subpage .enquiry-form,
	#subpage .contact-info {
		width: 100% !important;
		float: none !important;
		max-width: 100%;
	}
	.additional-links .each {
		width: 100% !important;
		border-right: none !important;
	}
}
@media (max-width: 768px) {
	#subbanner h2 {
		font-size: 26px;
	}
	#subbanner .container {
		min-height: 180px;
	}
	#subpage {
		padding: 30px 0 40px;
	}
	#subpage .branches li {
		width: 100%;
	}
	#subpage .news-list li {
		padding-left: 20px;
		margin-left: 0;
	}
	#subpage .news-list li .date {
		position: relative;
		margin: 0 0 12px 0;
		width: auto;
		height: auto;
		display: inline-block;
	}
	#subpage .cap-list li {
		width: 100%;
	}
}