.contact-form-section {
    max-width: 1200px; /* Increased maximum width for the form */
    margin: 0 auto; /* Center the form */
    border: 1px solid #ddd; /* Add border to the section */
    border-radius: 10px; /* Rounded corners */
    padding: 30px; /* Padding around the section */
    background-color: #f9f9f9; /* Light background color */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease; /* Animation for hover effect */
}

.contact-form-section:hover {
    transform: scale(1.02); /* Slightly enlarge on hover */
}

.form-control {
    border: 1px solid #ccc; /* Border for input fields */
    border-radius: 5px; /* Rounded corners for input fields */
    transition: border-color 0.3s ease; /* Animation for border color */
}

.form-control:focus {
    border-color: rgba(255, 144, 104, 1); /* Change border color on focus */
    box-shadow: 0 0 5px rgba(255, 144, 104, 0.5); /* Shadow on focus */
}

.btn-primary {
    background-color: #00B4DB; /* Button background color */
    border: none; /* Remove border */
    transition: background-color 0.3s ease; /* Animation for background color */
}

.btn-primary:hover {
    background-color: rgba(255, 144, 104, 1); /* Darker shade on hover */
}

.service-check {
    position: relative; /* Positioning context for checkbox */
    padding: 10px; /* Padding around checkbox */
    border: 1px solid #ddd; /* Border for checkbox container */
    border-radius: 5px; /* Rounded corners */
    margin-bottom: 10px; /* Space between checkboxes */
    transition: background-color 0.3s ease; /* Animation for background color */
}

.service-check:hover {
    background-color: #f0f8ff; /* Light background on hover */
}