:root {
	--orange: #f7931d;
	--white: #fefefe;
	--black: #2d2f39;
	--grey: #e6e7e8;
  }
  * {
	padding: 0;
	margin: 0;
  }
  .logo {
	width: 90px;
  }
  
  .description {
	text-align: left;
  }
  
  .description h1 {
	font-weight: bold;
	text-transform: uppercase;
  }
  .vision {
	background-color: var(--grey) !important;
  }
  .header-bg {
	position: relative;
	background-image: url("/photos/ourClients/construction-silhouette.jpg"); /* Add your background image path here */
	background-size: cover;
	background-position: center;
  }
  
  .header-bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(
	  0,
	  0,
	  0,
	  0.5
	); /* Adjust the rgba values to change the shading color and transparency */
	z-index: 1;
  }
  
  .header-bg .about-text {
	position: relative;
	z-index: 2;
  }
  
  .about h1 {
	color: var(--orange) !important;
  }
  p {
	color: var(--black) !important;
  }
  
  .section-title {
	text-align: center;
	padding: 25px 0;
  }
  .section-title h2 {
	font-size: 60px;
	text-transform: uppercase;
	font-family: oswald;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0.1);
  }
  .section-title h2 span {
	color: yellow;
  }
  .contact-form {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	padding: 40px 30px;
  }
  .contact-form .btn {
	background: yellow;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 50px;
	letter-spacing: 2px;
  }
  .map-area {
	width: 600px;
	height: 628px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  .map-area iframe {
	width: 100%;
	height: 100%;
	border: none;
  }
  
  /*responsive*/
  
  @media (max-width: 991px) {
	.contact-form {
	  margin-bottom: 30px;
	}
	.map-area {
	  width: 100%;
	}
  }
  
  * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
  }
  .footer {
	background-color: #1a1a1a;
	padding: 20px 10px;
	bottom: 0;
	width: 100%;
	color: #ffffff;
  }
  
  .footer-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
  }
  
  .footer-left,
  .footer-right {
	display: flex;
	align-items: center;
  }
  
  .footer-left .footer-link {
	color: #ffffff;
	text-decoration: none;
	/* margin-right: 8px; */
  }
  
  .footer-left .footer-link:hover {
	text-decoration: underline;
  }
  
  .footer-icons {
	display: flex;
	align-items: center;
  }
  .footer-icons i {
  color: var(--white) !important; 
  
  }
  
  .footer-icon {
	margin: 0 10px;
  }
  
  .footer-icon img {
	width: 20px;
	height: 20px;
  }
  
  .footer-right {
	font-size: 14px;
	color: #b3b3b3;
  }
  
  @media (max-width: 768px) {
	.footer-content {
		flex-direction: column;
		text-align: center;
	}
  
	.footer-left,
	.footer-right {
		flex-direction: column;
		margin-bottom: 10px;
	}
  
  
  
	.footer-icons {
		margin-bottom: 10px;
	}
  }
  
  .hoursContainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px;
	border: 1px solid #ddd;
	width: 100%;
  }
  .day {
	font-weight: bold;
	margin-bottom: 5px;
  }
  .hours {
	color: #999;
  }
  
  .linkedin-link {
	text-decoration: none;
	color: inherit;
	margin: 0 10px;
  }
  .linkedin-link i {
	font-size: 1.5em; /* Adjust size as needed */
  }
  
  .btn-wsp{
	  position:fixed;
	  width:60px;
	  height:60px;
	  line-height: 63px;
	  bottom:25px;
	  right:25px;
	  background:#25d366;
	  color:#FFF;
	  border-radius:50px;
	  text-align:center;
	  font-size:35px;
	  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	  z-index:100;
	  transition: all 300ms ease;
  }
  .btn-wsp:hover{
	  background: #20ba5a;
  }
  @media only screen and (min-width:320px) and (max-width:768px){
	  .btn-wsp{
		  width:63px;
		  height:63px;
		  line-height: 66px;
	  }
  }