
      body {
        font-family: Arial, sans-serif;
        background: #f9f9f9;
        margin: 0;
        padding: 0;
      }

      header {
        background: rgb(22, 168, 22);
        color: white;
        padding: 1rem;
        text-align: center;
      }

      .container {
        max-width: 700px;
        margin: 2rem auto;
        background: white;
        padding: 2rem;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      }

      h2 {
        text-align: center;
        color: rgb(22, 168, 22);
      }

      .contact-info {
        margin-bottom: 2rem;
      }

      .contact-info p {
        margin: 0.5rem 0;
      }

      form {
        display: flex;
        flex-direction: column;
      }

      input,
      textarea {
        padding: 0.8rem;
        margin-bottom: 1rem;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 1rem;
      }

      button {
        background: rgb(22, 168, 22);
        color: white;
        border: none;
        padding: 1rem;
        font-size: 1rem;
        border-radius: 5px;
        cursor: pointer;
      }

      button:hover {
        background: rgb(22, 168, 22);
      }

     