.ct-contact-form .frm-fluent-form .ff-el-input--label label {
margin-bottom: 5px
}

.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-input--content {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check span {
border-radius: var(--theme-form-field-border-radius, 3px) !important;
border: none !important;
box-shadow: none;
transition: all 0.2s ease;
}

/* NORMAL */
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:not(.ff_item_selected) span {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ce9f2c;
}

/* HOVER */
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check:not(.ff_item_selected) span:hover {
    background-color: #111111;
    color: #ffffff;
}

/* SELECTED */
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff_item_selected span {
    background-color: #ce9f2c;
    color: #000000;
    border: 1px solid #ce9f2c;
}

/* FORCE selected state (beats FluentForms default blue) */
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected span,
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input:checked + span,
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input:checked ~ span,
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input:checked + label span,
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input:checked ~ label span {
  background-color: #ce9f2c !important;
  color: #000000 !important;
  border-color: #ce9f2c !important;
  box-shadow: none !important;
}

/* OPTIONAL: make sure normal state never turns blue on focus/active */
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check span:focus,
.ct-contact-form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check span:active {
  box-shadow: none !important;
  outline: none !important;
}