*{
margin: 0; 
padding: 0;   
}
.red{
  display: flex;
  justify-content: space-evenly;
  background-color: red;
  color: white;
 padding: 30px;
 font-size: 17px;

}
.logo{
  display: flex;
  justify-content:space-between;
  font-size: 20px;
  padding-top: 20px;

}
.a1>img {
width: 15vw;
height: 15vh;
}
.btn{
font-size: 10px;
height: 25px;
width: 5vw;
}

.img>img{
overflow: hidden;
width: 50vw;
height: 50vh;
}
.ab{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;

}
.he{
color: red;
}
.names{
  display: flex;
  justify-content:space-between;
  margin-top: 10px;
  font-size: 20px;
color: white;
  background-color:red;
}
.move{
  border: 10px;
  border-color: black;
}
.our{
  text-align: center;
  padding-top: 40px;
  background-color: lightgrey;
}
.ma{
  display: flex;
  justify-content: space-evenly;
  background-color: lightgrey;
}
.babu>img{
  width: 25vw;
  height: 40vh;
  padding: 40px;
}
.babu>img:hover{
  transform: scale(1.2);
}
.spa{
  display: flex;
  justify-content: space-evenly;
  background-color:lightgrey;
}
.spa1>h3{
  padding-bottom: 60px;
}
.para{
padding-top: 40px;
}
.pic{
  display: flex;
  justify-content: space-between;
}
.size>img{
  width: 30vw;
  height: 45vh;
  padding-top: 40px;
}
.moon{
  display: flex;
  justify-content: space-evenly;
}
.priya{
  padding-top: 10px;
}
.size>img:hover{
  transform: scale(1.1);
}
.last{
  text-align: center;
  margin-top: 60px;
  background-color: lightgrey;
}
.school{
  display: flex;
  justify-content: space-around;
  padding-top:20px ;
  background-color: lightgrey;
}
.text{
text-align: center;
margin-top: 40px;
}
.mar{
  display: flex;
  justify-content: space-evenly;
}
.c1>img{
  width: 20vw;
  height: 30vh;
  margin-top: 30px;
}
.stu{
  text-align: center;
  margin-top: 40px;
  background-color: lightgrey;
}
.gi{
  display: flex;
  justify-content: space-around;
  background-color: lightgrey;
}
.blue>h2{
  color: red;
  margin-left: 10px;
}
.or>h3{
  color: red;
  margin-left: 10px;
}
.pp{
  margin-left: 10px; 
}
.tech{
  display: flex;
  justify-content: space-around;
  background-color: red;
  margin-top: 30px;
}
.girls>img{
  width: 40vw;

}
.mahi {
  margin-top: 50px;
  color: white;
  padding-left: 10px;
}
.mahi>h4 {
  margin-top: 50px;
  color: white;
  padding-left: 10px;
}
.mahi>h3 {
  margin-top: 30px;
  padding-left: 10px;
}
.abc{
  display: flex;
  justify-content: space-around ;
  background-color: lightgrey;
  padding-top: 60px;
  margin-bottom: 10px;
}
.a2{
  margin-top: 25px;
}
.a3{
  margin-top: 25px;
}
.a4{
  margin-top: 25px;
}
.a5{
  margin-top: 25px;
}
.a6{
  margin-top: 25px;
}
.a7{
  margin-top: 25px;
}
.a2:hover{
 background-color: red;
 color: white;
 transform: scale(1.2);
height: 23px;
border-radius: 5px;
width: 14vw;
font-size: 20px;
}
.a3:hover{
  background-color: red;
  color: white;
  transform: scale(1.2);
 height: 23px;
 border-radius: 5px;
 width: 6vw;
 font-size: 20px;
 }
 .a4:hover{
  background-color: red;
  color: white;
  transform: scale(1.2);
 height: 23px;
 border-radius: 5px;
 width: 14vw;
 font-size: 20px;
 }
 .a5:hover{
  background-color: red;
  color: white;
  transform: scale(1.2);
 height: 23px;
 border-radius: 5px;
 width: 11vw;
 font-size: 20px;
 }
 .a6:hover{
  background-color: red;
  color: white;
  transform: scale(1.2);
 height: 23px;
 border-radius: 5px;
 width: 11vw;
 font-size: 20px;
 }
 .a7:hover{
  background-color: red;
  color: white;
  transform: scale(1.2);
 height: 23px;
 border-radius: 5px;
 width: 9vw;
 font-size: 20px;
 }