/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 20 2026 | 02:27:01 */
/* Premium Sage & Mint Editorial Styling Overrides */

:root {
    --gd: #0c2620 !important;
    /* Soft dark spruce green */
    --gp: #1b4f42 !important;
    /* Soothing deep forest-pine */
    --gm: #266657 !important;
    /* Medium soft forest green */
    --gc: #2aa883 !important;
    /* Soothing mint-emerald accent */
    --gch: #20876e !important;
    /* Accent hover state */
    --gl: #f3f8f6 !important;
    /* Off-white with a soft sage tint */
    --gp2: #dbe6e1 !important;
    /* Soft sage container background */
    --tx: #16231f !important;
    /* Soft dark gray text for high readability */
    --tx2: #3a4f47 !important;
    /* Soft medium dark text */
    --mu: #5c776e !important;
    /* Soft muted green-gray text */
    --bd: #cbd8d2 !important;
    /* Soft border color */
}

/* 1. Global Typography Scaling */
body {
    font-size: 16.5px !important;
}

p {
    font-size: 16.5px !important;
    line-height: 1.8 !important;
}

li {
    font-size: 16.5px !important;
}

/* 2. Topbar Refined sage-mint styling */
.topbar {
    background: #f0f7f4 !important;
    border-bottom: 1px solid #d3e5dd !important;
    padding: 10px 0 !important;
}

.tbl a {
    font-size: 13px !important;
    color: #2c463d !important;
    font-weight: 500 !important;
}

.tbl a svg {
    fill: #2c463d !important;
}

.tbl a:hover {
    color: #007c5e !important;
}

.tbl a:hover svg {
    fill: #007c5e !important;
}

.tbr a {
    font-size: 13px !important;
    color: #5c7c70 !important;
    border-right: 1px solid #d3e5dd !important;
    font-weight: 500 !important;
}

.tbr a:hover {
    color: #2c463d !important;
}

.tbr .thl {
    color: #00634e !important;
    font-weight: 600 !important;
}

.topbar-acc-trigger {
    background: rgba(0, 77, 61, 0.05) !important;
    color: #2c463d !important;
    border: 1px solid rgba(0, 77, 61, 0.15) !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    padding: 4px 12px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.topbar-acc-trigger:hover {
    background: #004d3d !important;
    color: #ffffff !important;
    border-color: #004d3d !important;
}

/* 3. Header Glassmorphic Navigation */
.hdr {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #d3e5dd !important;
    height: 72px !important;
}

.hdr-i {
    height: 72px !important;
}

.nm-nav>ul>li>a {
    font-size: 13px !important;
    color: #2c463d !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    height: 72px !important;
}

.nm-nav>ul>li>a:hover {
    color: #008b68 !important;
}

.nm-has-drop:hover .arr {
    color: #008b68 !important;
}

.nm-mob-btn span {
    background: #2c463d !important;
}

/* Mobile Nav Lightening */
.nm-mob-nav {
    background: #ffffff !important;
    border-top: 1px solid #d3e5dd !important;
}

.nm-mob-nav a {
    color: #2c463d !important;
    border-bottom: 1px solid #e2eee8 !important;
}

.nm-mob-nav a:hover {
    color: #008b68 !important;
}

.nm-mob-parent {
    color: #5c7c70 !important;
}

.nm-mob-sub {
    background: #f8fbf9 !important;
}

.nm-mob-sub a {
    color: #5c7c70 !important;
}

/* 4. Path Box ("What brings you to Neumark today?") Refined Card Layout */
.path-box {
    background: #f0f7f4 !important;
    border: 1px solid #cce2d8 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 45, 35, 0.06) !important;
    padding: 28px !important;
}

.path-lbl {
    color: #2c463d !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    margin-bottom: 20px !important;
}

.path-card {
    background: #ffffff !important;
    border: 1px solid #dbeae2 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 45, 35, 0.01) !important;
    padding: 20px 16px !important;
}

.path-card:hover {
    background: #e6f2ec !important;
    border-color: var(--gc) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(0, 77, 61, 0.06) !important;
}

.path-card strong {
    color: #004d3d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.path-card span {
    color: #5c7c70 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
}

.path-av {
    background: #ffffff !important;
    border: 1px solid #dbeae2 !important;
    border-radius: 8px !important;
    margin-top: 16px !important;
    padding: 12px 16px !important;
}

.path-av span {
    color: #2c463d !important;
    font-size: 13px !important;
}

.path-av span strong {
    color: #00634e !important;
}

.avdot {
    background: var(--gc) !important;
}

.path-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4a685d !important;
    letter-spacing: .04em !important;
    text-transform: none !important;
    transition: var(--t) !important;
    text-decoration: none !important;
    border-top: 1px solid #dbeae2 !important;
    padding-top: 16px !important;
}

.path-link:hover {
    color: #004d3d !important;
}

/* 5. Very Stylish CTA Buttons (White Background, Dark Outline/Text, Solid Fill on Hover) */
.hero-ctas .btn-p {
    background: #ffffff !important;
    color: #004d3d !important;
    border: 2px solid #004d3d !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.05) !important;
    transition: all 0.24s ease !important;
}

.hero-ctas .btn-p:hover {
    background: #004d3d !important;
    color: #ffffff !important;
    border-color: #004d3d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 77, 61, 0.15) !important;
}

/* Specific overrides for WhatsApp Hero Button SVG icon */
.hero-ctas .btn-wa-hero svg {
    fill: #004d3d !important;
    transition: fill 0.24s ease !important;
}

.hero-ctas .btn-wa-hero:hover svg {
    fill: #ffffff !important;
}

/* 6. Soothing Hardcoded Green Overrides */

/* Hero Section Overlay and Trust Elements */
.hero-bg {
    background-image: url('https://firebasestorage.googleapis.com/v0/b/bux-maven.firebasestorage.app/o/companies%2F45a2d1ac-1a2b-4a0d-ab0c-7d7345bcb268%2Ftemplates%2Fc7e0a154-eb03-45fe-aaf6-a430987dc318%2Fimage_docs%2F40c2e0b3-239f-4218-b57d-e2fa6cab310a_1782106560026.png?alt=media&token=d02be45c-1b95-43be-9140-6dbb35610fef') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    filter: invert(0.95) hue-rotate(155deg) brightness(1.05) contrast(0.85) saturate(0.6) !important;
}

.hero-ov {
    background: linear-gradient(90deg, rgba(225, 238, 236, 0.96) 35%, rgba(225, 238, 236, 0.6) 100%) !important;
}

/* Light Hero Theme - Text Color Inversion */
.hero-ey {
    color: var(--gm) !important;
    font-weight: 700 !important;
}

.hero h1 {
    color: var(--gp) !important;
    /* Deep forest green */
}

.hero h1 em {
    color: var(--gc) !important;
    /* Mint accent */
}

.hero-lead {
    color: var(--tx2) !important;
    /* Soft dark text */
}

.htr-t strong {
    color: var(--tx) !important;
}

.htr-t span {
    color: var(--mu) !important;
}

.hero-ctas .btn-g {
    color: var(--gp) !important;
    border: 2px solid var(--gp) !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.03) !important;
    transition: all 0.24s ease !important;
    display: inline-flex !important;
    align-items: center !important;
}

.hero-ctas .btn-g:hover {
    background: var(--gp) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 77, 61, 0.12) !important;
}

@media (min-width: 992px) {
    .hero-g {
        grid-template-columns: 1fr 500px !important;
    }
}

.hero-tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
}

@media (max-width: 550px) {
    .hero-tr {
        grid-template-columns: 1fr !important;
    }
}

.htr-ic {
    background: rgba(42, 168, 131, 0.12) !important;
    border-color: rgba(42, 168, 131, 0.22) !important;
}

/* Insurance Info Strip */
.ins-strip {
    background: rgba(42, 168, 131, 0.08) !important;
    border: 1px solid rgba(42, 168, 131, 0.22) !important;
    border-radius: 8px !important;
}

.ins-strip span {
    color: var(--tx) !important;
    font-weight: 500 !important;
}

.ins-strip strong {
    color: var(--gp) !important;
    font-weight: 700 !important;
}

.ins-strip a {
    color: var(--gp) !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* Service Number Badges & Price Badges */
.svc-num {
    background: rgba(42, 168, 131, 0.18) !important;
    border-color: rgba(42, 168, 131, 0.3) !important;
}

.svc-pb {
    background: rgba(12, 38, 32, 0.7) !important;
    border-color: rgba(42, 168, 131, 0.3) !important;
}

/* Search Results Boxes */
.s-result.yes {
    background: rgba(42, 168, 131, 0.08) !important;
    border-color: rgba(42, 168, 131, 0.22) !important;
}

/* Bullet Checkmarks list */
.bk-pts li::before {
    background: rgba(42, 168, 131, 0.15) !important;
}

/* Availability Signal Badge in Form */
.av-sig {
    background: rgba(42, 168, 131, 0.07) !important;
    border-color: rgba(42, 168, 131, 0.18) !important;
}

/* Form Focus Rings */
.fg input:focus,
.fg select:focus,
.fg textarea:focus {
    box-shadow: 0 0 0 3px rgba(42, 168, 131, 0.1) !important;
}

/* Quote Cards & Note Boxes */
.quote-card {
    background: var(--gl) !important;
    border-color: rgba(42, 168, 131, 0.08) !important;
}

.quote-card-dark {
    background: linear-gradient(135deg, var(--gp), #0c2620) !important;
}

.note-box {
    background: var(--gl) !important;
    border-color: rgba(42, 168, 131, 0.08) !important;
}

/* Doctor Photo Caption Gradient Overlay */
.dr-ph-cap {
    background: linear-gradient(transparent, rgba(12, 38, 32, 0.92)) !important;
}

/* Image Placeholders */
.img-ph {
    background: rgba(12, 38, 32, 0.05) !important;
}

/* 7. Rounded and Soothing Box Layouts (Consistent with Path Box) */

/* General Box / Card Rounding & Border Styling */
.s-box,
.vs-b,
.f-card,
.svc-card,
.loc-card,
.vid-card {
    border-radius: 12px !important;
    border: 1px solid #cbd8d2 !important;
    box-shadow: 0 10px 30px rgba(0, 45, 35, 0.03) !important;
    overflow: hidden !important;
}

/* Lightening containers to match Path Box */
.s-box,
.vs-b,
.f-card {
    background: #f0f7f4 !important;
    /* Soft Sage Background */
    border-color: #cce2d8 !important;
    /* Soft Green Edging */
}

/* Screener (Risk Evaluator) Options */
.sq-opt {
    border-radius: 8px !important;
    border: 1.5px solid #cbd8d2 !important;
}

.sq-opt:hover,
.sq-opt.sel {
    border-color: var(--gc) !important;
    background: #ffffff !important;
}

/* Doctor Quote Box (Lightening and rounding) */
#doctor .dr-g div:has(> blockquote) {
    background: #f0f7f4 !important;
    border-radius: 12px !important;
    border: 1px solid #cce2d8 !important;
    box-shadow: 0 10px 30px rgba(0, 45, 35, 0.03) !important;
}

#doctor blockquote {
    color: var(--tx) !important;
}

#doctor cite {
    color: var(--gp) !important;
}

/* Doctor photo rounding */
.dr-ph {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Early Discovery Screener Section (Lightened Background) */
.screener {
    background: rgba(0, 77, 61, 0.1) !important;
    background-color: rgba(0, 77, 61, 0.1) !important;
}

.screener-l h2 {
    color: var(--gp) !important;
}

.screener-l p {
    color: var(--tx2) !important;
}

/* Early Discovery Quote card under header */
.screener-l div {
    background: #ffffff !important;
    border: 1px solid #cbd8d2 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 45, 35, 0.02) !important;
}

.screener-l div p {
    color: var(--tx) !important;
}

.screener-l div p:last-child {
    color: var(--gp) !important;
}

/* Comparison Table Overrides (Dark Green -> Light Sage) */
.vs-ti {
    color: var(--gp) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.vs-h {
    border-bottom: 1px solid #cbd8d2 !important;
    background: transparent !important;
}

.vs-h span {
    color: var(--mu) !important;
    font-weight: 600 !important;
}

.vs-r {
    border-bottom: 1px solid #cbd8d2 !important;
}

.vs-r span {
    color: var(--tx2) !important;
}

.vs-r span:first-child {
    color: var(--tx) !important;
    font-weight: 600 !important;
}

.vy {
    color: var(--gm) !important;
    /* Darker green for readability on light bg */
}

.vn {
    color: var(--mu) !important;
    text-decoration-color: #cbd8d2 !important;
}

.vs-cta {
    border-top: 1px solid #cbd8d2 !important;
}

/* Access Matrix CTA Button */
.vs-cta a {
    background: #ffffff !important;
    color: var(--gp) !important;
    border: 2px solid var(--gp) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 13px 28px !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.05) !important;
    transition: all 0.24s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vs-cta a:hover {
    background: var(--gp) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 77, 61, 0.15) !important;
    transform: translateY(-2px) !important;
}

/* Booking Form Elements */
.f-card h3 {
    color: var(--gp) !important;
    font-family: 'Jura', sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}

.f-card .av-sig {
    background: #ffffff !important;
    border: 1px solid #cbd8d2 !important;
    border-radius: 8px !important;
    color: var(--tx2) !important;
    padding: 12px 16px !important;
    font-weight: 500 !important;
}

.fg input,
.fg select,
.fg textarea {
    border-radius: 8px !important;
    border: 1px solid #cbd8d2 !important;
    background: #ffffff !important;
    color: var(--tx) !important;
    padding: 12px 14px !important;
}

.fg input:focus,
.fg select:focus,
.fg textarea:focus {
    border-color: var(--gc) !important;
    box-shadow: 0 0 0 3px rgba(42, 168, 131, 0.1) !important;
}

/* Booking Form CTA Buttons */
.btn-sub {
    background: var(--gp) !important;
    color: #ffffff !important;
    border: 2px solid var(--gp) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.05) !important;
    transition: all 0.24s ease !important;
    font-family: 'Manrope', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.btn-sub:hover {
    background: #12372e !important;
    border-color: #12372e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 77, 61, 0.15) !important;
}

.wa-b {
    background: #ffffff !important;
    color: var(--gp) !important;
    border: 2px solid var(--gp) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 13px 28px !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.05) !important;
    transition: all 0.24s ease !important;
    font-family: 'Manrope', sans-serif !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.wa-b:hover {
    background: var(--gp) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 77, 61, 0.15) !important;
}

.c-dir .wa-b {
    background: #ffffff !important;
    color: var(--gp) !important;
    border: 2px solid var(--gp) !important;
    border-radius: 8px !important;
}

.c-dir .wa-b:hover {
    background: var(--gp) !important;
    color: #ffffff !important;
}

/* Header Book Consultation Button Styling Override */
.nm-book {
    background: #ffffff !important;
    color: var(--gp) !important;
    border: 2px solid var(--gp) !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 8px 22px !important;
    transition: all 0.24s ease !important;
    box-shadow: 0 4px 12px rgba(0, 77, 61, 0.03) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.nm-book:hover {
    background: var(--gp) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 77, 61, 0.12) !important;
}

/* Header Logo Size Increase (15% larger) */
.hdr-logo img {
    height: 56px !important;
}

/* Global Structural Architecture Updates */
h1,
h2,
h3,
h4,
h5,
h6,
.hero-ey,
.step-n,
.jstep-c,
.vs-ti,
.c-ph,
.path-lbl {
    font-family: 'Jura', sans-serif !important;
}

p {
    margin-bottom: 22px !important;
    line-height: 1.78 !important;
}

.sec {
    padding: 54px 0 !important;
}

.svc-g,
.jny-g,
.loc-g {
    margin-top: 32px !important;
    gap: 24px !important;
}

.svc-card,
.jstep,
.loc-card {
    padding: 24px !important;
    margin-bottom: 16px;
}

/* Fixed Layout Vacuum Adjustments on Graphic Card Nodes */
.svc-img,
.loc-img,
.dr-ph {
    height: auto !important;
    max-height: 360px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: transparent !important;
}

.svc-img img,
.loc-img img,
.dr-ph img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* CSS Grid Table Integration: Prevents Structural Column Shifts */
.vs-b {
    padding: 24px !important;
}

.vs-h,
.vs-r {
    display: grid !important;
    grid-template-columns: 1.6fr 1.2fr 1.2fr !important;
    gap: 16px !important;
    align-items: center !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.vs-h {
    font-weight: 700 !important;
    background: rgba(0, 0, 0, 0.15) !important;
    padding: 14px 16px !important;
}

.vs-r {
    padding: 14px 16px !important;
}

.vs-cta {
    margin-top: 20px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.vs-cta a {
    width: 100% !important;
    text-align: center !important;
}

/* Topbar Senior Accessibility Toggle Alignment */
.topbar-acc-trigger {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.topbar-acc-trigger:hover {
    background: var(--gc);
    color: #0d1f18 !important;
    border-color: var(--gc);
}

/* Text Scaling Parameters Triggered on Accessibility Selection */
body.large-text p,
body.large-text li,
body.large-text td,
body.large-text .faq-a p,
body.large-text .hero-lead,
body.large-text .vs-r span,
body.large-text .ins-strip span {
    font-size: 122% !important;
    line-height: 1.85 !important;
}

body.large-text h3 {
    font-size: 116% !important;
}

body.large-text h2 {
    font-size: 112% !important;
}

.stat-num-wrapper {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}

.stat-num-wrapper .stat-n {
    display: inline-block !important;
    margin-bottom: 0;
}

/* Tighten path-cards spacing */
.path-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 6px !important;
}

.path-card .path-ic {
    margin-bottom: 0 !important;
}

.path-card strong {
    margin-bottom: 0 !important;
}

/* Align stats boxes vertically */
.stat-num-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: clamp(40px, 4.5vw, 60px) !important;
}

/* Light Theme Overrides for .auth, .sec-alt, and .book sections */
.auth,
.sec-alt,
.book {
    background: rgba(0, 77, 61, 0.1) !important;
    background-color: rgba(0, 77, 61, 0.1) !important;
}

.auth h2,
.sec-alt h2,
.book h2 {
    color: var(--gp) !important;
}

.auth p,
.auth-l>p,
.sec-alt p,
.book p,
.book-g>div>p,
.bk-pts li {
    color: var(--tx2) !important;
}

/* Auth Journal Cards (.jc) and Literature block */
.auth-g p {
    color: var(--tx2) !important;
}

.jc {
    background: #ffffff !important;
    border: 1px solid #cbd8d2 !important;
}

.jc:hover {
    background: #e6f2ec !important;
    border-color: var(--gc) !important;
}

.jc .jn {
    color: var(--gp) !important;
}

.jc .jt {
    color: var(--tx2) !important;
}

.jc .jl {
    color: var(--gch) !important;
}

/* Patient Journey (.jstep) adjustments */
.jstep-c {
    box-shadow: 0 0 0 6px #eef5f2 !important;
}

.jstep h3 {
    color: var(--gp) !important;
}

.jstep p {
    color: var(--tx2) !important;
}

/* Request a Consultation (.book) adjustments */
.c-dir {
    background: #ffffff !important;
    border: 1px solid #cbd8d2 !important;
}

.c-dir p {
    color: var(--mu) !important;
}

.c-ph {
    color: var(--gp) !important;
}

.c-hrs {
    color: var(--tx2) !important;
}

/* Footer Readability Improvements */
.ftr-br img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
}

.ftr-br p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 400 !important;
}

.ftr-col h4 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.ftr-col a {
    color: rgba(255, 255, 255, 0.8) !important;
    font-weight: 400 !important;
}

.ftr-col a:hover {
    color: var(--gc) !important;
}

.ftr-bot span {
    color: rgba(255, 255, 255, 0.65) !important;
    font-weight: 400 !important;
}

.disc {
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* 4b. Side Hero Box for Landers (Light theme, visible on all screen sizes) */
.side-hero-box {
    background: #f0f7f4 !important;
    border: 1px solid #cce2d8 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 45, 35, 0.06) !important;
    padding: 28px !important;
    display: block !important;
    /* Ensure it stays visible on mobile */
}

/* Ensure child elements match the light theme styling */
.side-hero-box .path-card {
    background: #ffffff !important;
    border: 1px solid #dbeae2 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 45, 35, 0.01) !important;
    padding: 20px 16px !important;
}

.side-hero-box .path-card strong {
    color: #004d3d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.side-hero-box .path-card span {
    color: #5c7c70 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
}

.side-hero-box .path-av {
    background: #ffffff !important;
    border: 1px solid #dbeae2 !important;
    border-radius: 8px !important;
    margin-top: 16px !important;
    padding: 12px 16px !important;
}

.side-hero-box .path-av span {
    color: #2c463d !important;
    font-size: 13px !important;
}

.side-hero-box .path-av span strong {
    color: #00634e !important;
}

/* Clean, modern list with custom bullet checkmarks for landing page side cards */
.price-list-new {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.price-list-new li {
    position: relative !important;
    padding-left: 24px !important;
    font-size: 13.5px !important;
    color: #2c463d !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
}

.price-list-new li:last-child {
    margin-bottom: 0 !important;
}

.price-list-new li::before {
    content: "\2713" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #00a878 !important;
    font-weight: 700 !important;
}

/* Side Hero CTA Button */
.side-hero-box .btn-p {
    background: #00a878 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 14px 24px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0, 168, 120, 0.2) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
}

.side-hero-box .btn-p:hover {
    background: #008f65 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 168, 120, 0.3) !important;
}



/* =====================================================
   INSURANCE BAND — minimal text-name scroller
   above Key Statistics
   ===================================================== */

.ins-band {
    background: rgba(225, 238, 236, 0.55) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-top: 1px solid rgba(200, 225, 215, 0.6) !important;
    border-bottom: 1px solid rgba(200, 225, 215, 0.6) !important;
    padding: 14px 0 !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Marquee track wrapper */
.ins-band-track-wrap {
    overflow: hidden !important;
    width: 100% !important;
    mask-image: linear-gradient(
        to right, transparent 0%, #000 6%, #000 94%, transparent 100%
    ) !important;
    -webkit-mask-image: linear-gradient(
        to right, transparent 0%, #000 6%, #000 94%, transparent 100%
    ) !important;
}

.ins-band-track {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: max-content !important;
    animation: insBandMarquee 28s linear infinite !important;
}

.ins-band-track-wrap:hover .ins-band-track {
    animation-play-state: paused !important;
}

@keyframes insBandMarquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ── Logo cards — white frosted glass ───────────────── */
.ins-band-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 108px !important;
    height: 60px !important;
    background: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(42, 168, 131, 0.14) !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    padding: 6px 8px !important;
    box-shadow: 0 2px 8px rgba(0, 50, 35, 0.05) !important;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    cursor: default !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.ins-band-card:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(42, 168, 131, 0.3) !important;
    box-shadow: 0 4px 14px rgba(0, 50, 35, 0.1) !important;
}

/* Brand symbol — same container */
.ins-band-sym {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* Use the original brand colours — they work on white/light cards */
.ins-band .sym-aia  { font-family: "Arial Black", Gadget, sans-serif !important; font-size: 15px !important; font-weight: 900 !important; color: #d31145 !important; letter-spacing: -0.5px !important; }
.ins-band .sym-pru  { font-family: "Georgia", serif !important; font-size: 13px !important; font-weight: bold !important; font-style: italic !important; color: #ed1b2e !important; }
.ins-band .sym-ge   { font-family: "Times New Roman", serif !important; font-size: 13.5px !important; font-weight: 900 !important; color: #e30613 !important; }
.ins-band .sym-hsbc { font-family: "Impact", Arial, sans-serif !important; font-size: 13.5px !important; font-weight: bold !important; color: #db0011 !important; letter-spacing: 0.2px !important; }
.ins-band .sym-income  { font-family: "Century Gothic", sans-serif !important; font-size: 12px !important; font-weight: 900 !important; color: #0072bc !important; font-style: italic !important; }
.ins-band .sym-singlife { font-family: "Trebuchet MS", sans-serif !important; font-size: 13px !important; font-weight: bold !important; color: #2aa883 !important; }
.ins-band .sym-cigna { font-family: sans-serif !important; font-size: 12.5px !important; font-weight: 800 !important; color: #098b8b !important; text-transform: lowercase !important; }
.ins-band .sym-msig  { font-family: sans-serif !important; font-size: 13px !important; font-weight: 900 !important; color: #003399 !important; font-style: italic !important; }
.ins-band .sym-tokio { font-family: "Times New Roman", serif !important; font-size: 9.5px !important; font-weight: bold !important; color: #0054a6 !important; letter-spacing: 0.5px !important; }
.ins-band .sym-fwd   { font-family: sans-serif !important; font-size: 13.5px !important; font-weight: 900 !important; color: #ff8200 !important; }

.ins-band-name {
    font-size: 7.5px !important;
    font-weight: 600 !important;
    color: #5c776e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    text-align: center !important;
}

/* =====================================================
   RESPONSIVE — Tablet & Mobile Overrides
   Override style_new.css which hides .path-box at <=1024px
   ===================================================== */

@media (max-width: 1024px) {

    /* Show the "How Can We Help You?" panel on mobile */
    .path-box {
        display: block !important;
        margin-top: 28px !important;
        width: 100% !important;
    }


    /* Keep path-grid 2-column on tablet for compact look */
    .path-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    /* Tighten path-box padding a little on smaller screens */
    .path-box {
        padding: 22px !important;
    }

    .path-lbl {
        font-size: 20px !important;
        margin-bottom: 16px !important;
    }
}

/* Mobile (<=600px): stack path-grid to single column */
@media (max-width: 600px) {
    .path-grid {
        grid-template-columns: 1fr !important;
    }

    .path-box {
        padding: 18px !important;
    }

    .path-lbl {
        font-size: 18px !important;
    }

    /* Insurance band — compact cards on mobile */
    .ins-band-card {
        width: 96px !important;
        height: 52px !important;
    }

    .ins-band-sym {
        height: 24px !important;
    }
}