.elementor-442 .elementor-element.elementor-element-7b6eeee7{--display:flex;--margin-top:40px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-442 .elementor-element.elementor-element-7b6eeee7{--content-width:1200px;}}/* Start custom CSS for shortcode, class: .elementor-element-5a2bfca *//* Apply shadow to text, email, tel, and number inputs, and select elements */
.frm_form_field input[type="text"],
.frm_form_field input[type="email"],
.frm_form_field input[type="tel"],
.frm_form_field input[type="number"],
.frm_form_field select {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Horizontal offset, vertical offset, blur radius, color */
    border: 0px; /* Optional: Add a subtle border for better definition */
    padding: 15px 25px 15px 25px; /* Optional: Add some padding for better appearance */
    border-radius: 25px; /* Optional: Slightly rounded corners */
}

/* Specific styling for the date input, if needed, as it has a different class */
.frm_form_field input.frm_date {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border: 0px;
    padding: 15px 25px 15px 25px;
    border-radius: 25px;
}

/* Styling for the hidden input fields to ensure they don't get a visible shadow */
/* This is important as your HTML includes many hidden input fields */
.frm_form_field input[type="hidden"] {
    box-shadow: none;
    border: none;
    padding: 0;
}

/* To ensure repeated fields (like "Full legal name", "Function", etc.) also get the shadow */
.frm_repeat_sec .form-control {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border: 0px;
    padding: 15px 25px 15px 25px;
    border-radius: 15px;
}

.frm_opt_container .frm_checkbox {
    display: inline-block; /* Make each checkbox container display inline */
    margin-right: 15px;    /* Add space between the checkboxes */
    margin-bottom: 15px;
    vertical-align: top;   /* Align them nicely */
}

.frm_opt_container .frm_checkbox label {
    display: flex;         /* Use flexbox for the label to align input and text */
    align-items: center;   /* Vertically center the checkbox and text */
}

.frm_opt_container .frm_checkbox input[type="checkbox"] {
    margin-right: 5px;     /* Space between the checkbox square and its text */
}

.frm_opt_container .frm_checkbox .frm_label_button_container {
    display: inline;       /* Ensure the text container flows inline */
}

.frm_opt_container .frm_radio {
    display: inline-block; /* Make each radio button container display inline */
    margin-right: 15px;    /* Add some space between the options */
    vertical-align: top;   /* Align them nicely if their content height differs */
}

/* If you want the label text itself to be more flexible */
.frm_opt_container .frm_radio label {
    display: flex; /* Use flexbox for the label to align the input and text */
    align-items: center; /* Vertically center the radio button and text */
}

/* Ensure the radio input itself doesn't take up too much space */
.frm_opt_container .frm_radio input[type="radio"] {
    margin-right: 5px; /* Space between the radio circle and its text */
}

/* Adjust the button container if it's interfering with inline display */
.frm_opt_container .frm_radio .frm_label_button_container {
    display: inline; /* Or inline-block, depending on desired behavior */
}/* End custom CSS */