#form .fluentform .ff-el-tooltip svg {
  fill: var(--primary);
}


#form .fluentform .ff-el-section-break .ff-el-section-title {
  color: var(--text-light);
  font-size: 17px;
  font-weight: 500;
  margin: 5px 0;
}


#form .fluentform .ff-section_break_desk p {
  color: var(--text-light-muted);
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0;
}


#form .fluentform .ff-el-section-break hr {
  background-color: var(--white-trans-10);
  border: none;
  height: 1px;
  margin-bottom: 0;
}


#form .fluentform select.ff-el-form-control {
  background-color: #6a7080 !important;
  border-radius: var(--radius) !important;
}

#form .fluentform.ff-default .ff-btn-submit,
#form .fluentform.ff-default .ff-el-form-control,
#form .fluentform .ff_upload_btn.ff-btn,
#form .fluentform .ff-el-group {
  border-radius: 100px;
  transition: all .5s ease;
}

#form .fluentform .ff-el-input--content .ff-el-form-control {
  border-radius: var(--radius);
}

#form .brxe-xfluentform .frm-fluent-form .ff-t-container {
  
  width: 100%;
}

#form .fluentform.ff-default .ff-btn-submit {
  display: block;
  width: 100%;
  padding: 10px 40px;
}

#form .ff-default .ff-el-form-check label.ff-el-form-check-label {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  margin-top: 10px;
}

#form .ff-default .ff-el-form-check label.ff-el-form-check-label span {
  display: table-cell;
}

#form .fluentform .ff-el-form-check-label .ff-el-form-check-input {
  top: 2px !important;
  margin-right: 3px !important;
}

#form .fluentform .ff_t_c {
  padding: 0;
}

#form .fluentform .ff-el-tc label.ff_tc_label>span {
  width: auto;
}

#form .fluentform .ff-el-form-check-label .ff-el-form-check-input.ff_gdpr_field {
  top: 0px !important;
}

#form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
  color: var(--text-light) !important;
}

#form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
  background-color: var(--white-trans-10) !important;
  border-color: var(--white-trans-10) !important;
  transition: background-color .5s ease !important;
  color: var(--text-light) !important;
}

#form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover {
  background-color: var(--white-trans-20) !important;
  border-color: var(--white-trans-20) !important;
}

#form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span::last-child {
  border-radius: var(--radius) !important;
}

#form .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  box-shadow: var(--primary) !important;
}

#form .fluentform.ff-default .ff-btn-submit,
#form .fluentform .ff_upload_btn.ff-btn,
#form .fluentform.ff-default .ff-el-form-control,
#form .fluentform.ff-default .ff-el-form-control:focus {
  background-color: var(--white-trans-20);
  opacity: .85;
}

#form .fluentform.ff-default .ff-btn-submit:hover,
#form .fluentform .ff_upload_btn.ff-btn:hover,
#form .fluentform.ff-default .ff-el-form-control:hover {
  background-color: var(--white-trans-30);
  opacity: 1;
  color: var(--white);
}

#form .fluentform.ff-default .ff-btn-submit:focus,
#form .fluentform .ff_upload_btn.ff-btn:focus {
  background-color: var(--white-trans-50);
  opacity: 1;
  color: var(--white);
}

#form .fluentform .ff-el-group input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
#form .fluentform .ff-el-group input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active,
#form .fluentform .ff-el-group input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  background-color: var(--white-trans-20);
  opacity: 1;
  color: var(--white);
}

#form .fluentform .ff-el-is-error .text-danger {
  color: var(--primary);
  font-size: var(--text-s);
  font-weight: 500;
  margin-top: 4px;
}

#form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label:before {
  color: var(--primary);
  margin-right: 2px;
}

#form .fluentform .ff-el-is-error .ff-el-form-check-label {
  color: var(--text-light);
}

#form .fluentform .ff-el-is-error .ff-el-form-check-label a {
  color: var(--primary-hover);
}

#form .fluentform .ff-el-tooltip svg {
  width: 14px;
  margin-left: 2px;
}