@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

body{
    margin: 0;
    padding: 0;
}


.header{
 
   
}



.logo{
 height: 100px;
 width: 250px; 
 margin-left: 20px; 
}



.colum{
    display: flex;
    margin-left: 630px;
    align-items: center;
    justify-content: center;
  
}


.contact{
    margin-top: 30px;

}

.contactus{
 margin-right: 50px;
 color: black;
 text-decoration: none;
 font-family: 'Ubuntu', sans-serif;
 font-size: 25px;
 margin-left: -15px;
 
}

.contactus:hover{
    
   color: black;
}




.down{
    background: #4e5eb0;
    height: 70px;
    width: 250px;
    border-radius: 50px;
    align-items: center;
    display: flex;
    justify-content: center;

   
   
  }

  .downlo{
    text-decoration: none;
    font-family: 'Ubuntu', sans-serif;
    color: white;
    font-size: 25px;
  }


.downlo:hover{
    color: white;
}


.man5{
display: flex;
margin-top: 100px;
}


.man6{
 
   
 margin: 0px 50px;
}

.man7{
    font-size: 60px;
    font-family: 'Ubuntu', sans-serif;
    color:#323339;
    font-weight: 520;
    line-height: 70px;
    
}


.man8{
    background: #e65b25;
   color: white;
   padding: 4px;
   
}

.man9{
    color: #cfc5d9;
    font-family: 'Ubuntu', sans-serif;
    font-size: 21px;
    
    line-height: 35px;
 
}

.man10{
    display: flex;
}

.man11{
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif;
    width: 300px;
    color: black;
    font-weight: 500;
    margin-top: 24px;
}
  
.man12{
   
   margin-left: 50px;
   margin-top: 24px;
   height: 65px;
  width: 200px;
}

.man13{
    height: 600px;
    width: 400px;
}




.man17{
    height: 100px;
    width: 100%;
    background: #4e5eb0;
    display: block;
    justify-content:   center;
    align-items: center;
    margin-top: 100px;
    
 
}

.man18{
    margin-top: 20px;
    display: flex;
    justify-content:  space-evenly;
    align-items: center;
    font-family: 'Ubuntu', sans-serif;
  }

.line{
    display: flex;
    justify-content: center;
    margin-top: 50px;
   
}


.Screenshot{
    font-family:'Ubuntu', sans-serif ;
    color: #e65b25;
    font-size: 50px;
    font-weight: 500;
    border-bottom: 4px solid #e65b25;
}



.screenline{
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    height: 150px;
    width: 100%px;
   
}


.mobilea{
    height: 450px;
}

.mobileb{
    height: 450px;
}

.mobilec{
    height: 450px;
}

.mobiled{
    height: 450px;
}
  






.footer{
    color: white;
    text-decoration: none;
    margin-top: 15px;
   
    
}

.accordion{
    width: 80%;
    margin-top: 450px;
    margin-left: 150px;
   
}




.privacy{
    margin-left: 30px;
    margin-top: 150px;
    font-family:'Ubuntu', sans-serif ;
}

.privacypolicyhead{
    font-family:'Ubuntu', sans-serif ;
    color: gray; 
}

.aboutus{
    margin-left: 30px;
    margin-top: 150px;
    font-family:'Ubuntu', sans-serif ;
    
}

.abouthead{
    font-family:'Ubuntu', sans-serif ;
    color: gray;  
}



.Contactusa{
    margin-left: 30px;
    margin-top: 150px;
    font-family:'Ubuntu', sans-serif ;
} 
.termsconditions{
    margin-left: 30px;
    margin-top: 150px;
    font-family:'Ubuntu', sans-serif ; 
}
.termsconditionshead{
    font-family:'Ubuntu', sans-serif ;
    color: gray;  
}


.copyright1{
   width: 100%; 
   display: flex;
   justify-content: center;
}

.copyright{
 
    font-size: 20px;
    color: rgb(214, 207, 207);
   
}





















@media  (max-width: 600px){

   
   .navbar{
    
   
   } 
    

  .logo{
    height: 90px;
    width: 150px;
   
  }  

  .colum{
   display: flex;
   flex-direction: column-reverse;
   margin-left: -3px;
 

   

  }

  .contact{
  
  
    border: 2px solid rgb(224, 213, 213);
    border-radius: 50px;
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items:center ;
    margin-top: 10px;
    
    
    
  }

  .contactus{
    font-size: 30px;
  }

  .down{
   
    background: #4e5eb0;

   
  }


  .downlo{
    color: white;
    font-size: 30px;
    text-decoration: none;
   
  }

  .download{
    font-size: 30px;
  }
  


 

   

    .man5{
        display: flex;
        flex-direction: column-reverse; 
       
    }

    .man6{
    margin-top: 50px;
    }

    .man7{
        font-size: 40px;
        line-height: 58px;
        margin-left: -25px;
        
        
    }


    .man9{
        font-size: 20px;
        line-height: 25px;
        margin-left: -25px;
        margin-top: 20px;
        
    }

    .man10{
        margin-left: -30px;
        width: 330px;
        margin-top: 35px;
        display: flex;
        flex-wrap: wrap;
        
       
        
    }

    .man11{
       
        font-weight: 500;
        width: 250px; 
        font-size: 20px;
        
      
    }

    .man12{
        width: 200px;
        height:60px ;
        margin-left: 60px;
      
       
        
    }

    .man13{

    
        height: 400px;
        width: 300px; 
       
        
       
       
      
    }


   
   
.man14{

    display: flex;
    justify-content: center;
}




.man15{
    display: none;
}

.screenman{
    margin-top: 50px;
}

.Screenshot{
    font-size: 25px;
    
}

.line{
    margin-top: 20px;
}



.screenline{
    display: flex;
 
   
}


.mobilea{
    height: 200px;
    display: none;  

}

.mobileb{
  
    height: 400px;
    width: 300px;
    display: block;
}

.mobilec{
    height: 200px;
    display: none;
}

.mobiled{
    height: 200px;
    display: none;
}






.man17{

  
 
  
  

}
   
.man18{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  
 
  



   }

   .footer{
    font-size: 10px;
   }


   .accordion{
    margin-left: 55px;
    margin-top: 350px;
   }



}