.elementor-6636 .elementor-element.elementor-element-36ce584{--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;}/* Start custom CSS for shortcode, class: .elementor-element-5054d8c */<style>
  /* ===== Scope ===== */
  .faq-hero{
    max-width:1200px; 
    margin:36px auto 0 auto; 
    padding:12px 12px 40px 12px; 
    font-family:Arial, system-ui, -apple-system, "Segoe UI", sans-serif; 
    color:#333;
    position:relative;
    z-index:2;
  }
  .faq-hero .accent{ color:#d10000; }

  /* ===== Grid ===== */
  .fh-grid{
    display:grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "left"
      "right";
    gap:22px;
    align-items:start;
  }
  @media (min-width:1024px){
    .fh-grid{
      grid-template-columns: 0.65fr 0.35fr;
      grid-template-areas:
        "head  head"
        "left  right";
      align-items:stretch;
    }
  }

  .fh-head{ grid-area: head; text-align:center; }
  .fh-title{ font-size:28px; font-weight:800; margin:0 0 6px; }
  .fh-sub{ font-size:15px; color:#555; margin:0; }

  .fh-left{ grid-area:left; }
  .fh-right{ 
    grid-area:right; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    height:100%; 
  }
  @media (max-width:1023.98px){
    .fh-right{ display:none; }
  }

  /* ===== FAQ Items ===== */
  .faq-hero .mf-item{
    border:1px solid #eee; border-radius:12px; margin:12px 0; overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.05); background:#fff; 
    transition:box-shadow .2s ease, transform .2s ease;
  }
  .faq-hero .mf-item:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(0,0,0,.07); }
  .faq-hero .mf-item summary{
    display:flex; align-items:center; gap:10px; padding:14px 16px; cursor:pointer; 
    list-style:none; user-select:none; background:#f9f9f9;
  }
  .faq-hero .mf-item[open] summary{ background:#fff; }

  .faq-hero .mf-toggle{
    width:30px; height:30px; min-width:30px; border-radius:50%;
    display:inline-grid; place-items:center; font-weight:900; font-size:16px; line-height:1;
    border:2px solid #d10000; color:#d10000; background:#fff; transition:.2s ease;
  }
  .faq-hero .mf-toggle::after{ content:"+"; }
  .faq-hero .mf-item[open] .mf-toggle{
    background:#d10000; color:#fff; border-color:#d10000;
  }
  .faq-hero .mf-item[open] .mf-toggle::after{ content:"−"; }

  .faq-hero .mf-q{ flex:1; font-size:15px; font-weight:700; color:#111; }
  .faq-hero .mf-a{ padding:14px 18px; border-top:1px dashed #eee; font-size:14px; line-height:1.65; color:#444; }
  .faq-hero .mf-a ol{ margin:8px 0 0 18px; }
  .faq-hero .mf-a img{ display:block; margin:10px auto; max-width:100%; height:auto; }

  /* ===== Right image card ===== */
  .fh-figure{
    background:#fff; border:1px solid #eee; border-radius:14px; padding:12px;
    box-shadow:0 8px 18px rgba(0,0,0,.06);
    display:inline-flex; align-items:center; justify-content:center;
    margin:auto;
  }
  .fh-figure img{
    max-width:440px; width:100%; height:auto; object-fit:contain; display:block;
  }

  /* ===== CTA ===== */
  .fh-cta{ margin-top:8px; text-align:center; }
  .faq-hero .btn-cta{
    display:inline-block; padding:10px 18px; border-radius:24px; font-weight:800; letter-spacing:.1px;
    background:#d10000; color:#fff; text-decoration:none; box-shadow:0 6px 14px rgba(209,0,0,.25);
    transition: transform .12s ease, opacity .2s ease;
  }
  .faq-hero .btn-cta:hover{ opacity:.92; transform:translateY(-1px); }
</style>/* End custom CSS */