.elementor-359 .elementor-element.elementor-element-27e180b9{padding:10px 10px 10px 10px;}.elementor-bc-flex-widget .elementor-359 .elementor-element.elementor-element-3e438e5a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-359 .elementor-element.elementor-element-3e438e5a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-359 .elementor-element.elementor-element-3e438e5a.elementor-column > .elementor-widget-wrap{justify-content:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-359 .elementor-element.elementor-element-3e438e5a{width:100%;}}/* Start custom CSS *//* Ensure the entire form wrapper is white */
.deftform {
    padding: 25px;
    background: white !important; /* Fully white background */
    border-radius: 12px; /* Round the corners */
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Make all input fields, selects, and textareas fully white */
.deftform input,
.deftform select,
.deftform textarea {
    padding: 12px 15px; /* More space inside */
    border-radius: 8px; /* Smooth rounded edges */
    background-color: white !important; /* Ensure pure white */
    border: 1px solid #ddd; /* Soft border */
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1); /* Inner shadow */
}

/* Ensure radio buttons and checkboxes also match */
.deftform input[type="radio"],
.deftform input[type="checkbox"] {
    transform: scale(1.1); /* Make them slightly larger */
    margin-right: 5px;
    background-color: white !important; /* Force white */
}

/* Override any remaining grey areas */
.deftform div,
.deftform label,
.deftform fieldset,
.deftform legend {
    background-color: white !important;
}

/* If there's still a grey background appearing somewhere */
body .deftform * {
    background-color: white !important;
}/* End custom CSS */