.elementor-20099 .elementor-element.elementor-element-7c98ce3{--display:flex;}.elementor-20099 .elementor-element.elementor-element-22a6adb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20099 .elementor-element.elementor-element-69fdd67{--display:flex;}.elementor-20099 .elementor-element.elementor-element-d4cfc79{--spacer-size:50px;}/* Start custom CSS for container, class: .elementor-element-7c98ce3 *//* =========== Modern Questionnaire Base =========== */
form {
  
  --bg: #fff9ef;                 /* auto-swapped in light mode below */
  --panel: #364785;
  --panel-2: #83AADE;
  --text: #e8ebf1;
  --muted: #97a0b3;
  --primary: #6aa7ff;
  --primary-2: #2a67ff;
  --ok: #4ad991;
  --warn: #ffb155;
  --danger: #ff6b6b;
  --ring: color-mix(in oklab, var(--primary) 60%, transparent);
/*    --ring: color-mix(in oklab, #D980AD 60%, transparent); */

  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 8px 24px rgba(0,0,0,.28);
  --shadow-sm: 0 4px 12px rgba(0,0,0,.22);

  --gap-1: .5rem;
  --gap-2: .75rem;
  --gap-3: 1rem;
  --gap-4: 1.5rem;
  --gap-5: 2rem;
  --pad: 1rem;
  --pad-2: 1.25rem;

  --font: ui-sans-serif, system-ui, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, Apple Color Emoji, Segoe UI Emoji;
}
/* 
@media (prefers-color-scheme: light){
  :root{
    --bg: #f7f8fb;
    --panel: #ffffff;
    --panel-2: #f2f5fb;
    --text: #0e1320;
    --muted: #495369;
    --shadow: 0 8px 24px rgba(15, 23, 42, .08);
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, .06);
  }
} 
*/

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background-color: var(--bg);
  color: var(--e-global-color-primary);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
}

/* Global form container */
form {
  max-width: min(1100px, 92vw);
  margin: clamp(16px, 4vw, 40px) auto;
  background: var(--bg);
/*   border: 1px solid color-mix(in oklab, var(--text) 10%, transparent); */
/*   border-radius: var(--radius); */
/*   box-shadow: var(--shadow); */
  overflow: clip;
}

form > h2 {
  margin: 0;
  padding: clamp(16px, 2.5vw, 28px) clamp(16px, 3vw, 36px);
/*   background: linear-gradient(180deg, var(--panel-2), transparent); */
/*   border-bottom: 1px solid color-mix(in oklab, var(--text) 8%, transparent); */
  font-size: clamp(1.1rem, 2.6vw, 1.4rem);
  letter-spacing: .3px;
}

/* Fieldset as card sections (subdimensions) */
fieldset {
    margin: .5em;
  /*margin: var(--gap-5);*/
  padding: 0;
  border: 0;
/*   background: linear-gradient(180deg, color-mix(in oklab, var(--panel-2) 85%, transparent), transparent 140%); */
  border: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow: clip;
}

legend {
  margin-left: var(--pad-2);
  margin-bottom: 0 !important;
  padding: .75rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  color: var(--e-global-color-429ccfe);
}

/* Section headings inside fieldsets */
fieldset > h3 {
  color: var(--e-global-color-302ac25) !important;
  margin: var(--gap-4) var(--pad-2) var(--gap-2);
  margin-bottom: 0px !important;
  font-size: 1.2rem !important;
  font-weight: 600;
/*   color: var(--muted); */
}

.question {
  color: var(--e-global-color-acdf8d5);
  margin: var(--gap-3) var(--pad-2) var(--gap-2);
  font-weight: 600;
  letter-spacing: .2px;
}

h3 + .question {
  margin-top: 10px !important;
}

.likert {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 180px));
/*   grid-template-columns: repeat(5, auto); */
  gap: var(--gap-2);
  margin: 0 var(--pad-2) var(--gap-4);
}

.likert label{
  position: relative;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .85rem .9rem;
  border-radius: 12px;
/*   border: 1px solid color-mix(in oklab, var(--text) 12%, transparent); */
  background: linear-gradient(180deg, color-mix(in oklab, var(--panel) 92%, transparent), color-mix(in oklab, var(--panel-2) 72%, transparent));
  cursor: pointer;
  user-select: none;
  transition: transform .08s ease, border-color .2s, background .2s;
  isolation: isolate;
}

.likert label:hover{
  border-color: color-mix(in oklab, var(--primary) 55%, transparent);
  transform: translateY(-1px);
}

.likert input[type="radio"]{
  /* keep it accessible but visually hidden */
  position: absolute;
  inset: 0;
  opacity: 0;
  margin: 0;
}

/* Selected state */
.likert input[type="radio"]:checked + span{
  color: var(--text);
  font-weight: 700;
}
.likert input[type="radio"]:checked ~ *{
  /* highlight the label background/border */
}
.likert label:has(input[type="radio"]:checked){
  border-color: var(--primary);
  outline: 0;
  box-shadow:
    0 0 0 3px var(--ring),
    inset 0 0 0 9999px color-mix(in oklab, var(--e-global-color-302ac25) 70%, transparent);
  transform: translateY(-1px);
}

/* Keyboard focus ring */
.likert input[type="radio"]:focus-visible + span,
.likert label:focus-within{
  outline: 0;
}
.likert label:focus-within{
  box-shadow:
    0 0 0 3px var(--ring),
    inset 0 0 0 9999px color-mix(in oklab, var(--primary) 9%, transparent),
    var(--shadow-sm);
  border-color: var(--primary);
}

/* Label text */
.likert span{
  display: inline-block;
  font-size: .95rem;
  line-height: 1.2;
  color: var(--text);
}

/* Number inputs (percent, etc.) */
input[type="number"]{
  appearance: textfield;
  margin: 0 var(--pad-2) var(--gap-4);
  width: clamp(140px, 20ch, 280px);
  padding: .3rem 0.5rem;
  border-radius: 12px;
  border: 1px solid color-mix(in oklab, var(--text) 14%, transparent);
  background: var(--panel-2);
  color: var(--text);
  font-weight: 600;
  outline: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
input[type="number"]:focus{
  border-color: var(--primary);
/*   box-shadow: 0 0 0 3px var(--ring); */
    box-shadow:
    0 0 0 3px var(--ring),
    inset 0 0 0 9999px color-mix(in oklab, var(--e-global-color-302ac25) 70%, transparent);
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  appearance: none;
  margin: 0;
}

input[type="number"] + .percent-symbol {
  display: inline-block;
  transform: translateX(-5ch);
  color: white;
}

/* Submit buttons */
button[type="submit"]{
  margin: var(--gap-5) var(--pad-2) calc(var(--gap-5) + .25rem);
  padding: .9rem 1.2rem;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--primary), var(--primary-2));
  color: white;
  font-weight: 700;
  letter-spacing: .3px;
  cursor: pointer;
  box-shadow: 0 8px 18px color-mix(in oklab, var(--primary-2) 35%, transparent);
  transition: transform .08s ease, filter .15s ease;
}
button[type="submit"]:hover{ transform: translateY(-1px); filter: brightness(1.06); }
button[type="submit"]:active{ transform: translateY(0); filter: brightness(.98); }

/* Compact variant helper (optional) */
.likert.compact{
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.likert.dense label{ padding: .7rem .75rem; border-radius: 10px; }



.jet-form-builder__next-page-wrap {
    display: flex;
    justify-content: space-between;
}

button {
    transition: transform .5s ease;
}

button:hover {
    transform: scale(1.1);
}

.first-page-btn {
    margin-left: auto;
}

.jfb-progress-type--default .jet-form-builder-progress-pages__item {
    padding: 0.5em 0.2em !important;
}

.jet-form-builder-progress-pages__item--label {
    display: none;
}

.jet-form-builder-progress-pages,
.jfb-progress-type--default {
    padding-bottom: 0 !important;
}

@media (max-width: 700px){
    .jet-form-builder-progress-pages {
        display: none !important;
    }
}

.jet-form-builder__submit-wrap {
    justify-content: center;
}


/* Helper—tighten long forms on tiny screens */
@media (width < 480px){
  .question{ margin: var(--gap-2) var(--pad); }
  .likert{ margin: 0 var(--pad) var(--gap-3); }
  fieldset{ margin: var(--gap-4); }
  legend{ margin-left: var(--pad); }
}

/* Motion safety */
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; }
}/* End custom CSS */