.elementor-12980 .elementor-element.elementor-element-ae7f135{--display:flex;}/* Start custom CSS for html, class: .elementor-element-be9cfce *//* Contact Form Wrapper */
/* This targets the container holding your entire WPForms form */
.wpforms-container.wpforms-container-12408 { /* Replace YOUR_FORM_ID with the actual ID of your WPForms form */
background-color: var(--header-color) !important; /* Make sure var(--header-color) is defined somewhere, e.g., in your theme's customizer or an overarching CSS file */
color: white !important;
}

/* Specific styling for the actual form tag if needed, but the container is usually enough */
.wpforms-form {
/* You might put some padding or max-width here if you want the inner form to have different spacing than the outer container */
}

/* Individual Form Fields (equivalent to your .form-group) */
.wpforms-field-container .wpforms-field {
margin-bottom: 1rem !important;
}

/* Input Fields (text, email, number, etc.) */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="url"],
.wpforms-field select { /* Include select elements if you want them to look similar */
width: 100% !important;
padding: 0.75rem !important;
border: 1px solid var(--border-color) !important; /* Make sure var(--border-color) is defined */
border-radius: 0.375rem !important;
font-size: 0.875rem !important;
background: white !important;
color: var(--text-color) !important; /* Make sure var(--text-color) is defined */
}

/* Textarea Field */
.wpforms-field textarea {
width: 100% !important; /* Ensure textarea also takes full width */
padding: 0.75rem !important;
border: 1px solid var(--border-color) !important;
border-radius: 0.375rem !important;
font-size: 0.875rem !important;
background: white !important;
color: var(--text-color) !important;
min-height: 5rem !important;
resize: vertical !important;
}

/* Adjust for WPForms field sizes if you use them */
.wpforms-field-large { /* For text inputs, select, and textarea set to "Large" size in WPForms */
width: 100% !important;
}
.wpforms-field-medium { /* For text inputs, select, and textarea set to "Medium" size in WPForms */
width: 100% !important;
}
/* You might not need to redefine these if you set specific width for all input/textarea elements */


/* Specific styles for links within the form (if any, typically not part of standard form fields) */
.wpforms-form .contact-link { /* Adjust if your link is inside a specific element with a class */
color: white !important;
text-decoration: underline  !important;
}

.wpforms-form .contact-link:hover {
color: rgba(255, 255, 255, 0.8) !important;
}

.wpforms-container.wpforms-container-12408 .wpforms-label-hide .wpforms-field-label {
display: none;
}


.wpforms-container.wpforms-container-12408 {
max-width: 600px; /* Adjust this to your desired size */
margin-left: auto;
margin-right: auto;
background-color: var(--header-color); /* Make sure var(--header-color) is defined */
color: white;
}

/* Adjust inner padding of the form itself if needed */
.wpforms-container.wpforms-container-12408 .wpforms-form {
padding: 0 20px 20px; /* Top 0, Left/Right 20px, Bottom 20px - adjust as needed */
}/* End custom CSS */