.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14351 .elementor-element.elementor-element-d39e57b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for html, class: .elementor-element-f1af7be *//* Paste into the HTML widget's Advanced > Custom CSS (Elementor ".elementor-14351 .elementor-element.elementor-element-f1af7be" format).
   Base layout + the Form 6 color overrides, with two changes from the Form 6 page:
     1. .dark-inner max-width raised 560px -> 820px to match the article body
     2. widget wrapper padding/margin zeroed so no white band shows above or below
        the tinted block  */

/* Kill the HTML widget's own box so the tinted section starts flush */
.elementor-14351 .elementor-element.elementor-element-f1af7be,
.elementor-14351 .elementor-element.elementor-element-f1af7be > .elementor-widget-container {
  margin: 0;
  padding: 0;
}

.elementor-14351 .elementor-element.elementor-element-f1af7be .dark {
  background: #f7f6f4;
  border-left: 3px solid #171717;
  margin: 3.2rem 0;
  padding: 2.6rem 0 2.8rem;
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark,
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark * { color: #171717; }
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark h2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 1.65rem;
  line-height: 1.3;
  margin: 0 0 .6rem;
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark h2::after {
  content: "";
  display: block;
  width: 2rem;
  height: 3px;
  background: #171717;
  margin-top: 1.1rem;
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark ul { list-style: none; margin: 1.8rem 0 0; padding: 0; }
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark li {
  position: relative;
  padding: .9rem 0 .9rem 1.3rem;
  margin: 0;
  border-bottom: 1px solid rgba(0,0,0,.14);
  font-family: 'Roboto', Arial, sans-serif;
  font-size: .95rem;
  line-height: 1.6;
  font-weight: 400;
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark li::before {
  content: "—";
  position: absolute;
  left: 0;
  color: rgba(0,0,0,.45);
}
.elementor-14351 .elementor-element.elementor-element-f1af7be .dark li:last-child { border-bottom: none; }/* End custom CSS */
/* Start custom CSS for qi_addons_for_elementor_faq, class: .elementor-element-d7ddd65 *//* FAQ widget styling — scoped to a widget carrying the CSS class "pc-faq"
   (Advanced > CSS Classes on the Elementor widget). Paste into the widget's
   Advanced > Custom CSS, or the page/site Custom CSS.

   Covers the classic Accordion, the Nested Accordion, and the newer
   <details>/<summary> markup. Uses !important on the title size because
   Elementor injects the widget's own Style > Typography inline, which would
   otherwise win. Nothing outside .pc-faq is touched. */

/* ---- Title size: applied to every accordion title variant ---- */
.pc-faq .elementor-tab-title,
.pc-faq .elementor-tab-title a,
.pc-faq .e-n-accordion-item-title,
.pc-faq .e-n-accordion-item-title-text,
.pc-faq summary,
.pc-faq summary > *,
.pc-faq .elementor-accordion-title,
.pc-faq .e-n-accordion-item > summary,
.pc-faq h1.e-n-accordion-item-title,
.pc-faq h2.e-n-accordion-item-title,
.pc-faq h3.e-n-accordion-item-title,
.pc-faq h4.e-n-accordion-item-title,
.pc-faq h5.e-n-accordion-item-title,
.pc-faq h6.e-n-accordion-item-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.02rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #111 !important;
}

/* ---- Classic Accordion (.elementor-accordion) ---- */
.pc-faq .elementor-accordion-item{border:0;border-top:1px solid #e2e2e2;background:transparent}
.pc-faq .elementor-accordion-item:last-child{border-bottom:1px solid #e2e2e2}
.pc-faq .elementor-tab-title{
  padding:.9rem 2rem .9rem 0;position:relative;background:transparent;
}
.pc-faq .elementor-accordion-icon{position:absolute;right:.2rem;top:.85rem;color:#111;font-size:1.05rem}
.pc-faq .elementor-tab-content{
  font-family:'Roboto',Arial,sans-serif;font-size:1.02rem;line-height:1.7;color:#333;
  border:0;padding:0 0 1.15rem;
}
.pc-faq .elementor-tab-content p{margin:0 0 1rem}
.pc-faq .elementor-tab-content p:last-child{margin-bottom:0}

/* ---- Nested Accordion (.e-n-accordion, uses <details>/<summary>) ---- */
.pc-faq .e-n-accordion-item{border:0;border-top:1px solid #e2e2e2;background:transparent}
.pc-faq .e-n-accordion-item:last-child{border-bottom:1px solid #e2e2e2}
.pc-faq .e-n-accordion-item-title,
.pc-faq summary{
  padding:.9rem 2rem .9rem 0;background:transparent;margin:0;
  list-style:none;cursor:pointer;
}
.pc-faq summary::-webkit-details-marker{display:none}
.pc-faq summary::marker{content:""}
.pc-faq .e-n-accordion-item-title-icon,
.pc-faq .e-n-accordion-item-title-icon *{color:#111 !important;font-size:1.05rem}
.pc-faq .e-n-accordion-item > .e-con{
  font-family:'Roboto',Arial,sans-serif;font-size:1.02rem;line-height:1.7;color:#333;
  padding:0 0 1.15rem;
}
.pc-faq .e-n-accordion-item > .e-con p{margin:0 0 1rem}
.pc-faq .e-n-accordion-item > .e-con p:last-child{margin-bottom:0}

/* ---- Plain HTML fallback (if the FAQ is ever pasted as an HTML widget) ---- */
.pc-faq .faq h3{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1.02rem;line-height:1.45;
  color:#111;margin:1.6rem 0 .4rem;
}
.pc-faq .faq p{font-family:'Roboto',Arial,sans-serif;font-size:1.02rem;line-height:1.7;color:#333;margin:0 0 .6rem}

/* Widget settings to match: icon "+" / active icon "−", icon aligned right,
   title HTML tag h3, no box shadow, no item spacing.
   If the title is still oversized, clear the widget's own
   Style > Title > Typography settings so it inherits from this file. *//* End custom CSS */