.elementor-635 .elementor-element.elementor-element-dbb9807{--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;}.elementor-635 .elementor-element.elementor-element-659c5f6{--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;}@media(min-width:768px){.elementor-635 .elementor-element.elementor-element-dbb9807{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-845b31d *//* Give the FAQ block its own “page break” color */
#faq{
  background-color:#f9f9f9;          /* pick your color */
  padding: clamp(40px,5vw,80px) 0;   /* top/bottom breathing room */
}

/* Optional: if you're using a dark theme, define the vars used below */
:root{
  --ink:#111; 
  --muted:#4b5563; 
  --line:rgba(0,0,0,.12);
}

/* your existing CSS (unchanged) */
#faq .wrap{ max-width:1280px; margin:0 auto; padding:clamp(28px,4vw,44px); }
#faq .eyebrow{ display:inline-flex; align-items:center; gap:8px; font:700 12px/1 Poppins; letter-spacing:.16em; text-transform:uppercase; color:#4c5a3f; background:#eeffdc; border:1px solid #daf3b8; padding:8px 12px; border-radius:999px; }
#faq .eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:radial-gradient(45% 45% at 35% 35%,#d9ffad 0%,#a8e063 60%,#66bb2b 100%); box-shadow:0 0 0 6px rgba(168,224,99,.18); }
#faq .title{ margin:14px 0 8px; line-height:.98; letter-spacing:-.5px; color:var(--ink); }
#faq .title em{ display:block; font:italic clamp(42px,7.5vw,92px)/.98 "Playfair Display",serif; }
#faq .title strong{ display:block; font:800 clamp(44px,8.2vw,108px)/.95 Poppins; }
#faq .list{ margin-top:clamp(18px,2.6vw,28px); border-top:1px solid var(--line); }
#faq details.faq-item{ border-bottom:1px solid var(--line); padding:18px 0; }
#faq summary{ list-style:none; display:grid; grid-template-columns:56px 1fr auto; gap:12px; align-items:center; cursor:pointer; }
#faq summary::-webkit-details-marker{ display:none; }
#faq .num{ font:700 clamp(14px,1.6vw,18px)/1 Poppins; color:#8c9aa9; }
#faq .q{ font:700 clamp(18px,2.2vw,28px)/1.35 Poppins; color:var(--ink); }
#faq .pill{ width:46px; height:28px; padding:0 10px; border-radius:999px; background:#101417; color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:800; letter-spacing:.04em; font-size:18px; border:1px solid rgba(0,0,0,.2); transition:transform .18s ease, background-color .18s ease, opacity .18s ease; }
#faq summary:hover .pill{ transform:translateY(-1px); }
#faq details[open] .pill{ background:#1b2a38; }
#faq .pill::before{ content:"+"; }
#faq details[open] .pill::before{ content:"–"; }
#faq .a{ margin:14px 0 6px 56px; color:var(--muted); font:500 clamp(15px,1.6vw,18px)/1.8 Poppins; max-width:92ch; }
#faq .cta{ display:flex; align-items:center; gap:14px; margin-top:clamp(22px,3vw,34px); color:var(--muted); }
#faq .cta .btn{ display:inline-flex; align-items:center; gap:10px; background:#0f1621; color:#fff; border:0; border-radius:999px; padding:12px 16px; font:700 14px/1 Poppins; text-decoration:none; }
.questions{ color:#831010; }/* End custom CSS */