.elementor-20062 .elementor-element.elementor-element-c57821b{--display:flex;}.elementor-20062 .elementor-element.elementor-element-219f9af.elementor-element{--align-self:flex-start;}/* Start custom CSS for shortcode, class: .elementor-element-219f9af *//* Gravity Form ID 31 - force all text to white */
body #gform_wrapper_31,
body #gform_wrapper_31 * {
    color: #ffffff !important;
}

/* Input & dropdown text */
body #gform_wrapper_31 input,
body #gform_wrapper_31 select,
body #gform_wrapper_31 textarea {
    color: #ffffff !important;
    background-color: #222222 !important; /* optional: dark background */
    border: 1px solid #555 !important;   /* optional: visible borders */
}

/* Placeholder text (light grey) */
body #gform_wrapper_31 ::placeholder {
    color: #cccccc !important;
}

/* Force white text + custom arrow for select dropdowns */
body #gform_wrapper_31 select {
    color: #ffffff !important;
    background-color: #222222 !important;
    border: 1px solid #555 !important;
    appearance: none !important;   /* remove default arrow */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    /* Add custom white arrow */
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 16px;
    padding-right: 2rem; /* space for arrow */
}

/* For Firefox specifically */
body #gform_wrapper_31 select::-ms-expand {
    display: none !important;
}/* End custom CSS */