.fluentform .ff-el-group { margin-bottom: 20px; }

.fluentform .ff-el-input--label label {
  font-family: Archivo, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--theme-palette-color-3);
  margin-bottom: 8px;
}

.fluentform .ff-el-form-control {
  height: 50px;
  padding: 0 16px;
  font-family: Archivo, sans-serif;
  font-size: 15px;
  color: var(--theme-palette-color-3);
  background: var(--theme-palette-color-8);
  border: 1px solid var(--theme-palette-color-6);
  border-radius: 6px;
}

.fluentform textarea.ff-el-form-control {
  height: auto;
  min-height: 150px;
  padding: 14px 16px;
}

.fluentform .ff-el-form-control::placeholder { color: var(--theme-palette-color-5); }

.fluentform .ff-el-form-control:focus {
  border-color: var(--theme-palette-color-1);
  box-shadow: 0 0 0 3px rgba(180, 34, 46, 0.12);
  outline: none;
}

.fluentform .ff-el-form-check input { accent-color: var(--theme-palette-color-1); }
.fluentform .ff-el-form-check label {
  font-size: 13.5px;
  color: var(--theme-palette-color-5);
}

.fluentform .ff-btn-submit {
  padding: 15px 26px;
  border-radius: 6px;
  font-family: Archivo, sans-serif;
  font-weight: 600;
  font-size: 16px;
  background: var(--theme-palette-color-1);
  color: var(--theme-palette-color-8);
  border: none;
}
.fluentform .ff-btn-submit:hover { background: var(--theme-palette-color-2); }

.fluentform .ff-el-is-error .ff-el-form-control { border-color: var(--theme-palette-color-1); }
.fluentform .error-text { color: var(--theme-palette-color-1); font-size: 13px; }

.fluentform .ff-message-success {
  border-left: 3px solid var(--theme-palette-color-15);
  background: var(--theme-palette-color-7);
  color: var(--theme-palette-color-3);
  padding: 18px 22px;
  border-radius: 8px;
}

@media (max-width: 720px) {
  .fluentform .ff-btn-submit { width: 100%; }
}

:where(input, select, textarea):focus {
  box-shadow: 0 0 0 3px rgba(180, 34, 46, 0.12);
  outline: none;
}