/* Signature Modal Improvements */
.signature-modal-title {
    font-size: 24px !important;
    font-weight: 700;
    text-align: center !important;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0.5px;
    color: #0b1220;
    padding: 8px 0 4px 0;
}
.signature-modal-body {
    padding: 32px 24px 24px 24px !important;
    background: #f9fafb;
    border-radius: 0 0 12px 12px;
    box-shadow: none;
}
.signature-modal-body #signature-pad {
    margin-top: 12px;
    margin-bottom: 12px;
}
.signature-modal-body p {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-bottom: 12px;
}
/* Minimal isolated styles for the mobile-wrapper / hero */
:root{ --primary:#0d8b72; --text:#0b1220; }
/* Hide global preloader when viewing isolated page */
#preloader { display: none !important; }
*{box-sizing:border-box}
body{font-family:Inter, Arial, sans-serif;color:var(--text);}
.container{max-width:1100px;margin:0 auto;padding:0 16px}


/* Header Styles */
.modern-header {
     background:  #000000 ;
    padding: 15px 0;
    /*  box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
}

    .modern-header .logo {
        height: 60px;
    }

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.header-left {
    flex: 0 0 auto;
}

.header-right {
    flex: 0 0 auto;
}

.header-center {
    /*  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
}

.trust-centered {
    height: 30px;
}

.secure-logo {
    height: 35px;
}

@media (max-width: 768px) {
    .modern-header {
        padding: 8px 0;
    }

        .modern-header .logo {
            height: 48px;
        }

    .trust-centered {
        height: 22px;
    }

    .secure-logo {
        height: 26px;
    }

    .trust-badges img {
        height: 22px;
        margin-left: 6px;
    }

    .header-content {
        align-items: center;
        gap: 6px;
        padding: 0 6px;
    }
}
.modern-header .row {
    align-items: center
}

.header-left, .header-center, .header-right {
    display: flex;
    align-items: center
}

.header-center {
    justify-content: center
}

.header-right {
    justify-content: flex-end
}


/* Default: show desktop, hide mobile */
.desktop-only { display: block; }
.mobile-only { display: none; }

@media(max-width:768px){
    /* keep logos aligned on a single row on small screens too; scale down */
/*    .logo, .secure-logo, .trust-centered{max-height:36px}*/
    .header-left, .header-center, {justify-content:center}
  /*  .header-right{text-align:center}*/
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important;background-color:#000000; padding:8px; border-radius:8px; }
}
/* Heading + eligibility question styles */
.hero-heading{padding:36px 0 12px}
.page-title {font-size: 36px;font-weight: 800;margin: 0 0 10px;color: var(--text);text-transform: capitalize;}
.sub-lead{color:#536171;margin-bottom:20px;font-size:16px}

/*.eligibility-check{padding:18px 0 40px}*/
.question-card{border:4px solid var(--primary);border-radius:12px;padding:36px;background:#fff;box-shadow:0 6px 20px rgba(13,139,114,0.06)}
.question{font-size:22px;font-weight:700;margin:0 0 10px;text-align:center}
.question-sub{font-size:15px;color:#6b7280;text-align:center;margin-bottom:22px}
.btn-row{display:flex;gap:16px;justify-content:center;margin-bottom:18px}
.btn-outline{background:#fff;border:1px solid #e2e8f0;padding:12px 28px;border-radius:8px;font-weight:700;cursor:pointer;min-width:20%;width:20%}
.btn-outline:hover{background:#f3faf6;border-color:var(--primary)}
.rating-row{margin-top:8px;color:#111;font-weight:600}
.rating-google{display:inline-block;background:#fff;border-radius:50%;width:22px;height:22px;line-height:22px;text-align:center;margin-right:6px;color:var(--primary);border:1px solid #eee}
.rating-stars{color:#ffc107;margin-left:6px}

@media(max-width:768px){
    .page-title{font-size:24px}
    .question-card{padding:22px}
    .btn-outline{padding:10px 18px}
}

/* Regulatory / company info boxes */
.regulatory-info{padding:18px 0 40px}
.info-panel{background:linear-gradient(180deg,#f3faf6 0%, #ecfdf5 100%);border-left:6px solid var(--primary);padding:14px 18px;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 6px rgba(13,139,114,0.04);font-size:13px}
.info-panel strong{display:block;margin-bottom:6px;font-size:13px}
.info-panel--muted{background:#eef9f6;font-size:13px}
.info-panel p{margin:0;font-size:13px}

@media(max-width:576px){
    .info-panel{padding:12px;font-size:13px}
}

.hero-area{background:#0a0a0a;color:#fff;padding:48px 0}
.hero-inner{display:flex;align-items:center;gap:24px}
.hero-copy{flex:1}
.hero-copy h1{font-size:28px;margin:0 0 8px}
.hero-copy .lead{font-size:16px;margin-bottom:14px}
.hero-image img{height:90px}

.bg-white{background:#fff}
.mobile-wrapper{padding:24px 0}
.lead-box{background:#fff;border:4px solid #109379;border-radius:12px;padding:18px;text-align:center;margin-bottom:18px}
.lead-question{font-size:22px;font-weight:700;color:var(--text)}
.lead-body{font-size:15px;color:#4b5563;margin:10px 0}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;text-decoration:none}
.btn-start{background:linear-gradient(135deg,var(--primary),#147a59);color:#fff}
.btn-start-nwnf{background:linear-gradient(135deg,var(--primary),#147a59);color:#fff;display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700}

/* Modern button used across the PCP flow */
.btn-modern{display:inline-block;padding:14px 30px;border-radius:8px;font-weight:700;color:#fff;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px rgba(16,121,94,0.18);text-transform:uppercase}

.btn-modern--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark, #147a59));color:#fff}
.btn-modern--primary:focus{outline:none}

/* sheen + sweep for primary modern button */
.btn-modern--primary{position:relative;overflow:hidden}
.btn-modern--primary::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 20% 30%, rgba(255,255,255,0.06), rgba(255,255,255,0) 40%);pointer-events:none}
.btn-modern--primary::after{content:'';position:absolute;top:-10%;left:-140%;width:30%;height:120%;background:rgba(255,255,255,0.18);filter:blur(12px);transform:skewX(-15deg);pointer-events:none;animation:modern-sweep 1.5s linear infinite;opacity:0.95}

@keyframes modern-sweep{0%{left:-140%;opacity:0}10%{opacity:0.9}80%{opacity:0.9}100%{left:130%;opacity:0}}

/* Neutral variant for inline choices */
.btn-modern--neutral{background:#f3f4f6;color:#222;box-shadow:none;border:none}

/* Small responsive tweak */
@media(max-width:576px){.btn-modern{width:100%;display:block;text-align:center}}

/* Specific sizing for eligibility Yes/No buttons inside the question card */
.question-card .btn-row .btn-modern{width:40%;min-width:160px}
@media(max-width:768px){.question-card .btn-row .btn-modern{width:48%}}
@media(max-width:576px){.question-card .btn-row .btn-modern{width:100%;display:block}}

.new_cases{display:flex;flex-direction:column;gap:12px}
.case-card{background:transparent;border-radius:12px;padding:0;cursor:pointer}
.case-card-inner{display:flex;align-items:stretch;background:linear-gradient(180deg,#ecfdf5 0%,#d1fae5 100%);border-radius:12px;overflow:hidden}
.case-tick{width:80px;min-width:80px;display:flex;align-items:center;justify-content:center;background:#f3f5f4}
.tick-box{font-size:20px;color:#0d8b72}
.case-details{flex:1;padding:12px 18px}
.case-card-header strong{font-size:16px}
.detail-row{display:flex;gap:12px;align-items:center}
.label{color:#6b7280}
.value{font-weight:700;color:#0b1220}

.diesel-claims-container{margin:1.2em 0;padding:1.2em;background:#f8f8f8;border-radius:6px}

@media(max-width:768px){
    .hero-inner{flex-direction:column;align-items:flex-start}
    .hero-image img{height:56px}
    .hero-copy h1{font-size:22px}
}