body {
    font-family: Arial, sans-serif;
    background: #f7f7f7;
    margin: 0;
    padding: 0;
  }
  
  header {
    background: #003366;
    color: #fff;
    padding:  20px;
    text-align: center;
    align-items: center;
  }
/*   
  .logo {
    height: 50px;
    float: left;
    margin-right: 15px;
  } */
  

  .logo {
    height: 150px;       /* Increased height */
    width: 150px;        /* Added width */
    float: left;
    margin-right: 10px;
    object-fit: contain; /* Optional: keeps aspect ratio */
    margin-top: -35px;
   
  }
  
  .container {
    max-width: 600px;
    margin: 30px auto;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 15px #ccc;
    border-radius : 10px;
  }
  
  form input, form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
  }
  
  form button {
    background: #003366;
    color: #fff;
    padding: 10px;
    border: none;
    width: 100%;
    cursor: pointer;
  }
  
  form button:hover {
    background: #0055aa;
  }
  
  .error {
    color: red;
    font-weight: bold;
  }
  
  .success {
    color: green;
    font-weight: bold;
  }


  /* Add this to your style.css or inline style */
input[type="text"] {
    border-radius: 8px; /* Apply rounded corners */
    border: 1px solid #ced4da; /* Border color */
    padding: 10px; /* Padding inside the input */
    font-size: 1rem; /* Font size */
    width: 100%; /* Make the input take the full width */
    box-sizing: border-box; /* Include padding in width */
  }
  
  /* Optional: Add focus style for input */
  input[type="text"]:focus {
    border-color: #007bff; /* Change border color when focused */
    outline: none; /* Remove outline on focus */
  }


  /* Style for the 'Total Number of Shares' input field */
input[type="number"] {
    border-radius: 8px; /* Apply rounded corners */
    border: 1px solid #ced4da; /* Border color */
    padding: 10px; /* Padding inside the input */
    font-size: 1rem; /* Font size */
    width: 100%; /* Make the input take the full width */
    box-sizing: border-box; /* Include padding in width */
  }
  
  /* Optional: Add focus style for input */
  input[type="number"]:focus {
    border-color: #007bff; /* Change border color when focused */
    outline: none; /* Remove outline on focus */
  }

  /* Style for the 'Email' input field */
input[type="email"] {
    border-radius: 8px; /* Apply rounded corners */
    border: 1px solid #ced4da; /* Border color */
    padding: 10px; /* Padding inside the input */
    font-size: 1rem; /* Font size */
    width: 100%; /* Make the input take the full width */
    box-sizing: border-box; /* Include padding in width */
  }
  
  /* Optional: Add focus style for input */
  input[type="email"]:focus {
    border-color: #007bff; /* Change border color when focused */
    outline: none; /* Remove outline on focus */
  }

  
  /* Style for the 'Address' textarea field */
textarea[name="address"] {
    border-radius: 8px; /* Apply rounded corners */
    border: 1px solid #ced4da; /* Border color */
    padding: 10px; /* Padding inside the textarea */
    font-size: 1rem; /* Font size */
    width: 100%; /* Make the textarea take the full width */
    box-sizing: border-box; /* Include padding in width */
    resize: vertical; /* Allow vertical resizing only */
  }
  
  /* Optional: Add focus style for textarea */
  textarea[name="address"]:focus {
    border-color: #007bff; /* Change border color when focused */
    outline: none; /* Remove outline on focus */
  }