.enquiry-section {
    padding: 40px 0; /* Reduced spacing around the section */
    background-color: #f9f9f9; /* Light background color */
    text-align: center; /* Center align text */
}

.enquiry-section h2 {
    margin-bottom: 20px; /* Space below the heading */
    font-size: 24px; /* Smaller heading size */
    color: #1977CC; /* Darker color for the heading */
}

#enquiry-form {
    max-width: 500px; /* Further decreased maximum width for the form */
    margin: 0 auto; /* Center the form */
    background: #fff; /* White background for the form */
    border-radius: 10px; /* Rounded corners */
    padding: 15px; /* Reduced internal spacing */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease, border 0.3s ease, background-color 0.3s ease; /* Smooth transitions */
}

#enquiry-form input,
#enquiry-form textarea,
#enquiry-form select {
    font-size: 12px; /* Smaller font size */
    line-height: 1.3; /* Adjusted line height */
}

#enquiry-form:hover {
    transform: translateY(-5px); /* Lift the form slightly on hover */
    border: 2px solid #1977CC; /* Add border on hover */
    background-color: rgba(25, 119, 204, 0.05); /* Light blue background on hover */
}

.form-group {
    margin-bottom: 15px; /* Reduced space between form groups */
}

label {
    display: block; /* Make labels block-level */
    margin-bottom: 4px; /* Space below the label */
    color: #555; /* Subtle color for labels */
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    width: 100%; /* Full width for inputs */
    padding: 8px; /* Reduced internal spacing */
    border: 1px solid #ccc; /* Border color */
    border-radius: 5px; /* Rounded corners */
    transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition for border color and shadow */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #1977CC; /* Change border color on focus */
    box-shadow: 0 0 5px rgba(25, 119, 204, 0.5); /* Subtle shadow on focus */
}

button {
    background-color: #1977CC; /* Button background color */
    color: #fff; /* Button text color */
    border: none; /* No border */
    padding: 8px 16px; /* Reduced internal spacing */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    font-size: 14px; /* Smaller button font size */
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for background color and lift */
}

button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: translateY(-2px); /* Lift the button slightly on hover */
}

button:active {
    transform: translateY(0); /* Reset lift when button is pressed */
}

#nameLabel {
    font-size: 18px; /* Smaller font size for label */
    font-weight: bold; /* Make the font bold */
    color: #333; /* Optional: Set a color for better visibility */
}