/* Global Styles */
    body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #000; /* Black background */
      color: #fff; /* White text */
    }

    /* Contact Section */
    .contact-container {
      max-width: 600px;
      margin: 50px auto;
      padding: 20px;
      background-color: #1c1c1c; /* Dark Grey for form */
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    }

    .contact-container h2 {
      text-align: center;
      margin-bottom: 20px;
    }

    .contact-container form {
      display: flex;
      flex-direction: column;
    }

    .form-group {
      padding: 10px 0px;
    }

    .contact-container label {
      margin-top: 10px;
      font-size: 14px;
    }

    .contact-container input,
    .contact-container textarea {
      margin-top: 5px;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #555;
      border-radius: 4px;
      background-color: #2c2c2c;
      color: #fff;
      width: 90%
    }

    .contact-container textarea {
      resize: vertical;
      min-height: 100px;
    }

    .contact-container button {
        margin-top: 20px;
        background: linear-gradient(to right, grey, white); /* Horizontal gradient */
        border: none;
        color: black;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .contact-container button:hover {
            transform: scale(1.05); /* Slight zoom on hover */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow */
    }

    .contact-container button:active {
      transform: scale(0.95);
    }

    .curved-box {
        width: 300px;
        height: 40px;
        margin: 35px auto;
        background-color: white;
        border-radius: 50px;
        color: black;
        font-size: 1.5em;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        cursor: pointer;
    }
    .curved-box img {
        height: 25px;
        vertical-align: middle;
    }

    /* Message styles */
    .success-message {
        background-color: #d4edda;
        color: #155724;
        padding: 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    .error-message {
        background-color: #f8d7da;
        color: #721c24;
        padding: 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    .error-message ul {
        margin-left: 20px;
    }

    /* reCAPTCHA container */
    .recaptcha-container {
        margin-bottom: 20px;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
      .contact-container {
        width: 90%;
        margin: 30px auto;
      }
    }