body {
            font-family: 'Times New Roman', Times, serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
.booking-form-container {
    max-width: 600px; /* Maximum width of the form */
    margin: 20px auto; /* Center the form */
    padding: 30px; /* Increased padding */
    background: #f9f9f9; /* Light gray background for the form */
    border-radius: 10px; /* More pronounced rounded corners */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Slightly deeper shadow */
}

.booking-form-container h2 {
    text-align: center; /* Center the heading */
    margin-bottom: 25px; /* More space below heading */
    color: #333; /* Darker text color */
}

.booking-form-container label {
    display: block; /* Block display for labels */
    margin-bottom: 8px; /* Space below labels */
    font-weight: bold; /* Bold labels */
    color: #555; /* Slightly lighter color for labels */
}


.booking-form-container input[type="text"],
.booking-form-container input[type="email"],
.booking-form-container input[type="date"],
.booking-form-container input[type="number"],
.booking-form-container input[type="tel"],
.booking-form-container select {
    width: 100%; /* Full width inputs */
    padding: 12px; /* Increased padding inside inputs */
    border: 1px solid #ccc; /* Border for inputs */
    border-radius: 8px; /* Rounded corners for inputs */
    margin-bottom: 20px; /* Space below inputs */
    font-size: 16px; /* Font size for inputs */
    transition: border-color 0.3s; /* Smooth transition for focus */
}

.booking-form-container input[type="text"]:focus,
.booking-form-container input[type="email"]:focus,
.booking-form-container input[type="date"]:focus,
.booking-form-container input[type="number"]:focus,
.booking-form-container input[type="tel"]:focus,
.booking-form-container select:focus {
    border-color: #007bff; /* Blue border on focus */
    outline: none; /* Remove default focus outline */
}

.booking-form-container .rsvp-button {
    display: block; /* Block display for button */
    width: 100%; /* Full width button */
    padding: 12px; /* Increased padding */
    background: #28a745; /* Green background color */
    color: white; /* Button text color */
    text-decoration: none; /* No underline for button */
    border-radius: 8px; /* Rounded corners for button */
    border: none; /* Remove border */
    font-size: 18px; /* Font size for button */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background 0.3s; /* Transition for hover effect */
}

.booking-form-container .rsvp-button:hover {
    background: #218838; /* Darker green on hover */
}

#price-container {
    text-align: center; /* Center the price container */
    margin-top: 20px; /* Margin above price container */
    font-size: 1.2em; /* Font size for price */
    color: #333; /* Dark text for price */
}