.elementor-3381 .elementor-element.elementor-element-5cdadbf{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3381 .elementor-element.elementor-element-072fa9e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:61px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-64787d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-66d69a1{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3381 .elementor-element.elementor-element-c22e050{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-d0dc636{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-01d3962{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-65e381b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-b8675b6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-6eee4ce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-a6f1c9a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3381 .elementor-element.elementor-element-a2913b0{--display:flex;--min-height:10vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3381 .elementor-element.elementor-element-a2913b0.e-con{--order:-99999 /* order start hack */;}.elementor-3381 .elementor-element.elementor-element-b66a34d{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3381 .elementor-element.elementor-element-c152880{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3381 .elementor-element.elementor-element-fa3b6a0{--display:flex;}:root{--page-title-display:none;}body.elementor-page-3381{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for nested-tabs, class: .elementor-element-a6f1c9a *//* ================================
   FIX: background extension that won't get clipped
   + Equal-width tabs on a 1000px centered strip
================================ */

/* The widget wrapper becomes the glass rail anchor */
.order-form-tabs{
  position: relative;
  z-index: 1000; /* below header, above page */
}

/* Create a fixed "glass rail" behind the tabs (full-bleed, not clipped) */
.order-form-tabs::before{
  content:'';
  position: fixed;
  left: 0;
  right: 0;

  top: 60px;        /* = tabs top (100px) - extension (40px) */
  height: 90px;     /* extension + tabs height (tune if needed) */

  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  z-index: 999;     /* sits behind the tabs themselves */
  pointer-events: none;
}

/* Tabs stay fixed, centered to 1000px, equal-width, transparent over glass */
.order-form-tabs .e-n-tabs-heading{
  position: fixed !important;
  top: 90px;
  left: 0;
  right: 0;

  z-index: 1000;

  /* transparent because the glass rail is on ::before */
  background: transparent !important;

  /* lock overall strip width + center it */
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;

  /* flex row */
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: space-between;
  align-items: stretch;

  /* keep the original padding intent */
  padding: 10px 8px;
}

/* Hide scrollbar (still scrollable if ever needed) */
.order-form-tabs .e-n-tabs-heading{
  scrollbar-width: none;
}
.order-form-tabs .e-n-tabs-heading::-webkit-scrollbar{
  display: none;
}

/* Each tab button: equal width across the 1000px strip */
.order-form-tabs .e-n-tab-title{
  flex: 1 1 0 !important;     /* equal share */
  min-width: 0 !important;    /* allow shrinking without overflow */
  max-width: none !important; /* no hogging */

  white-space: normal !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  padding: 14px 16px !important;
  line-height: 1.15 !important;
}

/* The actual text node */
.order-form-tabs .e-n-tab-title-text{
  white-space: normal !important;
  text-align: center !important;
  display: block;
  width: 100%;
  word-break: normal;
  overflow-wrap: anywhere;     /* wraps long words safely */
  line-height: 1.2;
  padding: 0 6px;
}

/* Optional: subtle grounding line so it feels intentional */
.order-form-tabs .e-n-tabs-heading::after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(900px, 90%);
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,.35),
    transparent
  );
}

/* Push tab content down so it never hides under the fixed tabs */
.order-form-tabs .e-n-tabs-content{
  padding-top: 10px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b66a34d *//* ==========================================
   FORM 8 MODAL: prevent flash of old content
   Uses body class: ef-agent-refreshing
   ========================================== */

/* Hide the form container while refreshing */
body.ef-agent-refreshing #TB_window #frm_form_8_container{
  visibility: hidden !important;
}

/* Optional: show a subtle loading overlay in the modal */
body.ef-agent-refreshing #TB_window #TB_ajaxContent{
  position: relative;
}

body.ef-agent-refreshing #TB_window #TB_ajaxContent:before{
  content: "Loading...";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.75);
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 10px;
  z-index: 999999;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-766d0d7 *//* =========================================================
   Sticky Footer – Belt + Buckle (scaled -20%, width preserved)
   - Reduce buttons/text/buckle/padding by ~20% (NOT width)
   - Buckle: near-opaque fill, translucent border + shadow
   - Fix: buttons never overlap buckle on scroll
========================================================= */

#ff-sticky-footer{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  z-index: 2147483000 !important;

  /* -20% from 16/26 */
  padding: 13px 21px !important;

  background: linear-gradient(180deg, rgba(6,9,15,.75), rgba(0,0,0,.95)) !important;
  box-shadow: 0 -16px 48px rgba(0,0,0,.85) !important;

  /* key: creates a reliable stacking context */
  isolation: isolate !important;
}

#ff-sticky-footer .ff-sticky-inner{
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;

  /* -20% from 14 */
  gap: 11px !important;

  max-width: 1400px !important;
  margin: 0 auto !important;

  /* ensures child z-index behavior is deterministic */
  position: relative !important;
  z-index: 1 !important;
}

/* FORCE button size, regardless of Elementor button styling */
#ff-sticky-footer button.ff-prev-tab,
#ff-sticky-footer button.ff-next-tab{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* -20% from 61px ≈ 49px */
  height: 39px !important;
  min-height: 39px !important;

  /* keep width exactly the same */
  min-width: 312px !important;

  /* -20% from 62px ≈ 50px (width feel preserved via min-width) */
  padding: 0 50px !important;

  /* -20% from 28px ≈ 22px */
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: .05em !important;

  /* -20% from 18px ≈ 14px */
  border-radius: 14px !important;

  border: 1px solid rgba(255,242,198,.55) !important;
  color: #111 !important;

  box-shadow:
    0 18px 44px rgba(0,0,0,.72),
    0 0 0 5px rgba(194,169,106,.12),
    inset 0 1px 0 rgba(255,255,255,.32) !important;

  transition: transform .15s ease, box-shadow .15s ease !important;

  /* FIX: keep buttons always below buckle */
  position: relative !important;
  z-index: 10 !important;
}

/* Back – light toward buckle */
#ff-sticky-footer button.ff-prev-tab{
  justify-self: end !important;
  background: linear-gradient(
    90deg,
    rgba(154,129,74,.98) 0%,
    rgba(216,191,122,.98) 60%,
    rgba(255,242,198,1) 100%
  ) !important;

  /* -20% from -28px ≈ -22px */
  margin-right: -22px !important;

  /* -20% from 14px ≈ 11px */
  border-top-right-radius: 11px !important;
  border-bottom-right-radius: 11px !important;
}

/* Next – light toward buckle */
#ff-sticky-footer button.ff-next-tab{
  justify-self: start !important;
  background: linear-gradient(
    270deg,
    rgba(154,129,74,.98) 0%,
    rgba(216,191,122,.98) 60%,
    rgba(255,242,198,1) 100%
  ) !important;

  /* -20% from -28px ≈ -22px */
  margin-left: -22px !important;

  /* -20% from 14px ≈ 11px */
  border-top-left-radius: 11px !important;
  border-bottom-left-radius: 11px !important;
}

#ff-sticky-footer button.ff-prev-tab:hover,
#ff-sticky-footer button.ff-next-tab:hover{
  transform: translateY(-2px) !important;
  box-shadow:
    0 22px 56px rgba(0,0,0,.78),
    0 0 0 6px rgba(194,169,106,.16),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* Buckle overlaps the inner edges of both buttons */
#ff-sticky-footer .ff-sticky-total{
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;

  /* -20% from 16px ≈ 13px */
  gap: 13px !important;

  /* -20% from 68px ≈ 54px */
  height: 54px !important;

  /* -20% from 30px ≈ 24px */
  padding: 0 24px !important;

  border-radius: 999px !important;

  /* translucent border (premium “ring”) */
  border: 2px solid rgba(255,242,198,.55) !important;

  /* buckle fill: essentially opaque (no see-through) */
  background: radial-gradient(
    circle at 50% 30%,
    rgba(255,242,198,.10),
    rgba(0,0,0,1)
  ) !important;

  /* Shadow/ring with transparency, but above buttons */
  box-shadow:
    0 18px 44px rgba(0,0,0,.82),
    0 0 0 8px rgba(194,169,106,.12) !important;

  position: relative !important;

  /* FIX: buckle always above buttons on scroll */
  z-index: 50 !important;

  /* helps some browsers render shadow above siblings reliably */
  transform: translateZ(0) !important;

  /* optional “always above” feel without losing transparency */
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.35)) !important;
}

/* Text */
#ff-sticky-footer .ff-sticky-total-label{
  /* -20% from 13px ≈ 10.4 => 11 */
  font-size: 11px !important;
  font-weight: 1000 !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
  color: rgba(255,242,198,.95) !important;
}

#ff-sticky-footer .ff-sticky-total-value{
  /* -20% from 26px ≈ 20.8 => 21 */
  font-size: 21px !important;
  font-weight: 1000 !important;
  color: #fff !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.6) !important;
}

/* Make room (-20% from 120px = 96px) */
body{ padding-bottom: 96px !important; }

/* Responsive */
@media (max-width: 900px){
  #ff-sticky-footer .ff-sticky-inner{ gap: 8px !important; }

  #ff-sticky-footer button.ff-prev-tab,
  #ff-sticky-footer button.ff-next-tab{
    /* -20% from 54px ≈ 43px */
    height: 43px !important;
    min-height: 43px !important;

    /* keep width behavior */
    min-width: 240px !important;

    /* -20% from 34px ≈ 27px */
    padding: 0 27px !important;

    /* -20% from 22px ≈ 18px */
    font-size: 18px !important;
  }

  /* -20% from -18px ≈ -14px */
  #ff-sticky-footer button.ff-prev-tab{ margin-right: -14px !important; }
  #ff-sticky-footer button.ff-next-tab{ margin-left: -14px !important; }

  #ff-sticky-footer .ff-sticky-total{
    /* -20% from 62px ≈ 50px */
    height: 50px !important;

    /* -20% from 22px ≈ 18px */
    padding: 0 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   FORM 9 HUNTER OS SKIN (MATCH HUNTER OS PAGE)
   Scope: .ef-form-shell + Formidable Form ID 9 + Elementor tab bar
   Goal: Graphite glass panels, softer champagne glow, diagonal sheen
   Notes:
   - Tokens scoped to .ef-form-shell
   - No layout geometry changes, visuals only
========================================================= */

/* =========================================================
   0) SHELL + TOKENS (HUNTER OS PAGE MATERIALS)
   Key change:
   - Shell no longer paints its own atmosphere background
   - We rely on the viewport-bound html::before/html::after layers
   - Prevents visible seams when shell height changes
========================================================= */
.ef-form-shell{
  position: relative;
  isolation: isolate;

  /* Prevent short tabs from exposing a different base */
  min-height: 100vh;

  /* Base night (cooler graphite) */
  --hos-bg: #070a10;

  /* Text */
  --hos-ink: rgba(255,255,255,.90);
  --hos-muted: rgba(255,255,255,.64);
  --hos-muted2: rgba(255,255,255,.52);

  /* Champagne accents (less yellow, more refined) */
  --hos-gold1: rgba(255,242,198,.92);
  --hos-gold2: rgba(216,191,122,.72);
  --hos-accent: #c2a96a;
  --hos-bronze: #9a814a;

  /* Lines and edges */
  --hos-line: rgba(255,255,255,.10);
  --hos-line2: rgba(255,255,255,.07);
  --hos-edge: rgba(194,169,106,.16);
  --hos-edge2: rgba(194,169,106,.24);

  /* Glass (graphite) */
  --hos-glassTop: rgba(255,255,255,.06);
  --hos-glassBot: rgba(255,255,255,.022);

  /* Field glass */
  --hos-fieldTop: rgba(255,255,255,.055);
  --hos-fieldBot: rgba(255,255,255,.018);
  --hos-fieldBorder: rgba(255,255,255,.12);
  --hos-fieldEdge: rgba(194,169,106,.18);

  /* Shadowing */
  --hos-shadow: 0 26px 80px rgba(0,0,0,.62);
  --hos-shadow2: 0 14px 44px rgba(0,0,0,.38);

  --hos-radius: 18px;
  --hos-radiusSm: 14px;

  /* IMPORTANT: let the global viewport atmosphere show through */
  background: transparent !important;
}

/* Remove shell-scoped atmosphere layers to prevent hard transitions */
.ef-form-shell::before,
.ef-form-shell::after{
  content: none !important;
  display: none !important;
}

/* Keep shell content above global atmosphere */
.ef-form-shell > *{
  position: relative;
  z-index: 2;
}

/* =========================================================
   0B) FORM "PANEL" LOOK + DIAGONAL SHEEN
========================================================= */
.ef-form-shell #frm_form_9_container{
  position: relative;
  border-radius: var(--hos-radius);
}

/* Main panel surface */
.ef-form-shell #frm_form_9_container form{
  position: relative;
  border-radius: var(--hos-radius);
  background:
    linear-gradient(180deg, var(--hos-glassTop) 0%, var(--hos-glassBot) 100%);
  border: 1px solid var(--hos-line);
  box-shadow: var(--hos-shadow);
  overflow: hidden; /* contains sheen */
}

/* Inner bevel line */
.ef-form-shell #frm_form_9_container form::before{
  content:"";
  position:absolute;
  inset: 10px;
  border-radius: calc(var(--hos-radius) - 10px);
  border: 1px solid var(--hos-line2);
  pointer-events:none;
}

/* Diagonal sheen slash */
.ef-form-shell #frm_form_9_container form::after{
  content:"";
  position:absolute;
  inset:-20% -10%;
  background:
    linear-gradient(110deg,
      transparent 0%,
      transparent 58%,
      rgba(255,255,255,.075) 62%,
      rgba(255,255,255,.038) 70%,
      transparent 78%,
      transparent 100%);
  opacity: .55;
  pointer-events:none;
}

/* =========================================================
   1) ELEMENTOR NESTED TABS (REFINED HUNTER OS / CHAMPAGNE)
   Goals:
   - Cleaner, tighter contrast
   - Active tab feels "locked-in" with champagne authority
   - Subtle premium sheen, not gaudy
========================================================= */

/* Optional: give the whole tab row a subtle graphite rail without changing geometry */
.ef-form-shell .order-form-tabs .e-n-tabs-heading{
  position: relative;
}
.ef-form-shell .order-form-tabs .e-n-tabs-heading::before{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.12),
    rgba(194,169,106,.14),
    rgba(255,255,255,.12),
    rgba(255,255,255,0)
  );
  pointer-events:none;
  opacity: .55;
}

/* Base tab: graphite glass, crisp edges, restrained glow */
.ef-form-shell .order-form-tabs .e-n-tab-title{
  position: relative;

  border: 1px solid rgba(255,255,255,.10);

  background:
    radial-gradient(90% 140% at 15% 0%,
      rgba(255,255,255,.06),
      rgba(255,255,255,0) 55%
    ),
    linear-gradient(180deg,
      rgba(255,255,255,.040),
      rgba(255,255,255,.016)
    ),
    linear-gradient(180deg,
      rgba(0,0,0,.65),
      rgba(0,0,0,.95)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 28px rgba(0,0,0,.36);

  transition: transform .12s ease, box-shadow .16s ease, filter .16s ease,
              border-color .16s ease, background .16s ease;

  -webkit-tap-highlight-color: transparent;
}


  /* keep your existing layout behaviors */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  overflow: hidden; /* contains sheen */
}

/* Gentle top bevel highlight (premium "machined" look) */
.ef-form-shell .order-form-tabs .e-n-tab-title::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%);
  opacity: .18;
}

/* Subtle moving sheen, very light (works best on hover + active) */
.ef-form-shell .order-form-tabs .e-n-tab-title::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-60%;
  width: 55%;
  height: 180%;
  pointer-events:none;
  background: radial-gradient(closest-side, rgba(255,242,198,.45), rgba(255,242,198,0) 72%);
  transform: rotate(16deg);
  opacity: 0;
  filter: blur(0.5px);
  transition: opacity .16s ease;
}

/* Inactive text */
.ef-form-shell .order-form-tabs .e-n-tab-title:not([aria-selected="true"]){
  color: rgba(255,255,255,.86);
}
.ef-form-shell .order-form-tabs .e-n-tab-title:not([aria-selected="true"]) .e-n-tab-title-text{
  color: rgba(255,255,255,.72);
  text-shadow: 0 1px 0 rgba(0,0,0,.62);
}

/* Hover: a little lift, a little champagne edge, a little sheen */
.ef-form-shell .order-form-tabs .e-n-tab-title:hover{
  transform: translateY(-1px);
  border-color: rgba(194,169,106,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 44px rgba(0,0,0,.50);
}
.ef-form-shell .order-form-tabs .e-n-tab-title:hover::after{
  opacity: .16;
  animation: efTabSheen 2.9s ease-in-out infinite;
}

/* Active: champagne authority, cleaner contrast, subtle underglow */
.ef-form-shell .order-form-tabs .e-n-tab-title[aria-selected="true"],
.ef-form-shell .order-form-tabs .e-n-tab-title.elementor-active{
  background:
    radial-gradient(110% 160% at 15% 0%, rgba(255,242,198,.10), rgba(255,242,198,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.020));
  border-color: rgba(194,169,106,.40);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 52px rgba(0,0,0,.58),
    0 0 0 1px rgba(194,169,106,.12);

  filter: none;
}

/* Active underline (thin, premium) */
.ef-form-shell .order-form-tabs .e-n-tab-title[aria-selected="true"] span,
.ef-form-shell .order-form-tabs .e-n-tab-title.elementor-active span{
  position: relative;
}
.ef-form-shell .order-form-tabs .e-n-tab-title[aria-selected="true"]::before,
.ef-form-shell .order-form-tabs .e-n-tab-title.elementor-active::before{
  opacity: .22;
}
.ef-form-shell .order-form-tabs .e-n-tab-title[aria-selected="true"]::after,
.ef-form-shell .order-form-tabs .e-n-tab-title.elementor-active::after{
  opacity: .22;
  animation: efTabSheen 3.4s ease-in-out infinite;
}

/* Active text */
.ef-form-shell .order-form-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text,
.ef-form-shell .order-form-tabs .e-n-tab-title.elementor-active .e-n-tab-title-text{
  color: rgba(255,242,198,.94);
  text-shadow:
    0 1px 0 rgba(0,0,0,.66),
    0 0 16px rgba(255,242,198,.10);
}

/* Accessible focus, stays elegant */
.ef-form-shell .order-form-tabs .e-n-tab-title:focus{
  outline: none !important;
}
.ef-form-shell .order-form-tabs .e-n-tab-title:focus-visible{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 2px rgba(194,169,106,.18),
    0 18px 52px rgba(0,0,0,.56);
  border-color: rgba(194,169,106,.44);
}

/* Keep your 2-line clamp behavior */
.ef-form-shell .order-form-tabs .e-n-tab-title-text,
.ef-form-shell .order-form-tabs .e-n-tab-title span{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden !important;
  white-space:normal !important;
  text-overflow:ellipsis;
  line-height:1.15 !important;
  max-height:calc(1.15em * 2);
}

/* Sheen animation: slow, subtle */
@keyframes efTabSheen{
  0%   { transform: translateX(0) rotate(16deg); }
  55%  { transform: translateX(260%) rotate(16deg); }
  100% { transform: translateX(260%) rotate(16deg); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .ef-form-shell .order-form-tabs .e-n-tab-title::after{
    animation: none !important;
  }
}

/* =========================================================
   2) FORM 9 TYPOGRAPHY COLORS
========================================================= */
.ef-form-shell #frm_form_9_container{
  color: var(--hos-ink) !important;
}

.ef-form-shell #frm_form_9_container .frm_html_container,
.ef-form-shell #frm_form_9_container .frm_form_field > label,
.ef-form-shell #frm_form_9_container .frm_primary_label,
.ef-form-shell #frm_form_9_container .frm_description,
.ef-form-shell #frm_form_9_container .frm_inline_box,
.ef-form-shell #frm_form_9_container .frm_help,
.ef-form-shell #frm_form_9_container .frm_helptext{
  color: var(--hos-ink) !important;
}

.ef-form-shell #frm_form_9_container .frm_description,
.ef-form-shell #frm_form_9_container .frm_inline_box,
.ef-form-shell #frm_form_9_container .frm_help,
.ef-form-shell #frm_form_9_container .frm_helptext{
  color: var(--hos-muted) !important;
}

/* =========================================================
   3) INPUTS
========================================================= */
.ef-form-shell #frm_form_9_container input[type="text"],
.ef-form-shell #frm_form_9_container input[type="email"],
.ef-form-shell #frm_form_9_container input[type="tel"],
.ef-form-shell #frm_form_9_container input[type="url"],
.ef-form-shell #frm_form_9_container input[type="number"],
.ef-form-shell #frm_form_9_container input[type="search"],
.ef-form-shell #frm_form_9_container textarea,
.ef-form-shell #frm_form_9_container select{
  background: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
  background-color: rgba(255,255,255,.03) !important;

  color: var(--hos-ink) !important;
  -webkit-text-fill-color: var(--hos-ink) !important;

  border: 1px solid var(--hos-fieldBorder) !important;
  border-radius: var(--hos-radiusSm) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.36) !important;
}

.ef-form-shell #frm_form_9_container input::placeholder,
.ef-form-shell #frm_form_9_container textarea::placeholder{
  color: rgba(255,255,255,.40) !important;
  opacity: 1;
}

.ef-form-shell #frm_form_9_container input:focus,
.ef-form-shell #frm_form_9_container textarea:focus,
.ef-form-shell #frm_form_9_container select:focus{
  outline: none !important;
  border-color: rgba(194,169,106,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 2px rgba(194,169,106,.14),
    0 16px 40px rgba(0,0,0,.52) !important;
}

/* =========================================================
   4) CHECKBOXES + RADIOS
========================================================= */
.ef-form-shell #frm_form_9_container input[type="checkbox"],
.ef-form-shell #frm_form_9_container input[type="radio"]{
  accent-color: var(--hos-accent);
}
.ef-form-shell #frm_form_9_container .frm_checkbox label,
.ef-form-shell #frm_form_9_container .frm_radio label{
  color: var(--hos-ink) !important;
}

/* =========================================================
   5) VALIDATION
========================================================= */
.ef-form-shell #frm_form_9_container .frm_error,
.ef-form-shell #frm_form_9_container .frm_error_style{
  color: rgba(255,235,235,.95) !important;
}

.ef-form-shell #frm_form_9_container .frm_error_style{
  background: rgba(120,20,20,.18) !important;
  border-color: rgba(255,90,90,.32) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.42) !important;
}

/* =========================================================
   6) SUBMIT BUTTON
========================================================= */
.ef-form-shell #frm_form_9_container .frm_submit button,
.ef-form-shell #frm_form_9_container .frm_submit input[type="submit"]{
  background: linear-gradient(135deg, rgba(194,169,106,.96) 0%, rgba(154,129,74,.96) 100%) !important;
  color: #070a10 !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 18px 55px rgba(0,0,0,.52) !important;

  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.ef-form-shell #frm_form_9_container .frm_submit button:hover,
.ef-form-shell #frm_form_9_container .frm_submit input[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 22px 70px rgba(0,0,0,.58) !important;
}
.ef-form-shell #frm_form_9_container .frm_submit button:active,
.ef-form-shell #frm_form_9_container .frm_submit input[type="submit"]:active{
  transform: translateY(0);
  filter: brightness(.99);
}

/* =========================================================
   7) SELECT2 / CHOSEN
========================================================= */
.ef-form-shell #frm_form_9_container .select2-container .select2-selection--single{
  background: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
  border: 1px solid var(--hos-fieldBorder) !important;
  border-radius: var(--hos-radiusSm) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.36) !important;
}
.ef-form-shell #frm_form_9_container .select2-container .select2-selection__rendered{
  color: var(--hos-ink) !important;
  -webkit-text-fill-color: var(--hos-ink) !important;
}
.ef-form-shell .select2-container--open .select2-dropdown{
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
}
.ef-form-shell .select2-container--open .select2-results__options{
  background: rgba(8,10,12,.98) !important;
  color: rgba(255,255,255,.90) !important;
}
.ef-form-shell .select2-container--open .select2-results__option--highlighted{
  background: rgba(194,169,106,.14) !important;
  color: rgba(255,255,255,.95) !important;
}
.ef-form-shell .select2-container--open .select2-search__field{
  background: rgba(8,10,12,.92) !important;
  color: rgba(255,255,255,.90) !important;
  border-color: rgba(255,255,255,.16) !important;
  outline: none !important;
}

.ef-form-shell #frm_form_9_container .chosen-container-single .chosen-single{
  background: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
  border: 1px solid var(--hos-fieldBorder) !important;
  border-radius: var(--hos-radiusSm) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.36) !important;
}
.ef-form-shell #frm_form_9_container .chosen-container-single .chosen-single span{
  color: var(--hos-ink) !important;
  -webkit-text-fill-color: var(--hos-ink) !important;
}
.ef-form-shell #frm_form_9_container .chosen-container .chosen-drop{
  background: rgba(8,10,12,.98) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
}
.ef-form-shell #frm_form_9_container .chosen-container .chosen-results li{
  color: rgba(255,255,255,.90) !important;
}

/* =========================================================
   8) MOBILE TAB BAR SCROLL
========================================================= */
@media screen and (max-width:768px){
  .ef-form-shell .e-n-tabs-heading{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }
  .ef-form-shell .e-n-tab-title{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
}

/* =========================================================
   AUTOFILL OVERRIDES
========================================================= */
.ef-form-shell #frm_form_9_container input:-webkit-autofill,
.ef-form-shell #frm_form_9_container textarea:-webkit-autofill,
.ef-form-shell #frm_form_9_container select:-webkit-autofill,
.ef-form-shell #frm_form_9_container input:-webkit-autofill:hover,
.ef-form-shell #frm_form_9_container textarea:-webkit-autofill:hover,
.ef-form-shell #frm_form_9_container select:-webkit-autofill:hover,
.ef-form-shell #frm_form_9_container input:-webkit-autofill:focus,
.ef-form-shell #frm_form_9_container textarea:-webkit-autofill:focus,
.ef-form-shell #frm_form_9_container select:-webkit-autofill:focus,
.ef-form-shell #frm_form_9_container input:-webkit-autofill:active,
.ef-form-shell #frm_form_9_container textarea:-webkit-autofill:active,
.ef-form-shell #frm_form_9_container select:-webkit-autofill:active{
  -webkit-text-fill-color: var(--hos-ink) !important;
  caret-color: var(--hos-ink) !important;

  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.03) inset !important;
  box-shadow:
    0 0 0 1000px rgba(255,255,255,.03) inset,
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.36) !important;

  border-color: var(--hos-fieldBorder) !important;

  transition: background-color 99999s ease-out 0s, color 99999s ease-out 0s !important;

  background-color: rgba(255,255,255,.03) !important;
  background-image: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
}

.ef-form-shell #frm_form_9_container input:autofill,
.ef-form-shell #frm_form_9_container textarea:autofill,
.ef-form-shell #frm_form_9_container select:autofill{
  -webkit-text-fill-color: var(--hos-ink) !important;
  caret-color: var(--hos-ink) !important;

  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.03) inset !important;
  box-shadow:
    0 0 0 1000px rgba(255,255,255,.03) inset,
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 26px rgba(0,0,0,.36) !important;

  border-color: var(--hos-fieldBorder) !important;
  background-color: rgba(255,255,255,.03) !important;
}

.ef-form-shell #frm_form_9_container input[style*="background"],
.ef-form-shell #frm_form_9_container textarea[style*="background"],
.ef-form-shell #frm_form_9_container select[style*="background"]{
  background-color: rgba(255,255,255,.03) !important;
  background-image: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.03) inset !important;
}

/* readonly/disabled */
.ef-form-shell #frm_form_9_container input[readonly],
.ef-form-shell #frm_form_9_container textarea[readonly],
.ef-form-shell #frm_form_9_container select[readonly],
.ef-form-shell #frm_form_9_container input:disabled,
.ef-form-shell #frm_form_9_container textarea:disabled,
.ef-form-shell #frm_form_9_container select:disabled{
  background: linear-gradient(180deg, var(--hos-fieldTop) 0%, var(--hos-fieldBot) 100%) !important;
  background-color: rgba(255,255,255,.03) !important;
  color: var(--hos-ink) !important;
  -webkit-text-fill-color: var(--hos-ink) !important;
  border-color: var(--hos-fieldBorder) !important;
  opacity: 1 !important;
}

.ef-form-shell #frm_form_9_container input,
.ef-form-shell #frm_form_9_container textarea,
.ef-form-shell #frm_form_9_container select{
  background-clip: padding-box;
}

/* =========================================================
   GLOBAL HUNTER OS ATMOSPHERE (VIEWPORT-BOUND)
   This is now the single source of truth for the page glow
========================================================= */
html{
  position: relative;
  background: #070a10 !important;
}

html::before{
  content:"";
  position: fixed;
  inset: -20% -10% -10% -10%;
  z-index: 0;
  background:
    radial-gradient(1100px 720px at 18% 98%, rgba(194,169,106,.20), transparent 66%),
    radial-gradient(1100px 720px at 88% 98%, rgba(216,191,122,.14), transparent 68%),
    radial-gradient(900px 520px at 55% 8%, rgba(255,255,255,.05), transparent 70%);
  pointer-events:none;
}

html::after{
  content:"";
  position: fixed;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(1200px 800px at 50% 30%, rgba(0,0,0,0) 52%, rgba(0,0,0,.60) 100%);
  pointer-events:none;
}

body{
  background: transparent !important;
  position: relative;
  z-index: 2;
}

/* WP + Elementor wrappers */
#page, .site, #content, .site-content,
.elementor, .elementor-section, .elementor-container, .elementor-widget-wrap,
.e-con, .e-con-inner{
  background: transparent !important;
}

/* =========================================================
   FIX PACK (1) KILL HORIZONTAL SCROLLBAR
========================================================= */
.ef-form-shell,
.ef-form-shell *{
  box-sizing: border-box;
}

.ef-form-shell{
  overflow-x: hidden !important;
}

.ef-form-shell #frm_form_9_container,
.ef-form-shell #frm_form_9_container form{
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.ef-form-shell #frm_form_9_container form::after{
  left: -15% !important;
  right: -15% !important;
  width: auto !important;
  max-width: none !important;
}

.ef-form-shell .order-form-tabs,
.ef-form-shell .order-form-tabs .e-n-tabs-heading{
  overflow-x: hidden !important;
}

/* =========================================================
   FIX PACK (3) INNER FIELD AREA PADDING
========================================================= */
.ef-form-shell #frm_form_9_container .frm_form_fields,
.ef-form-shell #frm_form_9_container .frm_fields_container{
  padding: 26px 26px 22px 26px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ef-form-shell #frm_form_9_container .frm_form_field{
  margin-bottom: 16px !important;
}
.ef-form-shell #frm_form_9_container .frm_form_field > label,
.ef-form-shell #frm_form_9_container .frm_primary_label{
  margin-bottom: 8px !important;
}

.ef-form-shell #frm_form_9_container .frm_forms{
  background: transparent !important;
  border: none !important;
}/* End custom CSS */