body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
            color: #333;
            display: flex;
            flex-direction: column; /* Allow flex to control footer positioning */
            min-height: 100vh; /* Full viewport height */
        }

        .container {
            flex: 1; /* Allow the container to grow and take available space */
            display: flex;
            flex-direction: column; /* Stack elements vertically */
            justify-content: center; /* Center content vertically */
            align-items: center; /* Center content horizontally */
            padding: 20px;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            max-width: 400px;
            margin-top: 80px;
            margin: 20px auto; /* Center the container with margin */
            transition: transform 0.2s; /* Smooth hover effect */
        }

       
        h1 {
            text-align: center;
            color: #4CAF50;
            margin-bottom: 20px;
            font-size: 26px; /* Decreased font size for headings */
            font-weight: 600; /* Bold weight for more emphasis */
        }

        label {
            display: block;
            margin: 10px 0 5px; /* Reduced top margin for compactness */
            font-weight: bold;
            color: #555; /* Softer color for labels */
        }

        input[type="text"],
        input[type="email"],
        textarea {
            width: 90%;
            max-width: 100%; /* Ensures input fields don’t exceed container width */
            padding: 12px;
            margin-bottom: 15px;
            border-radius: 5px;
            border: 1px solid #ccc;
            font-size: 16px; /* Increased font size for inputs */
            transition: border-color 0.3s; /* Smooth transition for focus */
        }

        input[type="text"]:focus,
        input[type="email"]:focus,
        textarea:focus {
            border-color: #4CAF50;
            outline: none; /* Remove default outline */
            box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); /* Subtle glow effect */
        }

        button {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 12px;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            font-size: 18px; /* Increased font size for buttons */
            transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
        }

        button:hover {
            background-color: #45a049;
            transform: scale(1.05); /* Slightly enlarge on hover */
        }

        .message {
            text-align: center;
            margin-top: 20px;
            color: red; /* Change to red for error messages */
        }

        .thank-you {
            display: none; /* Hide thank you message initially */
            text-align: center;
            color: #4CAF50; /* Green color for thank you message */
        }

        footer {
            background-color: white;
            padding: 10px 20px;
            border-top: 1px solid #ddd;
            text-align: center; /* Centered text in the footer */
        }

        footer p {
            margin: 15px 0; /* Added margin for spacing */
        }

        footer a {
            color: #fff; /* White color for footer links */
            margin: 0 10px; /* Margin for spacing between icons */
        }

        /* Mobile Responsive Design */
        @media (max-width: 768px) {
            .container {
                width: 90%; /* Allow more width on mobile */
                padding: 15px; /* Reduce padding on mobile */
            }

            h1 {
                font-size: 24px; /* Decrease heading size for smaller screens */
            }

            button {
                font-size: 16px; /* Decrease button size for smaller screens */
            }

            input[type="text"],
            input[type="email"],
            textarea {
                font-size: 14px; /* Decrease font size for smaller screens */
            }
        }