.register-container{
    max-width: 500px;
    margin: 60px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);

  }
  /* Additional styles for the register page */
  h2 {
      margin-bottom: 20px;
      font-size: 24px;
      text-align: center;
  }


  .register-form.form-group {
      margin-bottom: 15px;
  }

  .register-form label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
      color: #555;
  }

  .register-form input,
  .register-form select {
      width: 100%;
      padding: 10px;
      border-radius: 5px;
      font-size: 16px;
  }

  .register-form button {
      width: 100%;
      background-color: #003366; /* Updated to match header and footer */
      color: #fff;
      border: none;
      padding: 10px;
      border-radius: 5px;
      font-size: 16px;
      cursor: pointer;
      margin-top: 10px;
  }

  .register-form button:hover {
      background-color: #002244; /* Slightly darker shade for hover effect */
      transition: background-color 0.3s;
  }