*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	
}

.sec2{
    background-image: url('i4thbgt4.png');
    background-size: cover;   /* Makes the image cover the entire container */
    background-position: center center;  /* Centers the image */
    background-repeat: no-repeat;  /* Prevents the image from repeating */
height: 100%;
/* padding: 60px;; */
background-color: #a1000f;
}
.sec2 .col-md-4{
	/* margin-top:58px; */
	font-family:"Outfit",sans-serif;
}
.sec2 .col-md-4 i {
margin-left:20px;
font-size:30px;
margin-right:15px;

}
.sec2 .col-md-4 .fa-clock{
color: white;

	
}
/* .sec2 .col-md-4 span {
margin-left:20px;
font-size:22px;
margin-right:15px;
font-weight:600;
} */
.why-us{
	padding: 50px;
	margin-top: 60px;;
}
.whylstimgrow img{
border-radius: 10px;;
}
.whyfstcol h6{
	color: #a1000f;
	font-size:19px;
	font-family: "Outfit",sans-serif;
}
.whyfstcol h1{

	font-size:48px;
	margin-top: 15px;
	margin-bottom: 20px;;
	font-family: "Outfit",sans-serif;
}
.whyfstcol p{

	font-size:20px;
	margin-top: 15px;
	margin-bottom: 30px;;
	font-family: "Outfit",sans-serif;
}
#whyfistrow p{
	font-size: 17px;;
	margin-left: -15px;;
}
#whyfistrow h4{

	margin-left: -15px;;
}
.whylstimgrow1{
	margin-top: 100px;;

}
.whylstimgrow1 img{
width: 80%;
	border-radius: 10px;;
}
.whyseccol{
	margin-top: 100px;;

}

.whylstimgrow img{
	border-radius: 10px;;
	}
	.whyfstcol h6{
		color: #a1000f;
		font-size:19px;
		font-family: "Outfit",sans-serif;
	}
	.whyseccol h1{
	
		font-size:48px;
		margin-top: 15px;
		margin-bottom: 20px;;
		font-family: "Outfit",sans-serif;
	}
	.whyseccol h6{
		color: #a1000f;
		font-size:19px;
		font-family: "Outfit",sans-serif;
	}
	.whyseccol p{
	
		font-size:20px;
		margin-top: 15px;
		margin-bottom: 30px;;
		font-family: "Outfit",sans-serif;
	}
	.whysecbutton{
		padding: 16px 30px;
	background-color: #a1000f;
	color: white;
	font-family: 'Outfit',sans-serif;
	border: none;
	font-weight: 600;
	border-radius: 6px;
	}
	
.ser3{
    padding: 50px;
    /* padding-bottom:  */
    /* font-family: 'Popins',sans-serif; */
    background-color: rgb(234, 237, 240);
    
}
.ser3 .p1{
    font-weight:600;
    font-size: 20px;
    color: #a1000f;
}
.ser3 h4{
	font-size:35px;
	font-family: "Outfit",sans-serif;
}
.ser3 .card h6{
    font-weight: 600;
    font-family: 'Roboto',sans-serif;
    color: #a1000f;
}
.ser3 .card {
  border-radius: 10px;
}
.ser3 .card img{
padding: 10px;
border-radius: 20px;
}
.serbtn2{
	background-color:#a1000f;
	color:white;
	border:none;
	border-radius:6px;
width: 100%;
padding: 12px 25px;

}
.cardimg12 {
	height:200px;
}


.feedback{
	padding:50px;

}
.feedback .fa-star{
	margin-top:15px;
	margin-bottom:20px;
	font-size:12px;
}
.feedback .card{
	margin-top:15px;
	margin-bottom:20px;
}
.feedback .card img{
padding:5px;
border-radius:10px;
}
.feedback .card .fa-quote-left{
font-size:28px;
color:orange;
}
.feedback .feedspan{
font-size:18px;
font-family:700;
font-family:'popins',sans-serif;

}
.feedback h2{
font-size:38px;
margin-bottom:25px;

}


  .ab1 {
	background-image: url('4igh4t.png');
	background-size: cover; /* Make sure the image covers the element */
	background-position: center; /* Center the image */
	position: relative; /* Make the overlay possible */
	color: white; /* Set the text color to white */
	z-index: 0; /* Ensure text is above the background */
	height: 40vh;
	text-align: left; /* Align all text to the left */  
}
  
  .ab1::after {
	content: ''; /* Create a pseudo-element */
	position: absolute; /* Absolute positioning to overlay on top of the image */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7); /* Blue tint with some transparency */
	z-index: -1; /* Ensure the overlay is behind the text */
  }
  
  .ab1 h1  {
	color: white;
	margin-top: 150px;;
text-align: left;

  }
  .ab1 .container{
	color: white;
	/* margin-top: 150px;; */
	text-align: left;

  }
  .ab1 .col-md-12{

	/* margin-top: 150px;; */

		text-align: left; /* Aligns text to the left */
	
	  
  }
  .ab2{
	padding: 50px;;
	font-family: 'Outfit',sans-serif;
	margin-top: 30px;;
  }
  .ab2 h1{
	font-size: 42px;;
  }
  
  .ab2 .abspicon{
	/* font-size: 42px;; */
	margin-top: 10px;;
	color: rgb(99, 97, 97);;
  }
  .ab2 .fa-circle-check{

margin-right: 14px;
font-size: 18px;;
color: #a1000f;
  }
  .ab2 .col-md-6 img{
	height: 500px;;
	border-radius: 12px;;
  }
  .ab2fstp{
	font-size: 17px;
	color:  rgb(99, 97, 97);;
  }
 
  
.sectionClass {
	padding: 20px 0px 50px 0px;
	position: relative;
	display: block;
  }
  
  .fullWidth {
	width: 100% !important;
	display: table;
	float: none;
	padding: 0;
	min-height: 1px;
	height: 100%;
	position: relative;
  }
  
  
  .sectiontitle {
	background-position: center;
	margin: 30px 0 0px;
	text-align: center;
	min-height: 20px;
  }
  
  .sectiontitle h2 {
	font-size: 45px;
	color: #222;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
  }
  
  
  .headerLine {
	width: 160px;
	height: 2px;
	display: inline-block;
	background: #a1000f;
  }
  
  
  .projectFactsWrap{
	  display: flex;
	margin-top: 30px;
	flex-direction: row;
	flex-wrap: wrap;
  }
  
  
  #projectFacts .fullWidth{
	padding: 0;
	
}
  
  .projectFactsWrap .item{
	width: 33%;
	height: 100%;
	padding: 50px 0px;
	text-align: center;
  }
  
  .projectFactsWrap .item:nth-child(1){
	background: rgb(16, 31, 46);
  }
  
  .projectFactsWrap .item:nth-child(2){
	background: rgb(18, 34, 51);
  }
  
  .projectFactsWrap .item:nth-child(3){
	background: rgb(21, 38, 56);
  }
  
  .projectFactsWrap .item:nth-child(4){
	background: rgb(23, 44, 66);
  }
  
  .projectFactsWrap .item p.number{
	font-size: 40px;
	padding: 0;
	font-weight: bold;
  }
  
  .projectFactsWrap .item p{
	color: rgba(255, 255, 255, 0.8);
	font-size: 18px;
	margin: 0;
	padding: 10px;
	font-family: 'Open Sans';
  }
  
  
  .projectFactsWrap .item span{
	width: 60px;
	background: rgba(255, 255, 255, 0.8);
	height: 2px;
	display: block;
	margin: 0 auto;
  }
  
  
  .projectFactsWrap .item i{
	vertical-align: middle;
	font-size: 50px;
	color: rgba(255, 255, 255, 0.8);
  }
  
  
  .projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
	color: white;
  }
  
  .projectFactsWrap .item:hover span{
	background: white;
  }
  .crdslidr{
	
	padding: 50px;;
	font-family: 'Outfit',sans-serif;
  }

  .crdsldh1{
	font-size: 45px;;
  }
  .crdsldp{
	font-size: 17px;;
	color: rgb(99, 97, 97);
  }
  .cntct1 {
    position: relative;
    background-image: url('cartwo.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 45vh; /* Adjust the height according to your needs */
}

/* Create a darker overlay */
.cntct1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8); /* Adjust the opacity to make it darker (0.0 to 1.0) */
    z-index: 1; /* Make sure the overlay is above the background image */
}

/* Make sure content inside the element is above the overlay */
.cntct1 > * {
    position: relative;
    z-index: 2;
}

.cntct1 h1
{
	color: white;
	margin-top: 150px;;
text-align: left;

  }
.cntct1 span
{
	color: white;


  }
 



  .map {
	width: 100%;
height: auto;
padding-top: 0px;;
margin-bottom: 20px;;

  }
  
  /* Ensure map container takes full width */
  .map-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
  }
  
  /* Make iframe responsive */
  .map-wrapper iframe {
	width: 100%; /* Full width */
	height:50vh;
	border: 0; /* Remove border */
	display: block; /* Remove extra space below iframe */
	padding-top: 0px;
  }
.feedp{
	font-size: 19px;

	margin-top:-10px;
}
#logo1nav{
    width: 150px;;
}
@media screen and(min-width:300px) and (max-width:768px) {
	.navbar-brand #logo1nav{
  
}
}
@media screen and(min-width:768px) and (max-width:1068px) {
	.navbar-brand #logo1nav{

}
}




  @media (max-width: 786px){
	
  }
  
@media screen  and (min-width:300px) and (max-width:768px){
	.sec2{
		height: 100%;
		text-align: center;
	}
	.sec2 span{
		margin-top: 10px;;
		margin-bottom: 12px;
		display: inline-block;
	}
	.sec2 .col-md-4{
margin-bottom: 35px;;
	}
	.why-us{
		padding: 10px;
		text-align: center;
	}
	.why-us h1{
		font-size: 30px;;
	}
	.why-us h6{
	}
	.ser3{
		padding: 10px;;
	}
	.ser3 .card{
		margin-bottom: 10px;;
	}
	.feedback{
		padding:15px;
	}
	.navbar-brand {
		
	}
	.whylstimgrow1 img{
		width: 100%;
			border-radius: 10px;;
		}
		.whyseccol{
			padding-bottom: 30px;;
		}
		.ab2{
			padding: 5px;;
		}
		.ab2 h1{
			font-size: 31px;;
		}
		.ab2fstp{
			font-size: 16px;;
		}
		.ab2 .abspicon {
			margin-top: 10px;
	
		}
		.ab2 .abspicon {
margin-bottom: 20px;
		}
		.ab2 img{
			margin-top: 20px;;
		}
		.sectiontitle h2
		{
			font-size: 35px;;
		}
		.crdsldh1{
			font-size: 35px;;
		}
		.crdsldp{
			font-size: 14px;;
		
		}
		.map iframe {
   
			height: 30vh;
		
			width:100%;
		}
		.projectFactsWrap .item {
			flex:100%;
		 }
		 #logo1nav {
			width: 205px;
		}
	
}
@media screen and (min-width:768px) and (max-width: 1268px) {
	.why-us{
		text-align: left;
	}
	.whyseccol p{
		font-size: 19px;;
	}
	.whyseccol h1{
		font-size: 28px;;
	}
	.whylstimgrow1 img{
		width: 100%;
			border-radius: 10px;;
		}
		#logo1nav {
			width: 325px;
		}
}