/* =========================================================================
   Treasureforce Site Kit — forms (Forminator restyle)
   Wrap the Forminator shortcode in a container/widget with class:
     .tf-form            base look (inputs, labels, chips, buttons, notices)
     .tf-form--wizard    3-step card (surface, radius 14, padding 40, gold top line, numbered steps)
     .tf-form--inline    newsletter: email + button on one row (stacks ≤600px)
   Recommended Forminator setting: Appearance → Design style "None" or "Flat"
   (less CSS to override). Selectors are prefixed with
     .tf-form .forminator-ui.forminator-custom-form[data-form-id]
   so they outrank Forminator's own "[data-design=…]" rules.
   Real Forminator classes used (v1.x): .forminator-row/.forminator-col/.forminator-field,
   .forminator-label, .forminator-input, .forminator-textarea, .forminator-select,
   .forminator-checkbox(+-box,-label), .forminator-radio(+-bullet,-label),
   .forminator-pagination-steps/.forminator-step(.forminator-current)/.forminator-step-label/
   .forminator-step-dot/.forminator-break, .forminator-pagination-progress,
   .forminator-pagination-footer, .forminator-button(-back,-next,-submit),
   .forminator-response-message(.forminator-error/.forminator-success), .forminator-error-message.
   SR: Stil za Forminator formulare unutar .tf-form.
   ========================================================================= */

/* ---- Wrapper ------------------------------------------------------------ */
.tf-form { color: var(--tf-text); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] {
  margin: 0;
  font-family: var(--tf-font);
  color: var(--tf-text);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-row { margin-bottom: 22px; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-row:last-child { margin-bottom: 0; }
/* Grid: forminator-grid.open.min.css gives rows margin 0 -15px + cols padding 0 15px (>=783px) and
   cols margin-bottom 20px (<783px). Replaced by a flex row with gap; cols share the row, full width <=600.
   [data-grid] matches Forminator's (0,5,0) selectors and must win regardless of load order. */
.tf-form .forminator-ui.forminator-custom-form[data-form-id][data-grid] .forminator-row { display: flex; flex-wrap: wrap; gap: 20px 16px; margin-left: 0; margin-right: 0; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id][data-grid] .forminator-row > .forminator-col { flex: 1 1 0; min-width: 0; margin: 0; padding: 0; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id][data-grid] .forminator-row > .forminator-col-12 { flex-basis: 100%; }

/* ---- Labels / descriptions --------------------------------------------- */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-label {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  font-family: var(--tf-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--tf-n500);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-required { color: var(--tf-accent); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-description {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--tf-n500);
}
/* Group headings (HTML field / section field) inside the wizard */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-title,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] [id^="html-"] h3 {
  font-family: var(--tf-font);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.15;
  color: var(--tf-text);
  margin: 0 0 6px;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-subtitle,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] [id^="html-"] p {
  font-size: 14px;
  color: var(--tf-n500);
  margin: 0 0 14px;
}

/* ---- Inputs ------------------------------------------------------------ */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-input,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select--field,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-select2 + .select2 .select2-selection,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] input[type="text"],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] input[type="email"],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] input[type="tel"],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] input[type="url"],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] input[type="number"] {
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 14px;
  font-family: var(--tf-font);
  font-size: 14px;
  line-height: 1.4;
  color: var(--tf-text);
  caret-color: var(--tf-accent);
  background-color: var(--tf-surface);
  border: 1px solid var(--tf-divider);
  border-radius: var(--tf-radius-md);
  box-shadow: none;
  outline: none;
  transition: border-color .2s;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea { min-height: 120px; resize: vertical; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-input::placeholder,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea::placeholder { color: var(--tf-n600); opacity: 1; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-input:hover,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea:hover,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select--field:hover { border-color: rgba(236, 235, 230, .45); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-input:focus,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea:focus,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select:focus,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select--field:focus {
  border-color: var(--tf-accent);
  background-color: var(--tf-surface);
  box-shadow: none;
  outline: none;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-has_error .forminator-input,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-has_error .forminator-textarea { border-color: #c9744f; }
/* Native selects: with design "None" Forminator prints <select class="forminator-select--field forminator-select2">
   (no .forminator-select, select2 not initialised): dark field + gold chevron. */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select--field {
  padding-right: 40px;
  color-scheme: dark;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23d4a72c' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] select.forminator-select--field option { background: var(--tf-surface); color: var(--tf-text); }
/* Material design leftovers (if that style is chosen) */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-input--wrap,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-textarea--wrap { background: transparent; border: 0; padding: 0; }

/* ---- Checkboxes & radios as pill chips -------------------------------- */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="group"],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="radiogroup"] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="group"] > :not(label),
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="radiogroup"] > :not(label) { flex: 0 0 100%; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="group"] > .forminator-label,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field[role="radiogroup"] > .forminator-label {
  font-size: 16px;
  color: var(--tf-text);
  margin-bottom: 4px;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid var(--tf-n700);
  border-radius: var(--tf-radius-pill);
  background: transparent;
  font-family: var(--tf-font);
  font-size: 14px;
  line-height: 1.2;
  color: var(--tf-n300);
  cursor: pointer;
  user-select: none;
  transition: border-color .25s, background-color .25s, color .25s;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox:hover,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio:hover { border-color: var(--tf-accent); color: var(--tf-accent); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox input,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox-box,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio-bullet { display: none; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox-label,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio-label {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  color: inherit;
}
/* checked = gold fill + dark text */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox:has(input:checked),
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio:has(input:checked),
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox.forminator-is_checked,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio.forminator-is_checked {
  border-color: var(--tf-accent);
  background-color: var(--tf-accent);
  color: var(--tf-bg);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox:has(input:focus-visible),
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-radio:has(input:focus-visible) {
  outline: 2px solid var(--tf-accent);
  outline-offset: 2px;
}
/* Single consent checkbox (GDPR) stays a normal small checkbox line */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-col:is([id^="gdprcheckbox-"], [id^="consent-"]) .forminator-checkbox {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  color: var(--tf-n400);
  background: transparent;
  gap: 10px;
  align-items: flex-start;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-col:is([id^="gdprcheckbox-"], [id^="consent-"]) .forminator-checkbox-box {
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--tf-n600);
  border-radius: 4px;
  background: transparent;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-col:is([id^="gdprcheckbox-"], [id^="consent-"]) .forminator-checkbox:has(input:checked) { background: transparent; color: var(--tf-n300); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-col:is([id^="gdprcheckbox-"], [id^="consent-"]) .forminator-checkbox:has(input:checked) .forminator-checkbox-box { background: var(--tf-accent); border-color: var(--tf-accent); box-shadow: inset 0 0 0 3px var(--tf-bg); }

/* Consent field: the field label ("Consent") is hidden visually, kept for screen readers */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-field-consent .forminator-label {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-checkbox__wrapper { display: flex; align-items: flex-start; gap: 10px; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-consent__label { font-size: 13px; line-height: 1.5; color: var(--tf-n400); }

/* ---- Buttons (= tf-btn--primary) -------------------------------------- */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] button.forminator-button-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 0;
  margin: 0;
  padding: 12px 22px;
  font-family: var(--tf-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--tf-accent);
  background-color: transparent;
  border: 1px solid var(--tf-accent);
  border-radius: var(--tf-radius-pill);
  box-shadow: none;
  cursor: pointer;
  transition: background-color .25s, color .25s, border-color .25s;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button:hover,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button:focus-visible {
  color: var(--tf-accent);
  background-color: rgba(212, 167, 44, .12);
  border-color: var(--tf-accent);
  box-shadow: none;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button:active { background-color: rgba(212, 167, 44, .22); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button-back {
  color: var(--tf-n300);
  border-color: var(--tf-divider);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button-back:hover {
  color: var(--tf-text);
  background-color: rgba(236, 235, 230, .07);
  border-color: rgba(236, 235, 230, .3);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button[disabled],
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button.forminator-button-onload { opacity: .5; cursor: progress; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button-next,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-button-submit { margin-left: auto; }

/* ---- Pagination (wizard steps) ---------------------------------------- */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-steps {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 28px;
  padding: 0;
  counter-reset: tf-step;
  border: 0;
  background: transparent;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-steps .forminator-break {
  flex: 1 1 auto;
  height: 1px;
  min-width: 12px;
  margin: 0;
  background: var(--tf-divider);
  border: 0;
}
/* Forminator prints a break before the first AND after the last step */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-steps .forminator-break:is(:first-child, :last-child) { display: none; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-steps .forminator-break::before,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-steps .forminator-break::after { display: none; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step {
  counter-increment: tf-step;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  font-family: var(--tf-font);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step-dot {
  order: -1;
  position: static;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin: 0;
  border: 1px solid var(--tf-n700);
  border-radius: 50%;
  background: transparent;
  color: var(--tf-n600);
  font-size: 12px;
  line-height: 1;
  transition: all .3s;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step-dot::before {
  content: counter(tf-step);
  position: static;
  width: auto;
  height: auto;
  border: 0;
  background: none;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step-label {
  position: static;
  margin: 0;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--tf-n600);
  white-space: nowrap;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step.forminator-current .forminator-step-dot,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step[aria-selected="true"] .forminator-step-dot {
  border-color: var(--tf-accent);
  color: var(--tf-accent);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step.forminator-current .forminator-step-label,
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step[aria-selected="true"] .forminator-step-label { color: var(--tf-text); }

/* Progress-bar variant */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-progress {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 28px;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-progress-label { font-size: 12px; color: var(--tf-n500); font-variant-numeric: tabular-nums; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-progress-bar {
  flex: 1;
  height: 2px;
  border-radius: 0;
  background: var(--tf-divider);
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-progress-bar span {
  height: 100%;
  border-radius: 0;
  background: var(--tf-accent);
  transition: width .5s var(--tf-ease);
}

.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-pagination-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
  padding-top: 8px;
}

/* ---- Messages ---------------------------------------------------------- */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--tf-divider);
  border-radius: var(--tf-radius-md);
  background: var(--tf-surface);
  box-shadow: none;
  font-size: 13px;
  line-height: 1.5;
  color: var(--tf-n300);
}
/* Empty box: Forminator renders <div class="forminator-response-message forminator-error" aria-hidden="true">
   (no .forminator-hidden) and adds .forminator-show when there is a message. */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message:not(.forminator-show):is(.forminator-hidden, [aria-hidden="true"], :empty) { display: none; }
/* After submit (behaviour "hide form") only the thank-you box remains: no bottom gap */
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message.forminator-success { margin-bottom: 0; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message.forminator-success { border-color: var(--tf-accent-700); color: var(--tf-accent-200); background: var(--tf-accent-tint); }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message.forminator-error { border-color: rgba(201, 116, 79, .5); color: #e4b8a5; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-response-message p { margin: 0; color: inherit; font-size: inherit; }
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-error-message {
  display: block;
  margin-top: 6px;
  padding: 0;
  background: transparent;
  font-size: 12px;
  color: #e4b8a5;
}
.tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-error-message::before { display: none; }
.tf-form-notice { font-size: 12px; line-height: 1.5; color: var(--tf-n400); }

/* ---- Wizard card ------------------------------------------------------- */
.tf-form--wizard,
.e-con.tf-form--wizard {
  position: relative;
  --position: relative;
  overflow: hidden;
  --overflow: hidden;
  background-color: var(--tf-surface);
  border: 1px solid var(--tf-divider);
  border-radius: var(--tf-radius-lg);
  --border-radius: var(--tf-radius-lg);
  padding: 40px;
  --padding-top: 40px;
  --padding-right: 40px;
  --padding-bottom: 40px;
  --padding-left: 40px;
}
.tf-form--wizard::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 2px;
  width: var(--tf-form-progress, 25%);
  background: var(--tf-accent);
  transition: width .5s var(--tf-ease);
  pointer-events: none;
}
/* Gold line grows with the current step (Forminator marks steps .forminator-current) */
.tf-form--wizard:has(.forminator-step-0.forminator-current) { --tf-form-progress: 33.333%; }
.tf-form--wizard:has(.forminator-step-1.forminator-current) { --tf-form-progress: 66.666%; }
.tf-form--wizard:has(.forminator-step-2.forminator-current) { --tf-form-progress: 100%; }

/* ---- Inline (newsletter) ---------------------------------------------- */
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] > .forminator-row,
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] > .forminator-response-message { margin: 0; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] > .forminator-row:not(:has(.forminator-button-submit)) { flex: 1 1 auto; min-width: 0; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] > .forminator-row:has(.forminator-button-submit) { flex: 0 0 auto; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] > .forminator-response-message { order: 10; flex-basis: 100%; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] .forminator-col { padding: 0; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id][data-grid] > .forminator-row > .forminator-col { flex: 1 1 auto; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] .forminator-button { margin: 0; }
.tf-form--inline .forminator-ui.forminator-custom-form[data-form-id]:has(> .forminator-response-message.forminator-show) { flex-wrap: wrap; }

/* ---- Responsive -------------------------------------------------------- */
@media (max-width: 600px) {
  .tf-form--wizard,
  .e-con.tf-form--wizard {
    padding: 24px 20px;
    --padding-top: 24px;
    --padding-right: 20px;
    --padding-bottom: 24px;
    --padding-left: 20px;
  }
  .tf-form .forminator-ui.forminator-custom-form[data-form-id][data-grid] .forminator-row > .forminator-col { flex-basis: 100%; }
  .tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step-label { display: none; }
  .tf-form .forminator-ui.forminator-custom-form[data-form-id] .forminator-step.forminator-current .forminator-step-label { display: inline; }
  .tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] { flex-direction: column; align-items: stretch; }
  .tf-form--inline .forminator-ui.forminator-custom-form[data-form-id] .forminator-button { width: 100%; }
}