@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300&display=swap');
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Cairo', sans-serif;
}
@media (min-width: 900px){
.container{
    
   width:500px;
}
}
@media (max-width: 900px){
    .container{
    
        width:90%;}  
}
.container{
    
  
    margin: 20px auto;
    background: #f4f7ff;
    border-radius: 5px;
    box-shadow: 2px 3px 10px #c5c5c5;
}
.form{
 
    padding: 15px;
    display: block;
    margin: 0 auto;}
    .form-header{
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    }

.form input ,select{
    width: 100%;
    display: block;
    margin: 10px auto;
    padding: 15px;
    border: 1px solid #ababab;
    border-radius: 5px;
   
}
.form input[type=submit]{
cursor: pointer;
background: #4791ff;
cursor: pointer;
border: none;
box-shadow: 3px 3px 10px 0px #0000004d;
color: #fff;
font-size: 16px;
}
.form input:focus-visible{
    outline: 0;
    border: 2px solid #e9e9e9;
}
.agree-box input{
    display: initial;
    width: auto;
    margin: 5px;
    padding: 0;
}