*{
    margin: 0;
    padding: 0;
}
.nav{
    display: flex;
    justify-content:space-between ;
}
.logo>img{
 width:60vh; 
 height:10vw;  
}
.a{
    font-size: 25px;
   margin-top: 50px;
}
.a:hover{
  background-color: green;
  color: white;  
  width: 70px; 
  height: 30px; 
  border-radius: 10px; 
}
.ab{
  font-size: 25px;
  margin-top: 50px; 
}
.ab:hover{
  background-color: green;
  color: white;  
  width: 35px; 
  height: 30px; 
  border-radius: 10px;  
}
.aa{
    margin-top: 30px; 
    margin-left: 30px; 
    font-size: 40px; 
}
.img>img{
  width: 100vw;  
  height: 100vh;
  overflow: hidden;
}
.img2{
 display: flex;
 justify-content: space-around;  
 margin-top: 30px; 
 margin-left: 30px;  
}
.ma>img{
width: 25vw;
height: 80vh;
border-radius: 30px;
border: 20px black;
}
.ma>img:hover{
box-shadow: 5px 5px 5px black;
border-radius: 30px;
transform: scaleX(1.02);
}
.para{
margin-left: 15px;
margin-top: 15px;
font-size: 20px;
}
.more{
 background-color: red; 
 width: 10vw; 
 height: 5vh;
 color: white;
 margin-top: 40px;
margin-left: 550px;
}
.more:hover{
  transform: scale(0.9);
  border-radius: 10px; 
}
.para1{
    display: flex;
    justify-content: space-around;
    margin-top: 70px;
    background-color: lightgrey;
    padding-top: 50px;
    padding-bottom: 50px;
}
.line>img{
 width: 15vw; 
 height: 40vh;  
}
.line1{
margin-top: 60px;
}
.bb{
    margin-top: 30px; 
    margin-left: 30px; 
    font-size: 40px; 
}
.img3{
  display: flex;
  justify-content: space-around; 
  margin-top: 30px; 
}
.ma1>img{
  width: 30vw; 
  height: 30vh; 
}
.ma1:hover{
    transform: scale(0.9);
    border-radius: 10px; 
  }
  .img4{
    display: flex;
    justify-content: space-around; 
    margin-top: 30px; 
  }
  .phone{
    display: flex;
    justify-content: space-around;
    background-color: black;
    color: white;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .get{
    background-color: black;
    color:white ;
padding-bottom: 50px;
  }
  .web>img{
    width: 30vw;
    height: 70vh;
  }
  .png>img{
    width: 100px;
    height: 90px;
  }
  .png1>img{
    width: 100px;
    height: 70px;
  }
  .png2>img{
    width: 70px;
    height: 70px;
  }
  .img6{
    display: flex;
    justify-content: space-around;
    background-color: black;
  }
  .mam>img{
width: 10vw;
height: 10vh;
margin-left: 50pc;
  }
  .mam1>img{
    width: 10vw;
    height: 7vh;
      }
 .mam2>img{
 width: 10vw;
height: 15vh;
 } 
 .red{
    color: red;
 } 
.join{
 font-size: 40px; 
 background-color: lightgray;
color: black;
padding-left: 90px;
margin-top: 40px;
padding-top: 20px;
}
.the{
  background-color:lightgray ;
}
.the>img{
  width: 30vw;
  height: 70vh;
  padding-left: 60px;
  padding-top: 30px;
  }
  .bha{
    display: flex;
    justify-content: space-around;
    background-color: lightgray;
  }
  .bha1{
    padding-top: 90px;
  }
  .jaan{
    margin-top: 10px;
    width: 20vw;
    height: 30px;
  }
  .jaa{
    width: 20px;
    height: 20px;
    margin-left: 20px;
  }
.more1{
margin-top: 50px;
background-color: red;
height: 30px;
width:80px;
border-radius:30px ;
margin-bottom: 20px;
}
.lastnavbar{
  display: flex;
 justify-content: space-evenly;
padding-top: 60px;
}
.mama>img{
  width: 80px;
  height: 90px;
}