/* ============================================================
   Supreme Employment — Resume Submission Page
   Single complete CSS file
   Scope: .rs-* | Navy #16293A | Gold #C8972A | Montserrat
      ============================================================ */

/* ── RESET ────────────────────────────────────────────────── */
.rs-hero *,.rs-why *,.rs-form-sec *,
.rs-hero *::before,.rs-why *::before,.rs-form-sec *::before,
.rs-hero *::after,.rs-why *::after,.rs-form-sec *::after {
  box-sizing:border-box;margin:0;padding:0;
}

/* ── SHARED ───────────────────────────────────────────────── */
.rs-hero,.rs-why,.rs-form-sec {
  font-family:'Montserrat',sans-serif;
  -webkit-font-smoothing:antialiased;
}

.rs-w { max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px); }

.rs-eye {
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#C8972A;margin-bottom:14px;
}
.rs-eye::before {
  content:'';width:26px;height:2px;
  background:#C8972A;display:block;flex-shrink:0;
}

.rs-h1 {
  font-size:clamp(32px,5.5vw,62px);font-weight:900;
  line-height:1.06;color:#fff;text-transform:uppercase;margin-bottom:18px;
}
.rs-h1 em { font-style:normal;color:#C8972A; }

.rs-h2 {
  font-size:clamp(24px,3.8vw,42px);font-weight:800;
  line-height:1.1;text-transform:uppercase;color:#16293A;margin-bottom:16px;
}
.rs-h2 em { font-style:normal;color:#C8972A; }

.rs-p { font-size:15px;color:#3d5166;line-height:1.78;margin-bottom:20px;font-weight:500; }

/* ── HERO ─────────────────────────────────────────────────── */
.rs-hero {
  background:#0d1c27;
  padding:clamp(110px,14vw,150px) 0 clamp(60px,8vw,88px);
  position:relative;overflow:hidden;
}
.rs-hero::before {
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:5px;background:#C8972A;
}
.rs-hero::after {
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(200,151,42,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,151,42,.03) 1px,transparent 1px);
  background-size:52px 52px;pointer-events:none;
}
.rs-hero__inner { position:relative;z-index:2; }

.rs-hero__tag {
  display:inline-block;
  background:rgba(200,151,42,.14);border:1px solid rgba(200,151,42,.35);
  color:#C8972A;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;padding:6px 16px;border-radius:2px;margin-bottom:22px;
}

.rs-hero__sub {
  font-size:clamp(15px,2vw,17px);color:rgba(255,255,255,.62);
  max-width:580px;line-height:1.72;margin-bottom:40px;font-weight:500;
}

.rs-hero__stats {
  display:flex;align-items:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(200,151,42,.2);
  border-radius:12px;overflow:hidden;max-width:520px;
}
.rs-hero__stat { padding:20px 28px;text-align:center;flex:1; }
.rs-hero__stat-n {
  display:block;font-size:clamp(22px,4vw,34px);font-weight:900;
  color:#C8972A;line-height:1;
}
.rs-hero__stat-l {
  display:block;font-size:10px;font-weight:600;
  color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;
}
.rs-hero__stat-div { width:1px;height:44px;background:rgba(200,151,42,.2);flex-shrink:0; }

/* ── WHY APPLY ────────────────────────────────────────────── */
.rs-why { background:#f7f6f3;padding:clamp(60px,8vw,96px) 0; }

.rs-why__grid {
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,80px);align-items:flex-start;
}

.rs-benefits { display:flex;flex-direction:column;gap:16px;margin-top:8px; }

.rs-benefit { display:flex;align-items:flex-start;gap:14px; }

.rs-benefit__icon {
  width:40px;height:40px;border-radius:6px;
  background:#f5e9cc;border:1px solid rgba(200,151,42,.25);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:#C8972A;
}
.rs-benefit__icon svg { width:18px;height:18px; }

.rs-benefit__t {
  font-size:13px;font-weight:800;color:#16293A;
  text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;display:block;
}
.rs-benefit__d { font-size:13px;color:#6b7f90;line-height:1.55; }

.rs-roles-card {
  background:#16293A;border-radius:14px;
  padding:clamp(28px,4vw,44px);position:sticky;top:100px;
}
.rs-roles-card .rs-eye { color:#C8972A; }
.rs-roles-card .rs-eye::before { background:#C8972A; }

.rs-roles-card__t {
  font-size:17px;font-weight:800;text-transform:uppercase;
  color:#fff;margin-bottom:18px;line-height:1.3;
}

.rs-roles-list { list-style:none;display:flex;flex-direction:column;margin-bottom:18px; }
.rs-roles-list li {
  font-size:14px;color:rgba(255,255,255,.75);font-weight:500;
  padding:11px 0;border-bottom:1px solid rgba(200,151,42,.12);
  display:flex;align-items:center;gap:10px;
}
.rs-roles-list li:last-child { border-bottom:none; }
.rs-roles-list li::before { content:'→';color:#C8972A;font-weight:800;font-size:12px;flex-shrink:0; }

.rs-roles-card__note {
  font-size:12px;color:rgba(255,255,255,.4);font-style:italic;
  border-top:1px solid rgba(200,151,42,.12);padding-top:14px;line-height:1.55;
}

/* ── FORM SECTION ─────────────────────────────────────────── */
.rs-form-sec { background:#fff;padding:clamp(60px,8vw,96px) 0; }

.rs-form-sec .rs-w { max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,60px); }

.rs-form-box {
  display:grid;grid-template-columns:340px 1fr;
  border-radius:16px;overflow:hidden;
  box-shadow:0 24px 80px rgba(13,28,39,.14);
}

/* Left panel */
.rs-form-panel {
  background:#16293A;
  padding:clamp(36px,5vw,52px) clamp(26px,4vw,40px);
  position:relative;overflow:hidden;
}
.rs-form-panel::before {
  content:'';position:absolute;top:-50px;left:-50px;
  width:220px;height:220px;border-radius:50%;
  border:50px solid rgba(200,151,42,.06);pointer-events:none;
}
.rs-form-panel::after {
  content:'';position:absolute;bottom:-40px;right:-40px;
  width:160px;height:160px;border-radius:50%;
  border:40px solid rgba(200,151,42,.05);pointer-events:none;
}
.rs-form-panel__inner { position:relative;z-index:2; }

.rs-form-panel__h {
  font-size:clamp(20px,2.8vw,28px);font-weight:800;
  text-transform:uppercase;color:#fff;line-height:1.15;margin-bottom:12px;
}
.rs-form-panel__h em { font-style:normal;color:#C8972A; }

.rs-form-panel__sub {
  font-size:13px;color:rgba(255,255,255,.55);
  line-height:1.65;margin-bottom:26px;font-weight:500;
}

.rs-form-panel__info { display:flex;flex-direction:column;gap:14px;margin-bottom:26px; }

.rs-info-row { display:flex;align-items:flex-start;gap:12px; }

.rs-info-row__icon {
  width:34px;height:34px;border-radius:6px;
  background:rgba(200,151,42,.12);border:1px solid rgba(200,151,42,.22);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.rs-info-row__icon svg { width:15px;height:15px;stroke:#C8972A; }

.rs-info-row__label {
  font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#C8972A;margin-bottom:2px;display:block;
}
.rs-info-row__val { font-size:13px;color:rgba(255,255,255,.7);font-weight:500;line-height:1.45; }

.rs-next-steps {
  background:rgba(255,255,255,.04);border:1px solid rgba(200,151,42,.15);
  border-radius:10px;padding:16px 18px;
}
.rs-next-steps__t {
  font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#C8972A;margin-bottom:10px;
}
.rs-next-steps__list {
  list-style:none;display:flex;flex-direction:column;
  gap:8px;padding:0;margin:0;counter-reset:steps;
}
.rs-next-steps__list li {
  font-size:12px;color:rgba(255,255,255,.6);line-height:1.5;
  display:flex;align-items:flex-start;gap:9px;counter-increment:steps;
}
.rs-next-steps__list li::before {
  content:counter(steps);
  display:flex;align-items:center;justify-content:center;
  width:18px;height:18px;min-width:18px;border-radius:50%;
  background:rgba(200,151,42,.16);border:1px solid rgba(200,151,42,.28);
  font-size:9px;font-weight:800;color:#C8972A;margin-top:1px;
}

/* Right form */
.rs-form-right {
  background:#fff;
  padding:clamp(36px,5vw,52px) clamp(26px,4vw,48px);
  overflow:hidden;
}
.rs-form-right__head {
  margin-bottom:24px;padding-bottom:18px;
  border-bottom:2px solid #f0ede8;
}
.rs-form-right__h {
  font-size:clamp(18px,2.2vw,24px);font-weight:800;
  text-transform:uppercase;color:#16293A;margin-bottom:6px;
}
.rs-form-right__sub { font-size:13px;color:#6b7f90;line-height:1.5; }
.rs-req { color:#C8972A;font-weight:800; }

/* ── ELEMENTOR FORM EMBED ─────────────────────────────────── */
.rs-form-embed { width:100%;max-width:100%;overflow:hidden; }

.rs-form-embed .elementor,
.rs-form-embed .elementor-section,
.rs-form-embed .elementor-container,
.rs-form-embed .elementor-column,
.rs-form-embed .elementor-widget-wrap,
.rs-form-embed .elementor-widget {
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
}

.rs-form-embed .rs-fl {
  font-family:'Montserrat',sans-serif!important;
  font-size:11px!important;font-weight:700!important;
  letter-spacing:.07em!important;text-transform:uppercase!important;
  color:#16293A!important;margin-bottom:6px!important;display:block!important;
}
.rs-form-embed .rs-fg--req .rs-fl::after {
  content:' *';color:#C8972A;font-weight:800;
}

.rs-form-embed .rs-input,
.rs-form-embed .rs-fg input[type="text"],
.rs-form-embed .rs-fg input[type="email"],
.rs-form-embed .rs-fg input[type="tel"],
.rs-form-embed .rs-fg textarea,
.rs-form-embed .rs-fg select {
  width:100%!important;background:#f7f6f3!important;
  border:1.5px solid #e2ddd6!important;border-radius:8px!important;
  color:#16293A!important;font-family:'Montserrat',sans-serif!important;
  font-size:14px!important;font-weight:500!important;padding:12px 16px!important;
  transition:border-color .22s ease,box-shadow .22s ease!important;
  outline:none!important;box-shadow:none!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.rs-form-embed .rs-input::placeholder,
.rs-form-embed .rs-fg input::placeholder,
.rs-form-embed .rs-fg textarea::placeholder {
  color:#9aa8b4!important;font-weight:400!important;
}
.rs-form-embed .rs-input:focus,
.rs-form-embed .rs-fg input[type="text"]:focus,
.rs-form-embed .rs-fg input[type="email"]:focus,
.rs-form-embed .rs-fg input[type="tel"]:focus,
.rs-form-embed .rs-fg textarea:focus {
  border-color:#C8972A!important;background:#fff!important;
  box-shadow:0 0 0 3px rgba(200,151,42,.12)!important;
}

.rs-form-embed input[type="file"],
.rs-form-embed .rs-file {
  width:100%!important;background:#f7f6f3!important;
  border:1.5px dashed #C8972A!important;border-radius:8px!important;
  color:#16293A!important;font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;padding:11px 16px!important;cursor:pointer!important;
}
.rs-form-embed input[type="file"]:hover { background:rgba(200,151,42,.06)!important; }

.rs-form-embed .rs-opts {
  display:flex!important;flex-wrap:wrap!important;
  gap:8px!important;margin-top:4px!important;
}
.rs-form-embed .rs-opt {
  display:inline-flex!important;align-items:center!important;
  background:#f7f6f3!important;border:1.5px solid #e2ddd6!important;
  border-radius:30px!important;padding:7px 14px!important;
  transition:border-color .2s ease,background .2s ease!important;cursor:pointer!important;
}
.rs-form-embed .rs-opt:has(input:checked) {
  background:rgba(200,151,42,.1)!important;border-color:#C8972A!important;
}
.rs-form-embed .rs-opt input[type="checkbox"],.rs-form-embed .rs-opt input[type="radio"] {
  width:16px!important;height:16px!important;min-width:16px!important;
  border:2px solid #ddd8d0!important;border-radius:4px!important;
  background:#fff!important;cursor:pointer!important;
  accent-color:#C8972A!important;margin:0!important;padding:0!important;
  -webkit-appearance:none!important;appearance:none!important;
  position:relative!important;transition:all .2s ease!important;flex-shrink:0!important;
}
.rs-form-embed .rs-opt input[type="checkbox"]:checked,.rs-form-embed .rs-opt input[type="radio"]:checked {
  background:#C8972A!important;border-color:#C8972A!important;
}
.rs-form-embed .rs-opt input[type="checkbox"]:checked::after,.rs-form-embed .rs-opt input[type="radio"]:checked::after {
  content:''!important;position:absolute!important;
  top:1px!important;left:4px!important;
  width:5px!important;height:8px!important;
  border:2px solid #fff!important;border-top:none!important;border-left:none!important;
  transform:rotate(45deg)!important;
}
.rs-form-embed .rs-opt label {
  font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;font-weight:500!important;color:#3d5166!important;
  cursor:pointer!important;margin-left:7px!important;
  line-height:1.3!important;white-space:nowrap!important;
}

.rs-form-embed .rs-fg { margin-bottom:16px!important; }
.rs-form-embed .rs-fg:last-of-type { margin-bottom:0!important; }

.rs-form-embed .rs-submit,
.rs-form-embed button[type="submit"] {
  width:100%!important;background:#C8972A!important;
  background-color:#C8972A!important;background-image:none!important;
  color:#0d1c27!important;font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;font-weight:800!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
  border:2px solid #C8972A!important;border-radius:8px!important;
  padding:15px 32px!important;cursor:pointer!important;
  transition:all .25s ease!important;display:block!important;
  text-align:center!important;-webkit-appearance:none!important;
  appearance:none!important;box-shadow:none!important;outline:none!important;
}
.rs-form-embed .rs-submit:hover,
.rs-form-embed button[type="submit"]:hover {
  background:#16293A!important;background-color:#16293A!important;
  border-color:#16293A!important;color:#fff!important;
  transform:translateY(-2px)!important;
}

.rs-form-embed .rs-msg {
  font-family:'Montserrat',sans-serif!important;
  font-size:13px!important;font-weight:600!important;
  padding:13px 16px!important;border-radius:8px!important;margin-top:12px!important;
}
.rs-form-embed .rs-msg--ok {
  background:rgba(34,197,94,.1)!important;color:#166534!important;
  border:1px solid rgba(34,197,94,.3)!important;
}
.rs-form-embed .rs-msg--err {
  background:rgba(239,68,68,.1)!important;color:#991b1b!important;
  border:1px solid rgba(239,68,68,.3)!important;
}

/* ── TABLET ≤960px ────────────────────────────────────────── */
@media(max-width:960px){
  .rs-why__grid { grid-template-columns:1fr; }
  .rs-roles-card { position:static; }
  .rs-form-box { grid-template-columns:1fr; }
  .rs-form-panel { padding:32px 24px; }
  .rs-form-panel__info { flex-direction:row;flex-wrap:wrap;gap:12px; }
  .rs-info-row { flex:1;min-width:150px; }
}

/* ── MOBILE ≤767px ────────────────────────────────────────── */
@media(max-width:767px){
  .rs-form-sec .rs-w { padding-left:0!important;padding-right:0!important; }
  .rs-form-box { border-radius:0!important; }
  .rs-form-panel { padding:26px 18px;border-radius:0; }
  .rs-form-right { padding:26px 18px; }
  .rs-form-panel__info { flex-direction:column; }
  .rs-hero__stats { flex-direction:column;max-width:100%; }
  .rs-hero__stat-div { width:100%;height:1px; }
  .rs-hero__stat { padding:16px 20px;width:100%; }
  .rs-form-embed .rs-opts { flex-direction:column!important;gap:6px!important; }
  .rs-form-embed .rs-opt { width:100%!important;border-radius:8px!important; }
  .rs-form-embed .rs-opt label { white-space:normal!important; }
}

/* ── SMALL MOBILE ≤480px ──────────────────────────────────── */
@media(max-width:480px){
  .rs-form-panel { padding:22px 14px; }
  .rs-form-right { padding:22px 14px; }
}

/* ============================================================
   Mobile checkbox overflow fix
   Paste at the very bottom of Additional CSS
   ============================================================ */

@media (max-width: 767px) {

  /* Form right panel full width, no overflow */
  .rs-form-right {
    padding: 26px 16px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Embed container constrained */
  .rs-form-embed {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Each field group constrained */
  .rs-form-embed .rs-fg {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Checkbox group: stack vertically */
  .rs-form-embed .rs-opts {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Each pill: full width, text wraps */
  .rs-form-embed .rs-opt {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Label text wraps, no clipping */
  .rs-form-embed .rs-opt label {
    white-space: normal !important;
    word-break: break-word !important;
    overflow: hidden !important;
    flex: 1 !important;
  }

  /* Text inputs full width */
  .rs-form-embed .rs-input,
  .rs-form-embed input[type="text"],
  .rs-form-embed input[type="email"],
  .rs-form-embed input[type="tel"],
  .rs-form-embed textarea,
  .rs-form-embed input[type="file"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ── THEME VERSION ADDITIONS ──────────────────────────────── */
/* The form is native now (was an Elementor form). Question groups are
   fieldsets, so strip the browser's fieldset box and let legends act as labels. */
.rs-form fieldset.rs-fg{border:0;min-width:0;padding:0}
.rs-form legend.rs-fl{padding:0;float:none;width:100%}
.rs-form .rs-input--after{margin-top:10px}
.rs-form textarea.rs-input{resize:vertical;min-height:84px}
.rs-form .rs-submit[disabled]{opacity:.7;cursor:wait}
.rs-form .rs-consent{margin-top:12px;font-size:12px;line-height:1.6;color:#6b7f90}
.rs-form .rs-consent a{color:#9a6e12;text-decoration:underline}

.rs-faq { background:#f7f6f3;padding:clamp(60px,8vw,96px) 0; }
.rs-eye--c { text-align:center;display:block; }
.rs-faq__h { text-align:center;margin-bottom:32px; }
.rs-faq__list { max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px; }
.rs-faq__item { background:#ffffff;border:1px solid rgba(22,41,58,.08);border-radius:14px;padding:0 24px; }
.rs-faq__item summary { cursor:pointer;list-style:none;position:relative;padding:20px 32px 20px 0;font-size:16px;font-weight:700;color:#16293A;line-height:1.4; }
.rs-faq__item summary::-webkit-details-marker { display:none; }
.rs-faq__item summary::after { content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:600;color:#C8972A; }
.rs-faq__item[open] summary::after { content:"\2212"; }
.rs-faq__item summary:focus-visible { outline:2px solid #C8972A;outline-offset:4px; }
.rs-faq__item p { margin:0 0 20px;font-size:15px;line-height:1.75;color:#3d5166;font-weight:500; }
@media(max-width:600px){
  .rs-faq__item { padding:0 18px; }
  .rs-faq__item summary { font-size:15px; }
}

.rs-browse { background:#ffffff;padding:clamp(56px,7vw,88px) 0; }
.rs-browse__grid { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin:0 auto; }
.rs-browse__link { display:inline-block;padding:10px 18px;border-radius:999px;background:#f7f6f3;border:1px solid rgba(22,41,58,.12);color:#16293A;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s ease; }
.rs-browse__link:hover { border-color:#C8972A;color:#16293A; }