:root {
  --stw-navy:#14385f;
  --stw-blue:#126e9d;
  --stw-cyan:#18a6c9;
  --stw-ink:#2e4662;
  --stw-muted:#687d94;
  --stw-border:#d7e4ee;
  --stw-soft:#f3f8fb;
  --stw-white:#fff;
  --stw-danger:#d63e45;
  --stw-radius:18px;
  --stw-shadow:0 14px 36px rgba(20,56,95,.09);
}

.st-recruiter-wizard-form { max-width:100%; }

.st-recruiter-wizard {
  max-width:1180px;
  margin:0 auto 30px;
  color:var(--stw-ink);
}

.st-wizard-header {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  padding:26px 28px;
  border:1px solid var(--stw-border);
  border-radius:var(--stw-radius);
  background:linear-gradient(135deg,#edf7fb,#fff 70%);
  box-shadow:var(--stw-shadow);
}

.st-wizard-eyebrow {
  display:block;
  margin-bottom:5px;
  color:var(--stw-blue);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.st-wizard-header h1 {
  margin:0 0 7px!important;
  color:var(--stw-navy)!important;
  font-size:clamp(1.8rem,3vw,2.5rem)!important;
  font-weight:850!important;
}

.st-wizard-header p {
  max-width:720px;
  margin:0;
  color:var(--stw-muted);
}

.st-wizard-count {
  flex:0 0 auto;
  padding:9px 13px;
  border-radius:999px;
  color:#fff;
  background:var(--stw-blue);
  font-weight:800;
}

.st-wizard-progress {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:18px 0;
  padding:8px;
  list-style:none;
  border:1px solid var(--stw-border);
  border-radius:15px;
  background:#fff;
  box-shadow:var(--stw-shadow);
}

.st-wizard-progress button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:52px;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  color:var(--stw-ink);
  background:transparent;
  cursor:pointer;
}

.st-wizard-progress span {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  color:#fff;
  background:#9bb0c2;
  font-weight:800;
}

.st-wizard-progress strong {
  font-size:.83rem;
  line-height:1.15;
}

.st-wizard-progress .is-active button {
  color:#fff;
  background:var(--stw-blue);
}

.st-wizard-progress .is-active span,
.st-wizard-progress .is-complete span {
  background:var(--stw-cyan);
}

.st-wizard-progress .is-complete button {
  color:var(--stw-blue);
  background:#edf8fb;
}

.st-wizard-panel {
  overflow:visible;
  border:1px solid var(--stw-border);
  border-radius:var(--stw-radius);
  background:#fff;
  box-shadow:var(--stw-shadow);
}

.st-wizard-panel[hidden] { display:none!important; }

.st-wizard-panel__head {
  padding:23px 26px 20px;
  border-bottom:1px solid var(--stw-border);
  border-left:8px solid var(--stw-cyan);
  border-radius:var(--stw-radius) var(--stw-radius) 0 0;
  background:linear-gradient(90deg,#eef7fb,#fff 72%);
}

.st-wizard-panel__head span {
  color:var(--stw-blue);
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
}

.st-wizard-panel__head h2 {
  margin:4px 0!important;
  color:var(--stw-navy)!important;
  font-size:1.55rem!important;
  font-weight:850!important;
}

.st-wizard-panel__head p {
  margin:0;
  color:var(--stw-muted);
}

.st-wizard-grid {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:22px 24px;
  padding:27px 26px 30px;
}

.st-wizard-field {
  grid-column:span 6;
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.st-wizard-field:has(textarea),
.st-wizard-field:has(.editor),
.st-wizard-field:has(.tox),
.st-wizard-field:has(.mce-container),
.st-wizard-field:has(select[multiple]),
.st-wizard-field:has(.choices),
.st-wizard-field:has(.select2-container) {
  grid-column:1/-1;
}

.st-wizard-field>td,
.st-wizard-field>th {
  display:block;
  width:100%!important;
  padding:0!important;
  border:0!important;
}

.st-wizard-field label,
.st-wizard-field .control-label,
.st-wizard-field .form-label,
.st-wizard-field legend {
  display:block;
  margin:0 0 8px!important;
  color:var(--stw-ink)!important;
  font-weight:780!important;
}

.st-wizard-field input:not([type=radio]):not([type=checkbox]):not([type=hidden]),
.st-wizard-field select,
.st-wizard-field textarea {
  box-sizing:border-box;
  width:100%!important;
  max-width:100%!important;
  min-height:50px;
  padding:11px 14px;
  border:1px solid #c8d8e5;
  border-radius:12px;
  color:var(--stw-ink);
  background:#fff;
  font:inherit;
}

.st-wizard-field textarea { min-height:160px; resize:vertical; }

.st-wizard-field input:focus,
.st-wizard-field select:focus,
.st-wizard-field textarea:focus {
  outline:0;
  border-color:var(--stw-cyan);
  box-shadow:0 0 0 4px rgba(24,166,201,.14);
}

.st-wizard-field input[type=radio],
.st-wizard-field input[type=checkbox] {
  width:20px!important;
  height:20px!important;
  min-height:0!important;
  margin:0 8px 0 0!important;
  accent-color:var(--stw-blue);
}

.st-wizard-field .radio,
.st-wizard-field .checkbox,
.st-wizard-field .form-check,
.st-wizard-field label:has(input[type=radio]),
.st-wizard-field label:has(input[type=checkbox]) {
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  margin:5px 20px 5px 0!important;
  font-weight:650!important;
}

.st-wizard-field small,
.st-wizard-field .form-text,
.st-wizard-field .help-block,
.st-wizard-field .description {
  display:block;
  margin-top:7px;
  color:var(--stw-muted);
  font-size:.88rem;
}

.st-wizard-field .required,
.st-wizard-field .star { color:var(--stw-danger)!important; }

.st-wizard-nav {
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:20px 26px;
  border-top:1px solid var(--stw-border);
  background:var(--stw-soft);
  border-radius:0 0 var(--stw-radius) var(--stw-radius);
}

.st-wizard-nav button {
  min-width:120px;
  min-height:46px;
  padding:10px 20px;
  border-radius:11px;
  font-weight:800;
  cursor:pointer;
}

.st-wizard-back {
  border:1px solid var(--stw-border);
  color:var(--stw-ink);
  background:#fff;
}

.st-wizard-next,
.st-wizard-review {
  border:0;
  color:#fff;
  background:var(--stw-blue);
}

.st-wizard-next:hover,
.st-wizard-review:hover { background:var(--stw-navy); }

@media (max-width:900px) {
  .st-wizard-progress { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:720px) {
  .st-wizard-header { flex-direction:column; }
  .st-wizard-grid { grid-template-columns:1fr; padding:22px 16px 25px; }
  .st-wizard-field,
  .st-wizard-field:has(textarea),
  .st-wizard-field:has(select[multiple]) { grid-column:1; }
  .st-wizard-panel__head,
  .st-wizard-nav { padding-left:16px; padding-right:16px; }
}

@media (max-width:480px) {
  .st-wizard-progress { grid-template-columns:1fr; }
  .st-wizard-progress button { justify-content:flex-start; }
}
