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


body {
 scroll-behavior: smooth;
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 
}



header img{
	
	background-repeat: no-repeat;
	
	background-position: center;
	background-size: cover;
	width: 100%;
	height: auto;
	
	position: relative;



	

	 }

	
	

.main{
	top: 5px;
	width: 100%;
	
	
	position: absolute;
		

}
.logo{

 width: 10%;
 margin: 0 auto;
 align-content: center;
display: none;

}
 


.text{
	margin: 0 auto;
	padding: 10px;
	
	
	text-align: center;
	
	width: 99%;
	

}
.text h1{
	padding: 10px;
	width: 99%;
	border: 0;
	border-radius: 5px;
	
	color: #fff;

	
}
.text h2{
	
	
	width: 99%;
	border: 0;
	border-radius: 5px;


	color: #fff;

}

.Overview{
	width: 100%;
	margin-top: 30px;
	position: relative;
	
	
}
.Overview .content{
	
	position: relative;
	margin: 0 auto;



}
.Overview .content h2{
	font-size: 1.5rem;
	text-align: center;
	margin-top: 15px;
}
.Overview .content h2 span{
	font-size: 1.9rem;
	color: red;
}
.Overview .content .article{
	
	padding-top: 10px;
		display: flex;
		text-align: center;
		justify-content: space-between;
position: relative;


}
.Overview .content .article p{
	flex: 45%;
	margin: 10px 15px;
	font-size: 1.25rem;
	text-align: justify;
	line-height: 1.6;
	width: 100%;
	height: auto;
}
.Overview .content .article .imgbx{
	


}

.Overview .content .article .imgbx img{
	width: 97%;
	
	

}


.apartments{


	width: 99%;
	margin: 0 auto;
	position: relative;
	margin-top: 10px;


}
.apartments h2{
	text-align: center;
	margin-top: 10px;

}
.apartments h2 span{
	color: red;

}

.cards{
	padding-top: 30px;
 width: 99%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 30px;
	

	
}



.card{
	width: 99%;
	margin: 0 auto;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);




}
 .card img{

width: 100%;
background-color: gray;


}
 .card .content{

text-align: center;
padding: 5px;


}
 .card .content h3{
 	padding: 8px;
 	letter-spacing: 1.5px;
 	color: #000;

 }
 .card .content h3 span{
 	
 	color: red;

 }
 .card .content h4{
 
 	font-size: 17px;
 	letter-spacing: 1.5px;
 	color: #000;

 }
 .card .content p{
 margin-top: 10px;
 	
 	color: #000;

 }

  .card .content a{
  	margin: 20px 0px 10px 0px;
  	text-decoration: none;
  	display: inline-block;
  	background-color: #ddd;
  	font-size: 20px;
  	padding: 5px 18px;
  	border-radius: 40px;
  	letter-spacing: 1.5px;



  }
   .card .content a:hover{
   	background: #ff800a;
   	transition: 1s;

   }

.Enquire-Now{
	margin-top: 40px;
	height: 540px;
	margin: 0 auto;
	position: relative;
	
	width: 99%;
	border-radius: 10px;
}
	
.Enquire-Now h2{
	font-size: 1.5rem;
	text-align: center;
	text-transform: uppercase;
	margin-top: 28px;
	

}

.Enquire-Now h2 span{
	font-size: 1.9rem;
	color: red;
	

}

.Enquire-Now form{
	background: #ddd;
	position: absolute;
	width: 99%;
	margin: 0 auto;
	
	

}


.Enquire-Now form .contact{
background: #ddd;
width: 50%;
margin: 0 auto;
padding: 30px;


}
.Enquire-Now p{
	font-size: 1.2rem;
	margin: 15px 5px;

	}
.Enquire-Now form{
	margin-top: 15px;
	
	position: absolute;
	width: 100%;
	

	
}
.Enquire-Now input{
	font-size: .9rem;
	padding: 10px 10px;
	width: 100%;
	border: 0;
	border-radius: 5px;
	outline: none;



}

.Enquire-Now  textarea{
	font-size: 1rem;
	padding: 10px 10px;
	width: 100%;
	border: 0;
	border-radius: 5px;
	outline: none;



}
.Enquire-Now button{
	font-size: 1.3rem;
	color: #fff;
	background-color: #4D6183;;
	fonnt-wight:bold;
	text-align: center;
	padding: 10px 15px;
	width: 100%;
	margin-top: 40px;
	border: 0;
	border-radius: 5px;
	

}
.Enquire-Now button:hover{
	
	background: green;
	transition: 1s;

}


.content6 {
	
	margin-top: 40px;
	width: 100%;
	height: auto;
	text-align: justify;
	

}
.content6 p{
	padding: 15px;
	font-size: .8rem;;


}
.content6 p a{
	text-decoration: none;
	font-size: 1rem;	


}

.social{


height: 50px;
display: grid;
grid-gap: 50px;
grid-template-columns: auto auto auto auto;
padding: 10px;
justify-content: right;
align-items: center;



}

.social a img{

width: 25px;


}
footer{
	

	height: 50px;
	width:100%;
	
	position: relative;
	
	display: none;
	
	
}


footer .box6{

width: 100%;
height: 45px;

display: grid;
justify-content: space-between;
grid-template-columns: 60px 47px;
padding: 5px;
align-items: center;
position: fixed;
bottom: 0px;
background-color: #4D6183;


	
}




footer .box6 .box6a img{
width: 50px;

}
footer .box6 .box6b img{
 width: 50px;

}




@media screen and (max-width: 1190px) {

.logo{

 width: 13%;
 


}
.text {
   
    padding: 0px; 
   
}

.text h1{
	
	font-size: 3vw;

	
}
.text h2{
font-size: 2.1vw;
	
	


	

}
 



}







@media screen and (max-width: 768px) {



.text h1{
	
	font-size: 4.1vw;
	
}

.text h2{
font-size: 3.2vw;
	
}


footer{

	width: 100%;
	
	display: block;

}

.Enquire-Now form .contact{

width: 80%;
margin: 0 auto;


}



}





@media screen and (max-width: 553px) {

.text{
	
padding: 0px; 
	
	

}

.text h1{
	
	font-size: 4.1vw;
	
}

.text h2{
font-size: 3.3vw;
	
}

.Enquire-Now form .contact{

width: 90%;


}

	
}


@media screen and (max-width: 480px) {


.logo{

 width: 18%;
 


}


.text h1{
	padding: 5px;
	font-size: 4.3vw;
	
}

.text h2{
font-size: 3.3vw;
	
}



	
}

@media screen and (max-width: 368px) {


.logo{

 width: 22%;
 


}


.text h1{
	
	font-size: 4vw;
	
}

.text h2{
font-size: 3.5vw;
	
}

.Enquire-Now p{
	font-size: 5.2vw;
	

	}

.Enquire-Now input{
	font-size: 4vw;
	


}
.Enquire-Now button{
	font-size: 5.6vw;
	
}

.cards{
	
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	

	
}

	
}