/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            3.5.4
 * Tested up to:       6.5
 * Requires at least:  5.6
 * Requires PHP:       7.2
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Theme URI:          https://oceanwp.org/
 * Description:        OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Tags:               two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
 *
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned
 * with others.
 *
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 *
 * CSS file is in "assets/css"
 */

.gfield_radio {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.gfield_radio li {
    padding: 0 !important;
    position: relative;
    margin: 0 !important;
}

.gfield_radio li input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.gfield_radio li label {
    padding: 14px 16px !important;
    border: 1px solid #B87332;
    position: relative;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    transition: border-color .16s cubic-bezier(.4, 0, .2, 1), background .16s cubic-bezier(.4, 0, .2, 1), color .16s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
}

/* =============================================================
   ARQ Q Form — .form-band styles  (mirrors Netlify design)
   Scoped to #gform_wrapper_2 / form ID 2
   v2 — fixes quiz row grid + progress data attrs
   ============================================================= */

/* ── ARQ brand tokens ──────────────────────────────────────── */
:root {
    --arq-copper-700: #994B22;
    --arq-copper-500: #B87332;
    --arq-copper-300: #C5B49D;
    --arq-ink-900:    #232323;
    --arq-ink-700:    #575757;
    --arq-ink-600:    #828282;
    --arq-ink-400:    #BDBDBD;
    --arq-ink-200:    #E8E8E8;
    --arq-alabaster:  #EEEAE2;
    --arq-font-display: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
    --arq-font-body:    'Bitter', Georgia, 'Times New Roman', serif;
    --arq-font-ui:      'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
}

/* ── Outer band padding ────────────────────────────────────── */
#gform_wrapper_2 {
    max-width: none !important;
    padding: 0 !important;
    background: #fff;
    box-sizing: border-box;
}

/* ── Two-column layout (shell + rail) ─────────────────────── */
.arq-qform-layout {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 760px) 240px;
    justify-content: center;
    gap: 24px;
    align-items: start;
}
.arq-qform-shell {
    grid-column: 1;
    grid-row: 1;
    border: 1.5px solid var(--arq-copper-300);
    background: #fff;
}

/* ── Sections rail (sidebar) ───────────────────────────────── */
.arq-qform-rail {
    grid-column: 2;
    grid-row: 1;
    position: sticky;
    top: 24px;
    border: 1px solid var(--arq-copper-300);
    background: #fff;
    padding: 26px 22px;
}
.arq-qform-rail-title {
    font-family: var(--arq-font-ui);
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--arq-copper-500);
    margin: 0 0 16px;
}
.arq-qform-rail-list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: rail-step;
}
.arq-qform-rail-list li {
    counter-increment: rail-step;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    font-family: var(--arq-font-body);
    font-size: 14px;
    line-height: 22px;
    color: var(--arq-ink-600);
    border-bottom: 1px solid var(--arq-ink-200);
}
.arq-qform-rail-list li:last-child {
    border-bottom: none;
}
.arq-qform-rail-list li::before {
    content: counter(rail-step, decimal-leading-zero);
    font-family: var(--arq-font-ui);
    font-weight: 700;
    font-size: 12px;
    color: var(--arq-ink-400);
    flex: none;
    min-width: 22px;
    margin-top: 2px;
}
.arq-qform-rail-list li.is-current {
    color: var(--arq-ink-900);
    font-weight: 500;
}
.arq-qform-rail-list li.is-current::before {
    color: var(--arq-copper-500);
}
.arq-qform-rail-list li.is-done::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: var(--arq-copper-500);
    border-radius: 50%;
    margin: 9px 8px 0 0;
    min-width: auto;
}

/* ── Progress header ───────────────────────────────────────── */
/* Hide GF's empty anchor div that causes blank space at top */
#gform_wrapper_2 .gform_anchor {
    display: none !important;
}
#gform_wrapper_2 .gform_heading {
    display: none !important;
}
#gform_wrapper_2 .gf_progressbar_wrapper {
    padding: 28px 40px 22px !important;
    border-bottom: 1px solid var(--arq-copper-300);
    background: #fff;
    margin: 0 !important;
}
/* "STEP X OF 9 — SECTION NAME" row */
#gform_wrapper_2 .gf_progressbar_title {
    font-family: var(--arq-font-ui) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--arq-copper-500) !important;
    margin: 0 0 8px !important;
    text-indent: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
}
/* Section name heading — PHP injects a <span class="arq-section-name"> via filter */
#gform_wrapper_2 .arq-section-name {
    display: block !important;
    font-family: var(--arq-font-display) !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    line-height: 34px !important;
    color: var(--arq-ink-900) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 8px 0 18px !important;
}
/* "XX% Complete" — PHP injects <span class="arq-pct-label"> */
#gform_wrapper_2 .arq-pct-label {
    font-family: var(--arq-font-ui) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: var(--arq-ink-600) !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    white-space: nowrap !important;
}
/* Progress bar track + fill */
#gform_wrapper_2 .gf_progressbar {
    height: 4px !important;
    background: var(--arq-copper-300) !important;
    border-radius: 0 !important;
    overflow: hidden;
}
#gform_wrapper_2 .gf_progressbar_percentage {
    height: 100% !important;
    background: var(--arq-copper-500) !important;
    border-radius: 0 !important;
    transition: width .32s cubic-bezier(.4,0,.2,1) !important;
}
#gform_wrapper_2 .gf_progressbar_percentage span {
    display: none !important;   /* hide "11%" text inside the bar */
}

/* ── Fields area ───────────────────────────────────────────── */
#gform_wrapper_2 .gform_body,
#gform_wrapper_2 .gform_page,
#gform_wrapper_2 .gform_page_fields {
    padding: 0 !important;
}
#gform_wrapper_2 .gform_fields {
    list-style: none !important;
    margin: 0 !important;
    padding: 36px 40px 12px !important;
    counter-reset: q-counter; /* no !important — inline style from PHP can override per-page */
}

/* ── HTML intro field (left-border blockquote style) ────────── */
#gform_wrapper_2 .gfield--type-html:not(#field_2_56):not(#field_2_50) {
    font-family: var(--arq-font-body) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: var(--arq-ink-700) !important;
    margin: 0 0 24px !important;
    padding: 4px 0 4px 16px !important;
    border-left: 3px solid var(--arq-copper-300) !important;
    list-style: none !important;
}
#gform_wrapper_2 .gfield--type-html:not(#field_2_56):not(#field_2_50) * {
    font-size: inherit !important;
    color: inherit !important;
    font-family: inherit !important;
    margin: 0 !important;
}

/* ── Quiz question rows ─────────────────────────────────────── */
/* Use padding-left to make room for the absolute-positioned number */
#gform_wrapper_2 .gfield--type-quiz {
    position: relative !important;
    display: block !important;
    padding: 28px 0 28px 76px !important;  /* 76px = 56px col + 20px gap */
    border-bottom: 1px solid var(--arq-ink-200) !important;
    list-style: none !important;
    counter-increment: q-counter !important;
    margin: 0 !important;
}
#gform_wrapper_2 .gfield--type-quiz:last-child {
    border-bottom: none !important;
}
/* Numbered counter (01, 02 …) — absolutely positioned in the left gutter */
#gform_wrapper_2 .gfield--type-quiz::before {
    content: counter(q-counter, decimal-leading-zero) !important;
    position: absolute !important;
    left: 0 !important;
    top: 28px !important;
    width: 56px !important;
    font-family: var(--arq-font-display) !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: var(--arq-copper-500) !important;
    letter-spacing: 0.04em !important;
    border-top: 2px solid var(--arq-copper-500) !important;
    padding-top: 4px !important;
}
/* Question label */
#gform_wrapper_2 .gfield--type-quiz .gfield_label {
    font-family: var(--arq-font-body) !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    line-height: 28px !important;
    color: var(--arq-ink-900) !important;
    margin: 0 0 16px !important;
    display: block !important;
}

/* ── Radio choice grid ──────────────────────────────────────── */
#gform_wrapper_2 .gfield--type-quiz .ginput_container,
#gform_wrapper_2 .gfield--type-quiz .ginput_container_radio {
    display: block !important;
    width: 100% !important;
}
#gform_wrapper_2 .gfield--type-quiz .gfield_radio,
#gform_wrapper_2 .gfield_radio {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
#gform_wrapper_2 .gchoice {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Hide native radio */
#gform_wrapper_2 .gchoice input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
/* Styled label as button */
#gform_wrapper_2 .gchoice .gform-field-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border: 1px solid var(--arq-copper-300) !important;
    background: #fff !important;
    padding: 14px 16px !important;
    font-family: var(--arq-font-ui) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--arq-ink-900) !important;
    cursor: pointer !important;
    user-select: none !important;
    min-height: 48px !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: border-color .16s ease, background .16s ease, color .16s ease !important;
    max-width: 100%;
}
#gform_wrapper_2 .gchoice:hover .gform-field-label {
    border-color: var(--arq-copper-500) !important;
}
#gform_wrapper_2 .gchoice input[type="radio"]:checked + .gform-field-label {
    background: var(--arq-copper-500) !important;
    color: #fff !important;
    border-color: var(--arq-copper-500) !important;
}
#gform_wrapper_2 .gchoice input[type="radio"]:checked + .gform-field-label:hover {
    background: var(--arq-copper-700) !important;
    border-color: var(--arq-copper-700) !important;
}

/* ── Step nav (Prev / Next) ─────────────────────────────────── */
#gform_wrapper_2 .gform_page_footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 24px 40px 32px !important;
    border-top: 1px solid var(--arq-copper-300) !important;
    margin-top: 24px !important;
    background: #fff !important;
    gap: 16px !important;
}
/* Hint text */
.arq-nav-hint {
    font-family: var(--arq-font-ui);
    font-size: 13px;
    color: var(--arq-ink-600);
}
/* Next / Submit — copper fill, SVG arrow inline */
#gform_wrapper_2 .gform_next_button,
#gform_wrapper_2 .gform_button,
#gform_wrapper_2 button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--arq-copper-500) !important;
    color: #fff !important;
    font-family: var(--arq-font-ui) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 16px 22px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition: background .18s ease !important;
    box-shadow: none !important;
}
#gform_wrapper_2 .gform_next_button:hover,
#gform_wrapper_2 .gform_button:hover,
#gform_wrapper_2 button[type="submit"]:hover {
    background: var(--arq-copper-700) !important;
}
/* Prev / Back — ghost copper, SVG arrow inline */
#gform_wrapper_2 .gform_previous_button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    color: var(--arq-copper-500) !important;
    font-family: var(--arq-font-ui) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 16px 8px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition: color .18s ease !important;
    box-shadow: none !important;
}
#gform_wrapper_2 .gform_previous_button:hover {
    color: var(--arq-copper-700) !important;
}
#gform_wrapper_2 .gform_previous_button svg,
#gform_wrapper_2 .gform_next_button svg,
#gform_wrapper_2 .gform_button svg,
#gform_wrapper_2 button[type="submit"] svg {
    flex: none;
}

/* ── Contact page (page 9) ──────────────────────────────────── */
/* Section title html field */
#field_2_56 {
    grid-column: 1 / -1;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: none !important;
    list-style: none !important;
}
#field_2_56 h2 {
    font-family: var(--arq-font-display) !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: var(--arq-ink-900) !important;
    margin: 0 !important;
}
/* Intro / disclaimer block */
#field_2_50 {
    grid-column: 1 / -1;
    font-family: var(--arq-font-body) !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: var(--arq-ink-900) !important;
    background: var(--arq-alabaster) !important;
    padding: 20px 22px !important;
    border-left: 3px solid var(--arq-copper-500) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin: 0 0 28px !important;
    list-style: none !important;
}
/* Two-column grid for contact inputs */
#gform_page_2_9 .gform_fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
    counter-reset: none !important;
    padding: 36px 40px 28px !important;
}
/* Opt-in checkbox spans full width */
#field_2_55 {
    grid-column: 1 / -1;
    padding: 0 !important;
    margin-top: 4px !important;
    list-style: none !important;
}
/* Text / email / phone inputs */
#gform_page_2_9 .ginput_container input[type="text"],
#gform_page_2_9 .ginput_container input[type="email"],
#gform_page_2_9 .ginput_container input[type="tel"] {
    width: 100% !important;
    border: 1.5px solid var(--arq-copper-300) !important;
    border-radius: 0 !important;
    padding: 14px 16px !important;
    font-family: var(--arq-font-ui) !important;
    font-size: 15px !important;
    color: var(--arq-ink-900) !important;
    background: #fff !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color .16s ease !important;
}
#gform_page_2_9 .ginput_container input:focus {
    border-color: var(--arq-copper-500) !important;
    box-shadow: none !important;
}
#gform_page_2_9 .gfield_label {
    font-family: var(--arq-font-ui) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--arq-ink-700) !important;
    margin: 0 0 8px !important;
    display: block !important;
}
/* Checkbox opt-in */
#gform_page_2_9 .gfield_checkbox {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#gform_page_2_9 #field_2_55 .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 0 !important;
    position: static !important;
}
#gform_page_2_9 #field_2_55 .gchoice input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    flex: none !important;
    position: relative !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    accent-color: var(--arq-copper-500) !important;
    margin-top: 2px !important;
    cursor: pointer !important;
}
#gform_page_2_9 #field_2_55 .gchoice .gform-field-label {
    display: inline !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    font-family: var(--arq-font-body) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--arq-ink-900) !important;
    min-height: auto !important;
    width: auto !important;
    text-align: left !important;
    cursor: pointer !important;
}

/* ── Strip GF / OceanWP defaults ──────────────────────────── */
#gform_wrapper_2 .gform-theme-button {
    background: var(--arq-copper-500) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#gform_wrapper_2 .gform_page {
    border: none !important;
    box-shadow: none !important;
}
#gform_wrapper_2 ul.gform_fields li.gfield {
    padding-right: 0 !important;
}

/* ── PP Gravity Forms wrapper — strip plugin defaults ──────── */
.pp-contact-form.pp-gravity-form {
    padding: 0 !important;
    margin: 0 !important;
}
.pp-gravity-form-title,
.pp-gravity-form-description {
    display: none !important;
}

/* ── Form band section padding ─────────────────────────────── */
/* Elementor container 4575b41 wraps the form widget */
.elementor-element-4575b41 {
    padding-top: 56px !important;
    padding-bottom: 96px !important;
    background-color: #fff !important;
}

/* ── Footer nav order: [← Back]  [hint]  [Continue →] ──────── */
/* flex-start + margin-left:auto on the CTA pushes it to far right */
#gform_wrapper_2 .gform_page_footer {
    justify-content: space-between !important;
}
/* Back: default order (0), no auto margins — stays at the left */
#gform_wrapper_2 .gform_previous_button {
    order: 0 !important;
}
/* Hint text: between Back and Next */
.arq-nav-hint {
    order: 2 !important;
    margin-left: auto !important;
}
/* Next / Submit: pushed to far right via margin-left: auto */
#gform_wrapper_2 .gform_next_button,
#gform_wrapper_2 .gform_button,
#gform_wrapper_2 button[type="submit"] {
    order: 3 !important;
}

/* ── Arrow SVG inside converted <button> elements ──────────── */
.arq-btn-arrow {
    flex: none;
    vertical-align: middle;
}

/* ── Hide redundant Contact Info title in form body ─────────── */
/* PHP filter already shows it in the progress header */
#field_2_56 {
    display: none !important;
}

/* ── Page 9 field order: disclaimer → inputs → checkbox ───── */
#gform_page_2_9 .gform_fields {
    display: grid !important;
}
#field_2_50  { order: 1 !important; }  /* disclaimer intro */
#field_2_51  { order: 2 !important; }  /* first name */
#field_2_52  { order: 3 !important; }  /* last name */
#field_2_54  { order: 4 !important; }  /* email */
#field_2_82  { order: 5 !important; }  /* phone */
#field_2_55  { order: 6 !important; }  /* opt-in checkbox */

/* ── Hint text: general (pages 1-8) vs final (page 9) ─────────── */
.arq-nav-hint--final { display: none; }
#gform_page_2_9 .arq-nav-hint--general { display: none !important; }
#gform_page_2_9 .arq-nav-hint--final   { display: inline !important; }

/* ── Fix sticky rail: body overflow-x:hidden breaks position:sticky ── */
/* overflow-x:clip clips visually without creating a scroll container  */
body.page-id-1194 {
    overflow-x: clip !important;
}

/* ── Sticky rail: adjust top when WP admin bar is visible ──────── */
body.admin-bar .arq-qform-rail {
    top: 56px; /* 32px admin bar + 24px gap */
}

/* ── Intro section wrapper tweaks ─────────────────────────────── */
/* Ensure content inside the intro hero doesn't overflow */
.elementor-element-e398a17 .e-con-inner {
    max-width: 1180px;
    margin: 0 auto;
    width: 100%;
}

/* ── Responsive ────────────────────────────────────────────── */

/* ── max 980px: single-column, hide rail, reduce side padding ── */
@media (max-width: 980px) {
    .arq-qform-layout {
        display: block;
        max-width: 880px;
        padding: 0;
    }
    .arq-qform-rail {
        display: none;
    }
    /* Reduce progress / body / footer side padding to 24px */
    #gform_wrapper_2 .gf_progressbar_wrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    #gform_wrapper_2 .gform_fields {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    #gform_wrapper_2 .gform_page_footer {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* ── max 640px: no border, stacked footer, "Question N" label ── */
@media (max-width: 640px) {
    /* Shell: edge-to-edge, no border card */
    .arq-qform-shell {
        border: none;
        min-height: 0;
    }
    /* Progress header */
    #gform_wrapper_2 .gf_progressbar_wrapper {
        padding: 22px 20px 18px !important;
    }
    #gform_wrapper_2 .arq-section-name {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    /* Question body padding */
    #gform_wrapper_2 .gform_fields {
        padding: 24px 20px 8px !important;
    }
    /* Intro blockquote tighter */
    #gform_wrapper_2 .gfield--type-html:not(#field_2_56):not(#field_2_50) {
        padding: 4px 0 4px 14px !important;
        font-size: 15px !important;
    }
    /* Question rows: remove left-gutter, collapse to single column */
    #gform_wrapper_2 .gfield--type-quiz {
        padding: 22px 0 !important;
    }
    /* q-num: change from absolute "01" to inline "Question N" */
    #gform_wrapper_2 .gfield--type-quiz::before {
        content: "Question " counter(q-counter) !important;
        position: static !important;
        display: block !important;
        width: auto !important;
        left: auto !important;
        top: auto !important;
        font-size: 13px !important;
        font-family: var(--arq-font-ui) !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: var(--arq-copper-500) !important;
        border-top: none !important;
        padding-top: 0 !important;
        margin-bottom: 6px !important;
    }
    /* 2×2 radio grid, smaller buttons */
    #gform_wrapper_2 .gfield--type-quiz .gfield_radio,
    #gform_wrapper_2 .gfield_radio {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    #gform_wrapper_2 .gfield_radio li label {
        padding: 12px 10px !important;
        font-size: 13.5px !important;
    }
    /* Footer: stacked column-reverse, no top border */
    #gform_wrapper_2 .gform_page_footer {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        gap: 4px !important;
        border-top: none !important;
        padding: 12px 20px 20px !important;
        margin-top: 0 !important;
        justify-content: flex-start !important;
    }
    /* Continue / Submit: full width, centered */
    #gform_wrapper_2 .gform_next_button,
    #gform_wrapper_2 .gform_button,
    #gform_wrapper_2 button[type="submit"] {
        width: 100% !important;
        justify-content: center !important;
        padding: 16px 20px !important;
        margin-left: 0 !important;
        order: 0 !important;
    }
    /* Back button: centered ghost */
    #gform_wrapper_2 .gform_previous_button {
        justify-content: center !important;
        padding: 10px 0 !important;
        order: 1 !important;
        width: 100% !important;
    }
    /* Hide hint text on all pages at mobile */
    .arq-nav-hint,
    #gform_page_2_9 .arq-nav-hint--final {
        display: none !important;
    }
    /* Contact page fields: single column */
    #gform_page_2_9 .gform_fields {
        grid-template-columns: 1fr !important;
    }
}