/* Style the submit button */
.qodef-contact-us input[type="submit"], 
.qodef-contact-us button[type="submit"] {
    background-color: black; /* Black background by default */
    color: white; /* White text by default */
    border: 1px solid white; /* White border by default */
    padding: 10px 20px; /* Padding for the button */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition for color and border */
}

/* Invert the colors on hover */
.qodef-contact-us input[type="submit"]:hover, 
.qodef-contact-us button[type="submit"]:hover {
    background-color: white; /* White background on hover */
    color: black; /* Black text on hover */
    border-color: black; /* Black border on hover */
}

/* Style for contact form input fields */
.qodef-contact-us input[type="text"],
.qodef-contact-us input[type="email"],
.qodef-contact-us input[type="tel"],
.qodef-contact-us textarea {
    background-color: black; /* Black background for input fields */
    color: white; /* White text in input fields */
    border: 1px solid white; /* White border for inputs */
    padding: 10px; /* Padding for input fields */
    width: 100%; /* Make input fields full width */
    margin-bottom: 10px; /* Add space between fields */
}

/* Placeholder text inside form fields */
.qodef-contact-us input[type="text"]::placeholder,
.qodef-contact-us input[type="email"]::placeholder,
.qodef-contact-us input[type="tel"]::placeholder,
.qodef-contact-us textarea::placeholder {
    color: white; /* White placeholder text */
}

/* Style the file upload input */
.qodef-contact-us input[type="file"] {
    background-color: black; /* Black background for file upload button */
    color: white; /* White text on the upload button */
    border: 1px solid white; /* White border for file input */
    padding: 10px 20px; /* Padding for file input */
    cursor: pointer; /* Pointer cursor on hover */
    margin-bottom: 20px; /* Add space below the file input */
}

/* Change text color for file upload button text */
.qodef-contact-us input[type="file"]::-webkit-file-upload-button {
    background-color: black; /* Button background color */
    color: white; /* Text color for button */
    border: none; /* Remove default border */
    padding: 8px 16px; /* Padding for the button */
    cursor: pointer; /* Pointer cursor on hover */
}

/* Add space between the file upload and the submit button */
.qodef-contact-us label[for="file-upload"] {
    margin-bottom: 20px; /* Add margin below the file upload label */
    color: white; /* Set label text color to white */
}
.form-bottom-spacing {
  margin-top: 25px;
}

.form-bottom-spacing .grecaptcha-badge,
.form-bottom-spacing .g-recaptcha {
  margin-bottom: 20px !important;
}

.qodef-contact-us .wpcf7-submit {
  margin-top: 20px !important;
}