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

body{
    background: url("img/servicebg.jpeg") no-repeat center center/cover;
    height: 100%;
    width: 100%;
}

.navbar{
    background-image:url("img/blueback2-transformed.jpeg") ;
    color: antiquewhite;
}
.navbar-brand img{
    height: 50px;
}


   /* hero image css */
   .hero{
    position: relative;
    
    color: #f1f1f1;
   }

   .hero-text{
    position: absolute;
    top:170px;
    left: 40px;
   }

   

   .hero-sideimage{
    position: absolute;
    top:110px;
    left: 10px;
   }

   .corporate{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
   }

   .corporate h1{
    color: rgb(177, 6, 6);
   }


/* css for gallery */
.gallery{
    background: url("img/lightgreen.jpg");
    padding-top: 10px ;
    padding-bottom: 10px ;
}

.photo img{
    height: 180px;
    width: 210px;
    border: 5px solid wheat;
    display: block;
  margin: auto;
}

.bottom-image{
    height: "50px";
    width: "100%";
    margin: -10px 10px -10px 0;
  
}


.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



                    /* CSS for footer */
   .footermain{
    background-color: rgb(121, 13, 13);
}

.footersocial{
    background-color: rgb(241, 191, 24);
}

.mycolor{
    color: antiquewhite;
}