* {
  margin: 0;
  padding: 0;
}

.logo {
  overflow: hidden;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

.a1 {
  margin-top: 2%;
  font-size: 30px;
}

.a2 {
  margin-top: 5%;
}
.a3>input{
  width: 40vw;
  height: 50px;
  margin-top: 65px;
  border-radius: 20px;
}

.a4 {
  margin-top: 5%;
}

.a5 {
  margin-top: 5%;
  color: green;
}
.para>img{
  width: 100vw;
 margin-right: 10px;
}

.para1 {
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}
.para2 {
  display: flex;
  justify-content: space-around;
}
.para12>img{
  width: 10vw;
  height: 30vh;
}
.para33{
  display: flex;
  justify-content: space-around;
}
.para13>img{
  width: 10vw;
  height: 30vh;
}
.para4 {
  display: flex;
  justify-content: space-between;
}
.para44{
  width: 5vw;
  height: 5vh;
}
.para44>img{
  width: 10vw;
  height: 20vh; 
  border:  10 ;
  border-radius: 5;
  border-color: black;
}
.ab>img{
  width: 30vw;
  height: 30vh;
}
.ab1>img{
  width: 30vw;
  height: 30vh;
}
.ab2>img{
  width: 30vw;
  height: 30vh;
}
.sra>img{
  width:10vw ;
  height: 20vh;
  padding-top: 5px;
 
}
.curd{
  display: flex;
  justify-content: space-around;

}
.sra{
  border-radius: 10px;
  border: 1px solid green;
  padding-left: 5px;
  border-color: lightgray;
}
.bro{
margin-right: 30px;
width: 60px;
height: 20px;
border-color: whitesmoke;
background-color:whitesmoke ;
}
.add{
  margin-bottom: 10px;
  color:azure;
background-color: lightseagreen;
  margin-left:80px ;
 border-color: whitesmoke;
 width: 60px;
 height: 30px;
 transform: scaleX(1.05);
}
.rol{
  margin-top: 60px;
}
.paralast{
  display: flex;
  justify-content: space-around;
  padding-top: 70px;
  color: gray;
  padding-bottom: 60px;
}
.y12>h2{
  color: black;
}
.janu{
  color: gray;
  background-color: whitesmoke;
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom:30px ;
}
.love>img{
  width: 10vw;
  height: 5vh;
}
.link{
  color: black;
}
.is{
  color: gray;
  padding-top: 20px;
  padding-bottom: 30px;
}