*{
  padding: 0px;
  margin:0px;
  box-sizing: border-box;
}
body{
  background-image: linear-gradient(90deg,rgba(42, 189, 103, 1),rgba(127, 68, 221, 1));
}
.container1{
  background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(Imag/background.png);  
  width: 100%;
  height: 100vh;
  background-position: center;
  background-size: cover;
  position: relative;
}
.nav{
  position: relative;
  background-color:rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 40px;
}
img.logo{
  position: absolute;
  top: 5px;
  left: 2%;
  height: 30px;
  width: 40px;
}
img.logo:hover{
  transform: scale(0.8,0.8);
}
ul.nav-list{
  position: absolute;
  top: 25%;
  right: 10px;
  display: flex;
  list-style: none;
}
li.nav-li{
  margin-right: 15px;
}
a.nav-link{
  text-decoration: none;
  color: rgba(223, 232, 233, 0.966);
}
a.nav-link:hover{
  color: rgb(238, 11, 124);
}
#menu{
  transition: transform 3s;

}
#menu:hover{
  transform: rotate(360deg);
}
div.container2{
  height: 93vh;
  width: 100%;
}
div.c2{
  height: inherit;
  display: inline-block;
}

div.text-form{
  color: azure;
  width: 50%;
  position: relative;
}
.txt-small{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: inherit;
  height: 300px;
}

p.text1{
  font-size: 30px;
  font-weight: bold;
  text-shadow: 5px 5px 2px #000;

  
}
p.text2{
  margin-top: 20px;
  text-shadow: 5px 5px 2px #000;
}


div.gallery{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.galleries{
  
  width: 200px;
  height: 230px;
  background-color: cadetblue;
  border-radius: 5%;
  margin: 10px;
  margin-top: 30px;
  text-align: center;
  color: whitesmoke;
  text-shadow: 3px 3px 2px #000;

  
}
div.galleries:hover{
  box-shadow:inset 2px 6px 10px 5px rgba(0,0,0,0.8),inset 5px 3px 15px 6px rgba(0,0,0,0.5);
  
}
.g1{
  background-image: url(Imag/pic-1.png);
  background-size: cover;

}
.g2{
  background-image: url(Imag/pic-2.png);
  background-size: cover;

}
.g3{
  background-image: url(Imag/pic-3.png);
  background-size: cover;

}
.g4{
  background-image: url(Imag/pic-4.png);
  background-size: cover;

}