.elementor-6417 .elementor-element.elementor-element-f3cf123{--display:flex;--min-height:450px;--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;--padding-top:150px;--padding-bottom:64px;--padding-left:80px;--padding-right:80px;}.elementor-6417 .elementor-element.elementor-element-f3cf123:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-f3cf123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFEFDA;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-6417 .elementor-element.elementor-element-b9c986e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-6417 .elementor-element.elementor-element-b9c986e .elementor-heading-title{font-size:55px;font-weight:500;line-height:1.1em;letter-spacing:-0.5px;color:#3F403C;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6417 .elementor-element.elementor-element-a2e5e2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;font-family:"Instrument Sans", Sans-serif;font-size:18px;font-weight:500;line-height:1.65em;color:rgba(63,64,60,0.62);}.elementor-6417 .elementor-element.elementor-element-7062dd0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6417 .elementor-element.elementor-element-7062dd0:not(.elementor-motion-effects-element-type-background), .elementor-6417 .elementor-element.elementor-element-7062dd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}@media(max-width:767px){.elementor-6417 .elementor-element.elementor-element-f3cf123{--min-height:400px;--padding-top:80px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-6417 .elementor-element.elementor-element-b9c986e .elementor-heading-title{font-size:28px;}.elementor-6417 .elementor-element.elementor-element-a2e5e2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;font-size:15px;}}@media(min-width:768px){.elementor-6417 .elementor-element.elementor-element-f3cf123{--content-width:1600px;}.elementor-6417 .elementor-element.elementor-element-7062dd0{--content-width:1600px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap');

/* ── Hero blobs ── */
.faq-hero { position: relative !important; overflow: hidden; }
.faq-hero::before {
  content: ''; position: absolute; top: -130px; right: -110px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, rgba(214,138,76,0.22) 0%, rgba(214,138,76,0.05) 60%, transparent 100%);
  pointer-events: none; z-index: 0;
}
.faq-hero::after {
  content: ''; position: absolute; top: 10px; right: 100px;
  width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(196,104,52,0.15) 0%, rgba(196,104,52,0.03) 65%, transparent 100%);
  pointer-events: none; z-index: 0;
}
.faq-hero .elementor-widget-wrap { position: relative; z-index: 1; }

/* ── Hero search — constrain width, align icon, hide X ── */
.faq-search-wrap { position: relative; max-width: 480px; width: 100%; }
.faq-search-wrap .faq-search-icon {
  position: absolute; left: 16px; top: 50%;
  transform: translateY(-50%); pointer-events: none; z-index: 1;
}
.faq-search-wrap .faq-search-input {
  width: 100%; box-sizing: border-box;
  padding: 14px 16px 14px 46px; font-size: 16px; font-weight: 500;
  font-family: 'Instrument Sans', sans-serif; color: #3F403C;
  background: #fff; border: 1.5px solid rgba(63,64,60,0.15);
  border-radius: 12px !important; outline: none; transition: border-color 0.2s;
}
.faq-search-wrap .faq-search-input:focus { border-color: #D04A3C; }
.faq-search-clear { display: none !important; }
#faq-search::-webkit-search-cancel-button,
#faq-search::-webkit-search-decoration { -webkit-appearance: none; display: none !important; }
#faq-search::-ms-clear { display: none !important; width: 0; height: 0; }

/* ── Breadcrumb ── */
.faq-breadcrumb { font-family: 'Instrument Sans', sans-serif; font-size: 13px; font-weight: 500; color: rgba(63,64,60,0.5); margin-bottom: 16px; }
.faq-breadcrumb a { color: rgba(63,64,60,0.5); text-decoration: none; }
.faq-breadcrumb a:hover { color: #D04A3C; }

/* ── FAQ body layout ── */
#feroz-faq .faq-body { display: grid; grid-template-columns: 260px 1fr; gap: 100px; padding: 60px 40px 88px; }

/* ── Sticky sidebar ── */
#feroz-faq .faq-sidebar { top: 140px !important; }

/* ── Sidebar nav ── */
#feroz-faq .faq-nav-btn { font-size: 18px !important; }

/* ── Contact card ── */
#feroz-faq .faq-contact-card { overflow: hidden; padding: 20px; box-sizing: border-box; }
#feroz-faq .faq-contact-title { font-size: 16px !important; font-weight: 600; line-height: 1.3; margin-bottom: 8px; white-space: normal; word-break: break-word; }
#feroz-faq .faq-contact-card p { font-size: 14px; line-height: 1.55; margin-bottom: 12px; }
#feroz-faq .faq-contact-link { font-size: 14px; }

/* ── Typography overrides ── */
#feroz-faq .faq-section h2 { font-size: 38px !important; font-weight: 500 !important; }
#feroz-faq .faq-item-q { font-size: 26px !important; font-weight: 500 !important; }
#feroz-faq .faq-item-a { font-size: 18px !important; font-weight: 400 !important; }
#feroz-faq .faq-section-eyebrow { font-size: 16px !important; }

/* ── Search results: full-width when sidebar hidden ── */
#feroz-faq .faq-sidebar[style*="display:none"] + .faq-content-wrap,
#feroz-faq .faq-sidebar[style*="display: none"] + .faq-content-wrap { grid-column: 1 / -1; }

/* ════════════════════════════════════════════
   MOBILE
════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Prevent horizontal overflow on FAQ content — NOT hero (preserves blobs) */
  #feroz-faq,
  #feroz-faq .faq-body,
  #feroz-faq .faq-content-wrap { overflow-x: hidden; max-width: 100%; }

  /* Hero H1 — match preferred layout (~40px feels right at mobile widths) */
  .elementor-element-b9c986e .elementor-heading-title { font-size: 40px !important; line-height: 1.15 !important; }

  /* Hero search: full width */
  .faq-search-wrap { max-width: 100%; }
  .faq-search-wrap .faq-search-input { font-size: 15px; padding: 12px 14px 12px 42px; }

  /* Breadcrumb */
  .faq-breadcrumb { font-size: 12px !important; }

  /* FAQ body: single column */
  #feroz-faq .faq-body {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 24px 16px 48px !important;
  }

  /* Sidebar: horizontal scroll strip */
  #feroz-faq .faq-sidebar {
    position: static !important;
    top: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    gap: 6px !important;
    padding: 12px 0 16px !important;
    border-bottom: 1px solid rgba(63,64,60,0.08);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #feroz-faq .faq-sidebar::-webkit-scrollbar { display: none; }

  /* Nav buttons: pill style */
  #feroz-faq .faq-nav-btn {
    font-size: 13px !important;
    white-space: nowrap;
    flex-shrink: 0;
    padding: 7px 14px !important;
    border-radius: 99px !important;
  }
  #feroz-faq .faq-nav-btn.active { background: #D04A3C !important; color: #fff !important; }

  /* Hide contact card */
  #feroz-faq .faq-contact-card { display: none; }

  /* Content wrap */
  #feroz-faq .faq-content-wrap { padding: 24px 0 0 !important; }

  /* Typography */
  #feroz-faq .faq-section h2 { font-size: 24px !important; font-weight: 500 !important; }
  #feroz-faq .faq-item-q { font-size: 18px !important; font-weight: 500 !important; }
  #feroz-faq .faq-item-a { font-size: 15px !important; }
  #feroz-faq .faq-section-eyebrow { font-size: 11px !important; }

  /* Section spacing */
  #feroz-faq .faq-section { margin-bottom: 40px; }
  #feroz-faq .faq-item-btn { padding: 16px 0; }
}
@media (max-width: 768px) {
  .elementor-element-b9c986e .elementor-heading-title { font-size: 28px !important; line-height: 1.2 !important; }
}
@media (max-width: 768px) {
  /* Option 4: wrap long questions + slight size reduction */
  #feroz-faq .faq-item-q { font-size: 16px !important; min-width: 0; flex: 1; white-space: normal; word-break: break-word; }
  #feroz-faq .faq-item-icon { flex-shrink: 0; margin-left: 12px; }
}/* End custom CSS */