body
{
    font-family: 'Times New Roman', Times, serif;
    
}

.menu_logo
{
    width: 100%;
    display: flex;
    top: 0;
    position: fixed;
    width:100%;
    z-index:100;
    background-color: #7c9176;
    
}

.menu
{
    display: flex;
    width: 50%;
    padding: 2%;
    text-align: center;
}

.menu_items
{
    padding: 2%;
    font-family: 'Times New Roman', Times, serif; 
    font-size: 120%;
    color: white;
    text-align: center;
}

.logo 
{
    width: 50%;
    padding: 1%;
    text-align: center;
}

.img_logo
{
    width: auto;
    object-fit: cover;
}

.top
{
    background-color: #7c9176;
    text-align: center;
    width: 100%;
    padding-top: 5%;
}

.img_slider_main
{
    width: 100%;
    height: auto;
}


.image_slider
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    
    place-items: center;
    
    
    width: 65%;
}

.label_1
{
    width: 100%;
    text-align: center;
    padding-top: 5%;
    font-family: 'Times New Roman', Times, serif;
    font-size: 450%;;


}

.container_sir_detail
{
    display: flex;
    padding-bottom: 2%;
    padding-top: 2%;
    width:65%;
    margin-left: auto;
    margin-right: auto;


}

.sir_img
{
    padding: 1%;
    width: 50%;
}

.vastu_text
{
    padding: 1%;
    width: 50%;

}

.imgsir
{
    
    width: 100%;
    height: auto;
    border: 3px;
    border-style: solid;
    border-color: #7c9176;
    margin-top: auto;
    margin-bottom: auto;
}

.para_1
{
   font-size: 100%; 
   font-family: 'Times New Roman', Times, serif;
   font-weight: lighter;
   color: gray;
   padding: 0%;
   line-height: 175%;
}

.project_headline
{
    font-size: 250%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: #7c9176;
}

.hr_line
{
    color: black;
    border-color: black;
    border-style: solid;
    
}

.project_img_gallery
{
    padding: 1%;
    width: 60%;
    height: auto;
}

.project_text
{
    width: 40%;
}

.slider_img_carousel
{
    width:100%;
    height: auto;
    border: 3px;
    border-style: solid;
    border-color: #7c9176;
}



.container_projects
{
    width: 65%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5%;
    padding-top: 5%;
}

.know_more
{
    font-size: 125%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: #7c9176;
}

.footer
{
    width: 75%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding: 1%;
   
}

.vastulipi_logo
{
    width: 34%;
    text-align: center;
    font-size: 100%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: white;
    padding: 3%;
}

.contact_det
{
    width: 33%;
    text-align: left;
    font-size: 100%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: white;
    padding: 3%;
}

.social

{
    width: 33%; 
    text-align: right;
    padding: 3%;
}

.footer_container
{
    width: 100%;
    background-color: #7c9176;
}

.contact_det_text
{
    padding: 2%;
}

.vastulipi_logo_img, .vastulipi_logo_text
{
    padding: 2%;
}

.social_img
{
    width: 40%;
    padding: 15%;
    
}

.social_img_div
{
    width: 100%;
    text-align: right;   
    
}

.footer_note
{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: white;
    font-size: 100%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
}

.dropbtn {
  
  color: white;
  padding: 12px;
  
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #B0D9B0;
}

.img_projects
{
    width: 65%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;   
    border: 0px;
    border-style: solid;
    border-color: #7c9176;
    padding-bottom: 2%;
    padding-top: 2%;
}

.img_container
{
    width: 100%;
    padding-top: 5%;
    
}

.projects_images
{
    width: 100%;
    height: auto;
    border-radius: 15px;
}

.project_headline
{
    padding-top: 10%;
    text-align: center;
}

.project_main_container
{
    padding-top: 5%;
    padding-bottom: 5%;
}

.menu_items a
{
    text-decoration: none;
    color: white;
    
}

.menu_items a:hover
{
    font-weight: bolder;
    
}

.award_container
{
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    padding-top: 3%;
    text-align: center;
}

.awards_heading
{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10%;
    padding-bottom: 3%;
    text-align: center;
    font-size: 250%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: #7c9176;
}

.award_img_container
{
    width: 100%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    
    justify-content: center;
}

.award_img1
{
    padding: 03%;
    
}

.award_img2
{
    padding: 3%;
}

.video_container
{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.video_heading
{
    text-align: center;
    padding-top: 10%;
    padding-bottom: 3%;
    font-size: 250%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: #7c9176;
}

.container_form_map
{
    padding-top: 10%;
    padding-bottom: 5%;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.contact_heading
{
    font-size: 250%; 
    font-family: 'Times New Roman', Times, serif;
    font-weight: lighter;
    color: black;
}

.contact_form
{
    padding: 3%;
    width: 40%;
}

.map_container
{
    width: 60%;
}

.inputtext
{
    background-color: #D1E1C1;
    width: 100%;
    border-radius: 5px;
    height: auto;
    border: 0px;
}

.div_label_contact
{
    width: 100%;
    height: auto;
}

.video_class
{
    width: 100%;
    height: 480px;
    padding-bottom: 3%;
}

.map_class
{
    width: 100%;
    height: 100%;
    
}



.float{
	float: right;
    position:fixed;
	width:60px;
	height:60px;
	bottom:100px;
	right:5px;
	
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.social_conatiner
{
    margin-top: 10%;
    
    
}

.envelope_1
{
    font-size: 16px;
    color: #6C7C59;
}

.whatsapp_1
{
    font-size: 28px;
    color: #6C7C59;
}

.fb_1
{
    font-size: 28px;
    color: #6C7C59;
}

.img_awards
{
    width: 100%;
    height: auto;
}

.award_video_container
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 3%;
}

iframe
{ 
    width: 100%;
    height: auto;
}