/* Target the radio buttons and labels within the custom fields container */
#custom_checkout_fields .form-row-wide .woocommerce-input-wrapper {
    display: flex;
    align-items: center;
}

/* Style for the radio buttons */
#custom_checkout_fields .form-row-wide .woocommerce-input-wrapper input[type="radio"] {
    margin-right: 10px;
}

/* Style for the labels */
#custom_checkout_fields .form-row-wide .woocommerce-input-wrapper label {
    margin-right: 20px; /* Adjust spacing between radio button groups */
}

/* Style the select element */
select[name="custom_select"] {
    /* Add your custom styles here */
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
}

/* Style the option elements */
select[name="custom_select"] option {
    /* Add your custom styles here */
    background-color: #fff;
    color: #333;
}

/* Style the selected option */
select[name="custom_select"] option:checked {
    /* Add your custom styles here */
    background-color: #007bff;
    color: #fff;
}

/* Apply padding to non-option fields */
select[name="custom_select"] option:not([value=""]) {
    padding: 5px; /* Adjust the padding as needed */
}

#custom_select_field {
    margin-bottom: 20px;
}