/* Set the background image */
.background-container {
    position: relative;
    background-image: url('../assets/Temp_imgs/newsletterBanner.JPG'); /* Image URL */
    background-size: cover;
    background-position: center;
    min-height: 100vh; /* Cover the entire screen */
  }

/* Dimming effect */
.background-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
  }
/* Booking Form Styling */

.form-container {
    position: absolute;
    z-index: 1; /* Ensuring form to be above the dimmed background */
    background: rgba(255, 255, 255, 0.8); /* Light background with opacity for the form */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust for centering */
    max-width: 90%; /* Ensure it doesn't overflow horizontally */
    max-height: 70vh; /* Ensure it doesn't overflow vertically */
    width: 100%; /* Full width within max-width */
    padding: 30px, 20px;
    border-radius: 10px;
    box-sizing: border-box; /* Include padding in width/height */
}
/* Booking Form Styling */
.booking-form {
    background-color: rgb(196, 185, 199); /* Matches the Fiorellino theme */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }  
  .booking-form .form-label {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    color: purple; /* Matches the theme */
    font-weight: bold;
  }  
  .booking-form .form-control {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    font-size: 1rem;
  }  
  .booking-form .btn-primary {
    background-color: purple; /* Matches the homepage theme */
    border: none;
    transition: background-color 0.3s ease;
  }  
  .booking-form .btn-primary:hover {
    background-color: darkorchid; /* Slightly darker shade on hover */
  }
  /* Dropdown Styling */
  #event-service {
    background-color: rgb(231, 218, 233); /* Matches the Fiorellino theme */
    color: purple; /* Text color */
    border: 1px solid #ccc; /* Border color */
    border-radius: 5px; /* Rounded corners */
    padding: 10px; /* Padding inside the dropdown */
    font-family: 'Roboto', sans-serif; /* Font style */
    font-size: 1rem; /* Font size */
  }