/* ===================================================
   FAQ PAGE STYLES (NEW DESIGN)
   =================================================== */

/* Hero Section */
.faq-hero-section {
    padding: 60px 0 40px;
}

.faq-badge-wrap {
    text-align: left;
    margin-bottom: 20px;
}

.faq-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dark-navy);
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border: 1.5px solid var(--dark-navy);
    border-radius: 100px;
    padding: 6px 16px;
    /* background-color: #ffffff; */
    /* box-shadow: 2px 2px 0 var(--dark-navy); */
}

.faq-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--orange);
}

.faq-hero-title {
    font-family: var(--font-title);
    font-size: 58px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--dark-navy);
    letter-spacing: -1.5px;
    margin-bottom: 12px;
}

.faq-title-highlight-wrap {
    position: relative;
    display: inline-block;
    color: #3b5a45; /* Green hand-drawn highlight */
    font-family: 'Patrick Hand', 'Caveat', cursive;
}

.faq-title-underline-wrap {
    position: relative;
    display: inline-block;
    font-family: inherit;
}

.faq-title-underline {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 10px;
    pointer-events: none;
}

.faq-hero-subtitle {
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 500;
    color: var(--text-mid);
    line-height: 1.6;
    max-width: 620px;
    margin-top: 20px;
}

/* --- Tilted Notebook Graphic (Hero Right) --- */
.faq-notepad-wrap {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 360px;
    margin-left: auto;
}

.faq-notepad-container {
    position: relative;
    padding: 20px 18px 14px 34px;
    background-color: #FAF7F2;
    border: 1.5px solid var(--dark-navy);
    border-radius: 10px;
    box-shadow: 4px 4px 0 var(--dark-navy);
    min-height: 215px;
    transform: rotate(4deg);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}

.faq-notepad-container:hover {
    transform: rotate(0deg) translateY(-3px);
    box-shadow: 7px 7px 0 var(--dark-navy);
}

.faq-sticky-tape {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%) rotate(-3deg);
    width: 70px;
    height: 22px;
    background-color: #8fa89b;
    border-left: 2px dashed rgba(255, 255, 255, 0.4);
    border-right: 2px dashed rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    z-index: 5;
    pointer-events: none;
    opacity: 0.95;
}

.faq-notepad-binder-holes {
    position: absolute;
    left: 12px;
    top: 18px;
    bottom: 18px;
    width: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    z-index: 10;
}

.faq-binder-hole {
    width: 9px;
    height: 9px;
    background-color: var(--cream);
    border: 1.5px solid var(--dark-navy);
    border-radius: 50%;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.faq-notepad-paper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.faq-notepad-title {
    font-family: var(--font-title);
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-navy);
    margin-bottom: 4px;
    line-height: 1.2;
}

.faq-notepad-text {
    font-family: 'Patrick Hand', 'Caveat', cursive;
    font-size: 19px;
    font-weight: 500;
    color: #1a4f3e; /* handwriting tone */
    line-height: 1.3;
    margin-bottom: 6px;
}

.faq-notepad-arrow {
    display: none;
}

.faq-notepad-sketch {
    width: 90px;
    height: auto;
    align-self: flex-end;
    margin-top: auto;
    opacity: 0.9;
}

/* --- Category Navigation Tabs (Folder Style) --- */
.faq-tabs-section {
    position: relative;
    z-index: 2; /* Sit cleanly above content section */
    background-color: transparent;
    padding: 35px 0 0;
    border-bottom: none;
}

.faq-tabs-nav {
    position: relative;
    bottom: -2.2px; /* Overlaps card top border line exactly */
    z-index: 15;
    margin: 0 !important;
    padding: 0 !important;
}

.faq-tab-item {
    /* Layout handled by Bootstrap col-3 grid classes */
}

.faq-tab-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(4px, 1vw, 10px);
    padding: clamp(8px, 1.5vw, 14px) clamp(4px, 2vw, 28px);
    font-family: var(--font-body);
    font-size: clamp(10px, 1.4vw, 14px);
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--dark-navy);
    background-color: #eae3d5;
    border: 2px solid var(--dark-navy);
    border-radius: 14px 14px 0 0;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: none;
    position: relative;
    bottom: 0;
    border-bottom: 2px solid var(--dark-navy);
    line-height: 1.2;
    white-space: normal;
    text-align: center;
    min-height: 72px;
}

.faq-tab-btn svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    transition: stroke 0.2s ease;
}

.faq-tab-btn:hover {
    transform: translateY(-1px);
    background-color: #e5ddcf;
}

/* Wobbly tab underline SVGs */
.faq-tab-underline-svg {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 4px;
    height: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* Active Category Highlights (Overlap & Merge) */
.faq-tab-item.active-getting-started,
.faq-tab-item.active-claim-process,
.faq-tab-item.active-fees-payment,
.faq-tab-item.active-about-traceaid {
    position: relative;
    z-index: 20; /* Elevates parent list item above content container */
}

.faq-tab-item.active-getting-started .faq-tab-btn,
.faq-tab-item.active-claim-process .faq-tab-btn,
.faq-tab-item.active-fees-payment .faq-tab-btn,
.faq-tab-item.active-about-traceaid .faq-tab-btn {
    background-color: #FAF7F2; /* Folder background color */
    border-bottom: 2.2px solid #FAF7F2; /* Mask the folder top border line */
    transform: translateY(2.2px); /* Push button down to mask the container border */
}

/* Category Tab Colors (Always Applied by Default) */
.faq-tab-item[data-target="getting-started"] .faq-tab-btn {
    color: #2b5736;
}


.faq-tab-item[data-target="claim-process"] .faq-tab-btn {
    color: #1e4b8a;
}
.faq-tab-item[data-target="claim-process"] .faq-tab-underline-svg {
    color: #1e4b8a;
}

.faq-tab-item[data-target="fees-payment"] .faq-tab-btn {
    color: #581c87;
}
.faq-tab-item[data-target="fees-payment"] .faq-tab-underline-svg {
    color: #581c87;
}

.faq-tab-item[data-target="about-traceaid"] .faq-tab-btn {
    color: var(--orange);
}
.faq-tab-item[data-target="about-traceaid"] .faq-tab-underline-svg {
    color: var(--orange);
}

/* Active Category Underline Display */
/* .faq-tab-item.active-getting-started .faq-tab-underline-svg,
.faq-tab-item.active-claim-process .faq-tab-underline-svg,
.faq-tab-item.active-fees-payment .faq-tab-underline-svg,
.faq-tab-item.active-about-traceaid .faq-tab-underline-svg {
    opacity: 1;
} */

/* --- FAQ Categories Container --- */
.faq-content-section {
    position: relative;
    z-index: 1; /* Sit under tabs section */
    padding: 0 0 80px;
    margin-top: -2px; /* Pull up to overlap border */
}

.faq-category-card {
    background-color: #FAF7F2; /* Cream folder card background */
    border: 2px solid var(--dark-navy);
    border-radius: 0 16px 16px 16px; /* Top-left is sharp under active tab */
    padding: 45px 40px 45px 75px; /* Offset left padding for vertical wobbly line */
    margin-bottom: 0;
    box-shadow: 6px 6px 0 rgba(28, 28, 46, 0.08);
    position: relative;
    overflow: hidden;
    min-height: 420px;
}

/* Wobbly vertical line inside card */
.faq-wobbly-line-wrap {
    position: absolute;
    left: 32px;
    top: 50px;  /* Start below card top border */
    bottom: 35px;
    width: 10px;
    pointer-events: none;
}

.faq-wobbly-line-svg {
    width: 100%;
    height: 100%;
}

.cat-getting-started .faq-wobbly-line-wrap {
    color: #2b5736;
}

.cat-claim-process .faq-wobbly-line-wrap {
    color: #1e4b8a;
}

.cat-fees-payment .faq-wobbly-line-wrap {
    color: #581c87;
}

.cat-about-traceaid .faq-wobbly-line-wrap {
    color: var(--orange);
}

/* Category Header styling */
.faq-category-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;
}

.faq-cat-icon-outer {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--dark-navy);
}

.faq-cat-icon-outer svg {
    width: 22px;
    height: 22px;
}

/* Category-specific icon color schemes */
.cat-getting-started .faq-cat-icon-outer {
    background-color: #d1e1d4;
    color: #2b5736;
}
.cat-claim-process .faq-cat-icon-outer {
    background-color: #dbeafe;
    color: #1e4b8a;
}
.cat-fees-payment .faq-cat-icon-outer {
    background-color: #f3e8ff;
    color: #581c87;
}
.cat-about-traceaid .faq-cat-icon-outer {
    background-color: #ffedd5;
    color: var(--orange);
}

.faq-category-title {
    font-family: var(--font-title);
    font-size: 32px;
    font-weight: 500;
    color: var(--dark-navy);
    position: relative;
    display: inline-block;
}

.faq-title-underline-svg {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 8px;
    pointer-events: none;
}

/* --- Collapsible Accordion --- */
.faq-accordion-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.faq-accordion-item {
    background-color: #ffffff; /* White popout accordions */
    border: 1.5px solid #e6e2da; /* thin custom border */
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    box-shadow: 2px 2px 4px rgba(28, 28, 46, 0.02);
}

.faq-accordion-item:hover {
    border-color: var(--dark-navy);
    box-shadow: 4px 4px 0 var(--dark-navy);
    transform: translateY(-1px);
}

.faq-accordion-trigger {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 76px 18px 24px;
    position: relative;
    min-height: 58px;
    background: transparent;
    border: none;
    font-family: var(--font-title);
    font-size: 17px;
    font-weight: 700;
    color: var(--dark-navy);
    text-align: left;
    cursor: pointer;
    text-decoration: none !important;
    outline: none;
}

.faq-accordion-toggle-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-left: 1.5px solid #e0dad0; */
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-navy);
    background-color: transparent;
    border-radius: 0;
    transition: transform 0.3s ease, border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    text-decoration: none !important;
    user-select: none;
}

.faq-accordion-item:hover .faq-accordion-toggle-icon {
    border-left-color: var(--dark-navy);
}

/* Accordion Open State toggles */
.faq-accordion-item.open {
    background-color: #ffffff;
    border-color: var(--dark-navy);
    box-shadow: 4px 4px 0 var(--dark-navy);
}

.faq-accordion-item.open .faq-accordion-toggle-icon {
    /* border-left-color: var(--dark-navy); */
    transform: rotate(45deg);
}

.faq-accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-accordion-body {
    padding: 0 24px 24px;
    font-family: var(--font-body);
    font-size: 15px;
    color: var(--text-mid);
    line-height: 1.6;
}

/* --- Still Have Questions Bottom CTA --- */
.faq-bottom-cta-section {
    padding-bottom: 80px;
}

.faq-bottom-cta-banner {
    position: relative;
    background-color: #E9E2D6; /* Light green base */
    border: none;
    border-radius: 12px;
    overflow: hidden;
    padding: 50px 15px 45px;
}

/* Jagged Borders */
.faq-cta-brush-top {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%201200%2020%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M%200%2C0%20L%201200%2C0%20L%201200%2C12.1%20L%201196%2C12.4%20L%201192%2C13.4%20L%201188%2C12.8%20L%201184%2C13.4%20L%201180%2C13.5%20L%201176%2C12.0%20L%201172%2C13.4%20L%201168%2C14.5%20L%201164%2C14.5%20L%201160%2C15.3%20L%201156%2C15.1%20L%201152%2C15.2%20L%201148%2C15.1%20L%201144%2C15.6%20L%201140%2C17.5%20L%201136%2C16.7%20L%201132%2C16.2%20L%201128%2C16.8%20L%201124%2C15.5%20L%201120%2C15.8%20L%201116%2C16.5%20L%201112%2C16.3%20L%201108%2C15.7%20L%201104%2C14.2%20L%201100%2C14.3%20L%201096%2C14.1%20L%201092%2C13.2%20L%201088%2C14.6%20L%201084%2C13.9%20L%201080%2C12.3%20L%201076%2C12.6%20L%201072%2C12.3%20L%201068%2C12.7%20L%201064%2C13.1%20L%201060%2C13.3%20L%201056%2C13.6%20L%201052%2C12.1%20L%201048%2C12.7%20L%201044%2C14.1%20L%201040%2C13.6%20L%201036%2C14.5%20L%201032%2C14.7%20L%201028%2C13.5%20L%201024%2C13.5%20L%201020%2C13.6%20L%201016%2C14.5%20L%201012%2C14.2%20L%201008%2C13.2%20L%201004%2C13.6%20L%201000%2C11.9%20L%20996%2C11.2%20L%20992%2C12.4%20L%20988%2C11.7%20L%20984%2C11.0%20L%20980%2C10.3%20L%20976%2C9.4%20L%20972%2C9.3%20L%20968%2C8.6%20L%20964%2C9.8%20L%20960%2C9.9%20L%20956%2C8.2%20L%20952%2C8.7%20L%20948%2C8.7%20L%20944%2C8.4%20L%20940%2C9.7%20L%20936%2C10.1%20L%20932%2C10.2%20L%20928%2C9.5%20L%20924%2C9.3%20L%20920%2C10.7%20L%20916%2C10.3%20L%20912%2C10.9%20L%20908%2C11.8%20L%20904%2C10.1%20L%20900%2C9.8%20L%20896%2C10.2%20L%20892%2C10.1%20L%20888%2C10.5%20L%20884%2C9.8%20L%20880%2C9.7%20L%20876%2C8.6%20L%20872%2C7.4%20L%20868%2C8.8%20L%20864%2C8.6%20L%20860%2C7.9%20L%20856%2C8.4%20L%20852%2C7.4%20L%20848%2C7.0%20L%20844%2C7.4%20L%20840%2C8.3%20L%20836%2C9.3%20L%20832%2C8.4%20L%20828%2C8.8%20L%20824%2C9.4%20L%20820%2C8.7%20L%20816%2C10.4%20L%20812%2C11.6%20L%20808%2C11.2%20L%20804%2C11.4%20L%20800%2C11.1%20L%20796%2C11.7%20L%20792%2C11.9%20L%20788%2C12.3%20L%20784%2C13.6%20L%20780%2C12.1%20L%20776%2C11.2%20L%20772%2C12.1%20L%20768%2C11.4%20L%20764%2C11.8%20L%20760%2C12.2%20L%20756%2C11.6%20L%20752%2C11.1%20L%20748%2C10.0%20L%20744%2C11.0%20L%20740%2C11.6%20L%20736%2C11.0%20L%20732%2C12.2%20L%20728%2C11.7%20L%20724%2C10.8%20L%20720%2C12.0%20L%20716%2C12.7%20L%20712%2C13.7%20L%20708%2C13.9%20L%20704%2C13.9%20L%20700%2C14.6%20L%20696%2C13.7%20L%20692%2C14.9%20L%20688%2C16.7%20L%20684%2C15.8%20L%20680%2C16.0%20L%20676%2C16.0%20L%20672%2C15.2%20L%20668%2C15.6%20L%20664%2C15.8%20L%20660%2C16.5%20L%20656%2C15.7%20L%20652%2C14.2%20L%20648%2C14.8%20L%20644%2C14.0%20L%20640%2C13.7%20L%20636%2C15.0%20L%20632%2C14.1%20L%20628%2C13.4%20L%20624%2C13.0%20L%20620%2C13.0%20L%20616%2C13.8%20L%20612%2C13.6%20L%20608%2C14.6%20L%20604%2C14.7%20L%20600%2C13.1%20L%20596%2C14.2%20L%20592%2C15.0%20L%20588%2C15.0%20L%20584%2C16.0%20L%20580%2C15.8%20L%20576%2C15.5%20L%20572%2C14.9%20L%20568%2C15.0%20L%20564%2C16.5%20L%20560%2C15.6%20L%20556%2C15.2%20L%20552%2C15.4%20L%20548%2C13.5%20L%20544%2C13.4%20L%20540%2C13.9%20L%20536%2C13.6%20L%20532%2C13.2%20L%20528%2C11.8%20L%20524%2C11.7%20L%20520%2C11.1%20L%20516%2C10.2%20L%20512%2C11.9%20L%20508%2C11.5%20L%20504%2C10.2%20L%20500%2C10.6%20L%20496%2C10.1%20L%20492%2C10.4%20L%20488%2C11.0%20L%20484%2C11.6%20L%20480%2C12.1%20L%20476%2C10.6%20L%20472%2C11.0%20L%20468%2C12.0%20L%20464%2C11.3%20L%20460%2C12.4%20L%20456%2C12.7%20L%20452%2C11.4%20L%20448%2C11.0%20L%20444%2C10.7%20L%20440%2C11.3%20L%20436%2C11.1%20L%20432%2C10.4%20L%20428%2C10.8%20L%20424%2C8.9%20L%20420%2C8.0%20L%20416%2C9.1%20L%20412%2C8.6%20L%20408%2C8.4%20L%20404%2C8.2%20L%20400%2C7.4%20L%20396%2C7.2%20L%20392%2C6.7%20L%20388%2C8.2%20L%20384%2C8.8%20L%20380%2C7.7%20L%20376%2C8.6%20L%20372%2C8.4%20L%20368%2C8.0%20L%20364%2C9.6%20L%20360%2C10.3%20L%20356%2C10.6%20L%20352%2C10.1%20L%20348%2C9.8%20L%20344%2C10.8%20L%20340%2C10.2%20L%20336%2C11.1%20L%20332%2C12.2%20L%20328%2C10.5%20L%20324%2C10.1%20L%20320%2C10.2%20L%20316%2C9.9%20L%20312%2C10.3%20L%20308%2C10.1%20L%20304%2C10.3%20L%20300%2C9.3%20L%20296%2C8.0%20L%20292%2C9.5%20L%20288%2C9.4%20L%20284%2C9.3%20L%20280%2C10.4%20L%20276%2C9.6%20L%20272%2C9.3%20L%20268%2C9.8%20L%20264%2C10.8%20L%20260%2C12.1%20L%20256%2C11.7%20L%20252%2C12.4%20L%20248%2C12.8%20L%20244%2C11.8%20L%20240%2C13.5%20L%20236%2C14.6%20L%20232%2C14.4%20L%20228%2C14.7%20L%20224%2C14.2%20L%20220%2C14.2%20L%20216%2C14.0%20L%20212%2C14.3%20L%20208%2C15.7%20L%20204%2C14.2%20L%20200%2C13.4%20L%20196%2C13.9%20L%20192%2C12.8%20L%20188%2C13.2%20L%20184%2C13.9%20L%20180%2C13.6%20L%20176%2C13.1%20L%20172%2C12.1%20L%20168%2C12.9%20L%20164%2C13.4%20L%20160%2C13.1%20L%20156%2C14.8%20L%20152%2C14.4%20L%20148%2C13.4%20L%20144%2C14.4%20L%20140%2C14.9%20L%20136%2C15.7%20L%20132%2C16.2%20L%20128%2C16.3%20L%20124%2C16.6%20L%20120%2C15.2%20L%20116%2C16.0%20L%20112%2C17.3%20L%20108%2C16.3%20L%20104%2C16.6%20L%20100%2C16.3%20L%2096%2C14.9%20L%2092%2C14.8%20L%2088%2C14.8%20L%2084%2C15.4%20L%2080%2C14.6%20L%2076%2C13.2%20L%2072%2C13.6%20L%2068%2C12.4%20L%2064%2C12.0%20L%2060%2C13.6%20L%2056%2C12.9%20L%2052%2C12.4%20L%2048%2C12.1%20L%2044%2C11.9%20L%2040%2C12.5%20L%2036%2C12.4%20L%2032%2C13.7%20L%2028%2C13.9%20L%2024%2C12.3%20L%2020%2C13.1%20L%2016%2C13.5%20L%2012%2C13.2%20L%208%2C14.3%20L%204%2C14.2%20L%200%2C13.7%20Z%22%20fill=%22%23f5f0e6%22/%3E%3C/svg%3E");
    background-size: 100% 100%;
    z-index: 2;
}

.faq-cta-brush-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%201200%2020%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M%200%2C20%20L%201200%2C20%20L%201200%2C7.9%20L%201196%2C7.6%20L%201192%2C6.6%20L%201188%2C7.2%20L%201184%2C6.6%20L%201180%2C6.5%20L%201176%2C8.0%20L%201172%2C6.6%20L%201168%2C5.5%20L%201164%2C5.5%20L%201160%2C4.7%20L%201156%2C4.9%20L%201152%2C4.8%20L%201148%2C4.9%20L%201144%2C4.4%20L%201140%2C2.5%20L%201136%2C3.3%20L%201132%2C3.8%20L%201128%2C3.2%20L%201124%2C4.5%20L%201120%2C4.2%20L%201116%2C3.5%20L%201112%2C3.7%20L%201108%2C4.3%20L%201104%2C5.8%20L%201100%2C5.7%20L%201096%2C5.9%20L%201092%2C6.8%20L%201088%2C5.4%20L%201084%2C6.1%20L%201080%2C7.7%20L%201076%2C7.4%20L%201072%2C7.7%20L%201068%2C7.3%20L%201064%2C6.9%20L%201060%2C6.7%20L%201056%2C6.4%20L%201052%2C7.9%20L%201048%2C7.3%20L%201044%2C5.9%20L%201040%2C6.4%20L%201036%2C5.5%20L%201032%2C5.3%20L%201028%2C6.5%20L%201024%2C6.5%20L%201020%2C6.4%20L%201016%2C5.5%20L%201012%2C5.8%20L%201008%2C6.8%20L%201004%2C6.4%20L%201000%2C8.1%20L%20996%2C8.8%20L%20992%2C7.6%20L%20988%2C8.3%20L%20984%2C9.0%20L%20980%2C9.7%20L%20976%2C10.6%20L%20972%2C10.7%20L%20968%2C11.4%20L%20964%2C10.2%20L%20960%2C10.1%20L%20956%2C11.8%20L%20952%2C11.3%20L%20948%2C11.3%20L%20944%2C11.6%20L%20940%2C10.3%20L%20936%2C9.9%20L%20932%2C9.8%20L%20928%2C10.5%20L%20924%2C10.7%20L%20920%2C9.3%20L%20916%2C9.7%20L%20912%2C9.1%20L%20908%2C8.2%20L%20904%2C9.9%20L%20900%2C10.2%20L%20896%2C9.8%20L%20892%2C9.9%20L%20888%2C9.5%20L%20884%2C10.2%20L%20880%2C10.3%20L%20876%2C11.4%20L%20872%2C12.6%20L%20868%2C11.2%20L%20864%2C11.4%20L%20860%2C12.1%20L%20856%2C11.6%20L%20852%2C12.6%20L%20848%2C13.0%20L%20844%2C12.6%20L%20840%2C11.7%20L%20836%2C10.7%20L%20832%2C11.6%20L%20828%2C11.2%20L%20824%2C10.6%20L%20820%2C11.3%20L%20816%2C9.6%20L%20812%2C8.4%20L%20808%2C8.8%20L%20804%2C8.6%20L%20800%2C8.9%20L%20796%2C8.3%20L%20792%2C8.1%20L%20788%2C7.7%20L%20784%2C6.4%20L%20780%2C7.9%20L%20776%2C8.8%20L%20772%2C7.9%20L%20768%2C8.6%20L%20764%2C8.2%20L%20760%2C7.8%20L%20756%2C8.4%20L%20752%2C8.9%20L%20748%2C10.0%20L%20744%2C9.0%20L%20740%2C8.4%20L%20736%2C9.0%20L%20732%2C7.8%20L%20728%2C8.3%20L%20724%2C9.2%20L%20720%2C8.0%20L%20716%2C7.3%20L%20712%2C6.3%20L%20708%2C6.1%20L%20704%2C6.1%20L%20700%2C5.4%20L%20696%2C6.3%20L%20692%2C5.1%20L%20688%2C3.3%20L%20684%2C4.2%20L%20680%2C4.0%20L%20676%2C4.0%20L%20672%2C4.8%20L%20668%2C4.4%20L%20664%2C4.2%20L%20660%2C3.5%20L%20656%2C4.3%20L%20652%2C5.8%20L%20648%2C5.2%20L%20644%2C6.0%20L%20640%2C6.3%20L%20636%2C5.0%20L%20632%2C5.9%20L%20628%2C6.6%20L%20624%2C7.0%20L%20620%2C7.0%20L%20616%2C6.2%20L%20612%2C6.4%20L%20608%2C5.4%20L%20604%2C5.3%20L%20600%2C6.9%20L%20596%2C5.8%20L%20592%2C5.0%20L%20588%2C5.0%20L%20584%2C4.0%20L%20580%2C4.2%20L%20576%2C4.5%20L%20572%2C5.1%20L%20568%2C5.0%20L%20564%2C3.5%20L%20560%2C4.4%20L%20556%2C4.8%20L%20552%2C4.6%20L%20548%2C6.5%20L%20544%2C6.6%20L%20540%2C6.1%20L%20536%2C6.4%20L%20532%2C6.8%20L%20528%2C8.2%20L%20524%2C8.3%20L%20520%2C8.9%20L%20516%2C9.8%20L%20512%2C8.1%20L%20508%2C8.5%20L%20504%2C9.8%20L%20500%2C9.4%20L%20496%2C9.9%20L%20492%2C9.6%20L%20488%2C9.0%20L%20484%2C8.4%20L%20480%2C7.9%20L%20476%2C9.4%20L%20472%2C9.0%20L%20468%2C8.0%20L%20464%2C8.7%20L%20460%2C7.6%20L%20456%2C7.3%20L%20452%2C8.6%20L%20448%2C9.0%20L%20444%2C9.3%20L%20440%2C8.7%20L%20436%2C8.9%20L%20432%2C9.6%20L%20428%2C9.2%20L%20424%2C11.1%20L%20420%2C12.0%20L%20416%2C10.9%20L%20412%2C11.4%20L%20408%2C11.6%20L%20404%2C11.8%20L%20400%2C12.6%20L%20396%2C12.8%20L%20392%2C13.3%20L%20388%2C11.8%20L%20384%2C11.2%20L%20380%2C12.3%20L%20376%2C11.4%20L%20372%2C11.6%20L%20368%2C12.0%20L%20364%2C10.4%20L%20360%2C9.7%20L%20356%2C9.4%20L%20352%2C9.9%20L%20348%2C10.2%20L%20344%2C9.2%20L%20340%2C9.8%20L%20336%2C8.9%20L%20332%2C7.8%20L%20328%2C9.5%20L%20324%2C9.9%20L%20320%2C9.8%20L%20316%2C10.1%20L%20312%2C9.7%20L%20308%2C9.9%20L%20304%2C9.7%20L%20300%2C10.7%20L%20296%2C12.0%20L%20292%2C10.5%20L%20288%2C10.6%20L%20284%2C10.7%20L%20280%2C9.6%20L%20276%2C10.4%20L%20272%2C10.7%20L%20268%2C10.2%20L%20264%2C9.2%20L%20260%2C7.9%20L%20256%2C8.3%20L%20252%2C7.6%20L%20248%2C7.2%20L%20244%2C8.2%20L%20240%2C6.5%20L%20236%2C5.4%20L%20232%2C5.6%20L%20228%2C5.3%20L%20224%2C5.8%20L%20220%2C5.8%20L%20216%2C6.0%20L%20212%2C5.7%20L%20208%2C4.3%20L%20204%2C5.8%20L%20200%2C6.6%20L%20196%2C6.1%20L%20192%2C7.2%20L%20188%2C6.8%20L%20184%2C6.1%20L%20180%2C6.4%20L%20176%2C6.9%20L%20172%2C7.9%20L%20168%2C7.1%20L%20164%2C6.6%20L%20160%2C6.9%20L%20156%2C5.2%20L%20152%2C5.6%20L%20148%2C6.6%20L%20144%2C5.6%20L%20140%2C5.1%20L%20136%2C4.3%20L%20132%2C3.8%20L%20128%2C3.7%20L%20124%2C3.4%20L%20120%2C4.8%20L%20116%2C4.0%20L%20112%2C2.7%20L%20108%2C3.7%20L%20104%2C3.4%20L%20100%2C3.7%20L%2096%2C5.1%20L%2092%2C5.2%20L%2088%2C5.2%20L%2084%2C4.6%20L%2080%2C5.4%20L%2076%2C6.8%20L%2072%2C6.4%20L%2068%2C7.6%20L%2064%2C8.0%20L%2060%2C6.4%20L%2056%2C7.1%20L%2052%2C7.6%20L%2048%2C7.9%20L%2044%2C8.1%20L%2040%2C7.5%20L%2036%2C7.6%20L%2032%2C6.3%20L%2028%2C6.1%20L%2024%2C7.7%20L%2020%2C6.9%20L%2016%2C6.5%20L%2012%2C6.8%20L%208%2C5.7%20L%204%2C5.8%20L%200%2C6.3%20Z%22%20fill=%22%23f5f0e6%22/%3E%3C/svg%3E");
    background-size: 100% 100%;
    z-index: 2;
}

.faq-cta-brush-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2030%20600%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M%200%2C0%20L%200%2C600%20L%2023.6%2C600%20L%2023.0%2C598%20L%2024.1%2C596%20L%2024.8%2C594%20L%2023.5%2C592%20L%2022.6%2C590%20L%2023.3%2C588%20L%2023.3%2C586%20L%2021.6%2C584%20L%2020.1%2C582%20L%2019.7%2C580%20L%2019.2%2C578%20L%2019.0%2C576%20L%2020.1%2C574%20L%2020.3%2C572%20L%2018.7%2C570%20L%2017.8%2C568%20L%2018.6%2C566%20L%2018.5%2C564%20L%2016.9%2C562%20L%2016.3%2C560%20L%2017.2%2C558%20L%2017.9%2C556%20L%2018.3%2C554%20L%2019.2%2C552%20L%2019.2%2C550%20L%2017.8%2C548%20L%2017.5%2C546%20L%2018.8%2C544%20L%2018.9%2C542%20L%2017.7%2C540%20L%2017.9%2C538%20L%2019.6%2C536%20L%2020.3%2C534%20L%2020.0%2C532%20L%2019.8%2C530%20L%2019.2%2C528%20L%2017.8%2C526%20L%2017.6%2C524%20L%2018.7%2C522%20L%2018.5%2C520%20L%2017.1%2C518%20L%2017.3%2C516%20L%2018.5%2C514%20L%2018.1%2C512%20L%2016.5%2C510%20L%2015.6%2C508%20L%2015.0%2C506%20L%2014.1%2C504%20L%2014.3%2C502%20L%2015.4%2C500%20L%2015.1%2C498%20L%2013.9%2C496%20L%2014.3%2C494%20L%2015.4%2C492%20L%2014.7%2C490%20L%2013.0%2C488%20L%2013.0%2C486%20L%2013.8%2C484%20L%2014.2%2C482%20L%2015.2%2C480%20L%2016.5%2C478%20L%2016.3%2C476%20L%2015.5%2C474%20L%2016.4%2C472%20L%2017.6%2C470%20L%2017.0%2C468%20L%2016.0%2C466%20L%2017.0%2C464%20L%2018.8%2C462%20L%2019.4%2C460%20L%2019.8%2C458%20L%2020.3%2C456%20L%2019.7%2C454%20L%2018.8%2C452%20L%2019.4%2C450%20L%2020.2%2C448%20L%2019.3%2C446%20L%2018.4%2C444%20L%2019.7%2C442%20L%2021.1%2C440%20L%2020.6%2C438%20L%2019.7%2C436%20L%2019.3%2C434%20L%2018.5%2C432%20L%2017.7%2C430%20L%2018.4%2C428%20L%2019.1%2C426%20L%2018.3%2C424%20L%2017.9%2C422%20L%2019.4%2C420%20L%2020.4%2C418%20L%2019.2%2C416%20L%2018.1%2C414%20L%2018.3%2C412%20L%2018.7%2C410%20L%2018.9%2C408%20L%2020.3%2C406%20L%2021.4%2C404%20L%2021.1%2C402%20L%2021.2%2C400%20L%2022.8%2C398%20L%2023.5%2C396%20L%2022.2%2C394%20L%2021.6%2C392%20L%2022.9%2C390%20L%2024.1%2C388%20L%2024.6%2C386%20L%2025.5%2C384%20L%2026.1%2C382%20L%2025.3%2C380%20L%2025.0%2C378%20L%2026.0%2C376%20L%2025.8%2C374%20L%2024.1%2C372%20L%2023.8%2C370%20L%2025.4%2C368%20L%2026.2%2C366%20L%2025.6%2C364%20L%2025.2%2C362%20L%2024.8%2C360%20L%2023.5%2C358%20L%2022.8%2C356%20L%2023.3%2C354%20L%2023.0%2C352%20L%2021.5%2C350%20L%2021.8%2C348%20L%2023.5%2C346%20L%2023.7%2C344%20L%2022.3%2C342%20L%2021.5%2C340%20L%2021.5%2C338%20L%2021.0%2C336%20L%2021.0%2C334%20L%2022.0%2C332%20L%2022.3%2C330%20L%2021.7%2C328%20L%2022.6%2C326%20L%2024.3%2C324%20L%2024.0%2C322%20L%2022.2%2C320%20L%2022.0%2C318%20L%2022.9%2C316%20L%2023.2%2C314%20L%2023.5%2C312%20L%2024.4%2C310%20L%2024.5%2C308%20L%2023.8%2C306%20L%2024.2%2C304%20L%2024.9%2C302%20L%2023.6%2C300%20L%2021.5%2C298%20L%2021.6%2C296%20L%2022.8%2C294%20L%2022.7%2C292%20L%2022.1%2C290%20L%2022.1%2C288%20L%2021.4%2C286%20L%2020.1%2C284%20L%2019.7%2C282%20L%2019.7%2C280%20L%2018.1%2C278%20L%2016.5%2C276%20L%2017.4%2C274%20L%2018.8%2C272%20L%2018.3%2C270%20L%2017.1%2C268%20L%2016.8%2C266%20L%2016.5%2C264%20L%2015.6%2C262%20L%2015.6%2C260%20L%2016.2%2C258%20L%2015.5%2C256%20L%2015.3%2C254%20L%2017.0%2C252%20L%2018.5%2C250%20L%2017.6%2C248%20L%2016.3%2C246%20L%2016.6%2C244%20L%2017.0%2C242%20L%2016.8%2C240%20L%2017.3%2C238%20L%2018.2%2C236%20L%2018.1%2C234%20L%2018.0%2C232%20L%2019.4%2C230%20L%2019.8%2C228%20L%2018.0%2C226%20L%2016.5%2C224%20L%2017.1%2C222%20L%2017.8%2C220%20L%2017.4%2C218%20L%2017.4%2C216%20L%2017.8%2C214%20L%2017.2%2C212%20L%2016.6%2C210%20L%2016.9%2C208%20L%2016.4%2C206%20L%2014.3%2C204%20L%2013.3%2C202%20L%2014.8%2C200%20L%2015.7%2C198%20L%2015.1%2C196%20L%2014.8%2C194%20L%2015.2%2C192%20L%2014.8%2C190%20L%2014.3%2C188%20L%2014.7%2C186%20L%2014.6%2C184%20L%2013.7%2C182%20L%2014.3%2C180%20L%2016.7%2C178%20L%2017.9%2C176%20L%2017.1%2C174%20L%2016.9%2C172%20L%2017.7%2C170%20L%2017.9%2C168%20L%2017.8%2C166%20L%2018.6%2C164%20L%2019.2%2C162%20L%2019.1%2C160%20L%2020.2%2C158%20L%2022.2%2C156%20L%2022.4%2C154%20L%2020.6%2C152%20L%2020.2%2C150%20L%2021.1%2C148%20L%2021.2%2C146%20L%2020.8%2C144%20L%2021.3%2C142%20L%2021.7%2C140%20L%2021.4%2C138%20L%2021.7%2C136%20L%2022.5%2C134%20L%2021.3%2C132%20L%2019.2%2C130%20L%2019.0%2C128%20L%2020.4%2C126%20L%2020.6%2C124%20L%2020.0%2C122%20L%2020.4%2C120%20L%2021.0%2C118%20L%2020.6%2C116%20L%2020.6%2C114%20L%2021.0%2C112%20L%2020.0%2C110%20L%2019.0%2C108%20L%2020.2%2C106%20L%2022.5%2C104%20L%2022.9%2C102%20L%2022.3%2C100%20L%2023.0%2C98%20L%2023.8%2C96%20L%2023.5%2C94%20L%2023.5%2C92%20L%2024.0%2C90%20L%2023.8%2C88%20L%2023.8%2C86%20L%2025.6%2C84%20L%2027.4%2C82%20L%2026.8%2C80%20L%2025.5%2C78%20L%2025.7%2C76%20L%2026.2%2C74%20L%2025.5%2C72%20L%2024.9%2C70%20L%2025.3%2C68%20L%2025.1%2C66%20L%2025.0%2C64%20L%2025.9%2C62%20L%2026.3%2C60%20L%2024.3%2C58%20L%2022.4%2C56%20L%2022.6%2C54%20L%2023.1%2C52%20L%2022.1%2C50%20L%2021.5%2C48%20L%2022.1%2C46%20L%2022.2%2C44%20L%2021.8%2C42%20L%2022.1%2C40%20L%2021.8%2C38%20L%2020.0%2C36%20L%2019.0%2C34%20L%2020.3%2C32%20L%2021.6%2C30%20L%2021.0%2C28%20L%2020.8%2C26%20L%2021.9%2C24%20L%2022.3%2C22%20L%2021.8%2C20%20L%2021.8%2C18%20L%2021.6%2C16%20L%2020.6%2C14%20L%2020.7%2C12%20L%2022.7%2C10%20L%2023.7%2C8%20L%2022.6%2C6%20L%2022.0%2C4%20L%2022.7%2C2%20L%2022.6%2C0%20Z%22%20fill=%22%23f5f0e6%22/%3E%3C/svg%3E");
    background-size: 100% 100%;
    z-index: 2;
}

.faq-cta-brush-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 28px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%2030%20600%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M%2030%2C0%20L%2030%2C600%20L%206.4%2C600%20L%207.0%2C598%20L%205.9%2C596%20L%205.2%2C594%20L%206.5%2C592%20L%207.4%2C590%20L%206.7%2C588%20L%206.7%2C586%20L%208.4%2C584%20L%209.9%2C582%20L%2010.3%2C580%20L%2010.8%2C578%20L%2011.0%2C576%20L%209.9%2C574%20L%209.7%2C572%20L%2011.3%2C570%20L%2012.2%2C568%20L%2011.4%2C566%20L%2011.5%2C564%20L%2013.1%2C562%20L%2013.7%2C560%20L%2012.8%2C558%20L%2012.1%2C556%20L%2011.7%2C554%20L%2010.8%2C552%20L%2010.8%2C550%20L%2012.2%2C548%20L%2012.5%2C546%20L%2011.2%2C544%20L%2011.1%2C542%20L%2012.3%2C540%20L%2012.1%2C538%20L%2010.4%2C536%20L%209.7%2C534%20L%2010.0%2C532%20L%2010.2%2C530%20L%2010.8%2C528%20L%2012.2%2C526%20L%2012.4%2C524%20L%2011.3%2C522%20L%2011.5%2C520%20L%2012.9%2C518%20L%2012.7%2C516%20L%2011.5%2C514%20L%2011.9%2C512%20L%2013.5%2C510%20L%2014.4%2C508%20L%2015.0%2C506%20L%2015.9%2C504%20L%2015.7%2C502%20L%2014.6%2C500%20L%2014.9%2C498%20L%2016.1%2C496%20L%2015.7%2C494%20L%2014.6%2C492%20L%2015.3%2C490%20L%2017.0%2C488%20L%2017.0%2C486%20L%2016.2%2C484%20L%2015.8%2C482%20L%2014.8%2C480%20L%2013.5%2C478%20L%2013.7%2C476%20L%2014.5%2C474%20L%2013.6%2C472%20L%2012.4%2C470%20L%2013.0%2C468%20L%2014.0%2C466%20L%2013.0%2C464%20L%2011.2%2C462%20L%2010.6%2C460%20L%2010.2%2C458%20L%209.7%2C456%20L%2010.3%2C454%20L%2011.2%2C452%20L%2010.6%2C450%20L%209.8%2C448%20L%2010.7%2C446%20L%2011.6%2C444%20L%2010.3%2C442%20L%208.9%2C440%20L%209.4%2C438%20L%2010.3%2C436%20L%2010.7%2C434%20L%2011.5%2C432%20L%2012.3%2C430%20L%2011.6%2C428%20L%2010.9%2C426%20L%2011.7%2C424%20L%2012.1%2C422%20L%2010.6%2C420%20L%209.6%2C418%20L%2010.8%2C416%20L%2011.9%2C414%20L%2011.7%2C412%20L%2011.3%2C410%20L%2011.1%2C408%20L%209.7%2C406%20L%208.6%2C404%20L%208.9%2C402%20L%208.8%2C400%20L%207.2%2C398%20L%206.5%2C396%20L%207.8%2C394%20L%208.4%2C392%20L%207.1%2C390%20L%205.9%2C388%20L%205.4%2C386%20L%204.5%2C384%20L%203.9%2C382%20L%204.7%2C380%20L%205.0%2C378%20L%204.0%2C376%20L%204.2%2C374%20L%205.9%2C372%20L%206.2%2C370%20L%204.6%2C368%20L%203.8%2C366%20L%204.4%2C364%20L%204.8%2C362%20L%205.2%2C360%20L%206.5%2C358%20L%207.2%2C356%20L%206.7%2C354%20L%207.0%2C352%20L%208.5%2C350%20L%208.2%2C348%20L%206.5%2C346%20L%206.3%2C344%20L%207.7%2C342%20L%208.5%2C340%20L%208.5%2C338%20L%209.0%2C336%20L%209.0%2C334%20L%208.0%2C332%20L%207.7%2C330%20L%208.3%2C328%20L%207.4%2C326%20L%205.7%2C324%20L%206.0%2C322%20L%207.8%2C320%20L%208.0%2C318%20L%207.1%2C316%20L%206.8%2C314%20L%206.5%2C312%20L%205.6%2C310%20L%205.5%2C308%20L%206.2%2C306%20L%205.8%2C304%20L%205.1%2C302%20L%206.4%2C300%20L%208.5%2C298%20L%208.4%2C296%20L%207.2%2C294%20L%207.3%2C292%20L%207.9%2C290%20L%207.9%2C288%20L%208.6%2C286%20L%209.9%2C284%20L%2010.3%2C282%20L%2010.3%2C280%20L%2011.9%2C278%20L%2013.5%2C276%20L%2012.6%2C274%20L%2011.2%2C272%20L%2011.7%2C270%20L%2012.9%2C268%20L%2013.2%2C266%20L%2013.5%2C264%20L%2014.4%2C262%20L%2014.4%2C260%20L%2013.8%2C258%20L%2014.5%2C256%20L%2014.7%2C254%20L%2013.0%2C252%20L%2011.5%2C250%20L%2012.4%2C248%20L%2013.7%2C246%20L%2013.4%2C244%20L%2013.0%2C242%20L%2013.2%2C240%20L%2012.7%2C238%20L%2011.8%2C236%20L%2011.9%2C234%20L%2012.0%2C232%20L%2010.6%2C230%20L%2010.2%2C228%20L%2012.0%2C226%20L%2013.5%2C224%20L%2012.9%2C222%20L%2012.2%2C220%20L%2012.6%2C218%20L%2012.6%2C216%20L%2012.2%2C214%20L%2012.8%2C212%20L%2013.4%2C210%20L%2013.1%2C208%20L%2013.6%2C206%20L%2015.7%2C204%20L%2016.7%2C202%20L%2015.2%2C200%20L%2014.3%2C198%20L%2014.9%2C196%20L%2015.2%2C194%20L%2014.8%2C192%20L%2015.2%2C190%20L%2015.7%2C188%20L%2015.3%2C186%20L%2015.4%2C184%20L%2016.3%2C182%20L%2015.7%2C180%20L%2013.3%2C178%20L%2012.1%2C176%20L%2012.9%2C174%20L%2013.1%2C172%20L%2012.3%2C170%20L%2012.1%2C168%20L%2012.2%2C166%20L%2011.4%2C164%20L%2010.8%2C162%20L%2010.9%2C160%20L%209.8%2C158%20L%207.8%2C156%20L%207.6%2C154%20L%209.4%2C152%20L%209.8%2C150%20L%208.9%2C148%20L%208.8%2C146%20L%209.2%2C144%20L%208.7%2C142%20L%208.3%2C140%20L%208.6%2C138%20L%208.3%2C136%20L%207.5%2C134%20L%208.7%2C132%20L%2010.8%2C130%20L%2011.0%2C128%20L%209.6%2C126%20L%209.4%2C124%20L%2010.0%2C122%20L%209.6%2C120%20L%209.0%2C118%20L%209.4%2C116%20L%209.4%2C114%20L%209.0%2C112%20L%2010.0%2C110%20L%2011.0%2C108%20L%209.8%2C106%20L%207.5%2C104%20L%207.1%2C102%20L%207.7%2C100%20L%207.0%2C98%20L%206.2%2C96%20L%206.5%2C94%20L%206.5%2C92%20L%206.0%2C90%20L%206.2%2C88%20L%206.2%2C86%20L%204.4%2C84%20L%202.6%2C82%20L%203.2%2C80%20L%204.5%2C78%20L%204.3%2C76%20L%203.8%2C74%20L%204.5%2C72%20L%205.1%2C70%20L%204.7%2C68%20L%204.9%2C66%20L%205.0%2C64%20L%204.1%2C62%20L%203.7%2C60%20L%205.7%2C58%20L%207.6%2C56%20L%207.4%2C54%20L%206.9%2C52%20L%207.9%2C50%20L%208.5%2C48%20L%207.9%2C46%20L%207.8%2C44%20L%208.2%2C42%20L%207.9%2C40%20L%208.2%2C38%20L%2010.0%2C36%20L%2011.0%2C34%20L%209.7%2C32%20L%208.4%2C30%20L%209.0%2C28%20L%209.2%2C26%20L%208.1%2C24%20L%207.7%2C22%20L%208.2%2C20%20L%208.2%2C18%20L%208.4%2C16%20L%209.4%2C14%20L%209.3%2C12%20L%207.3%2C10%20L%206.3%2C8%20L%207.4%2C6%20L%208.0%2C4%20L%207.3%2C2%20L%207.4%2C0%20Z%22%20fill=%22%23f5f0e6%22/%3E%3C/svg%3E");
    background-size: 100% 100%;
    z-index: 2;
}

/* Left illustration: magnifying glass vector */
.faq-cta-glass-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-cta-glass-img {
    width: 100%;
    max-width: 140px;
    height: auto;
    object-fit: contain;
    transform: rotate(-5deg);
}

/* Side doodles and hand-drawn text items */
.faq-cta-doodles-col {
    padding: 10px 0;
}

.faq-cta-doodle {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-bottom: 5px;
}

.faq-cta-doodle-text {
    font-family: 'Patrick Hand', 'Caveat', cursive;
    font-size: 24px;
    font-weight: 500;
    color: #1c1c2e;
    line-height: 1.2;
    margin-bottom: 4px;
    white-space: nowrap;
}

.faq-cta-doodle-underline {
    display: block;
    width: 100%;
    height: 8px;
    margin-top: -2px;
}

/* Right illustration: pine trees vector */
.faq-cta-trees-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-cta-trees-img {
    width: 100%;
    max-width: 150px;
    height: auto;
    object-fit: contain;
}

/* Center CTA Content */
.faq-cta-center-wrap {
    text-align: center;
    position: relative;
    z-index: 5;
    padding: 10px 0;
}

.faq-cta-title {
    font-family: var(--font-title);
    font-size: 42px;
    font-weight: 500;
    color: var(--dark-navy);
    margin-bottom: 12px;
    line-height: 1.2;
}

.faq-cta-title-underline-wrap {
    position: relative;
    display: inline-block;
    font-family: var(--font-title);
}

.faq-cta-title-underline {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 8px;
    pointer-events: none;
}

.faq-cta-subtitle {
    font-family: var(--font-body);
    font-size: 15.5px;
    font-weight: 500;
    color: var(--dark-navy);
    margin-bottom: 24px;
}

.faq-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #ff5e28; /* Solid bright orange */
    color: #ffffff !important;
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 700;
    padding: 15px 40px;
    border-radius: 12px;
    text-decoration: none !important;
    border: none;
    box-shadow: 0 4px 14px rgba(255, 94, 40, 0.25);
    transition: all 0.2s ease;
    width: 100%;
    max-width: 290px;
}

.faq-cta-btn svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.2;
}

.faq-cta-btn:hover {
    background-color: #e54b17;
    transform: translateY(-1.5px);
    box-shadow: 0 6px 18px rgba(255, 94, 40, 0.35);
}

.faq-cta-subtext {
    font-family: var(--font-body);
    font-size: 14.5px;
    font-weight: 600;
    color: var(--dark-navy);
    margin-top: 15px;
    margin-bottom: 0;
}

/* --- Responsive Adjustments --- */

/* Tablet (≤ 991px) */
@media (max-width: 991.98px) {
    .faq-hero-title {
        font-size: 42px;
    }
    .faq-notepad-wrap {
        margin: 0 auto;
    }
    .faq-notepad-container {
        transform: none;
        margin-top: 25px;
        min-height: auto;
    }
    .faq-notepad-container:hover {
        transform: translateY(-3px);
    }
    .faq-category-title {
        font-size: 26px;
    }
    .faq-cta-title {
        font-size: 30px;
    }
    .faq-cta-doodle-text {
        font-size: 17px;
    }
    .faq-cta-glass-img {
        max-width: 100px;
    }
    .faq-cta-trees-img {
        max-width: 100px;
    }
}

/* Mobile (≤ 767px) — tablets and phones */
@media (max-width: 767.98px) {
    .faq-hero-title {
        font-size: 36px;
    }

    /* Tab nav: col-3 grid handles equal width, button is column layout */
    .faq-tab-btn {
        flex-direction: column;
        gap: 4px;
        padding: 8px 4px;
        font-size: 10px;
        min-height: 64px;
        border-radius: 10px 10px 0 0;
    }
    /* Icons always visible — fixed size, not clamp */
    .faq-tab-icon-img {
        width: 24px;
        height: 24px;
    }
    /* Hide wobbly underline inside tab on mobile to save space */
    .faq-tab-underline-svg {
        display: none;
    }

    /* Category card — keep left padding for wobbly line */
    .faq-category-card {
        padding: 28px 14px 28px 46px;
        border-radius: 0 10px 10px 10px;
    }
    .faq-wobbly-line-wrap {
        left: 16px;
        top: 20px;
        bottom: 20px;
    }
    .faq-accordion-trigger {
        padding: 14px 54px 14px 16px;
        font-size: 14.5px;
    }
    .faq-accordion-toggle-icon {
        width: 44px;
        font-size: 18px;
    }
    .faq-accordion-body {
        padding: 0 16px 16px;
        font-size: 14px;
    }

    /* CTA section: well-proportioned for mobile */
    .faq-bottom-cta-banner {
        padding: 35px 15px 30px;
    }
    .faq-cta-glass-img {
        max-width: 110px;
        transform: rotate(-5deg);
    }
    .faq-cta-trees-img {
        max-width: 110px;
    }
    .faq-cta-doodle-text {
        font-size: 15px;
    }
    .faq-cta-title {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .faq-cta-subtitle {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .faq-cta-btn {
        font-size: 15px;
        padding: 11px 24px;
        max-width: 230px;
        border-radius: 10px;
    }
    .faq-cta-btn svg {
        width: 19px;
        height: 19px;
    }
}

/* Small phones (≤ 390px, e.g., iPhone SE) */
@media (max-width: 390px) {
    .faq-tab-btn {
        font-size: 9px;
        padding: 7px 2px;
        min-height: 58px;
        gap: 3px;
    }
    .faq-tab-icon-img {
        width: 22px;
        height: 22px;
    }
    /* Compact CTA on small phones */
    .faq-bottom-cta-banner {
        padding: 28px 12px 24px;
    }
    .faq-cta-glass-img {
        max-width: 105px;
    }
    .faq-cta-trees-img {
        max-width: 105px;
    }
    .faq-cta-title {
        font-size: 22px;
    }
    .faq-cta-subtitle {
        font-size: 13.5px;
        margin-bottom: 15px;
    }
    .faq-cta-btn {
        font-size: 14px;
        padding: 10px 18px;
        max-width: 200px;
    }
    .faq-cta-btn svg {
        width: 17px;
        height: 17px;
    }
}

/* Custom tab and header icon images */
.faq-tab-icon-img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    transition: filter 0.2s ease;
    flex-shrink: 0;
}

.faq-cat-icon-outer img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}