/* login */
.Container {
    width: 600px;
    background-color: rgba(75, 72, 72, 0.5);  
    padding: 20px;
    border-radius: 5px;
    color: black;
    margin-left: 4%;
    border-radius: 5px;
    border:2px solid #ccc;
  }
  .have input{
    width: calc(80% - 30px);
    padding: 5px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    outline: none;
  }
  .btun{
    margin-left: 10%;
    border-radius: 10px;
    padding: 10px;
    border: none;
    border-radius: 4px;
    outline: none;
  }
.signupstep2-form {
   
  background-color: rgba(75, 72, 72, 0.5); 
  padding: 20px;
  border-radius: 8px;
  margin-left: 4%; 
  max-height: 90%; 
  max-width: 70%; 
  overflow: auto; 
  border:2px solid #ccc;
}
@media screen and (max-width: 768px) {
  .your-element {
    overflow: auto;
  }
}
.signupstep2-form input[type="text"] {
  padding: 10px;
  outline: none;
  border: none;
  margin-bottom: 5px;
  border-radius: 4px;
  width: calc(80% - 30px);
  margin-right: 10px;
}
.signupstep2-form input[type="email"] {
  padding: 10px;
  outline: none;
  border: none;
  width: 70%;
  margin-bottom: 5px;
  border-radius: 4px;}
.signupstep2-form button {
  padding: 10px 20px;
  background-color: white;
  color: black;
  border: none;
  border-radius: 10px;
  cursor: pointer;
}
.signupstep2-form button:hover {
  background-color: #004aad;
}
  /* signupstep3 */

  .Terms {
    text-align: center;
  }
  /* PasswordReset*/
  .PasswordReset-container{
    background-color: rgba(75, 72, 72, 0.5); /* Adjust the opacity as needed */
    padding: 20px;
    border-radius: 5px;
    color: black;
    margin-left: 4%;
    border-radius: 5px;
    border:2px solid #ccc;
    width: 500px;
   
  }
  .have-Reset input{
  padding: 10px;
  outline: none;
  border: none;
  margin-bottom: 5px;
  border-radius: 4px;
  box-sizing: border-box;
  }
  .have-Reset button:hover {
    background-color: #004aad; /* Change to match the color of your reset password button */
  }