/* /Components/Chat/ChatWidget.razor.rz.scp.css */
/* ── Eslo Floating Chat Widget ───────────────────────── */

/* Root wrapper — everything sits inside here */
.eslo-chat-root[b-jiw9rlwdkp] {
    position: fixed;
    bottom: 90px;  /* raised to clear the MudScrollToTop FAB (~72px from bottom) */
    right: 24px;
    z-index: 1400;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    pointer-events: none; /* children opt-in */
}

/* FAB */
.eslo-fab-wrap[b-jiw9rlwdkp] {
    pointer-events: all;
}

.eslo-fab[b-jiw9rlwdkp] {
    box-shadow: 0 6px 20px rgba(22,163,74,0.35) !important;
    transition: transform 0.15s ease !important;
}

.eslo-fab:hover[b-jiw9rlwdkp] {
    transform: scale(1.07);
}

/* Floating panel */
.eslo-panel[b-jiw9rlwdkp] {
    pointer-events: all;
    width: 420px;
    height: 600px;
    max-width: calc(100vw - 48px);
    max-height: calc(100vh - 120px);
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: eslo-pop-in-b-jiw9rlwdkp 0.2s cubic-bezier(0.34,1.56,0.64,1);
}

@keyframes eslo-pop-in-b-jiw9rlwdkp {
    from { opacity: 0; transform: scale(0.88) translateY(16px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* Header */
.eslo-header[b-jiw9rlwdkp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 12px 14px 16px;
    background: linear-gradient(135deg, #0f8038 0%, #16a34a 100%);
    flex-shrink: 0;
}

.eslo-header-avatar[b-jiw9rlwdkp] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255,255,255,0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.eslo-header-info[b-jiw9rlwdkp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.eslo-header-name[b-jiw9rlwdkp] {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.eslo-header-sub[b-jiw9rlwdkp] {
    font-size: 11px;
    color: rgba(255,255,255,0.8);
}

.eslo-header-actions[b-jiw9rlwdkp] {
    display: flex;
    align-items: center;
    gap: 0;
}

.eslo-wa-btn[b-jiw9rlwdkp] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    background: rgba(37,211,102,0.22);
    border: 1px solid rgba(37,211,102,0.5);
    border-radius: 100px;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    margin-right: 6px;
    transition: background 0.18s;
    white-space: nowrap;
}

.eslo-wa-btn:hover[b-jiw9rlwdkp] {
    background: rgba(37,211,102,0.38);
    color: #fff;
}

/* Message list */
.eslo-messages[b-jiw9rlwdkp] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #f5f6f8;
    scroll-behavior: smooth;
}

.eslo-messages[b-jiw9rlwdkp]::-webkit-scrollbar { width: 5px; }
.eslo-messages[b-jiw9rlwdkp]::-webkit-scrollbar-track { background: transparent; }
.eslo-messages[b-jiw9rlwdkp]::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }

/* Message row */
.eslo-msg[b-jiw9rlwdkp] {
    display: flex;
    align-items: flex-end;
    gap: 7px;
}

.eslo-msg--user[b-jiw9rlwdkp] {
    flex-direction: row-reverse;
}

/* Avatars */
.eslo-avatar[b-jiw9rlwdkp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.eslo-avatar--bot[b-jiw9rlwdkp]  { background: #16a34a; }
.eslo-avatar--user[b-jiw9rlwdkp] { background: #FF790C; }

/* Bubbles */
.eslo-bubble[b-jiw9rlwdkp] {
    max-width: 76%;
    padding: 10px 14px;
    border-radius: 16px;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.eslo-bubble--assistant[b-jiw9rlwdkp] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 4px;
    color: #15171A;
}

.eslo-bubble--user[b-jiw9rlwdkp] {
    background: #16a34a;
    border-bottom-right-radius: 4px;
    color: #fff;
}

.eslo-bubble-text[b-jiw9rlwdkp] {
    font-size: 13.5px;
    line-height: 1.55;
}

/* Markdown rendering inside bubbles */
.eslo-bubble-text p[b-jiw9rlwdkp] { margin: 0 0 6px 0; }
.eslo-bubble-text p:last-child[b-jiw9rlwdkp] { margin-bottom: 0; }
.eslo-bubble-text strong[b-jiw9rlwdkp] { font-weight: 700; }
.eslo-bubble-text em[b-jiw9rlwdkp] { font-style: italic; }
.eslo-bubble-text ul[b-jiw9rlwdkp], .eslo-bubble-text ol[b-jiw9rlwdkp] { margin: 4px 0 6px 18px; padding: 0; }
.eslo-bubble-text li[b-jiw9rlwdkp] { margin: 2px 0; }
.eslo-bubble-text code[b-jiw9rlwdkp] {
    background: rgba(0,0,0,0.07);
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 12.5px;
    font-family: monospace;
}
.eslo-bubble--user .eslo-bubble-text code[b-jiw9rlwdkp] { background: rgba(255,255,255,0.2); }
.eslo-bubble-text pre[b-jiw9rlwdkp] { white-space: pre-wrap; margin: 6px 0; }
.eslo-bubble-text a[b-jiw9rlwdkp] { color: inherit; text-decoration: underline; }

.eslo-bubble-time[b-jiw9rlwdkp] {
    font-size: 10px;
    opacity: 0.55;
    text-align: right;
}

/* Streaming cursor */
.eslo-cursor[b-jiw9rlwdkp] {
    display: inline-block;
    animation: eslo-blink-b-jiw9rlwdkp 0.8s step-start infinite;
    margin-left: 1px;
    color: #16a34a;
}

@keyframes eslo-blink-b-jiw9rlwdkp {
    50% { opacity: 0; }
}

/* Typing indicator */
.eslo-typing[b-jiw9rlwdkp] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 0;
    min-width: 40px;
}

.eslo-typing span[b-jiw9rlwdkp] {
    width: 7px;
    height: 7px;
    background: #94a3b8;
    border-radius: 50%;
    animation: eslo-bounce-b-jiw9rlwdkp 1.2s infinite ease-in-out;
}

.eslo-typing span:nth-child(2)[b-jiw9rlwdkp] { animation-delay: 0.2s; }
.eslo-typing span:nth-child(3)[b-jiw9rlwdkp] { animation-delay: 0.4s; }

@keyframes eslo-bounce-b-jiw9rlwdkp {
    0%, 60%, 100% { transform: translateY(0); }
    30%           { transform: translateY(-6px); }
}

/* Navigation card */
.eslo-nav-card[b-jiw9rlwdkp] {
    padding: 4px 2px;
    animation: eslo-slide-up-b-jiw9rlwdkp 0.2s ease-out;
}

@keyframes eslo-slide-up-b-jiw9rlwdkp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Input bar */
.eslo-input-bar[b-jiw9rlwdkp] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 12px;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.eslo-input[b-jiw9rlwdkp] {
    flex: 1;
}
/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* AdminLayout scoped styles */

/* Price cells used in data grids */
[b-2jdw1rpvpp] .price-cell {
    font-weight: 700;
    color: var(--mud-palette-text-primary);
}

/* Actions cell — prevent wrapping */
[b-2jdw1rpvpp] .actions-cell {
    white-space: nowrap;
}

/* Resolved label in claims grid */
[b-2jdw1rpvpp] .resolved-label {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* ── Auth Shell: full-viewport split layout ──────────── */
.auth-shell[b-1hz7iok090] {
    min-height: 100vh;
    display: flex;
    background: #fff;
}

/* ── Left Branding Panel ─────────────────────────────── */
.auth-brand[b-1hz7iok090] {
    flex: 0 0 46%;
    background: linear-gradient(150deg, #0b1f4d 0%, #1350b4 45%, #1973E8 75%, #2563eb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 44px;
    position: relative;
    overflow: hidden;
}

/* Decorative orbs */
.auth-brand-glow[b-1hz7iok090] {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.auth-brand-glow--1[b-1hz7iok090] {
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(255,255,255,0.07) 0%, transparent 70%);
    top: -120px;
    right: -80px;
}
.auth-brand-glow--2[b-1hz7iok090] {
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255,121,12,0.12) 0%, transparent 70%);
    bottom: -60px;
    left: -60px;
}

.auth-brand-inner[b-1hz7iok090] {
    position: relative;
    z-index: 1;
    max-width: 380px;
}

/* Brand logo */
.auth-brand-logo[b-1hz7iok090] {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin-bottom: 48px;
}

.auth-brand-logo-img[b-1hz7iok090] {
    height: 44px;
    width: auto;
    filter: brightness(0) invert(1);
    object-fit: contain;
}

.auth-brand-tagline-small[b-1hz7iok090] {
    font-size: 11px;
    font-weight: 700;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-top: 2px;
}

/* Headline */
.auth-brand-headline[b-1hz7iok090] {
    font-size: 2.4rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 18px;
    letter-spacing: -0.02em;
}

.auth-brand-sub[b-1hz7iok090] {
    font-size: 15px;
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 40px;
}

/* Feature bullets */
.auth-brand-features[b-1hz7iok090] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.auth-brand-feature[b-1hz7iok090] {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    color: rgba(255,255,255,0.82);
    font-weight: 500;
}

.auth-brand-feature-icon[b-1hz7iok090] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Trust badges */
.auth-brand-trust[b-1hz7iok090] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.auth-trust-badge[b-1hz7iok090] {
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    backdrop-filter: blur(4px);
}

/* ── Right Form Panel ────────────────────────────────── */
.auth-form-side[b-1hz7iok090] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 32px;
    background: #f8fafd;
    overflow-y: auto;
}

.auth-card[b-1hz7iok090] {
    background: #fff;
    border-radius: 20px;
    padding: 44px 40px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 4px 32px rgba(21,23,26,0.08);
    border: 1px solid #edf0f5;
}

/* ── Hide brand panel on mobile ──────────────────────── */
@media (max-width: 900px) {
    .auth-brand[b-1hz7iok090] { display: none; }
    .auth-form-side[b-1hz7iok090] { background: var(--eslomio-hero-grad); }
    .auth-card[b-1hz7iok090] { padding: 36px 28px; }
}

@media (max-width: 480px) {
    .auth-form-side[b-1hz7iok090] { padding: 24px 16px; }
    .auth-card[b-1hz7iok090] { padding: 32px 20px; border-radius: 16px; }
}

/* /Components/Layout/CustomerLayout.razor.rz.scp.css */
/* CustomerLayout scoped styles */

[b-d4dxwoujc1] .mud-main-content {
    background: #f2f7f2;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wmdpcl3d6m],
.components-reconnect-repeated-attempt-visible[b-wmdpcl3d6m],
.components-reconnect-failed-visible[b-wmdpcl3d6m],
.components-pause-visible[b-wmdpcl3d6m],
.components-resume-failed-visible[b-wmdpcl3d6m],
.components-rejoining-animation[b-wmdpcl3d6m] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-retrying[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-failed[b-wmdpcl3d6m],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-wmdpcl3d6m] {
    display: block;
}


#components-reconnect-modal[b-wmdpcl3d6m] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-wmdpcl3d6m 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-wmdpcl3d6m 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-wmdpcl3d6m 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-wmdpcl3d6m]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-wmdpcl3d6m 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-wmdpcl3d6m {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-wmdpcl3d6m {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-wmdpcl3d6m {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-wmdpcl3d6m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-wmdpcl3d6m] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-wmdpcl3d6m] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-wmdpcl3d6m] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-wmdpcl3d6m] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-wmdpcl3d6m] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-wmdpcl3d6m] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-wmdpcl3d6m 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-wmdpcl3d6m] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-wmdpcl3d6m {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/ContactInquiries.razor.rz.scp.css */
/* ── Page Header ─────────────────────────────────────── */
.page-header[b-m11ydx202t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--admin-border, #e8ecf1);
}

.page-title[b-m11ydx202t] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 2px;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.page-subtitle[b-m11ydx202t] {
    font-size: 0.8125rem;
    color: #64748b;
    margin: 0;
}

/* ── Filter ──────────────────────────────────────────── */
.inquiries-filter[b-m11ydx202t] {
    min-width: 180px;
}

/* ── Data Grid ───────────────────────────────────────── */
.actions-cell[b-m11ydx202t] {
    white-space: nowrap;
    width: 80px;
    text-align: right;
}

/* ── Detail Dialog ───────────────────────────────────── */
.inquiry-detail[b-m11ydx202t] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 16px;
    margin: 0;
    font-size: 0.875rem;
}

.inquiry-detail dt[b-m11ydx202t] {
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
}

.inquiry-detail dd[b-m11ydx202t] {
    color: #1e293b;
    margin: 0;
    word-break: break-word;
}

.inquiry-detail a[b-m11ydx202t] {
    color: #1973E8;
    text-decoration: none;
}

.inquiry-detail a:hover[b-m11ydx202t] {
    text-decoration: underline;
}

.inquiry-message[b-m11ydx202t] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 0.875rem;
    color: #1e293b;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
/* ── Variables ───────────────────────────────────────── */
:root[b-16e3wm8qsc] {
    --dash-bg:      #f5f7fa;
    --dash-surface: #ffffff;
    --dash-border:  #e2e8f0;
    --dash-text:    #1e293b;
    --dash-muted:   #64748b;
    --dash-brand:   var(--mud-palette-primary);
    --dash-orange:  #FF790C;
}

/* ── Loading ─────────────────────────────────────────── */
.dash-loading[b-16e3wm8qsc] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6rem;
    min-height: 40vh;
}

/* ── Page Header ─────────────────────────────────────── */
.page-heading[b-16e3wm8qsc] {
    font-weight: 700 !important;
}

/* ── KPI Cards ───────────────────────────────────────── */
.kpi-card[b-16e3wm8qsc] {
    border-radius: 12px !important;
    cursor: default;
    transition: transform 0.15s ease;
}

.kpi-card:hover[b-16e3wm8qsc] {
    transform: translateY(-2px);
}

/* Remove default MudChip margin so it sits flush in the stack */
[b-16e3wm8qsc] .kpi-badge {
    margin: 0 !important;
    height: 24px !important;
}

.kpi-metric[b-16e3wm8qsc] {
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
    color: #1e293b !important;
}

/* ── Panels ──────────────────────────────────────────── */
.dash-panel[b-16e3wm8qsc] {
    border-radius: 12px !important;
}

.dash-panel-title[b-16e3wm8qsc] {
    font-weight: 700 !important;
    color: #1e293b !important;
}

/* ── Empty states ────────────────────────────────────── */
.dash-empty-state[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
}

.dash-empty-text[b-16e3wm8qsc] {
    margin-top: 8px !important;
    color: #94a3b8 !important;
}

/* ── Claims list ─────────────────────────────────────── */
.claims-list[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.claim-row[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    transition: border-color 0.15s;
}

.claim-row:hover[b-16e3wm8qsc] {
    border-color: #93c5fd;
}

.claim-status-bar[b-16e3wm8qsc] {
    width: 4px;
    align-self: stretch;
    flex-shrink: 0;
}

.claim-info[b-16e3wm8qsc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 9px 12px;
}

.claim-ref[b-16e3wm8qsc] {
    font-size: 12px;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.claim-desc[b-16e3wm8qsc] {
    font-size: 12px;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.claim-right[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    padding: 9px 12px;
    flex-shrink: 0;
}

.claim-date[b-16e3wm8qsc] {
    font-size: 11px;
    color: #94a3b8;
}

/* ── Policy breakdown ────────────────────────────────── */
.policy-breakdown[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.policy-breakdown-item[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.policy-breakdown-meta[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.policy-breakdown-label-box[b-16e3wm8qsc] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
}

.policy-breakdown-count[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
}

.policy-breakdown-pct[b-16e3wm8qsc] {
    font-size: 12px;
    color: #64748b;
    font-weight: 400;
}

/* ── Quick actions ───────────────────────────────────── */
.quick-actions[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-action-btn[b-16e3wm8qsc] {
    border-radius: 8px !important;
    justify-content: flex-start !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
    text-transform: none !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

.quick-action-btn:hover[b-16e3wm8qsc] {
    background: #f0fdf4 !important;
    border-color: #4db848 !important;
    color: #4db848 !important;
}

/* ── Quick Action 2×2 tile grid ─────────────────────── */
.qa-grid[b-16e3wm8qsc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.qa-tile[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 14px 8px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    text-decoration: none !important;
    color: #1e293b;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s;
    cursor: pointer;
}

.qa-tile:hover[b-16e3wm8qsc] {
    background: #f0fdf4;
    border-color: #4db848;
    color: #2d7a26;
    transform: translateY(-2px);
}

[b-16e3wm8qsc] .qa-tile-icon {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    color: #4db848 !important;
}

.qa-tile-label[b-16e3wm8qsc] {
    color: inherit;
    white-space: nowrap;
}


/* ── KPI Cards ───────────────────────────────────────── */
.kpi-card[b-16e3wm8qsc] {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px;
    padding: 20px 22px 22px;
    border-radius: 16px !important;
    transition: transform 0.2s ease;
    cursor: default;
    min-height: 144px;
}

.kpi-card:hover[b-16e3wm8qsc] {
    transform: translateY(-4px);
}

/* Colored top accent border */
.kpi-card--green[b-16e3wm8qsc]  { border-top: 3px solid #4db848 !important; }
.kpi-card--orange[b-16e3wm8qsc] { border-top: 3px solid #FF790C !important; }
.kpi-card--red[b-16e3wm8qsc]    { border-top: 3px solid #dc2626 !important; }
.kpi-card--slate[b-16e3wm8qsc]  { border-top: 3px solid #64748b !important; }

/* Top row: gradient icon box + status chip */
.kpi-card-top[b-16e3wm8qsc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 14px;
}

/* Gradient icon box */
.kpi-icon-box[b-16e3wm8qsc] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kpi-icon-green[b-16e3wm8qsc]  { background: linear-gradient(135deg, #3d9a35 0%, #4db848 100%); }
.kpi-icon-orange[b-16e3wm8qsc] { background: linear-gradient(135deg, #e06500 0%, #FF790C 100%); }
.kpi-icon-red[b-16e3wm8qsc]    { background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); }
.kpi-icon-slate[b-16e3wm8qsc]  { background: linear-gradient(135deg, #334155 0%, #64748b 100%); }

/* White icon inside gradient box */
[b-16e3wm8qsc] .kpi-icon-box .mud-icon-root {
    color: #ffffff !important;
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

/* Hero metric number */
.kpi-metric[b-16e3wm8qsc] {
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: #1e293b;
    display: block;
}

/* Metric label */
.kpi-desc[b-16e3wm8qsc] {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
    margin-top: 2px;
    display: block;
}

/* Status badge chip */
.kpi-chip[b-16e3wm8qsc] {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
    line-height: 1.6;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.kpi-chip--green[b-16e3wm8qsc]  { background: #dcfce7; color: #166534; }
.kpi-chip--orange[b-16e3wm8qsc] { background: #ffedd5; color: #9a3412; }
.kpi-chip--red[b-16e3wm8qsc]    { background: #fee2e2; color: #991b1b; }
.kpi-chip--slate[b-16e3wm8qsc]  { background: #f1f5f9; color: #475569; }

/* ── Panels ──────────────────────────────────────────── */
.dash-panel[b-16e3wm8qsc] {
    background: var(--dash-surface) !important;
    border-radius: 14px !important;
    transition: box-shadow 0.2s;
}

.dash-panel-header[b-16e3wm8qsc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.dash-panel-title[b-16e3wm8qsc] {
    font-weight: 700 !important;
    color: var(--dash-text) !important;
}

.dash-panel-sub[b-16e3wm8qsc] {
    color: var(--dash-muted) !important;
    margin-top: 2px;
}

.dash-empty-state[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
}

.dash-empty-text[b-16e3wm8qsc] {
    color: var(--dash-muted) !important;
    margin-top: 8px !important;
}

/* ── Claims list ─────────────────────────────────────── */
.claims-list[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.claim-row[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    gap: 0;
    border-radius: 8px;
    border: 1px solid var(--dash-border);
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.claim-row:hover[b-16e3wm8qsc] {
    border-color: #c7d7f7;
    box-shadow: 0 2px 10px rgba(25,115,232,0.07);
}

a.claim-row[b-16e3wm8qsc] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.claim-status-bar[b-16e3wm8qsc] {
    width: 4px;
    align-self: stretch;
    flex-shrink: 0;
}

.claim-info[b-16e3wm8qsc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding: 9px 12px;
}

.claim-ref[b-16e3wm8qsc] {
    font-size: 12px;
    font-weight: 700;
    color: var(--dash-brand);
}

.claim-desc[b-16e3wm8qsc] {
    font-size: 12px;
    color: var(--dash-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.claim-right[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
    padding: 9px 12px;
    flex-shrink: 0;
}

.claim-date[b-16e3wm8qsc] {
    font-size: 11px;
    color: #94a3b8;
}

/* ── Policy breakdown ────────────────────────────────── */
.policy-breakdown[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.policy-breakdown-item[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.policy-breakdown-meta[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.policy-breakdown-label-box[b-16e3wm8qsc] {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 20px;
}

.policy-breakdown-count[b-16e3wm8qsc] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--dash-text);
}

.policy-breakdown-pct[b-16e3wm8qsc] {
    font-size: 12px;
    color: var(--dash-muted);
    font-weight: 400;
}

/* ── Quick actions ───────────────────────────────────── */
.quick-actions[b-16e3wm8qsc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-action-btn[b-16e3wm8qsc] {
    border-radius: 8px !important;
    justify-content: flex-start !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-color: var(--dash-border) !important;
    color: var(--dash-text) !important;
    background: transparent !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
    text-transform: none !important;
}

.quick-action-btn:hover[b-16e3wm8qsc] {
    background: #eff6ff !important;
    border-color: #1973E8 !important;
    color: #1973E8 !important;
}

/* ── KPI Strip — horizontal metrics bar ─────────────── */
.kpi-strip[b-16e3wm8qsc] {
    border-radius: 16px !important;
    overflow: visible;
}

.kpi-strip-inner[b-16e3wm8qsc] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.kpi-strip-cell[b-16e3wm8qsc] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 4px 24px;
    min-width: 0;
}

.kpi-strip-cell:first-child[b-16e3wm8qsc] { padding-left: 0; }
.kpi-strip-cell:last-child[b-16e3wm8qsc]  { padding-right: 0; }

a.kpi-strip-cell[b-16e3wm8qsc] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    border-radius: 10px;
    transition: background 0.15s;
}

a.kpi-strip-cell:hover[b-16e3wm8qsc] {
    background: rgba(77,184,72,0.07);
}

.kpi-strip-divider[b-16e3wm8qsc] {
    width: 1px;
    background: #e2e8f0;
    align-self: stretch;
    flex-shrink: 0;
}

/* Gradient icon box */
.kpi-strip-icon[b-16e3wm8qsc] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kpi-strip-icon--green[b-16e3wm8qsc]  { background: linear-gradient(135deg, #3d9a35 0%, #4db848 100%); }
.kpi-strip-icon--orange[b-16e3wm8qsc] { background: linear-gradient(135deg, #e06500 0%, #FF790C 100%); }
.kpi-strip-icon--red[b-16e3wm8qsc]    { background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%); }
.kpi-strip-icon--slate[b-16e3wm8qsc]  { background: linear-gradient(135deg, #334155 0%, #64748b 100%); }

[b-16e3wm8qsc] .kpi-strip-icon .mud-icon-root {
    color: #ffffff !important;
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
}

/* Metric text */
.kpi-strip-data[b-16e3wm8qsc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.kpi-strip-num[b-16e3wm8qsc] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: #1e293b;
    white-space: nowrap;
}

.kpi-strip-label[b-16e3wm8qsc] {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
    white-space: nowrap;
}

/* Responsive: 2×2 on tablets, stack on mobile */
@media (max-width: 899px) {
    .kpi-strip-inner[b-16e3wm8qsc] {
        flex-wrap: wrap;
        gap: 20px 0;
    }
    .kpi-strip-cell[b-16e3wm8qsc] {
        flex: 0 0 50%;
        padding: 4px 12px 4px 0;
    }
    .kpi-strip-cell:nth-child(even)[b-16e3wm8qsc] { padding-right: 0; padding-left: 12px; }
    .kpi-strip-divider[b-16e3wm8qsc] { display: none; }
}

@media (max-width: 479px) {
    .kpi-strip-cell[b-16e3wm8qsc] {
        flex: 0 0 100%;
        padding: 4px 0;
    }
}
/* /Components/Pages/Admin/SocialMedia.razor.rz.scp.css */
.social-grid[b-s788slux1y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .social-grid[b-s788slux1y] { grid-template-columns: 1fr; }
}

.social-card[b-s788slux1y] {
    background: var(--admin-surface) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 12px !important;
}

.social-card-header[b-s788slux1y] {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
}

.social-icon[b-s788slux1y] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .875rem;
    flex-shrink: 0;
}

.social-icon--x[b-s788slux1y]    { background: #000; color: #fff; }
.social-icon--ig[b-s788slux1y]   { background: linear-gradient(135deg, #833ab4, #fd1d1d, #fcb045); color: #fff; }
.social-icon--wa[b-s788slux1y]   { background: #25D366; color: #fff; }

.char-count[b-s788slux1y] {
    font-size: .75rem;
    color: var(--eslomio-muted, #A6A6A6);
    text-align: right;
}

.char-warning[b-s788slux1y] {
    color: #EF4444;
    font-weight: 600;
}

.fw-600[b-s788slux1y] { font-weight: 600; }
/* /Components/Pages/Claims/NewClaimHub.razor.rz.scp.css */
.clm-desc[b-6al2f8gta0] {
    display: inline-block;
    max-width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
/* /Components/Pages/Documents/DocumentVault.razor.rz.scp.css */
.dv-policy-header[b-pfkgw0bdoh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.dv-policy-meta[b-pfkgw0bdoh] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.dv-filename[b-pfkgw0bdoh] {
    display: flex;
    align-items: center;
    font-size: 0.85rem;
}
/* /Components/Pages/Payments/PaymentCenter.razor.rz.scp.css */
/* ── Payment center scoped styles ── */

/* Balance / policy cards */
.balance-card[b-qcyy7ob8n9] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 2px solid transparent;
}

.balance-card:hover[b-qcyy7ob8n9] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(25, 115, 232, 0.15);
}

.balance-card.selected[b-qcyy7ob8n9] {
    border-color: #1973E8;
    box-shadow: 0 4px 16px rgba(25, 115, 232, 0.25);
}

.balance-card.overdue[b-qcyy7ob8n9] {
    border-color: rgba(211, 47, 47, 0.4);
}

/* Square card iframe container */
#square-card-container[b-qcyy7ob8n9] {
    min-height: 90px;
    border: 1px solid rgba(166, 166, 166, 0.35);
    border-radius: 8px;
    padding: 8px;
    background: #ffffff;
}

/* Trust badges row */
.trust-row[b-qcyy7ob8n9] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.trust-badge[b-qcyy7ob8n9] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: #A6A6A6;
}

/* Payment confirmation page */
.confirmation-wrapper[b-qcyy7ob8n9] {
    display: flex;
    justify-content: center;
    padding: 2rem 1rem;
}

.confirmation-card[b-qcyy7ob8n9] {
    max-width: 600px;
    width: 100%;
}

.detail-row[b-qcyy7ob8n9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    background: rgba(21, 23, 26, 0.04);
    border-radius: 8px;
}

/* Saved methods card grid */
.method-card[b-qcyy7ob8n9] {
    transition: box-shadow 0.15s ease;
}

.method-card:hover[b-qcyy7ob8n9] {
    box-shadow: 0 4px 14px rgba(0,0,0,0.12);
}
/* /Components/Pages/Policies/MyQuotes.razor.rz.scp.css */
.quotes-grid[b-kmetokjy0w] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.quote-card[b-kmetokjy0w] {
    border-radius: 12px;
}

.quote-card-top[b-kmetokjy0w] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.quote-premiums[b-kmetokjy0w] {
    display: flex;
    gap: 24px;
}

.qt-label[b-kmetokjy0w] {
    font-size: 0.75rem;
    color: var(--eslomio-muted, #A6A6A6);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.qt-amount[b-kmetokjy0w] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--eslomio-dark, #15171A);
}

.quote-expiry[b-kmetokjy0w] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.82rem;
    color: var(--eslomio-muted, #A6A6A6);
    margin-top: 12px;
}
/* /Components/Pages/Policies/PolicyDetail.razor.rz.scp.css */
.policy-header[b-01yat003v0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.policy-info-grid[b-01yat003v0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 16px;
}

.policy-info-item[b-01yat003v0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pi-label[b-01yat003v0] {
    font-size: 0.75rem;
    color: var(--eslomio-muted, #A6A6A6);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.pi-value[b-01yat003v0] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--eslomio-dark, #15171A);
}

.section-header[b-01yat003v0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
/* /Components/Pages/Policies/RenewPolicy.razor.rz.scp.css */
.rnw-card[b-zzzaogub1y] {
    border-radius: 12px;
    transition: box-shadow .15s ease, border-color .15s ease;
}

.rnw-card:hover[b-zzzaogub1y] {
    box-shadow: 0 4px 16px rgba(25, 115, 232, 0.12);
    border-color: var(--eslomio-brand, #1973E8) !important;
}

.rnw-card--selected[b-zzzaogub1y] {
    border-color: var(--eslomio-brand, #1973E8) !important;
    box-shadow: 0 0 0 2px rgba(25, 115, 232, 0.25);
}
/* /Components/Pages/Public/AboutUs.razor.rz.scp.css */
/* ── Mission section ── */
.about-mission[b-5io981zixj] {
    padding: 5rem 1.5rem;
    background: #fff;
}

@media (min-width: 768px) {
    .about-mission[b-5io981zixj] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .about-mission[b-5io981zixj] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.about-mission-grid[b-5io981zixj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    align-items: center;
}

@media (min-width: 900px) {
    .about-mission-grid[b-5io981zixj] {
        grid-template-columns: 1fr 1fr;
    }
}

.about-badge[b-5io981zixj] {
    display: inline-block;
    background: rgba(25, 115, 232, 0.1);
    color: #1973E8;
    border-radius: 100px;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.about-section-title[b-5io981zixj] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #15171A;
    line-height: 1.25;
    margin-bottom: 1.25rem;
}

.about-body[b-5io981zixj] {
    font-size: 15px;
    line-height: 1.75;
    color: #6b7280;
    margin-bottom: 1rem;
}

.about-btn-primary[b-5io981zixj] {
    display: inline-block;
    margin-top: 0.75rem;
    padding: 13px 32px;
    border-radius: 100px;
    background: #1973E8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s;
}

.about-btn-primary:hover[b-5io981zixj] {
    background: #1560cc;
    color: #fff;
}

/* ── Visual cards ── */
.about-mission-visual[b-5io981zixj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.about-visual-card[b-5io981zixj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #f9fafb;
    border-radius: 16px;
    padding: 20px 24px;
}

.about-visual-icon[b-5io981zixj] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.about-visual-label[b-5io981zixj] {
    font-size: 15px;
    font-weight: 700;
    color: #15171A;
}

.about-visual-sub[b-5io981zixj] {
    font-size: 12px;
    color: #A6A6A6;
    margin-top: 2px;
}

/* ── Values section ── */
.about-values[b-5io981zixj] {
    padding: 5rem 1.5rem;
    background: #f9fafb;
}

@media (min-width: 768px) {
    .about-values[b-5io981zixj] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .about-values[b-5io981zixj] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.values-grid[b-5io981zixj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .values-grid[b-5io981zixj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .values-grid[b-5io981zixj] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.value-card[b-5io981zixj] {
    background: #fff;
    border-radius: 18px;
    padding: 2rem;
}

.value-icon[b-5io981zixj] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.value-title[b-5io981zixj] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin-bottom: 0.75rem;
}

.value-desc[b-5io981zixj] {
    font-size: 14px;
    line-height: 1.65;
    color: #6b7280;
}

/* ── CTA strip ── */
.about-cta[b-5io981zixj] {
    background: linear-gradient(135deg, #0d2a5e 0%, #1973E8 100%);
    padding: 4rem 1.5rem;
}

@media (min-width: 768px) {
    .about-cta[b-5io981zixj] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.about-cta-inner[b-5io981zixj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
}

.about-cta-title[b-5io981zixj] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5rem;
}

.about-cta-sub[b-5io981zixj] {
    font-size: 14px;
    color: #bfdbfe;
}

.about-cta-actions[b-5io981zixj] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.about-btn-white[b-5io981zixj] {
    padding: 13px 28px;
    border-radius: 100px;
    background: #fff;
    color: #1973E8;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.18s;
}

.about-btn-white:hover[b-5io981zixj] {
    opacity: 0.9;
    color: #1973E8;
}

.about-btn-outline[b-5io981zixj] {
    padding: 13px 28px;
    border-radius: 100px;
    background: transparent;
    border: 2px solid rgba(255,255,255,0.5);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.18s, background 0.18s;
}

.about-btn-outline:hover[b-5io981zixj] {
    border-color: #fff;
    background: rgba(255,255,255,0.08);
    color: #fff;
}
/* /Components/Pages/Public/AutoInsurance.razor.rz.scp.css */
.ins-features-section[b-036yrirwjm] {
    background: #fff;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .ins-features-section[b-036yrirwjm] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .ins-features-section[b-036yrirwjm] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.ins-feat-grid[b-036yrirwjm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .ins-feat-grid[b-036yrirwjm] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .ins-feat-grid[b-036yrirwjm] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ins-feat-card[b-036yrirwjm] {
    background: #f9fafb;
    border-radius: 18px;
    padding: 2rem 1.75rem;
    border: 1.5px solid #e5e7eb;
    transition: box-shadow 0.2s, transform 0.2s;
}

.ins-feat-card:hover[b-036yrirwjm] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
}

.ins-feat-icon[b-036yrirwjm] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.ins-feat-icon--blue[b-036yrirwjm] {
    background: #EFF4FF;
    color: #1973E8;
}

.ins-feat-title[b-036yrirwjm] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.5rem;
}

.ins-feat-desc[b-036yrirwjm] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}
/* /Components/Pages/Public/BookAppointment.razor.rz.scp.css */
/* ── Appointment section ── */
.appt-section[b-1z09tiz2qi] {
    padding: 5rem 1.5rem;
    background: linear-gradient(135deg, #0d2a5e 0%, #1973E8 100%);
}

@media (min-width: 768px) {
    .appt-section[b-1z09tiz2qi] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .appt-section[b-1z09tiz2qi] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.appt-grid[b-1z09tiz2qi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: start;
}

@media (min-width: 900px) {
    .appt-grid[b-1z09tiz2qi] {
        grid-template-columns: 1fr 380px;
    }
}

.appt-card[b-1z09tiz2qi] {
    max-width: 560px;
}

/* Two-column row for date + time */
.appt-row[b-1z09tiz2qi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 480px) {
    .appt-row[b-1z09tiz2qi] {
        grid-template-columns: 1fr;
    }
}

.appt-optional[b-1z09tiz2qi] {
    font-size: 12px;
    color: #A6A6A6;
    font-weight: 400;
}

/* ── Info sidebar ── */
.appt-info[b-1z09tiz2qi] {
    color: #fff;
}

.appt-info-title[b-1z09tiz2qi] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    color: #fff;
}

.appt-info-list[b-1z09tiz2qi] {
    list-style: none;
    padding: 0;
    margin: 0 0 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.appt-info-list li[b-1z09tiz2qi] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 14px;
    line-height: 1.6;
    color: #bfdbfe;
}

.appt-info-icon[b-1z09tiz2qi] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Hours ── */
.appt-hours[b-1z09tiz2qi] {
    background: rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 1.5rem;
}

.appt-hours-title[b-1z09tiz2qi] {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.appt-hours-row[b-1z09tiz2qi] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #bfdbfe;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.appt-hours-row:last-child[b-1z09tiz2qi] {
    border-bottom: none;
}
/* /Components/Pages/Public/BusinessInsurance.razor.rz.scp.css */
.ins-features-section[b-o525l8cfsi] {
    background: #fff;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .ins-features-section[b-o525l8cfsi] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .ins-features-section[b-o525l8cfsi] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.ins-feat-grid[b-o525l8cfsi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .ins-feat-grid[b-o525l8cfsi] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .ins-feat-grid[b-o525l8cfsi] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ins-feat-card[b-o525l8cfsi] {
    background: #f9fafb;
    border-radius: 18px;
    padding: 2rem 1.75rem;
    border: 1.5px solid #e5e7eb;
    transition: box-shadow 0.2s, transform 0.2s;
}

.ins-feat-card:hover[b-o525l8cfsi] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
}

.ins-feat-icon[b-o525l8cfsi] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.ins-feat-icon--purple[b-o525l8cfsi] {
    background: #F5F3FF;
    color: #7C3AED;
}

.ins-feat-title[b-o525l8cfsi] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.5rem;
}

.ins-feat-desc[b-o525l8cfsi] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}
/* /Components/Pages/Public/CommercialInsurance.razor.rz.scp.css */
.ins-features-section[b-pgyuovnnyh] {
    background: #fff;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .ins-features-section[b-pgyuovnnyh] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .ins-features-section[b-pgyuovnnyh] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.ins-feat-grid[b-pgyuovnnyh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .ins-feat-grid[b-pgyuovnnyh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .ins-feat-grid[b-pgyuovnnyh] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ins-feat-card[b-pgyuovnnyh] {
    background: #f9fafb;
    border-radius: 18px;
    padding: 2rem 1.75rem;
    border: 1.5px solid #e5e7eb;
    transition: box-shadow 0.2s, transform 0.2s;
}

.ins-feat-card:hover[b-pgyuovnnyh] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
}

.ins-feat-icon[b-pgyuovnnyh] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.ins-feat-icon--green[b-pgyuovnnyh] {
    background: #ECFDF5;
    color: #059669;
}

.ins-feat-title[b-pgyuovnnyh] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.5rem;
}

.ins-feat-desc[b-pgyuovnnyh] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}
/* /Components/Pages/Public/Contact.razor.rz.scp.css */
.contact-section[b-fcglu39pa2] {
    padding: 3.5rem 1.5rem 6rem;
    background: var(--mud-palette-background);
    min-height: calc(100vh - 72px);
}

.contact-inner[b-fcglu39pa2] {
    max-width: 1000px;
    margin: 0 auto;
}

.contact-layout[b-fcglu39pa2] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 3rem;
    align-items: start;
}

@media (max-width: 768px) {
    .contact-layout[b-fcglu39pa2] {
        grid-template-columns: 1fr;
    }
}

.contact-form-wrap[b-fcglu39pa2] {
    background: var(--mud-palette-surface);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    padding: 2.5rem;
}

.form-row[b-fcglu39pa2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 560px) {
    .form-row[b-fcglu39pa2] { grid-template-columns: 1fr; }
}

.form-field[b-fcglu39pa2] { width: 100%; }

.submit-btn[b-fcglu39pa2] {
    height: 52px;
    font-weight: 600;
    font-size: 1rem;
}

/* Success state */
.contact-success[b-fcglu39pa2] {
    text-align: center;
    padding: 2rem 0;
}

.success-icon[b-fcglu39pa2] {
    margin-bottom: 1.25rem;
}

.success-title[b-fcglu39pa2] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 .75rem;
}

.success-body[b-fcglu39pa2] {
    color: var(--eslomio-muted, #A6A6A6);
    margin: .5rem 0;
}

.success-ref[b-fcglu39pa2] {
    display: inline-block;
    background: rgba(25,115,232,.12);
    color: var(--eslomio-brand, #1973E8);
    font-family: monospace;
    font-size: 1.125rem;
    font-weight: 700;
    padding: .5rem 1.25rem;
    border-radius: 8px;
    margin: .75rem 0;
}

/* Info sidebar */
.contact-info[b-fcglu39pa2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-card[b-fcglu39pa2] {
    background: var(--mud-palette-surface);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.info-icon[b-fcglu39pa2] {
    width: 40px;
    height: 40px;
    background: rgba(25,115,232,.12);
    color: var(--eslomio-brand, #1973E8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-label[b-fcglu39pa2] {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--eslomio-muted, #A6A6A6);
    margin-bottom: 2px;
}

.info-value[b-fcglu39pa2] {
    font-size: .9rem;
    font-weight: 500;
}

.info-value a[b-fcglu39pa2] {
    color: var(--eslomio-brand, #1973E8);
    text-decoration: none;
}

.info-value a:hover[b-fcglu39pa2] {
    text-decoration: underline;
}
/* /Components/Pages/Public/Faq.razor.rz.scp.css */
/* ── FAQ section ── */
.faq-section[b-oyf9d3ji7i] {
    padding: 5rem 1.5rem;
    background: #f9fafb;
}

@media (min-width: 768px) {
    .faq-section[b-oyf9d3ji7i] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.faq-inner[b-oyf9d3ji7i] {
    max-width: 48rem;
    margin: 0 auto;
}

[b-oyf9d3ji7i] .faq-panels .mud-expand-panel {
    border: none;
    border-bottom: 1.5px solid #e5e7eb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

[b-oyf9d3ji7i] .faq-panels .mud-expand-panel-header {
    padding: 20px 0;
    font-weight: 500;
    font-size: 15px;
    color: #15171A;
}

[b-oyf9d3ji7i] .faq-panels .mud-expand-panel-content {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.7;
    padding: 0 0 16px;
}

/* ── Bottom CTA ── */
.faq-cta[b-oyf9d3ji7i] {
    padding: 4rem 1.5rem;
    background: #fff;
    border-top: 1px solid #f3f4f6;
}

@media (min-width: 768px) {
    .faq-cta[b-oyf9d3ji7i] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.faq-cta-inner[b-oyf9d3ji7i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.faq-cta-text[b-oyf9d3ji7i] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #15171A;
    margin: 0;
}

.faq-cta-actions[b-oyf9d3ji7i] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.faq-btn-primary[b-oyf9d3ji7i] {
    padding: 12px 28px;
    border-radius: 100px;
    background: #1973E8;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s;
}

.faq-btn-primary:hover[b-oyf9d3ji7i] {
    background: #1560cc;
    color: #fff;
}

.faq-btn-outline[b-oyf9d3ji7i] {
    padding: 12px 28px;
    border-radius: 100px;
    background: transparent;
    border: 1.5px solid #e5e7eb;
    color: #15171A;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.18s;
}

.faq-btn-outline:hover[b-oyf9d3ji7i] {
    border-color: #1973E8;
    color: #1973E8;
}
/* /Components/Pages/Public/HealthInsurance.razor.rz.scp.css */
.ins-features-section[b-erwukedbvd] {
    background: #fff;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .ins-features-section[b-erwukedbvd] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .ins-features-section[b-erwukedbvd] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.ins-feat-grid[b-erwukedbvd] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .ins-feat-grid[b-erwukedbvd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .ins-feat-grid[b-erwukedbvd] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ins-feat-card[b-erwukedbvd] {
    background: #f9fafb;
    border-radius: 18px;
    padding: 2rem 1.75rem;
    border: 1.5px solid #e5e7eb;
    transition: box-shadow 0.2s, transform 0.2s;
}

.ins-feat-card:hover[b-erwukedbvd] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
}

.ins-feat-icon[b-erwukedbvd] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.ins-feat-icon--red[b-erwukedbvd] {
    background: #FFF1F2;
    color: #e11d48;
}

.ins-feat-title[b-erwukedbvd] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.5rem;
}

.ins-feat-desc[b-erwukedbvd] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}
/* /Components/Pages/Public/Home.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   Home.razor.css — page-level background only.
   All section styles live in their own component CSS files.
   ═══════════════════════════════════════════════════════════ */

body[b-7mhvkd3n4y] { background: #f0f4f9; }

/* /Components/Pages/Public/InsuranceProducts.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   InsuranceProducts.razor.css
   ═══════════════════════════════════════════════════════════ */

/* ── Products Section ── */
.ip-products-section[b-fwjuzkg2lu] {
    background: #f4f6f9;
    padding: 5rem 1.5rem;
}

.ip-products-grid[b-fwjuzkg2lu] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.ip-product-card[b-fwjuzkg2lu] {
    background: #fff;
    border-radius: 16px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1.5px solid #e8edf3;
    transition: transform 0.22s, box-shadow 0.22s;
}

.ip-product-card:hover[b-fwjuzkg2lu] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.09);
    border-color: #d0d8e8;
}

.ip-product-icon[b-fwjuzkg2lu] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ip-icon--blue[b-fwjuzkg2lu]   { background: #eff6ff; color: #1973E8; }
.ip-icon--green[b-fwjuzkg2lu]  { background: #f0fdf4; color: #16a34a; }
.ip-icon--purple[b-fwjuzkg2lu] { background: #f5f3ff; color: #7c3aed; }
.ip-icon--orange[b-fwjuzkg2lu] { background: #fff7ed; color: #ea580c; }
.ip-icon--teal[b-fwjuzkg2lu]   { background: #f0fdfa; color: #0d9488; }
.ip-icon--red[b-fwjuzkg2lu]    { background: #fef2f2; color: #dc2626; }

.ip-product-body[b-fwjuzkg2lu] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.ip-product-title[b-fwjuzkg2lu] {
    font-size: 17px;
    font-weight: 700;
    color: #15171a;
    margin: 0;
}

.ip-product-desc[b-fwjuzkg2lu] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

.ip-product-link[b-fwjuzkg2lu] {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #1973E8;
    text-decoration: none;
    margin-top: 4px;
    transition: gap 0.18s, color 0.18s;
    gap: 2px;
}

.ip-product-link:hover[b-fwjuzkg2lu] {
    color: #1558c0;
    gap: 6px;
}

/* ── Why Eslomio Section ── */
.ip-why-section[b-fwjuzkg2lu] {
    background: #fff;
    padding: 5rem 1.5rem;
}

.ip-why-grid[b-fwjuzkg2lu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.ip-why-card[b-fwjuzkg2lu] {
    text-align: center;
    padding: 32px 20px;
    border-radius: 16px;
    background: #f9fafb;
    border: 1.5px solid #f0f2f5;
    transition: box-shadow 0.22s;
}

.ip-why-card:hover[b-fwjuzkg2lu] {
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}

.ip-why-icon[b-fwjuzkg2lu] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #eff6ff;
    color: #1973E8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
}

.ip-why-title[b-fwjuzkg2lu] {
    font-size: 16px;
    font-weight: 700;
    color: #15171a;
    margin: 0 0 10px;
}

.ip-why-desc[b-fwjuzkg2lu] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .ip-products-grid[b-fwjuzkg2lu] {
        grid-template-columns: repeat(2, 1fr);
    }
    .ip-why-grid[b-fwjuzkg2lu] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .ip-products-section[b-fwjuzkg2lu] { padding: 3rem 1rem; }
    .ip-why-section[b-fwjuzkg2lu]      { padding: 3rem 1rem; }

    .ip-products-grid[b-fwjuzkg2lu] {
        grid-template-columns: 1fr;
    }
    .ip-why-grid[b-fwjuzkg2lu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Public/MakeAPayment.razor.rz.scp.css */
/* ══ Page wrapper ══ */
.payment-section[b-d9ki0xvk60] {
    background: #f4f6f9;
    min-height: calc(100vh - 72px);
    padding: 4rem 1.5rem 6rem;
}

@media (min-width: 768px) {
    .payment-section[b-d9ki0xvk60] {
        padding: 5rem 3.5rem 7rem;
    }
}

@media (min-width: 1024px) {
    .payment-section[b-d9ki0xvk60] {
        padding: 5rem 5rem 7rem;
    }
}

.payment-inner[b-d9ki0xvk60] {
    max-width: 1100px;
    margin: 0 auto;
}

/* ══ Header ══ */
.payment-header[b-d9ki0xvk60] {
    text-align: center;
    margin-bottom: 3rem;
}

.payment-badge[b-d9ki0xvk60] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: #EFF4FF;
    color: #1973E8;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 0.35rem 1rem;
    border-radius: 100px;
    margin-bottom: 1rem;
}

.payment-title[b-d9ki0xvk60] {
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 800;
    color: #15171A;
    line-height: 1.2;
    margin: 0 0 0.75rem;
}

.payment-sub[b-d9ki0xvk60] {
    font-size: 16px;
    color: #6b7280;
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.65;
}

/* ══ Layout ══ */
.payment-layout[b-d9ki0xvk60] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
}

@media (min-width: 960px) {
    .payment-layout[b-d9ki0xvk60] {
        grid-template-columns: 1fr 300px;
        gap: 2.5rem;
    }
}

/* ══ Form card ══ */
.payment-form-wrap[b-d9ki0xvk60] {
    background: #fff;
    border-radius: 20px;
    border: 1.5px solid #e5e7eb;
    padding: 2.5rem 2rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

@media (min-width: 640px) {
    .payment-form-wrap[b-d9ki0xvk60] {
        padding: 2.5rem 2.5rem;
    }
}

/* ══ Form sections ══ */
.form-section[b-d9ki0xvk60] {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1.5px solid #f0f0f0;
}

.form-section:last-of-type[b-d9ki0xvk60] {
    border-bottom: none;
    margin-bottom: 1.5rem;
}

.form-section-header[b-d9ki0xvk60] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.form-section-num[b-d9ki0xvk60] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1973E8;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.form-section-title[b-d9ki0xvk60] {
    font-size: 17px;
    font-weight: 700;
    color: #15171A;
    margin: 0;
}

.form-row[b-d9ki0xvk60] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 1.25rem;
}

@media (min-width: 560px) {
    .form-row[b-d9ki0xvk60] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-field[b-d9ki0xvk60] {
    width: 100%;
}

/* ══ Card logos ══ */
.card-logos[b-d9ki0xvk60] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.card-logo[b-d9ki0xvk60] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0.65rem;
    border: 1.5px solid #e5e7eb;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
}

.card-logo--visa[b-d9ki0xvk60]  { color: #1a1f71; }
.card-logo--mc[b-d9ki0xvk60]    { color: #eb001b; }
.card-logo--amex[b-d9ki0xvk60]  { color: #007bc1; }

/* ══ Security note ══ */
.payment-security-note[b-d9ki0xvk60] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 1.25rem;
}

.payment-security-note svg[b-d9ki0xvk60] {
    flex-shrink: 0;
    color: #4db848;
}

/* ══ Submit button ══ */
.submit-btn[b-d9ki0xvk60] {
    height: 52px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 12px !important;
}

/* ══ Success state ══ */
.payment-success[b-d9ki0xvk60] {
    text-align: center;
    padding: 2rem 1rem;
}

.payment-success-icon[b-d9ki0xvk60] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #ECFDF5;
    color: #059669;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.payment-success-title[b-d9ki0xvk60] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #15171A;
    margin: 0 0 0.75rem;
}

.payment-success-body[b-d9ki0xvk60] {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0 0 1.25rem;
}

.payment-success-ref[b-d9ki0xvk60] {
    display: inline-block;
    background: #f4f6f9;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.5rem 1.25rem;
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    letter-spacing: .04em;
}

/* ══ Sidebar ══ */
.payment-sidebar[b-d9ki0xvk60] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.payment-info-card[b-d9ki0xvk60] {
    background: #fff;
    border-radius: 16px;
    border: 1.5px solid #e5e7eb;
    padding: 1.5rem;
}

.payment-info-card--help[b-d9ki0xvk60] {
    background: #EFF4FF;
    border-color: #c3d5fa;
}

.payment-info-icon[b-d9ki0xvk60] {
    width: 42px;
    height: 42px;
    background: #f4f6f9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1973E8;
    margin-bottom: 0.875rem;
}

.payment-info-title[b-d9ki0xvk60] {
    font-size: 15px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.35rem;
}

.payment-info-desc[b-d9ki0xvk60] {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.55;
    margin: 0;
}

.payment-help-link[b-d9ki0xvk60] {
    display: inline-block;
    margin-top: 0.75rem;
    font-size: 13px;
    font-weight: 700;
    color: #1973E8;
    text-decoration: none;
}

.payment-help-link:hover[b-d9ki0xvk60] {
    text-decoration: underline;
}

/* ── Portal prompt (redirect-to-login state) ── */
.mta-portal-prompt[b-d9ki0xvk60] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2.5rem 1.5rem;
}

.mta-icon[b-d9ki0xvk60] {
    margin-bottom: 1.25rem;
}

.mta-title[b-d9ki0xvk60] {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: var(--eslomio-dark, #15171A);
}

.mta-body[b-d9ki0xvk60] {
    color: var(--eslomio-muted, #A6A6A6);
    max-width: 380px;
    margin-bottom: 1.75rem;
    line-height: 1.6;
}

.mta-actions[b-d9ki0xvk60] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 280px;
    margin-bottom: 1.25rem;
}

.mta-help[b-d9ki0xvk60] {
    font-size: 0.85rem;
    color: var(--eslomio-muted, #A6A6A6);
}

.mta-link[b-d9ki0xvk60] {
    color: var(--eslomio-brand, #1973E8);
    text-decoration: underline;
}
/* /Components/Pages/Public/PrivacyPolicy.razor.rz.scp.css */
.legal-page[b-psi7vj1tnn] {
    background: #f4f6f9;
    padding: 4rem 1.5rem 6rem;
    min-height: calc(100vh - 72px);
}

@media (min-width: 768px) {
    .legal-page[b-psi7vj1tnn] { padding: 5rem 3.5rem 7rem; }
}

.legal-inner[b-psi7vj1tnn] {
    max-width: 820px;
    margin: 0 auto;
}

/* ══ Header ══ */
.legal-header[b-psi7vj1tnn] {
    margin-bottom: 2.5rem;
}

.legal-badge[b-psi7vj1tnn] {
    display: inline-flex;
    align-items: center;
    background: #EFF4FF;
    color: #1973E8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 0.3rem 0.9rem;
    border-radius: 100px;
    margin-bottom: 1rem;
}

.legal-title[b-psi7vj1tnn] {
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 800;
    color: #15171A;
    margin: 0 0 0.5rem;
    line-height: 1.2;
}

.legal-meta[b-psi7vj1tnn] {
    font-size: 13px;
    color: #9ca3af;
    margin: 0;
}

/* ══ Body ══ */
.legal-body[b-psi7vj1tnn] {
    background: #fff;
    border-radius: 20px;
    border: 1.5px solid #e5e7eb;
    padding: 2.5rem 2rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

@media (min-width: 640px) {
    .legal-body[b-psi7vj1tnn] { padding: 3rem 3rem; }
}

.legal-intro[b-psi7vj1tnn] {
    font-size: 15px;
    color: #374151;
    line-height: 1.75;
    margin: 0 0 2rem;
    padding-bottom: 2rem;
    border-bottom: 1.5px solid #f0f0f0;
}

/* ══ Sections ══ */
.legal-section[b-psi7vj1tnn] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1.5px solid #f0f0f0;
}

.legal-section:last-child[b-psi7vj1tnn] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.legal-section h2[b-psi7vj1tnn] {
    font-size: 17px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.875rem;
}

.legal-section p[b-psi7vj1tnn] {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.75;
    margin: 0 0 0.75rem;
}

.legal-section p:last-child[b-psi7vj1tnn] {
    margin-bottom: 0;
}

.legal-section ul[b-psi7vj1tnn] {
    margin: 0.5rem 0 0.75rem 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.legal-section ul li[b-psi7vj1tnn] {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.65;
}

.legal-section a[b-psi7vj1tnn] {
    color: #1973E8;
    text-decoration: underline;
    font-weight: 600;
}

/* ══ Contact block ══ */
.legal-contact-block[b-psi7vj1tnn] {
    background: #f9fafb;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    font-size: 14px;
    color: #374151;
    line-height: 1.75;
    margin-top: 0.75rem;
}

.legal-contact-block a[b-psi7vj1tnn] {
    color: #1973E8;
    text-decoration: underline;
}

/* ══ Footer CTA ══ */
.legal-footer-cta[b-psi7vj1tnn] {
    margin-top: 2rem;
    text-align: center;
    font-size: 14px;
    color: #6b7280;
}

.legal-footer-cta a[b-psi7vj1tnn] {
    color: #1973E8;
    font-weight: 700;
    text-decoration: underline;
}
/* /Components/Pages/Public/ReportAClaim.razor.rz.scp.css */
/* ══════════════════════════════════════════
   Steps Section
══════════════════════════════════════════ */
.rac-steps-section[b-wzbmz2ejzv] {
    background: #fff;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .rac-steps-section[b-wzbmz2ejzv] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .rac-steps-section[b-wzbmz2ejzv] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.rac-steps-grid[b-wzbmz2ejzv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
}

@media (min-width: 600px) {
    .rac-steps-grid[b-wzbmz2ejzv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .rac-steps-grid[b-wzbmz2ejzv] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.rac-step-card[b-wzbmz2ejzv] {
    position: relative;
    background: #f9fafb;
    border-radius: 18px;
    padding: 2rem 1.75rem 1.75rem;
    border: 1.5px solid #e5e7eb;
    transition: box-shadow 0.2s, transform 0.2s;
    margin-top: 14px;
}

.rac-step-card:hover[b-wzbmz2ejzv] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    transform: translateY(-4px);
}

.rac-step-num-badge[b-wzbmz2ejzv] {
    position: absolute;
    top: -14px;
    left: 1.75rem;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1973E8;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(25, 115, 232, .35);
}

.rac-step-icon-wrap[b-wzbmz2ejzv] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
    flex-shrink: 0;
}

.rac-icon--red[b-wzbmz2ejzv]    { background: #FEF2F2; color: #dc2626; }
.rac-icon--blue[b-wzbmz2ejzv]   { background: #EFF4FF; color: #1973E8; }
.rac-icon--green[b-wzbmz2ejzv]  { background: #F0FDF4; color: #16a34a; }
.rac-icon--purple[b-wzbmz2ejzv] { background: #F5F3FF; color: #7c3aed; }

.rac-step-title[b-wzbmz2ejzv] {
    font-size: 16px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.5rem;
}

.rac-step-desc[b-wzbmz2ejzv] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.65;
    margin: 0;
}

/* ══════════════════════════════════════════
   Carrier Directory Section
══════════════════════════════════════════ */
.rac-carriers-section[b-wzbmz2ejzv] {
    background: #f4f6f9;
    padding: 5rem 1.5rem;
}

@media (min-width: 768px) {
    .rac-carriers-section[b-wzbmz2ejzv] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .rac-carriers-section[b-wzbmz2ejzv] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.rac-inline-link[b-wzbmz2ejzv] {
    color: #1973E8;
    text-decoration: underline;
}

.rac-inline-link:hover[b-wzbmz2ejzv] {
    color: #1558b0;
}

.rac-carriers-grid[b-wzbmz2ejzv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 480px) {
    .rac-carriers-grid[b-wzbmz2ejzv] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .rac-carriers-grid[b-wzbmz2ejzv] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1200px) {
    .rac-carriers-grid[b-wzbmz2ejzv] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.rac-carrier-card[b-wzbmz2ejzv] {
    background: #fff;
    border-radius: 14px;
    padding: 1.5rem;
    border: 1.5px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: box-shadow 0.2s, transform 0.2s;
}

.rac-carrier-card:hover[b-wzbmz2ejzv] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .07);
    transform: translateY(-2px);
}

.rac-carrier-name[b-wzbmz2ejzv] {
    font-size: 15px;
    font-weight: 700;
    color: #15171A;
    margin: 0;
}

.rac-carrier-phone[b-wzbmz2ejzv] {
    font-size: 14px;
    color: #4db848;
    font-weight: 600;
    text-decoration: none;
}

.rac-carrier-phone:hover[b-wzbmz2ejzv] {
    color: #3a9a38;
    text-decoration: underline;
}

.rac-carrier-btn[b-wzbmz2ejzv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.9rem;
    border-radius: 8px;
    border: 1.5px solid #1973E8;
    color: #1973E8;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    width: fit-content;
    margin-top: auto;
}

.rac-carrier-btn:hover[b-wzbmz2ejzv] {
    background: #1973E8;
    color: #fff;
}
/* /Components/Pages/Public/Services.razor.rz.scp.css */
/* ── Packages section ── */
.packages-section[b-pdyzv0hhk2] {
    padding: 5rem 1.5rem;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .packages-section[b-pdyzv0hhk2] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .packages-section[b-pdyzv0hhk2] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.pkg-blob[b-pdyzv0hhk2] {
    width: 340px;
    height: 340px;
    background: rgba(25, 115, 232, 0.12);
    border-radius: 50%;
    filter: blur(50px);
    position: absolute;
    right: -80px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* ── CTA strip ── */
.svc-cta-strip[b-pdyzv0hhk2] {
    background: linear-gradient(135deg, #0d2a5e 0%, #1973E8 100%);
    padding: 4rem 1.5rem;
}

@media (min-width: 768px) {
    .svc-cta-strip[b-pdyzv0hhk2] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.svc-cta-inner[b-pdyzv0hhk2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
}

.svc-cta-title[b-pdyzv0hhk2] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5rem;
}

.svc-cta-sub[b-pdyzv0hhk2] {
    font-size: 14px;
    color: #bfdbfe;
}

.svc-cta-actions[b-pdyzv0hhk2] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.svc-btn-primary[b-pdyzv0hhk2] {
    padding: 14px 32px;
    border-radius: 100px;
    background: #4db848;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s;
    white-space: nowrap;
}

.svc-btn-primary:hover[b-pdyzv0hhk2] {
    background: #3d9a35;
    color: #fff;
}

.svc-btn-outline[b-pdyzv0hhk2] {
    padding: 14px 32px;
    border-radius: 100px;
    background: transparent;
    border: 2px solid rgba(255,255,255,0.5);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.18s, background 0.18s;
    white-space: nowrap;
}

.svc-btn-outline:hover[b-pdyzv0hhk2] {
    border-color: #fff;
    background: rgba(255,255,255,0.08);
    color: #fff;
}
/* /Components/Pages/Public/TermsOfService.razor.rz.scp.css */
.legal-page[b-cvoegvyuup] {
    background: #f4f6f9;
    padding: 4rem 1.5rem 6rem;
    min-height: calc(100vh - 72px);
}

@media (min-width: 768px) {
    .legal-page[b-cvoegvyuup] { padding: 5rem 3.5rem 7rem; }
}

.legal-inner[b-cvoegvyuup] {
    max-width: 820px;
    margin: 0 auto;
}

/* ══ Header ══ */
.legal-header[b-cvoegvyuup] {
    margin-bottom: 2.5rem;
}

.legal-badge[b-cvoegvyuup] {
    display: inline-flex;
    align-items: center;
    background: #EFF4FF;
    color: #1973E8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 0.3rem 0.9rem;
    border-radius: 100px;
    margin-bottom: 1rem;
}

.legal-title[b-cvoegvyuup] {
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 800;
    color: #15171A;
    margin: 0 0 0.5rem;
    line-height: 1.2;
}

.legal-meta[b-cvoegvyuup] {
    font-size: 13px;
    color: #9ca3af;
    margin: 0;
}

/* ══ Body ══ */
.legal-body[b-cvoegvyuup] {
    background: #fff;
    border-radius: 20px;
    border: 1.5px solid #e5e7eb;
    padding: 2.5rem 2rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .05);
}

@media (min-width: 640px) {
    .legal-body[b-cvoegvyuup] { padding: 3rem 3rem; }
}

.legal-intro[b-cvoegvyuup] {
    font-size: 15px;
    color: #374151;
    line-height: 1.75;
    margin: 0 0 2rem;
    padding-bottom: 2rem;
    border-bottom: 1.5px solid #f0f0f0;
}

/* ══ Sections ══ */
.legal-section[b-cvoegvyuup] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1.5px solid #f0f0f0;
}

.legal-section:last-child[b-cvoegvyuup] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.legal-section h2[b-cvoegvyuup] {
    font-size: 17px;
    font-weight: 700;
    color: #15171A;
    margin: 0 0 0.875rem;
}

.legal-section p[b-cvoegvyuup] {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.75;
    margin: 0 0 0.75rem;
}

.legal-section p:last-child[b-cvoegvyuup] {
    margin-bottom: 0;
}

.legal-section ul[b-cvoegvyuup] {
    margin: 0.5rem 0 0.75rem 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.legal-section ul li[b-cvoegvyuup] {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.65;
}

.legal-section a[b-cvoegvyuup] {
    color: #1973E8;
    text-decoration: underline;
    font-weight: 600;
}

/* ══ Contact block ══ */
.legal-contact-block[b-cvoegvyuup] {
    background: #f9fafb;
    border: 1.5px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    font-size: 14px;
    color: #374151;
    line-height: 1.75;
    margin-top: 0.75rem;
}

.legal-contact-block a[b-cvoegvyuup] {
    color: #1973E8;
    text-decoration: underline;
}

/* ══ Footer CTA ══ */
.legal-footer-cta[b-cvoegvyuup] {
    margin-top: 2rem;
    text-align: center;
    font-size: 14px;
    color: #6b7280;
}

.legal-footer-cta a[b-cvoegvyuup] {
    color: #1973E8;
    font-weight: 700;
    text-decoration: underline;
}
/* /Components/Pages/Quote/GetQuote.razor.rz.scp.css */
.gq-shell[b-pyxkwflez8] {
    background: linear-gradient(180deg, #f4fbf4 0%, #fff 50%);
    min-height: calc(100vh - 64px);
    padding: 4rem 1.5rem 6rem;
}

@media (min-width: 768px) {
    .gq-shell[b-pyxkwflez8] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

.gq-inner[b-pyxkwflez8] {
    max-width: 760px;
    margin: 0 auto;
}

.gq-header[b-pyxkwflez8] {
    text-align: center;
    margin-bottom: 2.5rem;
}

.gq-title[b-pyxkwflez8] {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 900;
    color: #15171A;
    margin-bottom: 0.5rem;
}

.gq-sub[b-pyxkwflez8] {
    font-size: 15px;
    color: #A6A6A6;
}

.gq-card[b-pyxkwflez8] {
    background: #fff;
    border-radius: 20px;
    border: 1.5px solid #e5e7eb;
    padding: 2.5rem;
    box-shadow: 0 8px 40px rgba(21, 23, 26, 0.07);
}

@media (max-width: 480px) {
    .gq-card[b-pyxkwflez8] {
        padding: 1.5rem;
        border-radius: 16px;
    }
}
/* /Components/Pages/Quote/Health/HealthStep4Plans.razor.rz.scp.css */
/* Compare sticky tray */
.compare-tray[b-jmt3obwzgb] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    background: var(--eslomio-dark, #15171A);
    color: #fff;
    padding: 12px 20px;
    border-top: 2px solid #FF790C;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.3);
}

.compare-tray-inner[b-jmt3obwzgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}

.compare-tray-pills[b-jmt3obwzgb] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.compare-pill[b-jmt3obwzgb] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(255,255,255,0.12);
    border-radius: 100px;
    padding: 4px 8px 4px 12px;
    font-size: 12px;
    font-weight: 600;
}

/* Compare table */
.compare-table-wrap[b-jmt3obwzgb] {
    overflow-x: auto;
}

.compare-table[b-jmt3obwzgb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.compare-table th[b-jmt3obwzgb],
.compare-table td[b-jmt3obwzgb] {
    padding: 10px 14px;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    vertical-align: middle;
}

.compare-table th[b-jmt3obwzgb] {
    background: #f9fafb;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

.compare-label-col[b-jmt3obwzgb] {
    text-align: left !important;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
    background: #f9fafb;
}

.compare-row-label[b-jmt3obwzgb] {
    text-align: left !important;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    white-space: nowrap;
}

.compare-best--flag[b-jmt3obwzgb] {
    background: #f0fae0;
    color: #2d7a28;
    font-weight: 700;
}

.compare-plan-header[b-jmt3obwzgb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    font-size: 13px;
}

.compare-plan-name[b-jmt3obwzgb] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 400;
}
/* /Components/Shared/AppFooter.razor.rz.scp.css */
.eslo-footer[b-6xidegoar9] {
    background: var(--eslomio-dark);
    color: #fff;
    padding: 60px 80px 0;
}

.eslo-footer-inner[b-6xidegoar9] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Brand column */
.eslo-footer-logo[b-6xidegoar9] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-bottom: 18px;
}
.eslo-footer-logo-icon[b-6xidegoar9] {
    display: none;
}
.eslo-footer-logo-img[b-6xidegoar9] {
    height: 32px;
    width: auto;
    filter: brightness(0) invert(1);
    object-fit: contain;
}
.eslo-footer-logo-brand[b-6xidegoar9] {
    font-size: 13px;
    font-weight: 900;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
.eslo-footer-logo-sub[b-6xidegoar9] {
    font-size: 13px;
    font-weight: 900;
    color: var(--eslomio-accent);
    line-height: 1.1;
    letter-spacing: -0.01em;
}
.eslo-footer-tagline[b-6xidegoar9] {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    line-height: 1.7;
    margin-bottom: 22px;
    max-width: 280px;
}
.eslo-footer-socials[b-6xidegoar9] {
    display: flex;
    gap: 12px;
}
.eslo-social-icon[b-6xidegoar9] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    transition: all 0.18s;
}
.eslo-social-icon:hover[b-6xidegoar9] {
    background: var(--eslomio-brand);
    color: #fff;
}

/* Columns */
.eslo-footer-col[b-6xidegoar9] { display: flex; flex-direction: column; }
.eslo-footer-heading[b-6xidegoar9] {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}
.eslo-footer-list[b-6xidegoar9] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.eslo-footer-list a[b-6xidegoar9] {
    font-size: 13.5px;
    color: rgba(255,255,255,0.55);
    text-decoration: none;
    transition: color 0.18s;
}
.eslo-footer-list a:hover[b-6xidegoar9] { color: #fff; }
.eslo-footer-contact li[b-6xidegoar9] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: rgba(255,255,255,0.55);
}
.eslo-footer-contact svg[b-6xidegoar9] { flex-shrink: 0; opacity: 0.6; margin-top: 2px; }

/* Bottom bar */
.eslo-footer-bottom[b-6xidegoar9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    font-size: 12.5px;
    color: rgba(255,255,255,0.4);
}
.eslo-footer-bottom-links[b-6xidegoar9] {
    display: flex;
    gap: 20px;
}
.eslo-footer-bottom-links a[b-6xidegoar9] {
    color: rgba(255,255,255,0.4);
    text-decoration: none;
    transition: color 0.18s;
}
.eslo-footer-bottom-links a:hover[b-6xidegoar9] { color: rgba(255,255,255,0.8); }

/* Responsive */
@media (max-width: 1024px) {
    .eslo-footer[b-6xidegoar9] { padding: 48px 40px 0; }
    .eslo-footer-inner[b-6xidegoar9] { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .eslo-footer[b-6xidegoar9] { padding: 40px 20px 0; }
    .eslo-footer-inner[b-6xidegoar9] { grid-template-columns: 1fr; gap: 32px; }
    .eslo-footer-bottom[b-6xidegoar9] { flex-direction: column; gap: 10px; text-align: center; }
}
/* /Components/Shared/AppNavBar.razor.rz.scp.css */
/* =====================================================================
   AppNavBar — Redesigned
   ===================================================================== */

/* ── Sticky wrapper ── */
.eslo-nav-sticky[b-g1eoox1crz] {
    position: sticky;
    top: 0;
    z-index: 1200;
}

/* ── AppBar ── */
.eslo-nav-sticky[b-g1eoox1crz]  .mud-appbar {
    position: relative !important;
    background: #ffffff !important;
    color: var(--eslomio-dark) !important;
    /* Crisp 1px bottom border that blends cleanly into the dark carousel below */
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,0.06), 0 4px 20px rgba(0,0,0,0.04) !important;
}

.eslo-nav-sticky[b-g1eoox1crz]  .mud-toolbar-appbar {
    padding: 0 80px !important;
    min-height: 72px !important;
    max-height: 72px !important;
}

/* ── Logo ── */
.eslo-logo-link[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    text-decoration: none;
}

.eslo-logo-img[b-g1eoox1crz] {
    height: 65px;
    width: auto;
    display: block;
    transition: opacity 0.18s;
}

.eslo-logo-link:hover .eslo-logo-img[b-g1eoox1crz] {
    opacity: 0.85;
}

/* ── Desktop nav links ── */
.eslo-nav-links[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    gap: 0;
}

/* Each nav button spans the full appbar height for a clean hover zone */
.eslo-nav-links[b-g1eoox1crz]  .eslo-nav-btn {
    position: relative !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 0 !important;
    min-width: 0 !important;
    height: 72px !important;
    padding: 0 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color 0.18s !important;
    overflow: visible !important;
}

.eslo-nav-links[b-g1eoox1crz]  .eslo-nav-btn:hover {
    color: #111827 !important;
    background: transparent !important;
}

/* Active state: green bottom border indicator */
.eslo-nav-links[b-g1eoox1crz]  .eslo-nav-btn--active {
    color: #111827 !important;
    font-weight: 600 !important;
    background: transparent !important;
    box-shadow: inset 0 -3px 0 #4db848 !important;
}

/* ── Nav actions (right side) ── */
.eslo-nav-actions[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Phone number link */
.eslo-nav-phone[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #374151;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    transition: color 0.18s;
}

.eslo-nav-phone:hover[b-g1eoox1crz] {
    color: #4db848;
}

.eslo-nav-phone[b-g1eoox1crz]  .mud-icon-root {
    font-size: 17px !important;
    color: #4db848;
}

/* Sign In link — subtle ghost */
.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-auth-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-radius: 8px !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: color 0.18s, background 0.18s !important;
}

.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-auth-btn:hover {
    color: #111827 !important;
    background: #f3f4f6 !important;
}

/* Thin vertical divider between Sign In and CTA */
.eslo-nav-divider[b-g1eoox1crz] {
    width: 1px;
    height: 22px;
    background: #e5e7eb;
    margin: 0 8px;
    flex-shrink: 0;
}

/* CTA — pill with Eslomio green */
.eslo-nav-sticky[b-g1eoox1crz]  .eslo-cta-btn {
    background: #4db848 !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 24px !important;
    height: 42px !important;
    min-height: 42px !important;
    box-shadow: 0 2px 10px rgba(77, 184, 72, 0.32) !important;
    transition: background 0.18s, box-shadow 0.18s, transform 0.18s !important;
}

.eslo-nav-sticky[b-g1eoox1crz]  .eslo-cta-btn:hover {
    background: #3d9a35 !important;
    box-shadow: 0 6px 20px rgba(77, 184, 72, 0.42) !important;
    transform: translateY(-1px) !important;
}

/* ── Backdrop ── */
.eslo-drawer-backdrop[b-g1eoox1crz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 17, 20, 0.45);
    z-index: 1298;
    animation: fadein-b-g1eoox1crz 0.2s ease;
}

@keyframes fadein-b-g1eoox1crz { from { opacity: 0; } to { opacity: 1; } }

/* ── Mobile drawer (custom CSS, no MudDrawer) ── */
.eslo-mobile-drawer[b-g1eoox1crz] {
    position: fixed;
    top: 0;
    right: -300px;
    width: 280px;
    height: 100dvh;
    background: var(--eslomio-dark);
    z-index: 1299;
    display: flex;
    flex-direction: column;
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -4px 0 32px rgba(0, 0, 0, 0.3);
}

.eslo-mobile-drawer--open[b-g1eoox1crz] {
    right: 0;
}

/* Drawer header */
.eslo-mobile-header[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 64px;
}

.eslo-drawer-logo[b-g1eoox1crz] {
    height: 65px;
    width: auto;
    display: block;
}

.eslo-mobile-header[b-g1eoox1crz]  .eslo-drawer-close-btn {
    color: rgba(255, 255, 255, 0.6) !important;
}

.eslo-mobile-header[b-g1eoox1crz]  .eslo-drawer-close-btn:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Nav links */
.eslo-mobile-nav[b-g1eoox1crz] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.eslo-mobile-link[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    width: 100%;
    background: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

.eslo-mobile-link:hover[b-g1eoox1crz] {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border-left-color: rgba(255, 255, 255, 0.3);
}

.eslo-mobile-link--active[b-g1eoox1crz] {
    background: rgba(77, 184, 72, 0.15);
    color: #fff;
    border-left-color: #4db848;
    font-weight: 700;
}

.eslo-mobile-link[b-g1eoox1crz]  .mud-icon-root {
    opacity: 0.75;
}

.eslo-mobile-link--active[b-g1eoox1crz]  .mud-icon-root {
    opacity: 1;
}

.eslo-mobile-logout[b-g1eoox1crz] {
    color: rgba(255, 255, 255, 0.55) !important;
}

.eslo-mobile-logout:hover[b-g1eoox1crz] {
    background: rgba(220, 38, 38, 0.12) !important;
    color: #fca5a5 !important;
    border-left-color: #ef4444 !important;
}

.eslo-mobile-divider[b-g1eoox1crz] {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin: 6px 0;
}

/* CTA at the bottom of the drawer */
.eslo-mobile-bottom[b-g1eoox1crz] {
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
}

.eslo-mobile-cta[b-g1eoox1crz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    background: #4db848;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border-radius: 100px;
    text-decoration: none;
    box-sizing: border-box;
    transition: background 0.18s;
}

.eslo-mobile-cta:hover[b-g1eoox1crz] {
    background: #3d9a35;
    color: #fff;
}

.eslo-mobile-cta[b-g1eoox1crz]  .mud-icon-root {
    color: #fff;
}

/* ── Desktop Get a Quote CTA ── */
.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-quote-btn {
    background: #4db848 !important;
    color: #fff !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 20px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin-left: 8px !important;
    box-shadow: 0 2px 10px rgba(77,184,72,0.32) !important;
    transition: background 0.18s, box-shadow 0.18s, transform 0.18s !important;
}

.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-quote-btn:hover {
    background: #3d9a35 !important;
    box-shadow: 0 6px 20px rgba(77,184,72,0.44) !important;
    transform: translateY(-1px) !important;
}

/* ── Desktop Sign In button ── */
.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-signin-btn {
    border: 1.5px solid #4db848 !important;
    color: #4db848 !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 18px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin-left: 8px !important;
    background: transparent !important;
    transition: background 0.18s, color 0.18s !important;
}

.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-signin-btn:hover {
    background: #4db848 !important;
    color: #fff !important;
}

/* ── Desktop My Account button (authenticated) ── */
.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-account-btn {
    border: 1.5px solid #4db848 !important;
    color: #4db848 !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 18px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin-left: 8px !important;
    background: transparent !important;
    transition: background 0.18s, color 0.18s !important;
}

.eslo-nav-actions[b-g1eoox1crz]  .eslo-nav-account-btn:hover {
    background: #4db848 !important;
    color: #fff !important;
}

/* ── Mobile bottom — multiple CTAs stacked ── */
.eslo-mobile-bottom[b-g1eoox1crz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.eslo-mobile-cta--primary[b-g1eoox1crz] {
    background: #4db848;
    box-shadow: 0 2px 10px rgba(77,184,72,0.35);
}

.eslo-mobile-cta--primary:hover[b-g1eoox1crz] {
    background: #3d9a35;
}

/* Secondary CTAs in mobile bottom are outlined */
.eslo-mobile-bottom .eslo-mobile-cta:not(.eslo-mobile-cta--primary)[b-g1eoox1crz] {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
}

.eslo-mobile-bottom .eslo-mobile-cta:not(.eslo-mobile-cta--primary):hover[b-g1eoox1crz] {
    background: rgba(255,255,255,0.14);
}

/* ── Responsive toolbar padding ── */
@media (max-width: 1280px) {
    .eslo-nav-sticky[b-g1eoox1crz]  .mud-toolbar-appbar {
        padding: 0 40px !important;
    }
}

@media (max-width: 960px) {
    .eslo-nav-sticky[b-g1eoox1crz]  .mud-toolbar-appbar {
        padding: 0 20px !important;
    }
}








/* /Components/Shared/ClientReviews.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   ClientReviews.razor.css — Testimonials / reviews section
   ═══════════════════════════════════════════════════════════ */

.home-reviews[b-mf5yq45vl8] {
    background: #f8faff;
    padding: 48px 0;
}

.reviews-header[b-mf5yq45vl8] {
    text-align: center;
    margin-bottom: 2rem;
}

[b-mf5yq45vl8] .review-card {
    border-radius: 20px !important;
    height: 100%;
}

.stars[b-mf5yq45vl8] {
    color: #f59e0b;
    font-size: 17px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

[b-mf5yq45vl8] .review-text {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #374151 !important;
    flex: 1;
}

.review-author[b-mf5yq45vl8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-mf5yq45vl8] .section-sub {
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 440px;
    margin: 0.75rem auto 0 !important;
    line-height: 1.6 !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .home-reviews[b-mf5yq45vl8] { padding: 32px 0; }
}

@media (max-width: 480px) {
    .home-reviews[b-mf5yq45vl8] { padding: 24px 0; }
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.cookie-banner[b-d7reev0awq] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 1.5px solid #e5e7eb;
    box-shadow: 0 -4px 32px rgba(0, 0, 0, .10);
    padding: 1.25rem 1.5rem;
    animation: cookie-slide-up-b-d7reev0awq 0.35s ease;
}

@keyframes cookie-slide-up-b-d7reev0awq {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

.cookie-banner-inner[b-d7reev0awq] {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .cookie-banner-inner[b-d7reev0awq] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
    }
}

.cookie-banner-text[b-d7reev0awq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.cookie-banner-icon[b-d7reev0awq] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #FFF7ED;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d97706;
    margin-top: 1px;
}

.cookie-banner-message[b-d7reev0awq] {
    font-size: 14px;
    color: #374151;
    line-height: 1.6;
    margin: 0;
}

.cookie-banner-link[b-d7reev0awq] {
    color: #1973E8;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 0.25rem;
    white-space: nowrap;
}

.cookie-banner-actions[b-d7reev0awq] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.cookie-btn[b-d7reev0awq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 1.35rem;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
    border: 1.5px solid transparent;
}

.cookie-btn--outline[b-d7reev0awq] {
    background: transparent;
    border-color: #d1d5db;
    color: #374151;
}

.cookie-btn--outline:hover[b-d7reev0awq] {
    border-color: #9ca3af;
    background: #f9fafb;
}

.cookie-btn--filled[b-d7reev0awq] {
    background: #4db848;
    border-color: #4db848;
    color: #fff;
}

.cookie-btn--filled:hover[b-d7reev0awq] {
    background: #3d9a35;
    border-color: #3d9a35;
}
/* /Components/Shared/CtaBanner.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   CtaBanner.razor.css — Bottom CTA strip section
   ═══════════════════════════════════════════════════════════ */

/* MudGrid align-items override */
[b-d3fb5zkee5] .mud-grid-align-center { align-items: center; }

.home-cta[b-d3fb5zkee5] {
    background: linear-gradient(135deg, #1a3d18 0%, #4db848 100%);
    padding: 3.25rem 0;
}

[b-d3fb5zkee5] .cta-title {
    font-size: 1.875rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 0.75rem !important;
}

[b-d3fb5zkee5] .cta-sub {
    font-size: 15px !important;
    color: rgba(255,255,255,0.8) !important;
}

/* CTA accent button */
[b-d3fb5zkee5] .cta-btn-accent,
[b-d3fb5zkee5] .cta-btn-accent.mud-button-root {
    background-color: #4db848 !important;
    color: #fff !important;
    border-radius: 100px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: 15px !important;
}

[b-d3fb5zkee5] .cta-btn-accent:hover,
[b-d3fb5zkee5] .cta-btn-accent.mud-button-root:hover {
    background-color: #3d9a35 !important;
}

/* CTA outline button */
[b-d3fb5zkee5] .cta-btn-outline,
[b-d3fb5zkee5] .cta-btn-outline.mud-button-root {
    border: 2px solid rgba(255,255,255,0.45) !important;
    color: #fff !important;
    border-radius: 100px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: 15px !important;
}

[b-d3fb5zkee5] .cta-btn-outline:hover,
[b-d3fb5zkee5] .cta-btn-outline.mud-button-root:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .home-cta[b-d3fb5zkee5] { padding: 2.5rem 0; }
}

@media (max-width: 480px) {
    .home-cta[b-d3fb5zkee5] { padding: 2rem 0; }
}
/* /Components/Shared/DocumentChecklist.razor.rz.scp.css */
.doc-checklist[b-ts6z9v6hzw] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    padding: 24px;
    margin-top: 24px;
}

.doc-checklist-title[b-ts6z9v6hzw] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--eslomio-dark, #15171A);
    margin: 0 0 4px;
}

.doc-checklist-sub[b-ts6z9v6hzw] {
    font-size: 0.82rem;
    color: var(--eslomio-muted, #A6A6A6);
    margin: 0 0 20px;
}

.doc-rows[b-ts6z9v6hzw] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.doc-row[b-ts6z9v6hzw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
}

.doc-row-info[b-ts6z9v6hzw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.doc-type-name[b-ts6z9v6hzw] {
    font-weight: 600;
    font-size: 0.90rem;
}

.doc-status[b-ts6z9v6hzw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    width: fit-content;
}

.doc-status-pending[b-ts6z9v6hzw]   { background: #f5f5f5; color: #888; }
.doc-status-uploaded[b-ts6z9v6hzw]  { background: #fff8e1; color: #f59e0b; }
.doc-status-approved[b-ts6z9v6hzw]  { background: #e8f5e9; color: #2e7d32; }
.doc-status-rejected[b-ts6z9v6hzw]  { background: #ffebee; color: #c62828; }

.doc-filename[b-ts6z9v6hzw] {
    font-size: 0.78rem;
    color: var(--eslomio-muted, #A6A6A6);
    font-style: italic;
}

.doc-rejection[b-ts6z9v6hzw] {
    margin-top: 4px;
}

.doc-row-action[b-ts6z9v6hzw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.doc-upload-btn[b-ts6z9v6hzw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: var(--eslomio-brand, #1973E8);
    color: #fff;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity .15s;
}

.doc-upload-btn.uploading[b-ts6z9v6hzw] {
    opacity: .6;
    cursor: not-allowed;
}

.doc-file-input[b-ts6z9v6hzw] {
    display: none;
}

.doc-upload-error[b-ts6z9v6hzw] {
    font-size: 0.76rem;
    color: #c62828;
    margin: 0;
    max-width: 200px;
    text-align: right;
}

@media (max-width: 600px) {
    .doc-row[b-ts6z9v6hzw] {
        flex-direction: column;
    }
    .doc-row-action[b-ts6z9v6hzw] {
        align-items: flex-start;
    }
    .doc-upload-error[b-ts6z9v6hzw] {
        text-align: left;
    }
}
/* /Components/Shared/HeroCarousel.razor.rz.scp.css */
/* ── CAROUSEL CONTAINER ── */
.hero-section[b-gli20274dv] { position: relative; width: 100%; overflow: hidden; }

[b-gli20274dv] .mud-carousel { width: 100% !important; max-width: 100% !important; border-bottom-left-radius: 18px !important; border-bottom-right-radius: 18px !important; overflow: hidden !important; }
[b-gli20274dv] .mud-carousel-cont { width: 100% !important; height: 100% !important; }

/* ── BUILT-IN ARROWS ── */
/* Arrow wrapper divs are position:absolute; pierce them to style the MudIconButton */
[b-gli20274dv] .mud-carousel .mud-icon-button {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.35) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    backdrop-filter: blur(4px);
    transition: background 0.2s, border-color 0.2s !important;
}
[b-gli20274dv] .mud-carousel .mud-icon-button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.65) !important;
}
[b-gli20274dv] .mud-carousel .mud-icon-button .mud-icon-root {
    color: #fff !important;
    font-size: 22px !important;
}

/* ── BUILT-IN BULLETS ── */
[b-gli20274dv] .carousel-nav-btn.mud-icon-button {
    color: rgba(255,255,255,0.5) !important;
    background: rgba(255,255,255,0.25) !important;
    border: none !important;
    backdrop-filter: blur(4px);
}
[b-gli20274dv] .carousel-nav-btn.mud-icon-button:hover,
[b-gli20274dv] .carousel-nav-btn.mud-icon-button.mud-selected {
    color: #fff !important;
    background: rgba(255,255,255,0.7) !important;
}

/* MudCarouselItem: MudBlazor renders these as position:absolute top:0 bottom:0 — do NOT override that.
   .slide-bg / .slide-overlay are positioned relative to this element since it is a positioned ancestor. */
[b-gli20274dv] .mud-carousel-item {
    overflow: hidden;
}

/* SLIDE BACKGROUND */
.slide-bg[b-gli20274dv] { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }

/* SLIDE OVERLAY */
.slide-overlay[b-gli20274dv] { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(10,22,50,.82) 0%, rgba(10,22,50,.65) 45%, rgba(10,22,50,.25) 72%, rgba(10,22,50,.08) 100%); }

/* SLIDE CONTENT GRID */
.slide-inner[b-gli20274dv] { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 380px; gap: 40px; max-width: 1200px; margin: 0 auto; padding: 0 56px; height: 100%; align-items: center; }

/* BADGE */
.slide-badge[b-gli20274dv] { display: inline-flex; align-items: center; gap: 8px; background: #4db848; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; padding: 6px 14px; border-radius: 99px; }
.badge-dot[b-gli20274dv] { width: 7px; height: 7px; border-radius: 50%; background: #fff; flex-shrink: 0; animation: blink-b-gli20274dv 1.4s ease-in-out infinite; }
@keyframes blink-b-gli20274dv { 0%,100%{opacity:1} 50%{opacity:.3} }

/* TITLE */
.slide-title[b-gli20274dv] { font-size: 44px; font-weight: 900; letter-spacing: -1.2px; color: #fff; line-height: 1.1; text-shadow: 0 2px 24px rgba(0,0,0,.22); margin: 18px 0 14px; }
.slide-title span[b-gli20274dv] { color: #4db848; }

/* SUBTITLE */
.slide-sub[b-gli20274dv] { font-size: 15px; color: rgba(255,255,255,.8); line-height: 1.6; max-width: 460px; }

/* META STATS */
.slide-meta[b-gli20274dv] { display: flex; gap: 24px; margin: 20px 0 28px; }
.meta-item[b-gli20274dv] { display: flex; flex-direction: column; }
.meta-val[b-gli20274dv] { font-size: 26px; font-weight: 900; color: #fff; line-height: 1; }
.meta-lbl[b-gli20274dv] { font-size: 11px; color: rgba(255,255,255,.65); margin-top: 3px; }

/* CTA BUTTONS — pierce MudButton wrapper */
.slide-btns[b-gli20274dv] { display: flex; gap: 12px; align-items: center; }

[b-gli20274dv] .slide-cta-btn.mud-button-root {
    background: #4db848 !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 0 28px !important;
    height: 50px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

[b-gli20274dv] .slide-ghost-btn.mud-button-root {
    border: 1.5px solid rgba(255,255,255,.5) !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 0 24px !important;
    height: 50px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: rgba(255,255,255,.12) !important;
}

/* ── COVERAGE INFO CARD ── */
.info-card[b-gli20274dv] {
    position: relative;
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover[b-gli20274dv] {
    transform: translateY(-6px);
    box-shadow: 0 32px 80px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.22);
}

/* ── ACCENT BARS ── */
.ic-accent-bar[b-gli20274dv] { height: 4px; width: 100%; }
.ic-auto .ic-accent-bar[b-gli20274dv]   { background: linear-gradient(90deg, #3b82f6, #60a5fa); }
.ic-truck .ic-accent-bar[b-gli20274dv]  { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.ic-biz .ic-accent-bar[b-gli20274dv]    { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.ic-health .ic-accent-bar[b-gli20274dv] { background: linear-gradient(90deg, #06b6d4, #22d3ee); }
.ic-fleet .ic-accent-bar[b-gli20274dv]  { background: linear-gradient(90deg, #f97316, #fb923c); }

/* ── CARD TOP ── */
.ic-top[b-gli20274dv] { display: flex; align-items: center; gap: 14px; padding: 18px 22px 10px; }

.ic-icon-ring[b-gli20274dv] {
    width: 50px; height: 50px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.ic-auto .ic-icon-ring[b-gli20274dv]   { background: rgba(59,130,246,0.22); }
.ic-truck .ic-icon-ring[b-gli20274dv]  { background: rgba(245,158,11,0.22); }
.ic-biz .ic-icon-ring[b-gli20274dv]    { background: rgba(139,92,246,0.22); }
.ic-health .ic-icon-ring[b-gli20274dv] { background: rgba(6,182,212,0.22); }
.ic-fleet .ic-icon-ring[b-gli20274dv]  { background: rgba(249,115,22,0.22); }

[b-gli20274dv] .ic-icon.mud-icon-root { font-size: 26px !important; }
.ic-auto[b-gli20274dv]    .ic-icon.mud-icon-root { color: #60a5fa !important; }
.ic-truck[b-gli20274dv]   .ic-icon.mud-icon-root { color: #fbbf24 !important; }
.ic-biz[b-gli20274dv]     .ic-icon.mud-icon-root { color: #a78bfa !important; }
.ic-health[b-gli20274dv]  .ic-icon.mud-icon-root { color: #22d3ee !important; }
.ic-fleet[b-gli20274dv]   .ic-icon.mud-icon-root { color: #fb923c !important; }

.ic-top-text[b-gli20274dv] { display: flex; flex-direction: column; gap: 5px; }

.ic-category[b-gli20274dv] { font-size: 16px; font-weight: 800; color: #fff; letter-spacing: -0.3px; }

.ic-badge[b-gli20274dv] {
    display: inline-block;
    font-size: 10px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em;
    padding: 2px 9px; border-radius: 99px;
}
.ic-auto .ic-badge[b-gli20274dv]   { background: rgba(59,130,246,0.28); color: #93c5fd; border: 1px solid rgba(59,130,246,0.38); }
.ic-truck .ic-badge[b-gli20274dv]  { background: rgba(245,158,11,0.28); color: #fde68a; border: 1px solid rgba(245,158,11,0.38); }
.ic-biz .ic-badge[b-gli20274dv]    { background: rgba(139,92,246,0.28); color: #ddd6fe; border: 1px solid rgba(139,92,246,0.38); }
.ic-health .ic-badge[b-gli20274dv] { background: rgba(6,182,212,0.28); color: #a5f3fc; border: 1px solid rgba(6,182,212,0.38); }
.ic-fleet .ic-badge[b-gli20274dv]  { background: rgba(249,115,22,0.28); color: #fed7aa; border: 1px solid rgba(249,115,22,0.38); }

/* ── STARS ── */
.ic-stars[b-gli20274dv] { display: flex; align-items: center; gap: 8px; padding: 0 22px 14px; }
.ic-star-row[b-gli20274dv] { color: #fbbf24; font-size: 13px; letter-spacing: 1.5px; }
.ic-reviews[b-gli20274dv] { font-size: 12px; color: rgba(255,255,255,0.55); }

/* ── FEATURES ── */
.ic-features[b-gli20274dv] { display: flex; flex-direction: column; gap: 10px; padding: 0 22px 16px; }
.ic-feat[b-gli20274dv] { display: flex; align-items: center; gap: 10px; }
.ic-feat span[b-gli20274dv] { font-size: 13.5px; color: rgba(255,255,255,0.88); line-height: 1.3; }

[b-gli20274dv] .ic-check.mud-icon-root { font-size: 17px !important; flex-shrink: 0; }
.ic-auto[b-gli20274dv]    .ic-check.mud-icon-root { color: #60a5fa !important; }
.ic-truck[b-gli20274dv]   .ic-check.mud-icon-root { color: #fbbf24 !important; }
.ic-biz[b-gli20274dv]     .ic-check.mud-icon-root { color: #a78bfa !important; }
.ic-health[b-gli20274dv]  .ic-check.mud-icon-root { color: #22d3ee !important; }
.ic-fleet[b-gli20274dv]   .ic-check.mud-icon-root { color: #fb923c !important; }

/* ── DIVIDER ── */
.ic-divider[b-gli20274dv] { height: 1px; background: rgba(255,255,255,0.1); margin: 0 22px 16px; }

/* ── FOOTER ── */
.ic-footer[b-gli20274dv] { display: flex; align-items: center; justify-content: space-between; padding: 0 22px 20px; }

.ic-price[b-gli20274dv] { font-size: 13px; color: rgba(255,255,255,0.6); }
.ic-price strong[b-gli20274dv] { font-size: 28px; font-weight: 900; color: #fff; line-height: 1; }
.ic-price span[b-gli20274dv] { font-size: 12px; color: rgba(255,255,255,0.5); }

[b-gli20274dv] .ic-cta-btn.mud-button-root {
    background: #4db848 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 18px !important;
    height: 40px !important;
}

/* CAROUSEL NAV BAR */
.carousel-nav[b-gli20274dv] { display: flex; justify-content: space-between; align-items: center; padding: 14px 28px; background: #fff; border-bottom: 1px solid #f1f5f9; }

[b-gli20274dv] .slide-num { font-size: 14px !important; font-weight: 600 !important; color: #0f172a !important; }

.dots[b-gli20274dv] { display: flex; gap: 6px; align-items: center; }
.dot[b-gli20274dv] { width: 8px; height: 8px; border-radius: 99px; background: #d1d5db; border: none; cursor: pointer; transition: all .3s; padding: 0; }
.dot.active[b-gli20274dv] { width: 26px; background: #4db848; }

.arrow-btns[b-gli20274dv] { display: flex; gap: 8px; }

[b-gli20274dv] .arrow-nav-btn.mud-icon-button {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 1.5px solid #e2e8f0 !important;
    color: #0f172a !important;
    background: #fff !important;
}

[b-gli20274dv] .arrow-nav-btn.mud-icon-button:hover {
    background: #f1f5f9 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
    [b-gli20274dv] .mud-carousel { height: 420px !important; }
    .slide-inner[b-gli20274dv] { grid-template-columns: 1fr; padding: 40px 24px; gap: 0; }
    .slide-right[b-gli20274dv] { display: none; }
    .slide-title[b-gli20274dv] { font-size: 32px; }
    .carousel-nav[b-gli20274dv] { padding: 12px 20px; }
}

@media (max-width: 480px) {
    [b-gli20274dv] .mud-carousel { height: 400px !important; }
    .slide-inner[b-gli20274dv] { padding: 32px 20px; }
    .slide-title[b-gli20274dv] { font-size: 28px; letter-spacing: -0.5px; margin: 14px 0 10px; }
    .slide-sub[b-gli20274dv] { font-size: 14px; max-width: 100%; }
    .slide-meta[b-gli20274dv] { gap: 18px; margin: 14px 0 20px; }
    .meta-val[b-gli20274dv] { font-size: 22px; }
    .meta-lbl[b-gli20274dv] { font-size: 10px; }
    .slide-btns[b-gli20274dv] { flex-direction: column; align-items: stretch; gap: 10px; }
    [b-gli20274dv] .slide-cta-btn.mud-button-root,
    [b-gli20274dv] .slide-ghost-btn.mud-button-root { width: 100% !important; height: 48px !important; font-size: 14px !important; }
}

@media (max-width: 360px) {
    [b-gli20274dv] .mud-carousel { height: 420px !important; }
    .slide-inner[b-gli20274dv] { padding: 24px 16px; }
    .slide-badge[b-gli20274dv] { font-size: 10px; padding: 5px 11px; }
    .slide-title[b-gli20274dv] { font-size: 24px; margin: 10px 0 8px; }
    .slide-sub[b-gli20274dv] { display: none; }
    .slide-meta[b-gli20274dv] { gap: 14px; margin: 10px 0 16px; }
    .meta-val[b-gli20274dv] { font-size: 19px; }
}

/* /Components/Shared/HeroSection.razor.rz.scp.css */
.hero-section[b-66mbe3s30y] {
    background: linear-gradient(115deg, #f4f8ff 0%, #e8f0fe 45%, #fff5eb 100%);
    padding: 3.5rem 1.5rem 0;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .hero-section[b-66mbe3s30y] {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .hero-section[b-66mbe3s30y] {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.hero-circle[b-66mbe3s30y] {
    width: 520px;
    height: 520px;
    background: rgba(25, 115, 232, 0.12);
    border-radius: 50%;
    position: absolute;
    top: -160px;
    right: -100px;
    pointer-events: none;
}

.hero-content[b-66mbe3s30y] {
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .hero-content[b-66mbe3s30y] {
        flex-direction: row;
        gap: 4rem;
    }
}

.hero-left[b-66mbe3s30y] {
    flex: 1;
    z-index: 10;
    max-width: 32rem;
}

.hero-headline[b-66mbe3s30y] {
    font-size: clamp(40px, 5vw, 58px);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #15171A;
    margin-bottom: 1.25rem;
}

.hero-sub[b-66mbe3s30y] {
    font-size: 15px;
    line-height: 1.7;
    color: #A6A6A6;
    margin-bottom: 2rem;
    max-width: 24rem;
}

.email-strip[b-66mbe3s30y] {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    border: 1.5px solid #e5e7eb;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    max-width: 380px;
    padding: 4px;
}

.email-strip input[b-66mbe3s30y] {
    flex: 1;
    padding: 10px 18px;
    border: none;
    outline: none;
    font-size: 14px;
    color: #15171A;
    background: transparent;
    font-family: 'Poppins', sans-serif;
}

.email-strip input[b-66mbe3s30y]::placeholder {
    color: #A6A6A6;
}

.email-strip button[b-66mbe3s30y] {
    background: #1973E8;
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 10px 22px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.18s;
    font-family: 'Poppins', sans-serif;
}

.email-strip button:hover[b-66mbe3s30y] {
    background: #1560cc;
}

.hero-right[b-66mbe3s30y] {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    align-self: stretch;
    min-height: 320px;
}

@media (min-width: 1024px) {
    .hero-right[b-66mbe3s30y] {
        min-height: 380px;
    }
}

.hero-img-bg[b-66mbe3s30y] {
    background: linear-gradient(135deg, #fef3e2 0%, #fde4c0 50%, #fdd5a0 100%);
    border-radius: 24px;
    position: absolute;
    top: 24px;
    left: 40px;
    right: -8px;
    bottom: -8px;
}

.live-badge[b-66mbe3s30y] {
    width: 68px;
    height: 68px;
    background: #4db848;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    position: absolute;
    top: 24px;
    left: -28px;
    box-shadow: 0 8px 24px rgba(77, 184, 72, 0.45);
    z-index: 20;
}

.hero-img-wrap[b-66mbe3s30y] {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 500px;
    border-radius: 20px;
    overflow: hidden;
    height: 360px;
    background: linear-gradient(160deg, #dce8f8 0%, #c5d9f0 100%);
}

.support-badge[b-66mbe3s30y] {
    background: #fff;
    border-radius: 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: 28px;
    left: -44px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
    z-index: 20;
}

.support-icon[b-66mbe3s30y] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #FF790C;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.support-time[b-66mbe3s30y] {
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: #15171A;
}

.support-label[b-66mbe3s30y] {
    font-size: 12px;
    margin-top: 2px;
    color: #A6A6A6;
}

.tab-section[b-66mbe3s30y] {
    max-width: 80rem;
    margin: 2.5rem auto 0;
    padding-bottom: 1.5rem;
    overflow-x: auto;
}

.tab-strip[b-66mbe3s30y] {
    background: #f3f4f6;
    border-radius: 100px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tab-btn[b-66mbe3s30y] {
    padding: 10px 22px;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13.5px;
    font-weight: 500;
    color: #15171A;
    border: none;
    background: transparent;
    transition: all 0.18s;
    white-space: nowrap;
    font-family: 'Poppins', sans-serif;
}

.tab-btn.active[b-66mbe3s30y] {
    background: #4db848;
    color: #fff;
}

.tab-btn:not(.active):hover[b-66mbe3s30y] {
    background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
    .hero-circle[b-66mbe3s30y] {
        width: 260px;
        height: 260px;
        top: -80px;
        right: -60px;
    }

    .live-badge[b-66mbe3s30y] {
        width: 52px;
        height: 52px;
        left: -16px;
        font-size: 8px;
    }

    .support-badge[b-66mbe3s30y] {
        left: -16px;
        bottom: 16px;
        padding: 8px 10px;
    }
}
/* /Components/Shared/InstagramFeed.razor.rz.scp.css */
.ig-section[b-bjbch51y9l] {
    padding: 4rem 1.5rem;
    background: #fafafa;
}

.ig-grid[b-bjbch51y9l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 960px;
    margin: 0 auto;
}

.ig-card[b-bjbch51y9l] {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    background: #e5e7eb;
    text-decoration: none;
}

.ig-img[b-bjbch51y9l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.ig-card:hover .ig-img[b-bjbch51y9l] {
    transform: scale(1.05);
}

.ig-overlay[b-bjbch51y9l] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: flex-end;
    padding: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.ig-card:hover .ig-overlay[b-bjbch51y9l] {
    opacity: 1;
}

.ig-caption[b-bjbch51y9l] {
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.4;
    margin: 0;
}

@media (max-width: 640px) {
    .ig-grid[b-bjbch51y9l] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Shared/InsurancePlans.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   InsurancePlans.razor.css — 4-plan product grid section
   ═══════════════════════════════════════════════════════════ */

.home-plans[b-pt3mgofyvm] {
    background: #f8faff;
    padding: 48px 0;
}

.plans-header[b-pt3mgofyvm] {
    text-align: center;
    margin-bottom: 2rem;
}

[b-pt3mgofyvm] .plans-eyebrow {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1973E8 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px !important;
}

[b-pt3mgofyvm] .plan-card {
    position: relative;
    border-radius: 20px !important;
    border: 2px solid #e8edf5 !important;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
    height: 100%;
    background: #fff !important;
}

[b-pt3mgofyvm] .plan-card:hover {
    border-color: #1973E8 !important;
    box-shadow: 0 12px 40px rgba(25, 115, 232, 0.15) !important;
    transform: translateY(-5px);
}

[b-pt3mgofyvm] .plan-card--highlight {
    border-color: #1973E8 !important;
    background: linear-gradient(160deg, #eff4ff 0%, #fff 60%) !important;
}

.plan-badge-popular[b-pt3mgofyvm] {
    position: absolute;
    top: 0;
    right: 20px;
    background: #1973E8;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 0 0 10px 10px;
    z-index: 1;
}

[b-pt3mgofyvm] .plan-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.75rem !important;
    padding: 2.25rem 1.75rem 1.75rem !important;
}

.plan-icon[b-pt3mgofyvm] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.plan-icon--blue[b-pt3mgofyvm]   { background: #EFF4FF; color: #1973E8; }
.plan-icon--green[b-pt3mgofyvm]  { background: #ECFDF5; color: #059669; }
.plan-icon--red[b-pt3mgofyvm]    { background: #FFF1F2; color: #e11d48; }
.plan-icon--purple[b-pt3mgofyvm] { background: #F5F3FF; color: #7C3AED; }

[b-pt3mgofyvm] .plan-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #15171A !important;
    margin: 0 !important;
}

[b-pt3mgofyvm] .plan-desc {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    flex: 1;
    margin: 0 !important;
}

.plan-cta[b-pt3mgofyvm] {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1973E8 !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.arr[b-pt3mgofyvm] { display: inline-block; transition: transform 0.18s; }

[b-pt3mgofyvm] .plan-card:hover .arr { transform: translateX(5px); }

[b-pt3mgofyvm] .section-sub {
    font-size: 15px !important;
    color: #64748b !important;
    max-width: 440px;
    margin: 0.75rem auto 0 !important;
    line-height: 1.6 !important;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .home-plans[b-pt3mgofyvm] { padding: 32px 0; }
}

@media (max-width: 480px) {
    .home-plans[b-pt3mgofyvm] { padding: 24px 0; }
}
/* /Components/Shared/PackageCard.razor.rz.scp.css */
.pkg-card[b-0i0fwmko68] {
    border: 1.5px solid #e5e7eb;
    border-radius: 18px;
    padding: 30px 24px;
    background: #fff;
    transition: all 0.22s;
    display: flex;
    flex-direction: column;
}

.pkg-card:hover[b-0i0fwmko68] {
    box-shadow: 0 12px 40px rgba(21, 23, 26, 0.1);
    transform: translateY(-5px);
    border-color: #1973E8;
}

.icon-wrap[b-0i0fwmko68] {
    width: 54px;
    height: 54px;
    background: #f3f4f6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.pkg-title[b-0i0fwmko68] {
    font-size: 15px;
    font-weight: 700;
    color: #15171A;
    margin-bottom: 8px;
}

.pkg-desc[b-0i0fwmko68] {
    font-size: 14px;
    line-height: 1.6;
    color: #A6A6A6;
    flex: 1;
    margin-bottom: 24px;
}

.pkg-link[b-0i0fwmko68] {
    font-size: 14px;
    font-weight: 600;
    color: #15171A;
    text-decoration: none;
    transition: color 0.18s;
}

.pkg-link:hover[b-0i0fwmko68] {
    color: #1973E8;
}
/* /Components/Shared/PartnerLogosStrip.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   PartnerLogosStrip.razor.css — Scrolling partner logos
   ═══════════════════════════════════════════════════════════ */

.home-logos[b-76dnhkgvhl] {
    background: #fff;
    padding: 28px 0;
    text-align: center;
}

.logos-label[b-76dnhkgvhl] {
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 24px;
    letter-spacing: .03em;
}

/* Ticker/marquee container */
.logos-ticker[b-76dnhkgvhl] {
    overflow: hidden;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

/* Fade edges */
.logos-ticker[b-76dnhkgvhl]::before,
.logos-ticker[b-76dnhkgvhl]::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}
.logos-ticker[b-76dnhkgvhl]::before { left: 0;  background: linear-gradient(to right, #fff 0%, transparent 100%); }
.logos-ticker[b-76dnhkgvhl]::after  { right: 0; background: linear-gradient(to left,  #fff 0%, transparent 100%); }

.logos-track[b-76dnhkgvhl] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    animation: logos-scroll-b-76dnhkgvhl 24s linear infinite;
}

.logos-ticker:hover .logos-track[b-76dnhkgvhl] {
    animation-play-state: paused;
}

@keyframes logos-scroll-b-76dnhkgvhl {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.logo-pill[b-76dnhkgvhl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    flex-shrink: 0;
    transition: all .2s;
    cursor: default;
}

.logo-pill img[b-76dnhkgvhl] {
    height: 28px;
    width: auto;
    max-width: 110px;
    object-fit: contain;
    opacity: 0.75;
    filter: grayscale(100%);
    transition: opacity .2s, filter .2s;
    display: block;
}

.logo-pill:hover[b-76dnhkgvhl] {
    border-color: #bfdbfe;
    background: #f8faff;
}

.logo-pill:hover img[b-76dnhkgvhl] {
    opacity: 1;
    filter: grayscale(0%);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .home-logos[b-76dnhkgvhl] { padding: 20px 0; }
    .logos-ticker[b-76dnhkgvhl]::before, .logos-ticker[b-76dnhkgvhl]::after { width: 40px; }
}

@media (max-width: 480px) {
    .home-logos[b-76dnhkgvhl] { padding: 16px 0; }
    .logos-ticker[b-76dnhkgvhl]::before, .logos-ticker[b-76dnhkgvhl]::after { width: 24px; }
}
/* /Components/Shared/QuickQuoteBar.razor.rz.scp.css */
/* =====================================================================
   QuickQuoteBar — floating selector below the hero
   ===================================================================== */

.qqb-wrap[b-gx3it71oac] {
    background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    box-shadow: 0 4px 24px rgba(77,184,72,0.10);
    position: relative;
    z-index: 10;
}

.qqb-inner[b-gx3it71oac] {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.qqb-label[b-gx3it71oac] {
    font-size: 15px;
    font-weight: 700;
    color: var(--eslomio-dark, #15171A);
    white-space: nowrap;
    flex-shrink: 0;
}

.qqb-options[b-gx3it71oac] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.qqb-option[b-gx3it71oac] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border: 1.5px solid #e5e7eb;
    border-radius: 100px;
    text-decoration: none;
    color: #374151;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    transition: border-color 0.18s, background 0.18s, color 0.18s, box-shadow 0.18s;
    cursor: pointer;
}

.qqb-option:hover[b-gx3it71oac] {
    border-color: #4db848;
    background: #f0fae0;
    color: #2d7a28;
    box-shadow: 0 2px 10px rgba(77,184,72,0.15);
}

.qqb-icon[b-gx3it71oac] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f0fae0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.18s;
}

.qqb-option:hover .qqb-icon[b-gx3it71oac] {
    background: #4db848;
}

.qqb-icon[b-gx3it71oac]  .mud-icon-root {
    font-size: 16px;
    color: #4db848;
    transition: color 0.18s;
}

.qqb-option:hover .qqb-icon[b-gx3it71oac]  .mud-icon-root {
    color: #fff;
}

.qqb-name[b-gx3it71oac] {
    white-space: nowrap;
}

.qqb-all[b-gx3it71oac] {
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
    color: #4db848;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.18s;
}

.qqb-all:hover[b-gx3it71oac] {
    color: #2d7a28;
    text-decoration: underline;
}

@media (max-width: 640px) {
    .qqb-inner[b-gx3it71oac] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 20px;
    }

    .qqb-all[b-gx3it71oac] {
        margin-left: 0;
    }

    .qqb-option[b-gx3it71oac] {
        padding: 9px 14px;
        font-size: 13px;
    }
}
/* /Components/Shared/QuoteResult.razor.rz.scp.css */
.qr-shell[b-hskr7tztfg] {
    animation: fadeIn-b-hskr7tztfg 0.3s ease;
}

@keyframes fadeIn-b-hskr7tztfg {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.qr-badge[b-hskr7tztfg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #059669;
    color: #fff;
    border-radius: 100px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.qr-premium-row[b-hskr7tztfg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 480px) {
    .qr-premium-row[b-hskr7tztfg] {
        grid-template-columns: 1fr;
    }
}

.qr-premium-card[b-hskr7tztfg] {
    border: 1.5px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #fff;
}

.qr-premium-card.primary[b-hskr7tztfg] {
    border-color: #1973E8;
    background: linear-gradient(135deg, #f0f6ff, #e8f0fe);
}

.qr-premium-label[b-hskr7tztfg] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
}

.qr-premium-amount[b-hskr7tztfg] {
    font-size: 2.25rem;
    font-weight: 900;
    color: #1973E8;
    line-height: 1.1;
}

.qr-premium-amount.alt[b-hskr7tztfg] {
    color: #15171A;
}

.qr-premium-sub[b-hskr7tztfg] {
    font-size: 12px;
    color: #A6A6A6;
}

.qr-info-row[b-hskr7tztfg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.qr-info-item[b-hskr7tztfg] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.qr-info-label[b-hskr7tztfg] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #A6A6A6;
}

.qr-info-value[b-hskr7tztfg] {
    font-size: 14px;
    font-weight: 600;
    color: #15171A;
}

.qr-breakdown[b-hskr7tztfg] {
    background: #f9fafb;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 1.5rem;
}

.qr-breakdown-title[b-hskr7tztfg] {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #A6A6A6;
    margin-bottom: 12px;
}

.qr-breakdown-row[b-hskr7tztfg] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #374151;
    padding: 6px 0;
    border-bottom: 1px solid #e5e7eb;
}

.qr-breakdown-row:last-child[b-hskr7tztfg] {
    border-bottom: none;
}

.qr-breakdown-row.discount[b-hskr7tztfg] {
    color: #059669;
}

.qr-breakdown-row.total[b-hskr7tztfg] {
    font-weight: 700;
    color: #15171A;
    font-size: 14px;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 2px solid #1973E8;
    border-bottom: none;
}

.qr-cta[b-hskr7tztfg] {
    text-align: center;
}

.qr-buy-btn[b-hskr7tztfg] {
    background: #4db848;
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 16px 40px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s, transform 0.18s;
    box-shadow: 0 8px 24px rgba(77, 184, 72, 0.35);
}

.qr-buy-btn:hover[b-hskr7tztfg] {
    background: #3d9a35;
    transform: translateY(-2px);
}

.qr-cta-note[b-hskr7tztfg] {
    font-size: 12px;
    color: #A6A6A6;
    margin-top: 12px;
}

.qr-share[b-hskr7tztfg] {
    margin-top: 1rem;
}

.qr-share-x[b-hskr7tztfg] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .875rem;
    border-radius: 6px;
    background: #000;
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    text-decoration: none;
    transition: opacity .15s;
}

.qr-share-x:hover[b-hskr7tztfg] {
    opacity: .85;
}
/* /Components/Shared/QuoteWizard.razor.rz.scp.css */
/* ── Progress bar ── */
.qw-progress-track[b-6j3u1naypi] {
    margin-bottom: 2rem;
}

[b-6j3u1naypi] .qw-progress {
    border-radius: 100px;
    height: 6px;
}

.qw-step-labels[b-6j3u1naypi] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.qw-step-label[b-6j3u1naypi] {
    font-size: 12px;
    font-weight: 500;
    color: #A6A6A6;
    transition: color 0.2s;
}

.qw-step-label.active[b-6j3u1naypi] {
    color: #4db848;
    font-weight: 700;
}

.qw-step-label.done[b-6j3u1naypi] {
    color: #059669;
}

/* ── Step body ── */
.qw-step-body[b-6j3u1naypi] {
    animation: fadeIn-b-6j3u1naypi 0.2s ease;
}

@keyframes fadeIn-b-6j3u1naypi {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.qw-step-title[b-6j3u1naypi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #15171A;
    margin-bottom: 0.375rem;
}

.qw-step-sub[b-6j3u1naypi] {
    font-size: 14px;
    color: #A6A6A6;
    margin-bottom: 2rem;
}

/* ── Coverage selector ── */
.coverage-grid[b-6j3u1naypi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.coverage-card[b-6j3u1naypi] {
    border: 2px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px 20px;
    cursor: pointer;
    transition: all 0.18s;
    background: #fff;
    text-align: center;
}

.coverage-card:hover[b-6j3u1naypi] {
    border-color: #4db848;
    box-shadow: 0 4px 20px rgba(77, 184, 72, 0.1);
}

.coverage-card.selected[b-6j3u1naypi] {
    border-color: #4db848;
    background: #f0f9f0;
    box-shadow: 0 4px 20px rgba(77, 184, 72, 0.15);
}

.coverage-icon[b-6j3u1naypi] {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.coverage-title[b-6j3u1naypi] {
    font-size: 14px;
    font-weight: 700;
    color: #15171A;
    margin-bottom: 6px;
}

.coverage-desc[b-6j3u1naypi] {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.5;
}

/* ── Form fields ── */
.qw-field-row[b-6j3u1naypi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 600px) {
    .qw-field-row[b-6j3u1naypi] {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

.qw-field[b-6j3u1naypi] {
    display: flex;
    flex-direction: column;
}

.qw-label[b-6j3u1naypi] {
    font-size: 13px;
    font-weight: 500;
    color: #15171A;
    margin-bottom: 6px;
}

.req[b-6j3u1naypi] {
    color: #EF4444;
}

.qw-input[b-6j3u1naypi] {
    padding: 11px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    color: #15171A;
    outline: none;
    font-family: 'Poppins', sans-serif;
    transition: border-color 0.18s;
    background: #fff;
}

.qw-input:focus[b-6j3u1naypi] {
    border-color: #1973E8;
}

.qw-input.invalid[b-6j3u1naypi] {
    border-color: #EF4444;
}

.qw-check-row[b-6j3u1naypi] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 1rem 0;
}

.qw-check-label[b-6j3u1naypi] {
    font-size: 14px;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* ── Review grid ── */
.review-grid[b-6j3u1naypi] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 640px) {
    .review-grid[b-6j3u1naypi] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.review-section[b-6j3u1naypi] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 16px 18px;
}

.review-heading[b-6j3u1naypi] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #A6A6A6;
    margin-bottom: 10px;
}

.review-row[b-6j3u1naypi] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #374151;
    padding: 4px 0;
    border-bottom: 1px solid #e5e7eb;
}

.review-row:last-child[b-6j3u1naypi] {
    border-bottom: none;
}

.review-row span[b-6j3u1naypi] {
    color: #6b7280;
}

.review-row strong[b-6j3u1naypi] {
    font-weight: 600;
    color: #15171A;
}

/* ── WhatsApp opt-in ── */
.whatsapp-opt[b-6j3u1naypi] {
    background: #f0fdf4;
    border: 1.5px solid #a7f3d0;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 1.5rem;
}

.whatsapp-opt-row[b-6j3u1naypi] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ── Actions row ── */
.qw-actions[b-6j3u1naypi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    gap: 1rem;
}

.qw-actions-end[b-6j3u1naypi] {
    justify-content: flex-end;
}

.qw-btn-primary[b-6j3u1naypi] {
    background: #1973E8;
    color: #fff;
    border: none;
    border-radius: 100px;
    padding: 12px 28px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s;
}

.qw-btn-primary:hover:not(:disabled)[b-6j3u1naypi] {
    background: #1560cc;
}

.qw-btn-primary:disabled[b-6j3u1naypi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.qw-btn-outline[b-6j3u1naypi] {
    background: transparent;
    color: #374151;
    border: 1.5px solid #d1d5db;
    border-radius: 100px;
    padding: 11px 24px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.18s, color 0.18s;
}

.qw-btn-outline:hover[b-6j3u1naypi] {
    border-color: #374151;
    color: #15171A;
}

/* ── Inline errors ── */
.qw-inline-error[b-6j3u1naypi] {
    font-size: 13px;
    color: #dc2626;
    margin-top: 8px;
}

[b-6j3u1naypi] .qw-alert {
    margin-bottom: 1.5rem;
}

/* ── Loading state ── */
.qw-loading[b-6j3u1naypi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 4rem 0;
    color: #6b7280;
    font-size: 15px;
}
/* /Components/Shared/WhyChooseUs.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   WhyChooseUs.razor.css — Why section with 3 feature cards
   ═══════════════════════════════════════════════════════════ */

.home-why[b-yqhr9sazt8] {
    background: #f8fafc;
}

.why-inner[b-yqhr9sazt8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 56px;
}

.why-header[b-yqhr9sazt8] {
    text-align: center;
    margin-bottom: 32px;
}

.why-h2[b-yqhr9sazt8] {
    font-size: 40px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -.8px;
    margin-bottom: 12px;
    font-family: Poppins, sans-serif;
}

.why-accent[b-yqhr9sazt8] { color: #4db848; }

.why-sub[b-yqhr9sazt8] {
    font-size: 16px;
    color: #64748b;
    max-width: 560px;
    margin: 0 auto;
}

.cards-grid[b-yqhr9sazt8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.feat-card[b-yqhr9sazt8] {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,.06);
    transition: transform .25s, box-shadow .25s;
}

.feat-card:hover[b-yqhr9sazt8] {
    transform: translateY(-5px);
    box-shadow: 0 16px 48px rgba(0,0,0,.11);
}

.feat-body[b-yqhr9sazt8] {
    padding: 20px 22px 26px;
}

.feat-body.hl[b-yqhr9sazt8] {
    background: #4db848;
}

.feat-title[b-yqhr9sazt8] {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
}

.feat-desc[b-yqhr9sazt8] {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

.feat-body.hl .feat-title[b-yqhr9sazt8],
.feat-body.hl .feat-desc[b-yqhr9sazt8] { color: #fff; }

/* ── Responsive ── */
@media (max-width: 900px) {
    .why-inner[b-yqhr9sazt8]  { padding: 32px 20px; }
    .why-h2[b-yqhr9sazt8]     { font-size: 28px; }
    .cards-grid[b-yqhr9sazt8] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .why-inner[b-yqhr9sazt8] { padding: 24px 16px; }
    .why-h2[b-yqhr9sazt8]    { font-size: 24px; }
}