/*=========================================
Revenue Hero Feature
Unique Namespace : NLHF
=========================================*/
/* Uses the same CSS variable names as the landing pages, so it inherits the
   page theme when embedded. Falls back to these values when used standalone. */
:root{
  --brand:#06AEA0; --brand-600:#058B80; --brand-700:#046B62;
  --ink:#0F1513; --body:#2C3635; --muted:#5F6B6A;
  --surface:#FFFFFF; --surface-2:#E4F4F1; --line:#E3E9E8;
  --display:'Plus Jakarta Sans',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box}
.calc{max-width:920px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 26px 60px -34px rgba(15,38,40,.4)}
.calc-head{padding:26px 30px 0}
.calc-head .tag{display:inline-block;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-700);background:var(--surface-2);padding:6px 13px;border-radius:100px;margin-bottom:12px}
.calc-head h2{font-family:var(--display);font-weight:800;color:var(--ink);font-size:clamp(21px,3vw,27px);margin:0 0 6px;line-height:1.2}
.calc-head p{color:var(--muted);font-size:14.5px;margin:0}
.calc-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.inputs{padding:26px 30px}
.field{margin-bottom:20px}
.field label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}
.field label .cur{font-family:var(--display);font-weight:800;color:var(--brand-700);font-size:15px}
.inp{position:relative}
.inp .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;font-size:15px}
.inp input[type=number]{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px 12px 30px;font-family:var(--sans);font-size:15px;color:var(--ink);background:#fff;font-weight:600}
.inp.pct input{padding-left:14px;padding-right:34px}
.inp .suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;font-size:15px}
.inp input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(6,174,160,.15)}
input[type=range]{width:100%;accent-color:var(--brand);margin-top:6px}
.scalerow{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}
.hint{font-size:11.5px;color:var(--muted);margin-top:6px}
.results{background:var(--ink);color:#dce7e5;padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.rrow{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:14px}
.rrow .v{font-family:var(--display);font-weight:700;color:#fff}
.big{margin-top:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.big small{display:block;color:#9fb2af;font-size:13px;margin-bottom:4px}
.big b{font-family:var(--display);font-weight:800;color:var(--brand);font-size:clamp(34px,6vw,46px);line-height:1;display:block}
.big .mo{color:#9fb2af;font-size:13px;margin-top:8px}
.msg{color:#9fb2af;font-size:14px;line-height:1.5}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:var(--ink);font-family:var(--sans);font-weight:600;font-size:11.5px;padding:12px 20px;border-radius:100px;text-decoration:none;margin-top:20px;transition:.18s}
.cta:hover{background:var(--brand-600)}
.foot{padding:16px 30px 24px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);line-height:1.55}
@media(max-width:720px){.calc-body{grid-template-columns:1fr}.results{border-top:1px solid rgba(255,255,255,.0)}}


:root{

    --nlhf-primary:#12b7b0;
    --nlhf-primary-dark:#0f9f99;

    --nlhf-border:#d9e1e7;

    --nlhf-text:#1d2735;

    --nlhf-muted:#6b7787;

    --nlhf-bg:#ffffff;

}

.light_bg{
    background: #F4F7F7!important;
}
.hero-head{
         font-size: clamp(30px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: var(--ink);
    margin: 6px 0 18px;
    line-height: 45px;
}
h1.nlhf-compound-badge{

    display: inline-block;
    font-family: var(--sans);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--brand-700);
    background: var(--surface-2);
    padding: 7px 15px;
    border-radius: 100px;
    margin: 0;

}


/* Wrapper */

.nlhf-feature-wrap{

    width:100%;

}
.breadcrumb-bar-two {
    padding-bottom: 55px!important;
}

/*==============================
Feature Pills
==============================*/

.nlhf-feature-pills{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:22px;

}


.nlhf-feature-pill{

        display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--nlhf-text);
    background: #fff;
    border: 1px solid var(--nlhf-border);
    border-radius: 50px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 600;
    transition: .35s;
    white-space: nowrap;

}


.nlhf-feature-pill i{

       font-size: 12px;
    color: var(--nlhf-primary);
    flex: none;

}


.nlhf-feature-pill:hover{

    border-color:var(--nlhf-primary);

    color:var(--nlhf-primary);

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}



/*==============================
CTA Buttons
==============================*/

.nlhf-feature-action{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:22px;

}


.nlhf-feature-btn{

   display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--sans);
    font-weight: 600;
    font-size: 15px;
    padding: 13px 22px;
    border-radius: 100px;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: .18s ease;

}


.nlhf-feature-btn i{

    font-size:18px;

}


/* Primary */

.nlhf-feature-btn-primary{

    background:var(--nlhf-primary);

    color:#fff;

    border:2px solid var(--nlhf-primary);

}


.nlhf-feature-btn-primary:hover{

    background:var(--nlhf-primary-dark);

    border-color:var(--nlhf-primary-dark);

    color:#fff;

}



/* Outline */

.nlhf-feature-btn-outline{

    background:#fff;

    color:var(--nlhf-text);

    border:1px solid var(--nlhf-border);

}


.nlhf-feature-btn-outline:hover{

    border-color:var(--nlhf-primary);

    color:var(--nlhf-primary);

    box-shadow:0 8px 20px rgba(0,0,0,.08);

}


/*==============================
Trust Items
==============================*/

.nlhf-feature-trust{

    display:flex;

    flex-wrap:wrap;

    gap:12px 30px;

}


.nlhf-feature-trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--nlhf-muted);
    font-size: 0.79rem;
    font-weight: 500;
}

.nlhf-feature-trust-item i{

    color:var(--nlhf-primary);

    font-size:14px;

}


/*==============================
Responsive
==============================*/

@media (max-width:991px){

    .nlhf-feature-action{

        flex-direction:column;

        align-items:flex-start;

    }

}


@media (max-width:767px){

    .nlhf-feature-pill{

        width:100%;

        justify-content:flex-start;

    }

    .nlhf-feature-btn{

        width:100%;

        justify-content:center;

    }

    .nlhf-feature-trust{

        flex-direction:column;

        gap:10px;

    }

}

.breadcrumb-bar-two{
    padding-bottom: 40px;
}


/*====================================
WHY THE LEAK COMPOUNDS
====================================*/

.nlhf-compound-section{

    padding:80px 0;

    background:#fff;

}


/* Heading */

.nlhf-compound-heading{

    max-width:860px;

    margin:auto;

    text-align:center;

}


.nlhf-compound-badge{

       display: inline-block;
    font-family: var(--sans);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--brand-700);
    background: var(--surface-2);
    padding: 7px 15px;
    border-radius: 100px;
    margin-bottom: 20px; 

}


.nlhf-compound-heading h2{

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.18;

    color:#1a2229;

    margin-bottom:22px;

}


.nlhf-compound-heading h2 span{

    color:#12b7b0;

    font-family:Georgia, serif;

    font-style:italic;

    font-weight:500;

}


.nlhf-compound-heading p{

    max-width:760px;

    margin:auto;

    font-size:17px;

    line-height:1.75;

    color:#414b54;

}



/* Cards */

.nlhf-compound-card{

    height:100%;

    background:#fff;

    border:1px solid #a5a9ab;

    border-top:3px solid #12b7b0;

    border-radius:18px;

    padding:34px;

    transition:.35s;

    box-shadow: 0 26px 60px -34px rgba(15,38,40,.4);

}


.nlhf-compound-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}


.nlhf-compound-card small{

    display:block;

    color:#157c78;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    font-size:14px;

    margin-bottom:10px;

}


.nlhf-compound-card h4{

    font-size:30px;

    font-weight:700;

    color:#1b232b;

    margin-bottom:18px;

}


.nlhf-compound-card p{

    color:#6d7784;

    line-height:1.9;

    font-size:13.5px;

}



/* Highlight Box */

.nlhf-compound-highlight{

    max-width:960px;

    margin:55px auto 0;

    background:#eef9f8;

    border-left:4px solid #12b7b0;

    border-radius:0 18px 18px 0;

    padding:30px 36px;
    box-shadow: 0 26px 60px -34px rgba(15,38,40,.4);

}


.nlhf-compound-highlight p{

    margin:0;

    color:#44515d;

    font-size:15px;

    line-height:1.9;

}


.nlhf-compound-highlight strong{

    color:#1a2229;

    font-weight:700;

}


.nlhf-compound-highlight span{

    color:#0d8b85;

    font-weight:700;

}



/* Responsive */

@media(max-width:1199px){

    .nlhf-compound-heading h2{

        font-size:46px;

    }

}


@media(max-width:991px){

    .nlhf-compound-section{

        padding:80px 0;

    }

    .nlhf-compound-heading h2{

        font-size:38px;

    }

    .nlhf-compound-heading p{

        font-size:18px;

    }

}


@media(max-width:767px){

    .nlhf-compound-section{

        padding:60px 0;

    }

    .nlhf-compound-heading h2{

        font-size:30px;

    }

    .nlhf-compound-card{

        padding:25px;

    }

    .nlhf-compound-card h4{

        font-size:24px;

    }

    .nlhf-compound-card p{

        font-size:16px;

    }

    .nlhf-compound-highlight{

        padding:22px;

    }

    .nlhf-compound-highlight p{

        font-size:16px;

    }

}



/*====================================
THE 7 BLIND SPOTS
====================================*/

.nlhf-blindspot-section{

    padding:80px 0;

    background:#f8fbfb;

}


.nlhf-blindspot-list{

    margin:55px auto 0;

}


.nlhf-blindspot-item{

    display:flex;

    align-items:flex-start;

    background:#fff;

    border:1px solid #a5a9ab;

    border-left:3px solid var(--nlhf-primary);

    border-radius:12px;

    overflow:hidden;

    margin-bottom:14px;

    transition:.35s;

}


.nlhf-blindspot-item:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 35px rgba(0,0,0,.08);

}


.nlhf-blindspot-number{

    width:72px;

    min-width:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:800;

    color:var(--nlhf-primary);

    padding:24px 0;

}

.nlhf-blindspot-note{
    font-size: 13.5px;
    color: #000;
}
.nlhf-blindspot-content{

    flex:1;

    padding:22px 28px;

}


.nlhf-blindspot-content h4{

    font-size:16px;

    font-weight:700;

    color:#1d2735;

    margin-bottom:8px;

}


.nlhf-blindspot-content p{

    margin:0;

    font-size:13.5px;

    line-height:1.75;

    color:#6c7785;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-blindspot-section{

        padding:60px 0;

    }

    .nlhf-blindspot-item{

        flex-direction:column;

    }

    .nlhf-blindspot-number{

        width:100%;

        min-width:100%;

        justify-content:flex-start;

        padding:16px 22px;

        border-right:none;

        border-bottom:1px solid #e9eff1;

        font-size:20px;

    }

    .nlhf-blindspot-content{

        padding:20px;

    }

}

/*====================================
RISK BY SERVICE LINE
====================================*/

.nlhf-service-section{

    padding:80px 0;

    background:#ffffff;

}


.nlhf-service-wrapper{

    display:grid;

    grid-template-columns:340px 1fr;

    border:1px solid #a5a9ab;

    border-radius:22px;

    overflow:hidden;

    background:#fff;

    box-shadow: 0 26px 60px -34px rgba(15,38,40,.4);

}


/* Left Side */

.nlhf-service-left{

    background:var(--nlhf-primary);

    color:#fff;

    padding:70px 40px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.nlhf-service-left h2{

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.15;

    margin-bottom:24px;
    color: #fff;

}


.nlhf-service-left p{

    font-size:13px;

    line-height:1.9;

    opacity:.95;

    margin:0;

}


/* Right */

.nlhf-service-right{

    padding:35px 45px;

}


.nlhf-service-list{

    position:relative;

}


.nlhf-service-list::before{

    content:"";

    position:absolute;

    left:19px;

    top:18px;

    bottom:18px;

    width:2px;

    background:#dff3f2;

}


.nlhf-service-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    position:relative;

    padding-bottom:28px;

}

.nlhf-service-item:last-child{

    padding-bottom:0;

}


/* Icon */

.nlhf-service-icon{

    width: 40px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: var(--nlhf-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 2;
    font-size: 15px;

}


.nlhf-service-content h4{

    font-size:22px;

    font-weight:700;

    color:#1d2735;

    margin-bottom:8px;
    transition:.3s;

}


.nlhf-service-content p{

    font-size:13.5px;

    line-height:1.9;

    color:#6b7787;

    margin:0;

}


/* Hover */

.nlhf-service-item:hover .nlhf-service-icon{

    transform:scale(1.08);

    transition:.3s;
    background: #000;

}

.nlhf-service-item:hover h4{

    transform:translateX(17px) scale(1.05);

}


/* Responsive */

@media(max-width:991px){

    .nlhf-service-wrapper{

        grid-template-columns:1fr;

    }

    .nlhf-service-left{

        padding:50px 35px;

    }

}

@media(max-width:767px){

    .nlhf-service-section{

        padding:60px 0;

    }

    .nlhf-service-right{

        padding:25px;

    }

    .nlhf-service-content h4{

        font-size:18px;

    }

    .nlhf-service-content p{

        font-size:16px;

    }

}




/*=========================================
COMMON SECTION HEADER
Use in all sections
=========================================*/

.nlhf-section-header{

    max-width:900px;

    margin:0 auto 60px;

    text-align:center;


}
.nlhf-section-header .nlhf-section-desc{
    font-size: 13px;
}

.nlhf-section-badge{

    display: inline-block;
    font-family: var(--sans);
    font-weight: 700;
    font-size: 12.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--brand-700);
    background: var(--surface-2);
    padding: 7px 15px;
    border-radius: 100px;
        margin-bottom: 20px;
}


.nlhf-section-title{

    margin:0 0 20px;

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.15;

    color:#1d2735;

}


.nlhf-section-title span{

    color:var(--nlhf-primary);

    font-style:italic;

    font-weight:500;

}


.nlhf-section-desc{

    max-width:760px;

    margin:0 auto;

    font-size:17px;

    line-height:1.75;

    color:#414b54;
    text-align: center;

}


/* Responsive */

@media (max-width:991px){

    .nlhf-section-header{

        margin-bottom:45px;

    }

}


@media (max-width:767px){

    .nlhf-section-header{

        margin-bottom:35px;

    }

    .nlhf-section-title{

        font-size:30px;

    }

    .nlhf-section-desc{

        font-size:15px;

    }

}



/*====================================
LIVE DASHBOARD
====================================*/

.nlhf-dashboard-section{

    padding:80px 0;

    background:#f8fbfb;

}


/* Left */

.nlhf-dashboard-title{

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    color:#1d2735;

    line-height:1.2;

    margin:18px 0 20px;

}


.nlhf-dashboard-desc{

    font-size:17px;

    line-height:1.8;

    color:#414b54;

    margin-bottom:25px;

}


.nlhf-dashboard-list{

    list-style:none;

    padding:0;

    margin:0;

}


.nlhf-dashboard-list li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    font-size:15px;

    color:#45515f;

    margin-bottom:18px;

    line-height:1.7;

}


.nlhf-dashboard-list i{

    color:var(--nlhf-primary);

    margin-top:4px;

    font-size:15px;

}


.nlhf-dashboard-note{

    margin-top:28px;

    font-size:14px;

    color:#7b8793;

    line-height:1.9;

}


/* Right */

.nlhf-dashboard-image{

        height: 100%;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}




.nlhf-dashboard-image i{

    font-size:54px;

    color:#0f7e79;

    margin-bottom:0px;

}


.nlhf-dashboard-image h4{

    font-size:22px;

    font-weight:700;

    color:#1d2735;

    margin-bottom:12px;

}


.nlhf-dashboard-image p{

    font-size:14px;

    color:#74808b;

    margin:0;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-dashboard-section{

        padding:80px 0;

    }

    .nlhf-dashboard-image{

        height:350px;

    }

}

@media(max-width:767px){

    .nlhf-dashboard-section{

        padding:60px 0;

    }

    .nlhf-dashboard-title{

        font-size:30px;

    }

    .nlhf-dashboard-desc{

        font-size:15px;

    }

    .nlhf-dashboard-list li{

        font-size:14px;

    }

    .nlhf-dashboard-image{

        height:280px;

    }

}



/*.............................*/

/*====================================
Dashboard Lightbox
====================================*/

.nlhf-dashboard-image {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    /* box-shadow: 0 18px 45px rgba(0, 0, 0, .15); */
    /*filter: drop-shadow(7px -3px 8px rgba(0, 0, 0, 0.35));*/
}

.nlhf-dashboard-lightbox{

    display:block;
    position:relative;
    border-radius:18px;
    overflow:hidden;
}

.nlhf-dashboard-lightbox img{

    width:100%;
    height:auto;
    display:block;
    border-radius:18px;

}

.nlhf-dashboard-overlay{

    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;

    transition:.25s ease;
}

.nlhf-dashboard-lightbox:hover .nlhf-dashboard-overlay{

    opacity:1;

}

.nlhf-dashboard-icon{

    width:68px;
    height:68px;
    border-radius:50%;

    background:rgba(255,255,255,.92);

    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:0 12px 30px rgba(0,0,0,.18);

}

.nlhf-dashboard-icon i{

    color:#06aea1;
    font-size:28px;

}
/*=========================================
CASE STUDY
=========================================*/

.nlhf-case-study-section{

    padding:80px 0;

    background:#fff;

}


/*=========================================
Profile Strip
=========================================*/

.nlhf-case-profile{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin:35px auto 45px;

    font-size:16px;

    color:#667482;

    text-align:center;

}


.nlhf-case-profile span{

    position:relative;

    padding:0 12px;

}

.nlhf-case-profile span:not(:last-child)::after{

    content:"•";

    position:absolute;

    right:-4px;

    color:#b7c2cb;

}


/*====================================
CASE PROFILE 2
====================================*/

.nlhf-case-profile-2{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin:0 auto 45px;

}



.nlhf-case-step{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:8px 14px;

    border-radius:50px;

    background:#eaf8f7;

    border:1px solid #d2ece8;

    transition:.35s;

}



.nlhf-case-step strong{

    margin:0;

    font-size:13px;

    font-weight:700;

    color:#0e7f79;

    line-height:1;

}



.nlhf-case-step span{

    font-size:13px;

    font-weight:600;

    color:#167d79;

    line-height:1;

}



/* Active */

.nlhf-case-step-active{

    background:#1b2227;

    border-color:#1b2227;

}



.nlhf-case-step-active strong,

.nlhf-case-step-active span{

    color:#fff;

}



/* Arrow */

.nlhf-case-arrow{

    color:#6f7b86;

    font-size:13px;

}



/* Divider */

.nlhf-case-divider{

    position:relative;

    display:flex;

    align-items:center;

    gap:12px;

    color:#6d7784;

    font-size:18px;

    font-weight:500;

}



.nlhf-case-divider::before{

    content:"";

    width:2px;

    height:28px;

    background:#d8e2e7;

    border-radius:5px;

}



/* Hover */
/*
.nlhf-case-step:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 24px rgba(18,183,176,.12);

}*/



/* Mobile */

@media(max-width:767px){

    .nlhf-case-profile-2{

        flex-direction:column;

        gap:16px;

    }

    .nlhf-case-divider{

        order:4;

    }

    .nlhf-case-divider::before{

        width:40px;

        height:2px;

    }

}


/*=========================================
CASE PROFILE 2A
=========================================*/

.nlhf-case-profile-2a{
    max-width:1000px;
    margin:0 auto;
}

/*==========================
Flow
==========================*/

.nlhf-case2a-flow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

/*==========================
Pills
==========================*/

.nlhf-case2a-pill{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    background: #eef9f8;
    border: 1px solid #d8ece9;
    border-radius: 60px;
    color: #0a7b78;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: .35s ease;
}

.nlhf-case2a-pill:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(0,0,0,.08);
}

.nlhf-case2a-pill.active{
    background:#171b1b;
    border-color:#171b1b;
    color:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/*==========================
Arrow
==========================*/

.nlhf-case2a-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#687577;
    font-size:18px;
}

/*==========================
Bottom
==========================*/

.nlhf-case2a-bottom{
    display:flex;
    justify-content:center;
    margin-top:18px;
}

.nlhf-case2a-global{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 50px;
    border: 1px solid #dbe5e4;
    background: #fff;
    color: #6b7476;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .05);
}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

    .nlhf-case2a-flow{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }

    .nlhf-case2a-arrow{
        display:none;
    }

    .nlhf-case2a-pill{
        width:100%;
        justify-content:center;
        white-space:normal;
        text-align:center;
        padding:14px 20px;
    }

}

@media(max-width:767px){

    .nlhf-case2a-pill{
        font-size:15px;
    }

    .nlhf-case2a-global{
        font-size:15px;
    }

}
/*=========================================
CASE PROFILE 3
=========================================*/

.nlhf-case-profile-3 {
    border-radius: 22px;
    padding: 35px;
}
/*==========================
Header
==========================*/

.nlhf-case-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px;
    font-size:15px;
    color:#687577;
    font-weight:600;
}

/*==========================
Units
==========================*/

.nlhf-case-units{
    display:flex;
    gap:8px;
}

.nlhf-case-unit{
    flex: 1;
    height: 52px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    transition: .35s;
}

.nlhf-case-unit.active{
    background:var(--nlhf-primary);
    color:#fff;
}

/*.nlhf-case-unit.active:hover{
    transform:translateY(-4px);
}*/

.nlhf-case-unit.rounded{
    color:#6c7778;
    border:2px solid #d8dddd;
    background:
        repeating-linear-gradient(
            -45deg,
            #fafafa,
            #fafafa 8px,
            #eef2f2 8px,
            #eef2f2 12px
        );
}

.nlhf-case-unit.rounded strong{
    font-size:16px;
    font-weight:600;
}

/*==========================
Scale Numbers
==========================*/

.nlhf-case-scale{
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    color:#687577;
    font-size:14px;
}

/*==========================
Progress Line
==========================*/

.nlhf-case-progress{
    position:relative;
    height:18px;
    margin:14px 0 10px;
}

.nlhf-case-progress::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:8px;
    height:2px;
    background:#d7e1e1;
}

.nlhf-case-progress-paid{
    position:absolute;
    left:0;
    width:80%;      /* 60 of 75 min */
    top:8px;
    height:2px;
    background:var(--nlhf-primary);
}

.nlhf-case-progress-paid::before,
.nlhf-case-progress-paid::after{
    content:"";
    position:absolute;
    width:2px;
    height:10px;
    background:var(--nlhf-primary);
    top:-4px;
}

.nlhf-case-progress-paid::before{
    left:0;
}

.nlhf-case-progress-paid::after{
    right:0;
}

.nlhf-case-progress-end{
    position:absolute;
    right:0;
    top:4px;
    width:2px;
    height:10px;
    background:#cfd8d8;
}

/*==========================
Footer
==========================*/

.nlhf-case-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:10px;
    font-size:16px;
}

.nlhf-case-paid{
    color:var(--nlhf-primary-dark);
    font-weight:700;
}

.nlhf-case-worked{
    color:#687577;
    font-weight:500;
}

/*==========================
Responsive
==========================*/

@media(max-width:767px){

    .nlhf-case-profile-3{
        padding:22px;
    }

    .nlhf-case-unit{
        height:56px;
        font-size:15px;
    }

    .nlhf-case-unit.rounded strong{
        font-size:13px;
    }

    .nlhf-case-header,
    .nlhf-case-scale,
    .nlhf-case-footer{
        font-size:13px;
    }
}
/*=========================================
Challenge / Solution Cards
=========================================*/

.nlhf-case-card{

    height:100%;

    background:#fff;

    border:1px solid #a5a9ab;

    border-radius:14px;

    padding:30px;

    transition:.35s;

}

.nlhf-case-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    background: #fffafa; 

}


.nlhf-case-card.green:hover{


    background: #f6ffff; 

}


.nlhf-case-card h3{

    font-size:20px;

    font-weight:700;

    margin-bottom:22px;

    color:#1d2735;

    display: inline-block;

    transition: 0.3s;

}

.nlhf-case-card:hover h3{
    transform: scale(1.05);
}


.nlhf-case-card ul{

    list-style:none;

    margin:0;

    padding:0;

}


.nlhf-case-card li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

}


.nlhf-case-card li:last-child{

    margin-bottom:0;

}


.nlhf-case-card li i{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    font-size:11px;

    margin-top:3px;

    flex-shrink:0;

}


.nlhf-case-card .fa-check{

    background:#e8f8f6;

    color:var(--nlhf-primary);

}


.nlhf-case-card .fa-xmark{

    background:#fff4f4;

    color:#dc3545;

}


.nlhf-case-card li span{

    font-size:14px;

    line-height:1.8;

    color:#414b54;

}



/*=========================================
Table
=========================================*/

.nlhf-case-table-wrap{

    margin-top:45px;

    overflow:hidden;          /* important */
    border:1px solid #a5a9ab; /* border visible */
    border-radius:16px;

}

.nlhf-case-table{

    width:100%;

    margin:0;

    border-collapse:collapse;

    min-width:850px;

}


.nlhf-case-table thead th{

    background:#1f2c30;

    color:#fff;

    padding:16px 18px;

    font-size:14px;

    font-weight:600;

    border:1px solid #a5a9ab;

}

.nlhf-case-table thead th.nlhf-highlight-col{

    background:var(--nlhf-primary);

}


.nlhf-case-table tbody td{

    padding:15px 18px;

    font-size:14px;

    color:#000;

    border:1px solid #e6ecef;   /* <-- row & column borders */

}


.nlhf-case-table tbody tr:nth-child(even){

    background:#fbfcfc;

}

.nlhf-case-table tbody tr:hover{

    background:#f3fbfa;

}

.nlhf-after{

    color:var(--nlhf-primary);

    font-weight:700;

}

/*=========================================
Result Box
=========================================*/

.nlhf-case-result{

    display:grid;

    grid-template-columns:43% 57%;

    margin-top:45px;

    border-radius:18px;

    overflow:hidden;

    background: linear-gradient(135deg, #eef8f7, #ffffff78);

    box-shadow: 0 26px 60px -34px rgb(23 31 32 / 24%);
}


.nlhf-case-result-left{

    background:#06aea1;

    padding:40px;

    color:#fff;

}


.nlhf-case-result-left h2{

    color:#fff;

    font-size:56px;

    font-weight:800;

    margin-bottom:10px;

}


.nlhf-case-result-left p{

    color:#fff;

    font-size:15px;

    line-height:1.7;

    margin-bottom:15px;

}


.nlhf-case-result-left small{

    display:block;

    color:#fff;

    line-height:1.8;

    font-size:16px;

}


.nlhf-case-result-right{

    padding:40px 45px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.nlhf-case-result-right blockquote{

    margin:0 0 18px;

    color:#000;

    font-size:18px;

    line-height:1.9;

    font-style:italic;

    font-family:Georgia, serif;

}


.nlhf-case-result-right cite{

    color:#000;

    font-size:14px;

    font-style:normal;

}



/*=========================================
Bottom Note
=========================================*/

.nlhf-case-note{

    margin-top:30px;

    text-align:center;

    color:#8b96a1;

    font-size:16px;

    line-height:1.8;

}



/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-case-study-section{

        padding:80px 0;

    }

    .nlhf-case-result{

        grid-template-columns:1fr;

    }

    .nlhf-case-result-left{

        text-align:center;

    }

}


@media(max-width:767px){

    .nlhf-case-study-section{

        padding:60px 0;

    }

    .nlhf-case-card{

        padding:24px;

    }

    .nlhf-case-card h3{

        font-size:18px;

    }

    .nlhf-case-card li span{

        font-size:16px;

    }

    .nlhf-case-result-left{

        padding:30px;

    }

    .nlhf-case-result-left h2{

        font-size:42px;

    }

    .nlhf-case-result-right{

        padding:30px;

    }

    .nlhf-case-result-right blockquote{

        font-size:16px;

    }

}



/*====================================
BUILT TO SCALE
====================================*/

.nlhf-scale-section{

    padding:80px 0;

    background:#f8fbfb;

}


.nlhf-scale-card{

    height:100%;

    background:#fff;

    border:1px solid #a5a9ab;

    border-radius:20px;

    padding:34px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}


/* Top Accent */

.nlhf-scale-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:var(--nlhf-primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}


.nlhf-scale-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(17,24,39,.08);

    border-color:#d8e7e5;

}


.nlhf-scale-card:hover::before{

    transform:scaleX(1);

}


/* Header */

.nlhf-scale-head{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:20px;

}


/* Icon */

.nlhf-scale-icon{

    width:42px;

    height:42px;

    border-radius:12px;

    background:#eaf8f7;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}


.nlhf-scale-icon i{

    font-size:18px;

    color:var(--nlhf-primary);

}


/* Title */

.nlhf-scale-head h4{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#1d2735;

}


/* Text */

.nlhf-scale-card p{

    margin:0;

    font-size:15px;

    line-height:1.9;

    color:#667482;

}


/* Hover */

.nlhf-scale-card:hover h4{

    color:var(--nlhf-primary);

}

.nlhf-scale-card:hover .nlhf-scale-icon{

    background:var(--nlhf-primary);

}

.nlhf-scale-card:hover .nlhf-scale-icon i{

    color:#fff;

}


/* Mobile */

@media(max-width:991px){

    .nlhf-scale-section{

        padding:80px 0;

    }

}

@media(max-width:767px){

    .nlhf-scale-section{

        padding:60px 0;

    }

    .nlhf-scale-card{

        padding:26px;

    }

    .nlhf-scale-head h4{

        font-size:20px;

    }

}

/*=========================================
SECURITY & COMPLIANCE
=========================================*/

.nlhf-security-section{

    padding:80px 0;

    background:#fff;

}


.nlhf-security-grid{

        display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(5, 1fr);

}


.nlhf-security-card{
display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 13px;
    border-radius: 60px;
    background: #fff;
    border: 1px solid #a5a9ab;
    transition: .35s;
    cursor: default;
}


.nlhf-security-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#e9f8f7;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.35s;

}


.nlhf-security-icon i{

    font-size:20px;

    color:var(--nlhf-primary);

    line-height:1;

}


.nlhf-security-card span{

    font-size:17px;

    font-weight:600;

    color:#1d2735;

    white-space:nowrap;

}


/* Hover */

.nlhf-security-card:hover{

    transform:translateY(-5px);

    border-color:var(--nlhf-primary);

    box-shadow:0 15px 35px rgba(18,183,176,.12);

}


.nlhf-security-card:hover .nlhf-security-icon{

    background:var(--nlhf-primary);

}


.nlhf-security-card:hover .nlhf-security-icon i{

    color:#fff;

    transform:scale(1.1);

}


/* Responsive */

@media(max-width:991px){

    .nlhf-security-section{

        padding:80px 0;

    }

}


@media(max-width:767px){

    .nlhf-security-section{

        padding:60px 0;

    }

    .nlhf-security-grid{

        flex-direction:column;

        align-items:stretch;

    }

    .nlhf-security-card{

        width:100%;

        justify-content:flex-start;

    }

    .nlhf-security-card span{

        font-size:15px;

    }

}



/*=========================================
REQUEST REVIEW CTA
=========================================*/

.nlhf-review-section{

    position:relative;

    overflow:hidden;

    padding:80px 0;

    background:linear-gradient(135deg,#eef8f7,#dff2ef);

}
.nlhf-review-section .nlhf-section-badge{
    background: #06aea1;
    color: #fff;
}

/* Background Glow */

.nlhf-review-section::before{

    content:"";

    position:absolute;

    left:-180px;

    top:50%;

    width:520px;

    height:520px;

    transform:translateY(-50%);

    background:radial-gradient(circle,
    rgba(18,183,176,.16) 0%,
    rgba(18,183,176,.05) 45%,
    transparent 75%);

    pointer-events:none;

}


/*====================================
LEFT CONTENT
====================================*/

.nlhf-review-content{

    position:relative;

    z-index:2;

}


.nlhf-review-title{

    margin:22px 0;

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.12;

    color:#1d2735;

}


.nlhf-review-title span{

    color:var(--nlhf-primary);

    font-family:Georgia, serif;

    font-style:italic;

    font-weight:500;

}


.nlhf-review-desc{

    max-width:520px;

    color:#000;

    font-size:16px;

    line-height:1.9;

    margin-bottom:34px;

}


/* Checklist */

.nlhf-review-list{

    margin:0;

    padding:0;

    list-style:none;

}


.nlhf-review-list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    color:#000;

    font-size:16px;

    line-height:1.8;

}


.nlhf-review-list li i{

    color:var(--nlhf-primary);

    margin-top:5px;

    font-size:15px;

}


/* Phone */

.nlhf-review-phone{

    margin-top:34px;

    font-size:17px;

    color:#000;

}


.nlhf-review-phone a{

    margin-left:6px;

    color:var(--nlhf-primary);

    font-weight:700;

    text-decoration:none;

}


.nlhf-review-phone a:hover{

    color:#1d2735;

}


/*====================================
FORM CARD
====================================*/

.nlhf-review-form{

    background:rgba(255,255,255,.98);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.25);

    border-radius:24px;

    padding:42px;

    box-shadow:0 26px 60px -34px rgb(15 38 40 / 78%);

}


.nlhf-review-form h3{

    margin-bottom:8px;

    font-size:clamp(26px,3.3vw,38px);

    font-weight:700;

    color:#1d2735;

}


.nlhf-review-form>p{

    color:#6b7787;

    margin-bottom:32px;
    font-size: 13px;

}


/* Labels */

.nlhf-review-form label{

    display:block;

    margin-bottom:10px;

    font-size:14px;

    font-weight:600;

    color:#29313d;

}


/* Inputs */

.nlhf-review-form .form-control,

.nlhf-review-form .form-select{

    height:35px;

    border-radius:14px;

    border:1px solid #d8e3e8;

    box-shadow:none;

    font-size:16px;

    padding:14px 16px;

    transition:.3s;

}
.nlhf-review-form .form-select{
    height: 55px!important;
}

.nlhf-review-form textarea.form-control{

    height:auto;

    min-height:140px;

    resize:vertical;

}


/* Focus */

.nlhf-review-form .form-control:focus,

.nlhf-review-form .form-select:focus{

    border-color:var(--nlhf-primary);

    box-shadow:

    0 0 0 .18rem rgba(18,183,176,.16);

}


/* Button */

.nlhf-review-form .nlhf-feature-btn{

    height: 60px;
    font-size: 17px;
    align-items: center;
    justify-content: center;

}


/* Privacy */

.nlhf-review-privacy{

    margin-top:22px;

    text-align:center;

    font-size:16px;

    color:#8b95a2;

    line-height:1.7;

}


/*====================================
Responsive
====================================*/

@media(max-width:1199px){

    .nlhf-review-title{

        font-size:48px;

    }

}


@media(max-width:991px){

    .nlhf-review-section{

        padding:90px 0;

    }

    .nlhf-review-content{

        text-align:center;

        margin-bottom:20px;

    }

    .nlhf-review-desc{

        margin-left:auto;

        margin-right:auto;

    }

    .nlhf-review-list{

        display:inline-block;

        text-align:left;

    }

}


@media(max-width:767px){

    .nlhf-review-section{

        padding:70px 0;

    }

    .nlhf-review-title{

        font-size:34px;

    }

    .nlhf-review-desc{

        font-size:16px;

    }

    .nlhf-review-form{

        padding:26px;

        border-radius:18px;

    }

    .nlhf-review-form h3{

        font-size:24px;

    }

}


/*====================================
FINAL CTA
====================================*/

.nlhf-final-cta{

        position: relative;
    overflow: hidden;
    padding: 80px 0;
    /*background: radial-gradient(circle at center, rgba(18, 183, 176, .22) 0%, rgba(18, 183, 176, .08) 35%, transparent 70%), linear-gradient(135deg, #019b83, #0a2824);*/
    background: #06aea1;
}


/* Decorative Glow */

.nlhf-final-cta::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(18,183,176,.18),
    transparent 70%);

    pointer-events:none;

}


.nlhf-final-cta-content{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}


.nlhf-final-cta h2{

    margin:22px 0;

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.1;

    color:#fff;

}


.nlhf-final-cta p{

    max-width:760px;

    margin:0 auto 40px;

    color:#fff;

    font-size:16px;

    line-height:1.8;

}


.nlhf-final-cta-btns{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:18px;

}


.nlhf-final-phone{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:18px 26px;

    border-radius:60px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    border:1px solid rgba(255,255,255,.15);

    background:rgb(255 255 255 / 21%);

    backdrop-filter:blur(12px);

    transition:.35s;

}


.nlhf-final-phone:hover{

        color: var(--nlhf-primary);
    border-color: var(--nlhf-primary);
    background: #fff;

}


.nlhf-final-trust{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:30px;

    margin-top:40px;

}


.nlhf-final-trust span{

    color:#fff;

    font-size:15px;

}


.nlhf-final-trust i{

    margin-right:8px;

    color:#fff;

}


@media(max-width:767px){

    .nlhf-final-cta{

        padding:90px 0;

    }

    .nlhf-final-cta h2{

        font-size:36px;

    }

    .nlhf-final-cta p{

        font-size:17px;

    }

    .nlhf-final-phone{

        width:100%;

        justify-content:center;

    }

}



/*====================================
FAQ
====================================*/

.nlhf-faq-section{

    padding:80px 0;

    background:#fff;

}



.nlhf-faq-card{

    height:100%;

    background:#fff;

    border:1px solid #dbe5ea;

    border-radius:18px;

    padding:30px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}



/* Top Accent */

.nlhf-faq-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:3px;

    background:var(--nlhf-primary);

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}



.nlhf-faq-card:hover{

    transform:translateY(-8px);

    border-color:#cfe5e4;

    box-shadow:0 18px 40px rgba(17,24,39,.08);

}



.nlhf-faq-card:hover::before{

    transform:scaleX(1);

}



/*====================================
Header
====================================*/

.nlhf-faq-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 5px;
}


.nlhf-faq-top h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #1d2735;
    transition: .3s;
}



.nlhf-faq-top i{

    color:#9bb3b6;

    font-size:16px;

    transition:.35s;

    flex-shrink:0;

    margin-top:3px;

}



/*====================================
Answer
====================================*/

.nlhf-faq-card p{

    margin:0;

    color:#687684;

    font-size:15px;

    line-height:20px;

}



/* Hover */
/*
.nlhf-faq-card:hover h4{

    color:var(--nlhf-primary);

}
*/


.nlhf-faq-card:hover i{

    color:var(--nlhf-primary);

    transform:translate(3px,-3px);

}



/*====================================
Responsive
====================================*/

@media(max-width:991px){

    .nlhf-faq-section{

        padding:80px 0;

    }

}



@media(max-width:767px){

    .nlhf-faq-section{

        padding:60px 0;

    }

    .nlhf-faq-card{

        padding:24px;

    }

    .nlhf-faq-top h4{

        font-size:19px;

    }

    .nlhf-faq-card p{

        font-size:14px;

    }

}




/*=========================================
ENTERPRISE METRIC STRIP
=========================================*/

.nlhf-metric-strip{
    width:100%;
    background:#06aea1;
    box-shadow:0 12px 35px rgba(0,0,0,.12);
    position:relative;
    z-index:5;
}

.nlhf-metric-item{
    padding:32px 24px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.18);
    height:100%;
}

.nlhf-metric-item h3{
    margin:0 0 8px;
    color:#fff;
    font-size:clamp(21px,2vw,21px);
    font-weight:700;
    line-height:1.2;
    text-shadow:0 2px 8px rgba(0,0,0,.12);
}

.nlhf-metric-item p{
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:14px;
    font-weight:500;
    line-height:1.6;
    text-shadow:0 1px 3px rgba(0,0,0,.10);
}

.nlhf-arrow{
    display:inline-block;
    margin:0 6px;
    font-weight:600;
    color:#ffffff;
    opacity:.9;
}

@media (max-width:991px){

    .nlhf-metric-item{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.18);
        padding:28px 20px;
    }

    .nlhf-metric-item.border-0{
        border-bottom:none !important;
    }

}

@media (max-width:767px){

    .nlhf-metric-item{
        padding:24px 18px;
    }

    .nlhf-metric-item h3{
        font-size:22px;
    }

    .nlhf-metric-item p{
        font-size:13px;
    }

}

/*...............................*/


.mba-proc-line.for_four {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: 0;
    width: 2px;
    background: #06aea1;
    height: 80%;
    transform: translate(-50%, -50%);
}
.mba-proc-line.for_seven {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: 0;
    width: 2px;
    background: #06aea1;
    height: 85%;
    transform: translate(-50%, -50%);
}

p{
    font-size: 13.5px!important;
}



.hero-section-faqs .subheading p {
    font-weight: 400;
    color: #000;
    display: inline-block;
    word-spacing: 1px;
    font-size: 12px !important;
}



/*====================================
THE EPISODE
====================================*/

.nlhf-episode-section{

    padding:80px 0;

    background:#fff;

}


/* Left */

.nlhf-episode-content h2{

    font-size:clamp(26px,3.3vw,38px);

    font-weight:800;

    line-height:1.12;

    color:#1d2735;

    margin:22px 0 28px;

    max-width:650px;

}


.nlhf-episode-content h2 span{

    color:var(--nlhf-primary);

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:500;

}


.nlhf-episode-content p{

    font-size:18px;

    line-height:1.9;

    color:#5f6d79;

    margin-bottom:18px;

    max-width:620px;

}


.nlhf-episode-content strong{

    color:#1d2735;

    font-weight:700;

}


.nlhf-episode-content .nlhf-feature-btn{

    margin-top:18px;

}



/*====================================
Right Card
====================================*/

.nlhf-episode-card{

    background:#fff;

    border:1px solid #dbe5ea;

    border-radius:24px;

    padding:34px;

    box-shadow:0 26px 60px -34px rgba(15,38,40,.4);

    transition:.35s;

}


.nlhf-episode-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(17,24,39,.12);

}

.nlhf-episode-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #1d2735;
    line-height: 1.4;
}



/*====================================
Stats
====================================*/

.nlhf-episode-stat{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:8px 0;

    border-bottom:1px solid #e5edf2;

}
.nlhf-episode-stat.no_border{
    border: none;
}

.nlhf-episode-stat:last-of-type{

    border-bottom:none;

}


.nlhf-episode-stat span{

    font-size:13.5px;

    color:#6b7787;

    line-height:1.6;

}


.nlhf-episode-stat strong{

    font-size:15px;

    font-weight:700;

    color:#1d2735;

    white-space:nowrap;

}



/* Divider */

/*.nlhf-episode-divider{

    height:1px;

    background:#dbe5ea;

    margin:10px 0 18px;

}*/



/* Recoverable */

.nlhf-episode-result{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:20px;

    margin-bottom:28px;

}


.nlhf-episode-result span{

    font-size:18px;

    color:#1d2735;

    font-weight:600;

}


.nlhf-episode-result strong{

    font-size:20px;

    color:var(--nlhf-primary);

    font-weight:800;

    line-height:1;

}



/* Note */

.nlhf-episode-note{

    margin:0;

    font-size:13.5px !important;

    line-height:1.9 !important;

    color:#7a8793 !important;

}



/*====================================
Responsive
====================================*/

@media(max-width:991px){

    .nlhf-episode-section{

        padding:80px 0;

    }

    .nlhf-episode-content{

        margin-bottom:20px;

    }

    .nlhf-episode-content h2{

        font-size:44px;

    }

    .nlhf-episode-card{

        padding:30px;

    }

}


@media(max-width:767px){

    .nlhf-episode-section{

        padding:60px 0;

    }

    .nlhf-episode-content h2{

        font-size:32px;

    }

    .nlhf-episode-content p{

        font-size:16px;

    }

    .nlhf-episode-card{

        padding:24px;

        border-radius:18px;

    }

    .nlhf-episode-card h4{

        font-size:24px;

    }

    .nlhf-episode-stat{

        flex-direction:column;

        align-items:flex-start;

        gap:8px;

    }

    .nlhf-episode-result{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    .nlhf-episode-result strong{

        font-size:34px;

    }

}




.nlhf-dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    border:1.8px solid #0f6f6c;
    background:transparent;
}

.nlhf-dot.active{
    background:#0f6f6c;
}

.nlhf-case-table td.text-center,
.nlhf-case-table th.text-center{
    text-align:center;
    vertical-align:middle;
}



/*=========================================
PLATFORM STRIP
=========================================*/

.nlhf-platform-strip{
    background:#06aea1;
    padding:38px 0;
}

.nlhf-platform-title{
    margin:0 0 28px;
    text-align:center;
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
    opacity:.95;
}

.nlhf-platform-list{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:40px;
}

.nlhf-platform-item{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:28px;
    font-weight:600;
}

.nlhf-platform-item i{
    font-size:15px;
    color:#fff;
}

.nlhf-platform-item span{
    font-size:15px;
    line-height:1;
    white-space:nowrap;
}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

    .nlhf-platform-list{
        gap:24px 32px;
    }

    .nlhf-platform-item span{
        font-size:17px;
    }

}

@media(max-width:576px){

    .nlhf-platform-strip{
        padding:30px 0;
    }

    .nlhf-platform-title{
        font-size:13px;
        line-height:1.5;
        margin-bottom:22px;
    }

    .nlhf-platform-list{
        justify-content:flex-start;
        gap:18px;
    }

    .nlhf-platform-item{
        width:calc(50% - 9px);
        font-size:16px;
    }

    .nlhf-platform-item span{
        font-size:16px;
    }

}






/*=========================================
PROVEN RESULTS
Namespace : NLHF
=========================================*/

.nlhf-results-section{
    padding:80px 0;
    background:#fff;
}


/*==================================
RESULT CARD
==================================*/

.nlhf-results-card{

    margin-top:60px;

    background:#fff;

    border:1px solid #dfe8ea;

    border-radius:22px;

    padding:45px;

    overflow:hidden;

    position:relative;

}

.nlhf-results-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#06aea1;

}


/*==================================
LEFT CONTENT
==================================*/

.nlhf-results-content{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.nlhf-results-label{

    display:inline-flex;

    align-items:center;

    width:max-content;

    padding:8px 18px;

    border-radius:50px;

    background:#e8f8f7;

    color:#06aea1;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.nlhf-results-content h3{

    font-size:34px;

    line-height:1.2;

    font-weight:800;

    color:#18252f;

    margin-bottom:18px;

}

.nlhf-results-content p{

    font-size:16px;

    line-height:1.9;

    color:#6d7884;

    margin-bottom:30px;

}


/*==================================
GROWTH
==================================*/

.nlhf-results-growth{

    display:flex;

    align-items:center;

    gap:18px;

}

.nlhf-results-growth i{

    width:58px;

    height:58px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#06aea1;

    color:#fff;

    font-size:22px;

}

.nlhf-results-growth strong{

    display:block;

    color:#18252f;

    font-size:32px;

    font-weight:800;

    line-height:1;

}

.nlhf-results-growth span{

    display:block;

    margin-top:6px;

    color:#6d7884;

    font-size:15px;

}


/*==================================
GRAPH
==================================*/

.nlhf-results-chart{

    position:relative;

}

.nlhf-chart-svg{

    width:100%;

    height:340px;

    display:block;

}

.nlhf-chart-grid line{

    stroke:#e6ecef;

    stroke-width:1;

}

.nlhf-chart-fill{

    fill:url(#nlhfGraphFill);

}

.nlhf-chart-line{

    fill:none;

    stroke:#06aea1;

    stroke-width:4;

    stroke-linejoin:round;

    stroke-linecap:round;

}

.nlhf-chart-points circle{

    fill:#06aea1;

    stroke:#fff;

    stroke-width:4;

}


/*==================================
MONTHS
==================================*/

.nlhf-chart-months{

    display:flex;

    justify-content:space-between;

    margin-top:18px;

    padding:0 15px;

}

.nlhf-chart-months span{

    font-size:14px;

    font-weight:600;

    color:#6c7680;

}


/*==================================
STATS
==================================*/

.nlhf-result-stat{

   background: #fff;
    border-radius: 18px;
    padding: 14px 10px;
    text-align: center;
    height: 100%;

}

.nlhf-result-stat h3{

    margin:0 0 12px;

    font-size:30px;

    font-weight:800;

    color:#06aea1;

    line-height:1;

}

.nlhf-result-stat h3 small{

    font-size:18px;

    font-weight:600;

}

.nlhf-result-stat p{

    margin:0;

    color:#6d7884;

    font-size:16px;

    line-height:1.7;

}


/*==================================
NOTE
==================================*/

.nlhf-results-note{

    max-width:820px;

    margin:40px auto 0;

    text-align:center;

    color:#7d8893;

    font-size:14px;

    line-height:1.9;

}


/*==================================
GRAPH ANIMATION
==================================*/

.nlhf-chart-line{

    stroke-dasharray:1000;

    stroke-dashoffset:1000;

}

.nlhf-chart-fill{

    opacity:0;

}

.nlhf-chart-points circle{

    opacity:0;

    transform:scale(.2);

    transform-origin:center;

}


/* animation classes */

.nlhf-results-section.animate .nlhf-chart-line{

    animation:nlhfLine 2.2s ease forwards;

}

.nlhf-results-section.animate .nlhf-chart-fill{

    animation:nlhfFill .8s ease forwards;

    animation-delay:1.2s;

}

.nlhf-results-section.animate .nlhf-chart-points circle{

    animation:nlhfPoint .45s ease forwards;

}

.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(1){animation-delay:.2s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(2){animation-delay:.45s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(3){animation-delay:.7s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(4){animation-delay:.95s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(5){animation-delay:1.2s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(6){animation-delay:1.45s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(7){animation-delay:1.7s;}
.nlhf-results-section.animate .nlhf-chart-points circle:nth-child(8){animation-delay:1.95s;}


/*==================================
KEYFRAMES
==================================*/

@keyframes nlhfLine{

    to{

        stroke-dashoffset:0;

    }

}

@keyframes nlhfFill{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes nlhfPoint{

    from{

        opacity:0;

        transform:scale(.2);

    }

    to{

        opacity:1;

        transform:scale(1);

    }

}


/*==================================
RESPONSIVE
==================================*/

@media(max-width:991px){

    .nlhf-results-section{

        padding:80px 0;

    }

    .nlhf-results-card{

        padding:30px;

    }

    .nlhf-results-content{

        margin-bottom:20px;

    }

    .nlhf-results-content h3{

        font-size:30px;

    }

    .nlhf-chart-svg{

        height:280px;

    }

}

@media(max-width:767px){

    .nlhf-results-section{

        padding:60px 0;

    }

    .nlhf-results-card{

        padding:22px;

        border-radius:18px;

    }

    .nlhf-results-content h3{

        font-size:26px;

    }

    .nlhf-results-growth strong{

        font-size:26px;

    }

    .nlhf-result-stat{

        padding:24px 15px;

    }

    .nlhf-result-stat h3{

        font-size:34px;

    }

    .nlhf-chart-svg{

        height:220px;

    }

    .nlhf-chart-months{

        padding:0;

    }

    .nlhf-chart-months span{

        font-size:12px;

    }

}




/*=========================================
CLIENT TESTIMONIAL
=========================================*/

.nlhf-testimonial-section{

    padding:80px 0;

    background:#fff;

}

.nlhf-testimonial-card{

    margin-top:55px;

    background:linear-gradient(135deg,#eef8f7,#dff2ef);

    border:1px solid #d8ebe8;

    border-radius:24px;

    padding:50px;

    box-shadow:0 26px 60px -34px rgba(15,38,40,.18);

    overflow:hidden;

    position:relative;

}

.nlhf-testimonial-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:#06aea1;

}

/* Icon */

.nlhf-testimonial-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:#06aea1;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    box-shadow:0 18px 35px rgba(6,174,161,.25);

}

.nlhf-testimonial-icon i{

    color:#fff;

    font-size:34px;

}

/* Stars */

.nlhf-testimonial-stars{

    margin-bottom:18px;

}

.nlhf-testimonial-stars i{

    color:#06aea1;

    margin-right:3px;

    font-size:15px;

}

/* Quote */

.nlhf-testimonial-content blockquote{

    margin:0 0 28px;

    font-size:18px;

    line-height:1.75;

    color:#1d2735;

    font-family:Georgia,serif;

    font-style:italic;

    font-weight:600;

}

/* Author */

.nlhf-testimonial-content h6{

    margin:0;

    font-size:16px;

    font-weight:700;

    color:#1d2735;

}

.nlhf-testimonial-content h6 span{

    display:block;

    margin-top:6px;

    font-size:14px;

    font-weight:500;

    color:#667482;

}

/* Responsive */

@media(max-width:991px){

    .nlhf-testimonial-card{

        padding:35px;

        text-align:center;

    }

    .nlhf-testimonial-icon{

        margin-bottom:30px;

    }

}

@media(max-width:767px){

    .nlhf-testimonial-section{

        padding:60px 0;

    }

    .nlhf-testimonial-card{

        padding:25px;

        border-radius:18px;

    }

    .nlhf-testimonial-icon{

        width:72px;

        height:72px;

    }

    .nlhf-testimonial-icon i{

        font-size:28px;

    }

    .nlhf-testimonial-content blockquote{

        font-size:18px;

        line-height:1.8;

    }

}



/*=========================================
SWITCHING TO ONEMED
=========================================*/

.nlhf-transition-section{

    padding:80px 0;

    background:#f4f7f7;

}


/* Grid */

.nlhf-transition-grid{

    margin-top:50px;

}


/* Card */

.nlhf-transition-card{

    height:100%;

    background:#fff;

    border:1px solid #d7e1e3;

    border-top:3px solid var(--nlhf-primary);

    border-radius:14px;

    padding:24px 20px 26px;

    box-shadow:0 16px 40px -32px rgba(15,38,40,.28);

}


/* Number */

.nlhf-transition-number{

    width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:16px;

    border-radius:7px;

    background:var(--nlhf-primary);

    color:#082725;

    font-size:14px;

    font-weight:800;

}


/* Small label */

.nlhf-transition-label{

    display:block;

    margin-bottom:8px;

    color:#0b7d77;

    font-size:10px;

    font-weight:800;

    line-height:1;

    letter-spacing:.7px;

    text-transform:uppercase;

}


/* Title */

.nlhf-transition-card h4{

    margin:0 0 9px;

    color:#1d2735;

    font-size:15px;

    font-weight:700;

    line-height:1.4;

}


/* Description */

.nlhf-transition-card p{

    margin:0;

    color:#687684;

    font-size:12.5px !important;

    line-height:1.8;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

    .nlhf-transition-card{

        padding:24px;

    }

}


@media(max-width:991px){

    .nlhf-transition-section{

        padding:80px 0;

    }

}


@media(max-width:767px){

    .nlhf-transition-section{

        padding:60px 0;

    }

    .nlhf-transition-grid{

        margin-top:35px;

    }

    .nlhf-transition-card{

        padding:22px;

    }

    .nlhf-transition-card h4{

        font-size:17px;

    }

    .nlhf-transition-card p{

        font-size:14px !important;

    }

}



/*=========================================
EVERYDAY PAYMENT COMPARISON
Unique Namespace: NLHF Everyday
=========================================*/

.nlhf-everyday-section {
    padding: 80px 0;
    background: #f4f7f7;
}

/*=========================================
Header
=========================================*/

.nlhf-everyday-header {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.nlhf-everyday-header .nlhf-section-badge {
    margin-bottom: 18px;
}

.nlhf-everyday-title {
    margin: 0 0 16px;
    color: #111716;
    font-size: clamp(26px,3.3vw,38px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.03em;
}

.nlhf-everyday-title span {
    color: var(--nlhf-primary, #12b7b0);
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: 500;
}

.nlhf-everyday-desc {
    max-width: 790px;
    margin: 0 auto;
    color: #687476;
    line-height: 1.65;
}

/*=========================================
Comparison Visual
=========================================*/

.nlhf-everyday-visual {
    max-width: 830px;
    margin: 65px auto 0;
}

.nlhf-everyday-caption {
    margin: 0 0 18px;
    color: #667173;
    font-size: 13px !important;
    text-align: center;
}

.nlhf-everyday-services {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) 46px minmax(0, 1fr);
    align-items: center;
}

.nlhf-everyday-service {
    min-height: 112px;
    padding: 20px 25px;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.nlhf-everyday-service h3 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.nlhf-everyday-service p {
    margin: 0 0 7px;
    font-size: 12px !important;
    line-height: 1.5;
}

.nlhf-everyday-service strong {
    font-size: 13px;
    font-weight: 700;
}

/* Paid Card */

.nlhf-everyday-service-paid {
    color: #061b1a;
    background: var(--nlhf-primary, #12b7b0);
}

.nlhf-everyday-service-paid h3,
.nlhf-everyday-service-paid p,
.nlhf-everyday-service-paid strong {
    color: #fff;
}

/* Unpaid Card */

.nlhf-everyday-service-unpaid {
    position: relative;
    overflow: hidden;
    color: #687173;
    border: 1px solid #d5dddd;
    background:
        repeating-linear-gradient(
            -45deg,
            #fafcfc 0,
            #fafcfc 7px,
            #dfe7e7 7px,
            #dfe7e7 9px
        );
}

.nlhf-everyday-service-unpaid::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.38);
    pointer-events: none;
}

.nlhf-everyday-service-unpaid h3,
.nlhf-everyday-service-unpaid p,
.nlhf-everyday-service-unpaid strong {
    position: relative;
    z-index: 1;
    color: #687173;
}

/* Plus Symbol */

.nlhf-everyday-plus {
    color: #677173;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
}

/*=========================================
Bracket Result
=========================================*/

.nlhf-everyday-bracket {
    position: relative;
    padding-top: 29px;
    text-align: center;
}

.nlhf-everyday-bracket-line {
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%;
    height: 10px;
    border-right: 1px solid #bfcaca;
    border-bottom: 1px solid #bfcaca;
    border-left: 1px solid #bfcaca;
}

.nlhf-everyday-bracket strong {
    display: block;
    margin-bottom: 5px;
    color: #087f7a;
    font-size: 12px;
    font-weight: 700;
}

.nlhf-everyday-bracket span {
    display: block;
    color: #98a2a3;
    font-size: 12px;
    line-height: 1.5;
}

/*=========================================
Bottom Note
=========================================*/

.nlhf-everyday-note {
    max-width: 700px;
    margin: 48px auto 0;
    color: #3f4849;
    font-size: 16px !important;
    line-height: 1.7;
    text-align: center;
}

/*=========================================
Tablet
=========================================*/

@media (max-width: 991px) {

    .nlhf-everyday-section {
        padding: 70px 0;
    }

    .nlhf-everyday-visual {
        margin-top: 50px;
    }
}

/*=========================================
Mobile
=========================================*/

@media (max-width: 767px) {

    .nlhf-everyday-section {
        padding: 60px 0;
    }

    .nlhf-everyday-title {
        font-size: 30px;
    }

    .nlhf-everyday-desc {
        font-size: 15px !important;
    }

    .nlhf-everyday-visual {
        margin-top: 42px;
    }

    .nlhf-everyday-services {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .nlhf-everyday-service {
        width: 100%;
        min-height: 120px;
        padding: 22px 18px;
    }

    .nlhf-everyday-plus {
        line-height: 1;
    }

    .nlhf-everyday-bracket {
        padding-top: 27px;
    }

    .nlhf-everyday-bracket-line {
        top: 12px;
    }

    .nlhf-everyday-note {
        margin-top: 38px;
        font-size: 14px !important;
    }
}




.payment-story-section {
  padding: 72px 20px 44px;
  background: #f4f8f8;
  color: #101616;
}

.payment-story-section .container {
  width: min(100%, 1180px);
  margin: 0 auto;
}

.payment-story-header {
  max-width: 850px;
  margin: 0 auto;
}

.text-center {
  text-align: center;
}

.story-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 16px;
  border-radius: 50px;
  background: #e1f2f0;
  color: #087e76;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
}

.payment-story-header h2 {
  font-size: clamp(26px, 3.3vw, 38px);
    font-weight: 800;
    line-height: 1.18;
    color: #1a2229;
    margin-bottom: 22px;
}

.payment-story-header h2 em {
  color: #13a99e;
  font-family: Georgia, serif;
  font-weight: 500;
}

.payment-story-header p {
  max-width: 770px;
  margin: 14px auto 0;
  color: #667272;
  line-height: 1.65;
}

.fridge-log-wrap {
  max-width: 825px;
  margin: 60px auto 0;
}

.log-caption {
  margin: 0 0 14px;
  text-align: center;
  color: #697676;
}

.days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 9px;
}

.day-card {
  min-height: 64px;
  padding: 12px 8px;
  border-radius: 8px;
  background: #12b1a6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #071817;
}

.day-card strong {
  margin-bottom: 7px;
  font-size: 12px;
}

.day-card span {
  font-size: 11px;
}

.day-card-missing {
  background: #0e1715;
  color: #ffffff;
  border: 2px solid #12a99f;
}

.day-card-missing span {
  color: #aab4b2;
}

.missing-note {
  width: calc((100% - 54px) / 7);
  margin-left: calc(((100% - 54px) / 7 + 9px) * 2);
  text-align: center;
}

.missing-note span {
  display: block;
  width: 0;
  height: 22px;
  margin: 7px auto 4px;
  border-left: 2px dashed #6d7877;
}

.missing-note p {
  margin: 0;
  color: #667272;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  transform: translateX(-17%);
}

.payment-alert {
  margin-top: 14px;
  padding: 17px 20px 14px;
  border-radius: 10px;
  background: #0c1513;
  text-align: center;
  color: #ffffff;
}

.payment-alert strong {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
}

.payment-alert p {
  margin: 0;
  color: #9ca6a4;
}

.story-disclaimer {
  max-width: 720px;
  margin: 58px auto 0;
  text-align: center;
  color: #424c4c;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .payment-story-section {
    padding: 52px 15px 34px;
  }

  .fridge-log-wrap {
    margin-top: 42px;
  }

  .days-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .day-card:last-child {
    grid-column: 1 / -1;
  }

  .missing-note {
    width: 100%;
    margin-left: 0;
  }

  .missing-note p {
    transform: none;
  }

  .payment-alert {
    margin-top: 10px;
  }

  .story-disclaimer {
    margin-top: 40px;
  }
}




.cycle-delay-section {
  padding: 80px 0;
  background: #f4f8f8;
  color: #101716;
}

.cycle-delay-section .container {
  width: min(100%, 850px);
  margin: 0 auto;
}

.cycle-delay-header {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.cycle-delay-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 16px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.1px;
}

.cycle-delay-header h2 {
  margin: 0;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: -1.3px;
}

.cycle-delay-header h2 em {
  color: #11aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.cycle-delay-header p {
  max-width: 790px;
  margin: 14px auto 0;
  color: #667171;
  line-height: 1.65;
}

.cycle-delay-visual {
  margin-top: 62px;
}

.cycle-small-label {
  margin: 0 0 13px;
  color: #687373;
}

.cycle-window-row {
  display: grid;
  grid-template-columns: 235px 1fr;
  gap: 8px;
}

.cycle-window-active {
  min-height: 52px;
  padding: 9px 15px;
  border-radius: 9px;
  background: #10b2a7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cycle-window-active strong {
  margin-bottom: 3px;
  font-size: 13px;
}

.cycle-window-active span {
  font-size: 11px;
}

.cycle-window-closed {
  min-height: 52px;
  border: 1px solid #d6e1df;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #727c7b;
  font-size: 12px;
  background:
    repeating-linear-gradient(
      135deg,
      transparent 0,
      transparent 7px,
      #d5e0de 7px,
      #d5e0de 9px
    );
}

.cycle-approval-label {
  margin-top: 24px;
  margin-bottom: 11px;
}

.approval-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
}

.approval-line {
  position: absolute;
  top: 6px;
  left: 5px;
  right: 78px;
  height: 2px;
  background: #dfe7e6;
}

.approval-step {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.approval-dot {
  width: 11px;
  height: 11px;
  margin-bottom: 6px;
  border-radius: 50%;
  background: #cad8d6;
}

.approval-step small {
  color: #8a9493;
  line-height: 1.3;
}

.approval-step-final {
  align-items: center;
}

.approval-step-final .approval-dot {
  width: 14px;
  height: 14px;
  margin-top: -2px;
  background: #0c1413;
}

.approval-step-final strong {
  font-size: 11px;
}

.approval-step-final small {
  margin-top: 2px;
  color: #687271;
}

.cycle-result {
  margin-top: 5px;
  padding: 13px 20px;
  border-radius: 9px;
  background: #0c1513;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}

.cycle-delay-note {
  max-width: 700px;
  margin: 47px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .cycle-delay-section {
    padding: 52px 15px 35px;
  }

  .cycle-delay-visual {
    margin-top: 42px;
  }

  .cycle-window-row {
    grid-template-columns: 1fr;
  }

  .cycle-window-closed {
    min-height: 70px;
  }

  .approval-timeline {
    grid-template-columns: repeat(4, minmax(70px, 1fr));
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .approval-line {
    right: 40px;
  }

  .approval-step {
    min-width: 80px;
  }

  .cycle-result {
    margin-top: 10px;
  }

  .cycle-delay-note {
    margin-top: 38px;
  }
}









.session-outcome-section {
  padding: 65px 20px 58px;
  background: #f4f8f8;
  color: #101716;
  font-family: Arial, sans-serif;
}

.session-outcome-section .container {
  width: min(100%, 850px);
  margin: 0 auto;
}

.session-outcome-header {
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
}

.session-outcome-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.1px;
}

.session-outcome-header h2 {
  margin: 0;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: -1.2px;
}

.session-outcome-header h2 em {
  color: #10aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.session-outcome-header p {
  max-width: 770px;
  margin: 15px auto 0;
  color: #667272;
  line-height: 1.65;
}

.session-flow {
  margin-top: 66px;
}

.session-source {
  width: 196px;
  min-height: 45px;
  margin: 0 auto;
  padding: 9px 15px;
  border-radius: 9px;
  background: #0c1513;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.session-source strong {
  margin-bottom: 3px;
  font-size: 12px;
}

.session-source span {
  color: #a7b0ae;
  font-size: 10px;
}

.session-connectors {
  width: 100%;
  height: 51px;
}

.session-connectors svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.session-connectors line {
  stroke: #9baaa8;
  stroke-width: 1.5;
}

.session-connectors marker path {
  fill: #9baaa8;
}

.session-comparison {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 77px;
}

.session-card {
  min-height: 110px;
  padding: 17px 22px;
  border-radius: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.session-card strong {
  margin-bottom: 10px;
  font-size: 13px;
}

.session-card span {
  display: block;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.35;
}

.session-card b {
  margin-top: 2px;
  font-size: 12px;
}

.session-card-success {
  background: #10b1a6;
  color: #071817;
}

.session-card-risk {
  border: 1px solid #d2dddd;
  color: #65706f;
  background:
    repeating-linear-gradient(
      135deg,
      #f8fbfb 0,
      #f8fbfb 7px,
      #d7e1df 7px,
      #d7e1df 9px
    );
}

.session-card-risk strong,
.session-card-risk b {
  color: #606b69;
}

.session-outcome-note {
  max-width: 700px;
  margin: 63px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .session-outcome-section {
    padding: 50px 15px 38px;
  }

  .desktop-break {
    display: none;
  }

  .session-flow {
    margin-top: 43px;
  }

  .session-connectors {
    display: none;
  }

  .session-comparison {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 20px;
  }

  .session-source {
    width: min(100%, 230px);
  }

  .session-card {
    min-height: 125px;
  }

  .session-outcome-note {
    margin-top: 40px;
  }
}


.custom-device-loss {
  padding: 72px 20px 58px;
  background: #f4f8f8;
  color: #101716;
}

.custom-device-loss .container {
  width: min(100%, 825px);
  margin: 0 auto;
}

.custom-device-header {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}

.custom-device-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.custom-device-header h2 {
  max-width: 700px;
  margin: 0 auto;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.18;
  font-weight: 750;
  letter-spacing: -1.3px;
}

.custom-device-header h2 em {
  display: block;
  margin-top: 3px;
  color: #10aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.custom-device-header p {
  max-width: 780px;
  margin: 16px auto 0;
  color: #667272;
  line-height: 1.65;
}

.custom-device-visual {
  margin-top: 64px;
}

.custom-device-caption {
  margin: 0 0 17px;
  text-align: center;
  color: #687373;
}

.custom-device-comparison {
  display: grid;
  grid-template-columns: 1.1fr 45px 1fr;
  align-items: center;
  gap: 16px;
}

.custom-device-cost-card,
.custom-device-value-card {
  min-height: 138px;
  border-radius: 12px;
}

.custom-device-cost-card {
  padding: 17px 38px;
  border: 1px solid #dce4e3;
  background: #ffffff;
}

.custom-device-cost-card > strong {
  display: block;
  margin-bottom: 14px;
  text-align: center;
  font-size: 13px;
}

.custom-cost-row {
  display: grid;
  grid-template-columns: 90px 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 11px;
}

.custom-cost-row span {
  color: #424b4a;
  font-size: 11px;
  white-space: nowrap;
}

.custom-cost-bar {
  height: 11px;
  border-radius: 50px;
  background: #10aca2;
}

.custom-cost-bar-one {
  width: 100%;
}

.custom-cost-bar-two {
  width: 78%;
}

.custom-cost-bar-three {
  width: 56%;
}

.custom-device-vs {
  text-align: center;
  color: #6c7776;
  font-size: 14px;
  font-weight: 700;
}

.custom-device-value-card {
  padding: 18px;
  border: 1px solid #d4dfdd;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #687271;
  text-align: center;
  background:
    repeating-linear-gradient(
      135deg,
      #f8fbfb 0,
      #f8fbfb 7px,
      #d6e1df 7px,
      #d6e1df 9px
    );
}

.custom-device-value-card strong {
  margin-bottom: 11px;
  font-size: 13px;
}

.custom-device-value-card b {
  margin-bottom: 8px;
  font-size: 40px;
  line-height: 1;
}

.custom-device-value-card span {
  font-size: 11px;
}

.custom-device-result {
  margin-top: 16px;
  padding: 14px 20px;
  border-radius: 9px;
  background: #0c1513;
  color: #ffffff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}

.custom-device-note {
  max-width: 680px;
  margin: 54px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .custom-device-loss {
    padding: 52px 15px 38px;
  }

  .custom-device-visual {
    margin-top: 42px;
  }

  .custom-device-comparison {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .custom-device-vs {
    padding: 2px 0;
  }

  .custom-device-cost-card {
    padding: 20px;
  }

  .custom-cost-row {
    grid-template-columns: 105px 1fr;
  }

  .custom-device-note {
    margin-top: 40px;
  }
}



.flat-fee-section {
  padding: 26px 20px 58px;
  background: #f4f8f8;
  color: #101716;
}

.flat-fee-section .container {
  width: min(100%, 900px);
  margin: 0 auto;
}

.flat-fee-header {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.flat-fee-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.flat-fee-header h2 {
  max-width: 680px;
  margin: 0 auto;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.17;
  font-weight: 750;
  letter-spacing: -1.2px;
}

.flat-fee-header h2 em {
  display: block;
  margin-top: 4px;
  color: #10aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.flat-fee-header p {
  max-width: 820px;
  margin: 17px auto 0;
  color: #667272;
  line-height: 1.65;
}

.flat-fee-visual {
  margin-top: 72px;
}

.flat-fee-timeline-labels {
  position: relative;
  height: 24px;
  color: #687373;
}

.flat-fee-timeline-labels span {
  position: absolute;
  top: 0;
}

.flat-fee-timeline-labels span:first-child {
  left: 0;
}

.flat-fee-timeline-labels span:nth-child(2) {
  left: 79%;
  transform: translateX(-50%);
}

.flat-fee-timeline-labels span:last-child {
  right: 0;
}

.flat-fee-main-bar {
  position: relative;
  min-height: 46px;
  border-radius: 10px;
  background: #10b1a6;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #071817;
  text-align: center;
}

.flat-fee-main-bar strong {
  position: relative;
  z-index: 2;
  padding: 0 15px;
  font-size: 14px;
}

.flat-fee-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 2px dashed rgba(255, 255, 255, 0.95);
}

.flat-fee-delivery-divider {
  left: 75%;
}

.flat-fee-aftercare-divider {
  left: 92%;
}

.flat-fee-subheading {
  margin: 28px 0 10px;
  color: #596463;
}

.flat-fee-extra-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding: 0 120px;
}

.flat-fee-extra-card {
  min-height: 45px;
  padding: 10px 12px;
  border: 1px solid #d4dfdd;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #65706f;
  text-align: center;
  font-size: 13px;
    font-weight: 700;
  background:
    repeating-linear-gradient(
      135deg,
      #f8fbfb 0,
      #f8fbfb 7px,
      #d6e1df 7px,
      #d6e1df 9px
    );
}

.flat-fee-bracket {
  position: relative;
  margin: 15px 120px 0;
  padding-top: 15px;
  text-align: center;
}

.flat-fee-bracket-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 9px;
  border-left: 2px solid #cbd9d7;
  border-right: 2px solid #cbd9d7;
  border-bottom: 2px solid #cbd9d7;
}

.flat-fee-bracket strong {
  color: #087c75;
  font-size: 13px;
}

.flat-fee-note {
  max-width: 700px;
  margin: 51px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .flat-fee-section {
    padding: 45px 15px 38px;
  }

  .flat-fee-visual {
    margin-top: 45px;
  }

  .flat-fee-timeline-labels {
    height: auto;
    margin-bottom: 9px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
  }

  .flat-fee-timeline-labels span {
    position: static;
    transform: none !important;
  }

  .flat-fee-main-bar {
    min-height: 64px;
  }

  .flat-fee-main-bar strong {
    max-width: 220px;
  }

  .flat-fee-extra-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }

  .flat-fee-bracket {
    margin-left: 0;
    margin-right: 0;
  }

  .flat-fee-note {
    margin-top: 40px;
  }
}

@media (max-width: 480px) {
  .flat-fee-extra-grid {
    grid-template-columns: 1fr;
  }

  .flat-fee-timeline-labels {
    font-size: 11px;
  }
}






.claim-cost-section {
  padding: 58px 20px 54px;
  background: #f4f8f8;
  color: #101716;
}

.claim-cost-section .container {
  width: min(100%, 825px);
  margin: 0 auto;
}

.claim-cost-header {
  max-width: 790px;
  margin: 0 auto;
  text-align: center;
}

.claim-cost-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.claim-cost-header h2 {
  margin: 0;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.2;
  font-weight: 750;
  letter-spacing: -1.2px;
}

.claim-cost-header h2 em {
  color: #10aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.claim-cost-header p {
  max-width: 760px;
  margin: 15px auto 0;
  color: #667272;
  line-height: 1.65;
}

.claim-cost-visual {
  margin-top: 63px;
}

.claim-cost-caption {
  margin: 0 0 17px;
  text-align: center;
  color: #687373;
}

.claim-cost-comparison {
  display: grid;
  grid-template-columns: 1fr 45px 0.9fr;
  align-items: center;
  gap: 16px;
}

.claim-cost-card {
  min-height: 124px;
  padding: 16px 28px 10px;
  border: 1px solid #dce4e3;
  border-radius: 11px;
  background: #ffffff;
  text-align: center;
}

.claim-cost-card strong {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
}

.claim-cost-card b {
  display: block;
  margin-bottom: 8px;
  font-size: 38px;
  line-height: 1;
}

.claim-cost-clean b {
  color: #087c75;
}

.claim-cost-rejected b {
  color: #626d6c;
}

.claim-cost-bar {
  width: 58%;
  height: 13px;
  margin: 0 auto 5px;
  border-radius: 50px;
  background: #dbe4e2;
  overflow: hidden;
}

.claim-cost-clean .claim-cost-bar span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #10aca2;
}

.claim-cost-rejected .claim-cost-bar {
  width: 72%;
  background: #c8d4d2;
}

.claim-cost-card small {
  color: #737d7c;
}

.claim-cost-vs {
  text-align: center;
  color: #687372;
  font-size: 15px;
  font-weight: 700;
}

.claim-cost-result {
  margin-top: 18px;
  padding: 10px 20px 8px;
  border-radius: 9px;
  background: #0c1513;
  color: #ffffff;
  text-align: center;
}

.claim-cost-result strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

.claim-cost-result span {
  display: block;
  color: #a4aeac;
  font-size: 11px;
}

.claim-cost-note {
  max-width: 700px;
  margin: 57px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .claim-cost-section {
    padding: 48px 15px 38px;
  }

  .claim-cost-header h2 br {
    display: none;
  }

  .claim-cost-visual {
    margin-top: 42px;
  }

  .claim-cost-comparison {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .claim-cost-vs {
    padding: 2px 0;
  }

  .claim-cost-card {
    min-height: 135px;
  }

  .claim-cost-result {
    padding: 14px 15px 12px;
  }

  .claim-cost-note {
    margin-top: 40px;
  }
}



.monitoring-cycle-section {
  padding: 80px 0;
  background: #f4f8f8;
  color: #101716;
}

.monitoring-cycle-section .container {
  width: min(100%, 850px);
  margin: 0 auto;
}

.monitoring-cycle-header {
  max-width: 830px;
  margin: 0 auto;
  text-align: center;
}

.monitoring-cycle-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  margin-bottom: 17px;
  border-radius: 50px;
  background: #e2f2f0;
  color: #087c75;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
}

.monitoring-cycle-header h2 {
  margin: 0;
  font-size: clamp(26px, 3.3vw, 38px);
  line-height: 1.18;
  font-weight: 750;
  letter-spacing: -1.2px;
}

.monitoring-cycle-header h2 em {
  color: #10aa9f;
  font-family: Georgia, serif;
  font-weight: 500;
}

.monitoring-cycle-header p {
  max-width: 820px;
  margin: 15px auto 0;
  color: #667272;
  line-height: 1.65;
}

.monitoring-cycle-visual {
  margin-top: 68px;
}

.monitoring-cycle-caption {
  margin: 0 0 17px;
  color: #687373;
}

.monitoring-cycle-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 15px;
}

.monitoring-cycle-item {
  text-align: center;
}

.monitoring-cycle-card {
  min-height: 56px;
  padding: 12px 8px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}

.monitoring-cycle-card.paid {
  background: #10b1a6;
  color: #ffffff;
}

.monitoring-cycle-card.missed {
  border: 1px solid #d4dfdd;
  color: #6b7574;
  background:
    repeating-linear-gradient(
      135deg,
      #f8fbfb 0,
      #f8fbfb 7px,
      #d6e1df 7px,
      #d6e1df 9px
    );
}

.monitoring-cycle-item > span {
  display: block;
  margin-top: 10px;
  color: #899392;
  font-size: 11px;
}

.monitoring-cycle-bracket {
  position: relative;
  margin-top: 18px;
  padding-top: 20px;
  text-align: center;
}

.monitoring-cycle-bracket > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  height: 9px;
  border-left: 2px solid #cbd9d7;
  border-right: 2px solid #cbd9d7;
  border-bottom: 2px solid #cbd9d7;
}

.monitoring-cycle-bracket strong {
  color: #087c75;
  font-size: 12px;
}

.monitoring-cycle-note {
  max-width: 690px;
  margin: 61px auto 0;
  text-align: center;
  color: #414b4a;
  line-height: 1.6;
}

@media (max-width: 991px) {
  .monitoring-cycle-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .monitoring-cycle-bracket > span {
    right: 0;
  }
}

@media (max-width: 767px) {
  .monitoring-cycle-section {
    padding: 45px 15px 38px;
  }

  .monitoring-cycle-header h2 em {
    display: block;
    margin-top: 3px;
  }

  .monitoring-cycle-visual {
    margin-top: 43px;
  }

  .monitoring-cycle-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 12px;
  }

  .monitoring-cycle-card {
    min-height: 62px;
  }

  .monitoring-cycle-note {
    margin-top: 42px;
  }
}


.rcr-recovery-card {
    width: 100%;
    padding: 32px 38px 22px;
    border: 1px solid #dfe7e6;
    border-radius: 20px;
    background: #ffffff;
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    overflow: hidden;
    margin-bottom: 50px;
}

.rcr-recovery-info h3 {
    margin: 0 0 5px;
    color: #101716;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.rcr-recovery-info p {
    margin: 0;
    color: #697473;
    line-height: 1.5;
}

.rcr-result-badge {
    width: fit-content;
    margin-top: 17px;
    padding: 8px 17px;
    border-radius: 50px;
    background: #e2f3f1;
    color: #087a73;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
}

.rcr-result-badge i {
    font-size: 16px;
}

.rcr-chart-wrap {
    position: relative;
    min-width: 0;
    padding-top: 4px;
}

.rcr-chart-svg {
    width: 100%;
    height: 135px;
    display: block;
    overflow: visible;
}

.rcr-chart-grid line {
    stroke: #edf1f0;
    stroke-width: 1;
}

.rcr-chart-area {
    fill: url(#rcrRecoveryFill);
}

.rcr-chart-line {
    fill: none;
    stroke: #08ad9f;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.rcr-chart-points circle {
    fill: #08ad9f;
}

.rcr-chart-months {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 15px;
    margin-top: -4px;
    color: #929c9b;
    font-size: 12px;
}

@media (max-width: 991px) {
    .rcr-recovery-card {
        grid-template-columns: 210px minmax(0, 1fr);
        padding: 28px;
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .rcr-recovery-card {
        grid-template-columns: 1fr;
        padding: 24px 18px 18px;
        border-radius: 16px;
        gap: 24px;
    }

    .rcr-recovery-info {
        text-align: left;
    }

    .rcr-chart-svg {
        height: 125px;
    }
}

@media (max-width: 480px) {
    .rcr-recovery-info h3 {
        font-size: 22px;
    }

    .rcr-recovery-card {
        padding: 22px 15px 16px;
    }

    .rcr-chart-svg {
        height: 110px;
    }
}





/*..............................
    specialty modal css 
...............................*/

:root {
  --omb-exit-brand: #06aea0;
  --omb-exit-brand-hover: #058b80;
  --omb-exit-brand-dark: #046b62;

  --omb-exit-heading: #0f1513;
  --omb-exit-text: #5f6b6a;

  --omb-exit-surface: #ffffff;
  --omb-exit-soft-bg: #e4f4f1;

  --omb-exit-heading-font:
    "Plus Jakarta Sans",
    system-ui,
    sans-serif;

  --omb-exit-body-font:
    "Inter",
    system-ui,
    sans-serif;
}

/* Modal overlay */
.omb-exit-review-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(15, 21, 19, 0.62);
}

/* Open modal */
.omb-exit-review-modal.omb-exit-review-modal--show {
  display: flex;
}

/* Modal card */
.omb-exit-review-modal__card {
  position: relative;

  width: 100%;
  max-width: 470px;

  padding: 34px 32px;

  text-align: center;
  background: var(--omb-exit-surface);
  border-radius: 18px;

  box-shadow:
    0 30px 80px -30px rgba(0, 0, 0, 0.5);
}

/* Close button */
.omb-exit-review-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 32px;
  height: 32px;
  padding: 0;

  color: var(--omb-exit-text);
  background: transparent;
  border: 0;
  border-radius: 50%;

  font-size: 24px;
  line-height: 1;

  cursor: pointer;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.omb-exit-review-modal__close:hover {
  color: var(--omb-exit-heading);
  background: var(--omb-exit-soft-bg);
}

/* Eyebrow */
.omb-exit-review-modal__eyebrow {
  display: inline-block;

  margin-bottom: 14px;
  padding: 6px 14px;

  color: var(--omb-exit-brand-dark);
  background: var(--omb-exit-soft-bg);
  border-radius: 100px;

  font-family: var(--omb-exit-body-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Heading */
.omb-exit-review-modal__title {
  margin: 0 0 10px;

  color: var(--omb-exit-heading);

  font-family: var(--omb-exit-heading-font);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.25;
}

/* Description */
.omb-exit-review-modal__description {
  margin: 0 0 20px;

  color: var(--omb-exit-text);

  font-family: var(--omb-exit-body-font);
  font-size: 15px;
  line-height: 1.6;
}

/* CTA button */
.omb-exit-review-modal__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  margin-bottom: 10px;
  padding: 13px 22px;

  color: var(--omb-exit-heading);
  background: var(--omb-exit-brand);
  border: 1.5px solid transparent;
  border-radius: 100px;

  font-family: var(--omb-exit-body-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;

  cursor: pointer;

  transition:
    background-color 0.18s ease,
    transform 0.18s ease;
}

.omb-exit-review-modal__button:hover {
  color: var(--omb-exit-heading);
  background: var(--omb-exit-brand-hover);
  transform: translateY(-1px);
}

/* Contact line */
.omb-exit-review-modal__contact {
  margin: 0;

  color: var(--omb-exit-text);

  font-family: var(--omb-exit-body-font);
  font-size: 12.5px;
  line-height: 1.5;
}

.omb-exit-review-modal__contact a {
  color: var(--omb-exit-brand-dark);
  font-weight: 600;
  text-decoration: none;
}

.omb-exit-review-modal__contact a:hover {
  text-decoration: underline;
}

/* Keyboard accessibility */
.omb-exit-review-modal__close:focus-visible,
.omb-exit-review-modal__button:focus-visible,
.omb-exit-review-modal__contact a:focus-visible {
  outline: 3px solid var(--omb-exit-brand);
  outline-offset: 3px;
}

/* Prevent background scrolling */
body.omb-exit-review-modal-open {
  overflow: hidden;
}

/* Mobile */
@media (max-width: 575px) {
  .omb-exit-review-modal {
    padding: 15px;
  }

  .omb-exit-review-modal__card {
    padding: 34px 22px 26px;
    border-radius: 14px;
  }

  .omb-exit-review-modal__title {
    font-size: 21px;
  }

  .omb-exit-review-modal__description {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .omb-exit-review-modal__close,
  .omb-exit-review-modal__button {
    transition: none;
  }
}









.hgap-section {
    padding: 80px 0;
    background: #f4f8f8;
    color: #101716;
}

.hgap-section .container {
    width: min(100%, 850px);
    margin: 0 auto;
}

.hgap-header {
    margin: 0 auto;
    text-align: center;
}

.hgap-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: #e2f2f0;
    color: #087c75;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.hgap-header h2 {
    max-width: 720px;
    margin: 0 auto;
    font-size: clamp(26px, 3.3vw, 38px);
    line-height: 1.16;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.hgap-header h2 em {
    color: #10aa9f;
    font-family: Georgia, serif;
    font-weight: 500;
}

.hgap-header p {
    max-width: 760px;
    margin: 17px auto 0;
    color: #667272;
    line-height: 1.65;
}

.hgap-chart-wrap {
    margin-top: 62px;
}

.hgap-chart-caption {
    margin: 0 0 12px;
    color: #687373;
}

.hgap-chart {
    width: 100%;
    overflow: hidden;
}

.hgap-chart-svg {
    width: 100%;
    height: 260px;
    display: block;
}

.hgap-axis-line {
    stroke: #dce5e4;
    stroke-width: 1.5;
}

.hgap-cost-line {
    stroke: #101716;
    stroke-width: 3;
}

.hgap-cost-point {
    fill: #101716;
}

.hgap-day90-line {
    stroke: #087c75;
    stroke-width: 2;
    stroke-dasharray: 5 5;
}

.hgap-revenue-line {
    fill: none;
    stroke: #10afa4;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hgap-revenue-point {
    fill: #10afa4;
}

.hgap-svg-label {
    fill: #4d5857;
    font-size: 12px;
    font-weight: 600;
}

.hgap-start-label,
.hgap-revenue-label {
    fill: #087c75;
}

.hgap-svg-title {
    fill: #566160;
    font-size: 17px;
    font-weight: 700;
}

.hgap-svg-subtitle {
    fill: #7b8584;
    font-size: 12px;
}

.hgap-axis-label {
    fill: #909a99;
    font-size: 11px;
}

.hgap-result-bar {
    margin-top: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #0d1513;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.hgap-note {
    max-width: 680px;
    margin: 46px auto 0;
    text-align: center;
    color: #414b4a;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .hgap-section {
        padding: 48px 15px 35px;
    }

    .hgap-chart-wrap {
        margin-top: 42px;
    }

    .hgap-chart {
        overflow-x: auto;
    }

    .hgap-chart-svg {
        min-width: 720px;
        height: 235px;
    }

    .hgap-result-bar {
        padding: 13px 15px;
        line-height: 1.5;
    }

    .hgap-note {
        margin-top: 38px;
    }
}





.imc-month-section {
    padding: 80px 0;
    background: #f4f8f8;
    color: #101716;
}

.imc-month-section .container {
    width: min(100%, 825px);
    margin: 0 auto;
}

.imc-month-header {
    margin: 0 auto;
    text-align: center;
}

.imc-month-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    margin-bottom: 17px;
    border-radius: 50px;
    background: #e2f2f0;
    color: #087c75;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.imc-month-header h2 {
    margin: 0;
    font-size: clamp(26px, 3.3vw, 38px);
    line-height: 1.17;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.imc-month-header h2 em {
    color: #10aa9f;
    font-family: Georgia, serif;
    font-weight: 500;
}

.imc-month-header p {
    max-width: 760px;
    margin: 17px auto 0;
    color: #667272;
    line-height: 1.65;
}

.imc-month-visual {
    margin-top: 62px;
}

.imc-month-caption {
    margin: 0 0 17px 188px;
    color: #687373;
}

.imc-month-grid {
    display: grid;
    grid-template-columns: 147px 1fr;
    gap: 17px;
    align-items: stretch;
}

.imc-month-visit {
    min-height: 147px;
    padding: 20px 15px;
    border-radius: 11px;
    background: #10b1a6;
    color: #071817;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.imc-month-visit strong {
    margin-bottom: 9px;
    font-size: 14px;
}

.imc-month-visit span {
    margin-bottom: 7px;
    font-size: 12px;
}

.imc-month-visit small {
    font-size: 12px;
}

.imc-month-tasks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
}

.imc-month-task {
    min-height: 44px;
    padding: 11px 17px;
    border: 1px solid #dce5e4;
    border-radius: 9px;
    background: #f7faf9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.imc-month-task span {
    color: #697473;
    line-height: 1.35;
    font-size: 12px;
}

.imc-month-task strong {
    flex: 0 0 auto;
    color: #9aa5a3;
    font-size: 12px;
}

.imc-month-result {
    margin-top: 17px;
    padding: 12px 20px 10px;
    border-radius: 10px;
    background: #0c1513;
    color: #ffffff;
    text-align: center;
}

.imc-month-result strong {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.imc-month-result span {
    display: block;
    color: #a7b0ae;
    line-height: 1.45;
}

.imc-month-note {
    max-width: 700px;
    margin: 63px auto 0;
    color: #414b4a;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 767px) {
    .imc-month-section {
        padding: 48px 15px 38px;
    }

    .imc-month-header h2 br {
        display: none;
    }

    .imc-month-visual {
        margin-top: 42px;
    }

    .imc-month-caption {
        margin-left: 0;
        text-align: center;
    }

    .imc-month-grid {
        grid-template-columns: 1fr;
    }

    .imc-month-visit {
        min-height: 120px;
    }

    .imc-month-tasks {
        grid-template-columns: 1fr;
    }

    .imc-month-result {
        padding: 14px 16px 12px;
    }

    .imc-month-note {
        margin-top: 40px;
    }
}



.vax-loss-section {
    padding: 80px 0;
    background: #f4f8f8;
    color: #101716;
}

.vax-loss-section .container {
    width: min(100%, 820px);
    margin: 0 auto;
}

.vax-loss-header {
    margin: 0 auto;
    text-align: center;
}

.vax-loss-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    margin-bottom: 18px;
    border-radius: 50px;
    background: #e2f2f0;
    color: #087c75;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.vax-loss-header h2 {
    max-width: 700px;
    margin: 0 auto;
    font-size: clamp(26px, 3.3vw, 38px);
    line-height: 1.16;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.vax-loss-header h2 em {
    color: #10aa9f;
    font-family: Georgia, serif;
    font-weight: 500;
}

.vax-loss-header p {
    max-width: 760px;
    margin: 17px auto 0;
    color: #667272;
    line-height: 1.65;
}

.vax-loss-visual {
    max-width: 720px;
    margin: 62px auto 0;
}

.vax-loss-caption {
    margin: 0 0 17px;
    text-align: center;
    color: #687373;
}

.vax-loss-row {
    min-height: 62px;
    padding: 12px 24px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vax-loss-row + .vax-loss-row {
    margin-top: 11px;
}

.vax-loss-product {
    border: 1px solid #aee2dd;
    background: #e2f4f2;
    color: #087c75;
}

.vax-loss-service {
    background: #0c1513;
    color: #ffffff;
}

.vax-loss-row-left {
    display: flex;
    align-items: center;
    gap: 14px;
}

.vax-loss-icon {
    width: 24px;
    flex: 0 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #08a99f;
    font-size: 18px;
}

.vax-loss-service .vax-loss-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    border: 2px solid #08a99f;
    border-radius: 50%;
    font-size: 12px;
}

.vax-loss-row-left strong {
    display: block;
    margin-bottom: 3px;
    color: #101716;
}

.vax-loss-service .vax-loss-row-left strong {
    color: #ffffff;
}

.vax-loss-row-left span {
    display: block;
    color: #5f6b6a;
}

.vax-loss-service .vax-loss-row-left span {
    color: #9ca7a5;
}

.vax-loss-status {
    flex: 0 0 auto;
    color: inherit;
}

.vax-loss-result {
    margin-top: 16px;
    padding: 14px 20px;
    border-radius: 9px;
    background: linear-gradient(90deg, #10b1a6, #087f77);
    color: #071817;
    text-align: center;
    font-weight: 700;
}

.vax-loss-note {
    max-width: 690px;
    margin: 67px auto 0;
    text-align: center;
    color: #414b4a;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .vax-loss-section {
        padding: 48px 15px 38px;
    }

    .vax-loss-visual {
        margin-top: 42px;
    }

    .vax-loss-row {
        padding: 14px 16px;
    }

    .vax-loss-row-left {
        align-items: flex-start;
    }

    .vax-loss-note {
        margin-top: 42px;
    }
}

@media (max-width: 480px) {
    .vax-loss-row {
        align-items: flex-start;
    }

    .vax-loss-status {
        padding-top: 2px;
    }
}






.contract-gap-section {
    padding: 80px 0;
    background: #f4f8f8;
    color: #101716;
}

.contract-gap-section .container {
    margin: 0 auto;
}

.contract-gap-header {
    margin: 0 auto;
    text-align: center;
}

.contract-gap-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    margin-bottom: 17px;
    border-radius: 50px;
    background: #e2f2f0;
    color: #087c75;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.contract-gap-header h2 {
    max-width: 760px;
    margin: 0 auto;
    font-size: clamp(26px, 3.3vw, 38px);
    line-height: 1.17;
    font-weight: 750;
    letter-spacing: -1.2px;
}

.contract-gap-header h2 em {
    display: block;
    margin-top: 3px;
    color: #10aa9f;
    font-family: Georgia, serif;
    font-weight: 500;
}

.contract-gap-header p {
    max-width: 760px;
    margin: 17px auto 0;
    color: #667272;
    line-height: 1.65;
}

.contract-gap-visual {
    margin-top: 58px;
}

.contract-gap-caption {
    margin: 0 0 28px;
    text-align: center;
    color: #687373;
    line-height: 1.35;
}

.contract-gap-calculation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.contract-gap-rates {
    display: grid;
    grid-template-columns: 142px 72px 142px;
    align-items: end;
}

.contract-gap-rate-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contract-gap-top-label {
    min-height: 42px;
    margin-bottom: 8px;
    color: #657170;
    line-height: 1.3;
    text-align: center;
}

.contract-gap-rate {
    width: 142px;
    height: 176px;
    padding: 28px 12px 20px;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.contract-gap-rate strong {
    margin: 0;
    font-size: 26px;
    line-height: 1;
}

.contract-gap-rate span {
    margin-top: 12px;
    line-height: 1.2;
}

.contract-gap-rate-agreed {
    background: #10b1a6;
    color: #071817;
}

.contract-gap-rate-paid {
    background: #0c1513;
    color: #ffffff;
}

.contract-gap-rate-paid span {
    color: #a8b1af;
}

.contract-gap-difference {
    position: relative;
    height: 176px;
    align-self: end;
}

.contract-gap-gap-fill {
    width: 100%;
    height: 100%;
    background: #d2e5e2;
}

.contract-gap-gap-text {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    width: 170px;
    transform: translateX(-50%);
    text-align: center;
}

.contract-gap-gap-text strong {
    display: block;
    margin: 0;
    color: #087c75;
    font-size: 14px;
    line-height: 1.1;
}

.contract-gap-gap-text span {
    display: block;
    margin-top: 2px;
    color: #6f7978;
    line-height: 1.15;
}

.contract-gap-multiplier {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 48px;
    white-space: nowrap;
}

.contract-gap-multiplier span {
    color: #687373;
    font-weight: 700;
    line-height: 1;
}

.contract-gap-multiplier strong {
    font-size: 18px;
    line-height: 1.15;
}

.contract-gap-arrow {
    width: 52px;
    margin-top: 48px;
}

.contract-gap-arrow span {
    position: relative;
    display: block;
    width: 44px;
    height: 2px;
    background: #9aa6a4;
}

.contract-gap-arrow span::after {
    position: absolute;
    top: 50%;
    right: -1px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 13px solid #9aa6a4;
    content: "";
    transform: translateY(-50%);
}

.contract-gap-loss {
    width: 222px;
    min-height: 154px;
    margin-top: 48px;
    padding: 20px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #10b1a6, #087f77);
    color: #071817;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.contract-gap-loss strong {
    margin: 0;
    font-size: 30px;
    line-height: 1;
}

.contract-gap-loss span {
    margin-top: 10px;
    line-height: 1.15;
}

.contract-gap-loss small {
    max-width: 165px;
    margin-top: 6px;
    line-height: 1.35;
}

.contract-gap-result {
    margin-top: 80px;
    padding: 14px 20px;
    border-radius: 9px;
    background: #0c1513;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    line-height: 1.25;
}
p.contract-gap-note {
    text-align: center;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .contract-gap-calculation {
        gap: 18px;
    }

    .contract-gap-rates {
        grid-template-columns: 130px 58px 130px;
    }

    .contract-gap-rate {
        width: 130px;
    }

    .contract-gap-loss {
        width: 195px;
    }

    .contract-gap-multiplier strong {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .contract-gap-visual {
        margin-top: 42px;
    }

    .contract-gap-calculation {
        flex-direction: column;
        gap: 26px;
    }

    .contract-gap-rates {
        grid-template-columns: minmax(110px, 1fr) 48px minmax(110px, 1fr);
        width: min(100%, 340px);
    }

    .contract-gap-rate {
        width: 100%;
        height: 155px;
    }

    .contract-gap-difference {
        height: 155px;
    }

    .contract-gap-gap-text {
        width: 145px;
    }

    .contract-gap-multiplier,
    .contract-gap-arrow,
    .contract-gap-loss {
        margin-top: 0;
    }

    .contract-gap-arrow {
        width: auto;
        transform: rotate(90deg);
    }

    .contract-gap-loss {
        width: min(100%, 260px);
    }

    .contract-gap-result {
        margin-top: 28px;
    }
}




.ppr-report-banner {
    margin: 0 auto;
    border-radius: 22px;
    background: #121f1d;
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    overflow: hidden;
    box-shadow: 0 24px 45px rgba(19, 38, 35, 0.14);
    margin-top: 50px;
}

.ppr-report-left {
    min-height: 312px;
    padding: 40px 25px;
    border-right: 1px solid rgba(126, 226, 214, 0.25);
    background: linear-gradient(145deg, #066d66, #0d2421);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ppr-report-document {
    margin-bottom: 22px;
}

.ppr-report-paper {
    position: relative;
    width: 68px;
    height: 96px;
    padding: 24px 11px 12px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.ppr-report-fold {
    position: absolute;
    top: 0;
    right: 0;
    width: 19px;
    height: 19px;
    background: #d9efec;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
}

.ppr-report-line {
    display: block;
    height: 4px;
    margin-bottom: 7px;
    border-radius: 10px;
    background: #b9ceca;
}

.ppr-report-line-one {
    width: 78%;
    background: #078b7f;
}

.ppr-report-line-two {
    width: 100%;
}

.ppr-report-line-three {
    width: 82%;
}

.ppr-report-line-four {
    width: 62%;
}

.ppr-report-line-five {
    width: 48%;
    margin-top: 12px;
    background: #54d0c5;
}

.ppr-report-type {
    color: #81ddd4;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-align: center;
}

.ppr-report-content {
    min-width: 0;
    padding: 38px 40px 36px;
    color: #ffffff;
}

.ppr-report-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    margin-bottom: 14px;
    border-radius: 50px;
    background: #12453f;
    color: #82ded5;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.ppr-report-content h2 {
    margin: 0 0 10px;
    font-size: clamp(26px, 3.3vw, 38px);
    line-height: 1.18;
    font-weight: 700;
    letter-spacing: -0.9px;
    color: #fff;
}

.ppr-report-content p {
    max-width: 830px;
    margin: 0;
    color: #b5c0be;
    line-height: 1.65;
}

.ppr-report-actions {
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.ppr-report-button {
    min-height: 54px;
    padding: 13px 23px;
    border-radius: 50px;
    background: #12b3a8;
    color: #071817;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    text-decoration: none;
    font-weight: 700;
    transition: transform 0.25s ease, background 0.25s ease;
}

.ppr-report-button:hover {
    background: #20c3b8;
    color: #071817;
    transform: translateY(-2px);
}

.ppr-report-button i {
    font-size: 17px;
}

.ppr-report-note {
    color: #9fadaa;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.ppr-report-note i {
    color: #66d3ca;
}

@media (max-width: 767px) {
    .ppr-report-banner {
        grid-template-columns: 1fr;
        border-radius: 18px;
    }

    .ppr-report-left {
        min-height: auto;
        padding: 30px 20px;
        border-right: 0;
        border-bottom: 1px solid rgba(126, 226, 214, 0.25);
    }

    .ppr-report-content {
        padding: 30px 22px;
        text-align: center;
    }

    .ppr-report-actions {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .ppr-report-button {
        width: 100%;
    }

    .ppr-report-note {
        width: 100%;
        justify-content: center;
    }
}

.fa-solid.fa-xmark{
    color: #c50000;
 
}



.banner-content p {
    font-size: 17px;
    color: #6f7d86;
    max-width: 520px;
    margin-bottom: 35px;
    line-height: 25px;
}
.banner-content p{
    max-width: unset;
}


.dropdown-menu.megamenu {
    transform: translateX(-42.7%)!important;
}
.dropdown-menu.megamenu.special_two {
    transform: translateX(-53.1%) !important;
}

.hero-section-faqs{
    height: unset!important;
}



/*=========================================
PATIENT REGISTRATION VISUAL
Unique Namespace: NLHF Patient
=========================================*/

.nlhf-patient-visual{

    position: relative;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 20px;
    padding-right: 0;


}


/* Soft Background Glow */

.nlhf-patient-visual::before{

    content:"";

    position:absolute;

    width:390px;

    height:330px;

    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(18,183,176,.13) 0%,
        rgba(18,183,176,.04) 48%,
        transparent 72%
    );

    pointer-events:none;

}


/*=========================================
Patient Record Card
=========================================*/

.nlhf-patient-record{

    position:relative;

    z-index:2;

    width:280px;

    overflow:hidden;

    background:#fff;

    border:1px solid #e0e9e9;

    border-radius:17px;

    box-shadow:0 24px 48px -26px rgba(15,38,40,.45);

}


/* Header */

.nlhf-patient-record-header{

    position:relative;

    min-height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:8px 16px;

    background:linear-gradient(
        90deg,
        #11b2a8,
        #087f78
    );

    color:#fff;

}

.nlhf-patient-record-header strong{

    font-size:10px;

    font-weight:700;

    line-height:1;

}


/* Window Dots */

.nlhf-patient-window-dots{

    position:absolute;

    left:13px;

    top:50%;

    display:flex;

    gap:4px;

    transform:translateY(-50%);

}

.nlhf-patient-window-dots span{

    width:5px;

    height:5px;

    border-radius:50%;

    background:rgba(255,255,255,.85);

}


/* Body */

.nlhf-patient-record-body{

    padding:22px 22px 20px;

}


/*=========================================
Patient Fields
=========================================*/

.nlhf-patient-field{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:17px;

}

.nlhf-patient-field-info{

    flex:1;

}

.nlhf-patient-field-info small{

    display:block;

    margin-bottom:6px;

    color:#96a2a2;

    font-size:8px;

    font-weight:600;

    line-height:1;

    text-transform:uppercase;

}

.nlhf-patient-data-line{

    display:block;

    height:8px;

    border-radius:30px;

    background:#dff1ef;

}


/* Different Line Widths */

.nlhf-patient-line-sm{

    width:62%;

}

.nlhf-patient-line-md{

    width:73%;

}

.nlhf-patient-line-lg{

    width:92%;

}

.nlhf-patient-line-xl{

    width:100%;

}


/* Check Icon */

.nlhf-patient-check{

    width:20px;

    height:20px;

    min-width:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--nlhf-primary);

    color:#082d2a;

    font-size:9px;

}


/*=========================================
Verified Button
=========================================*/

.nlhf-patient-ready{

    min-height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:24px;

    border-radius:8px;

    background:#101715;

    color:#fff;

    font-size:10px;

    font-weight:700;

}


/*=========================================
Connector
=========================================*/

.nlhf-patient-connector{

    position:relative;

    z-index:2;

    width:58px;

    display:flex;

    align-items:center;

    margin:0 7px;

}

.nlhf-patient-connector span{

    display:block;

    width:100%;

    border-top:2px dashed #98a9a8;

}

.nlhf-patient-connector i{

    position:absolute;

    right:-2px;

    color:#98a9a8;

    font-size:10px;

}


/*=========================================
Clean Claim Card
=========================================*/

.nlhf-patient-claim{

    position:relative;

    z-index:2;

    width:82px;

    min-height:88px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(18,183,176,.28);

    border-radius:14px;

    background:linear-gradient(
        135deg,
        #eef8f7,
        #dff2ef
    );

    color:#08766f;

    text-align:center;

    box-shadow:0 16px 32px -22px rgba(15,38,40,.40);

}

.nlhf-patient-claim i{

    margin-bottom:7px;

    font-size:23px;

}

.nlhf-patient-claim strong{

    font-size:10px;

    font-weight:800;

    line-height:1.15;

}


/*=========================================
Responsive
=========================================*/

@media(max-width:1199px){

    .nlhf-patient-record{

        width:230px;

    }

    .nlhf-patient-connector{

        width:40px;

    }

}


@media(max-width:767px){

    .nlhf-patient-visual{

        min-height:300px;

        padding:20px 0;

    }

    .nlhf-patient-record{

        width:210px;

    }

    .nlhf-patient-record-body{

        padding:20px 18px;

    }

    .nlhf-patient-connector{

        width:26px;

        margin:0 4px;

    }

    .nlhf-patient-claim{

        width:70px;

        min-height:78px;

    }

}


@media(max-width:480px){

    .nlhf-patient-visual{

        width:112%;

        margin-left:-6%;

        transform:scale(.90);

        transform-origin:center;

    }

}




/*=========================================
PATIENT REGISTRATION OVERVIEW
=========================================*/

.nlhf-registration-overview{

    padding:80px 0;

    background:#fff;

}


/* Left Content */

.nlhf-registration-overview-content{

    max-width:590px;

}

.nlhf-registration-overview-content .nlhf-compound-badge{

    margin-bottom:14px;

}

.nlhf-registration-overview-content h2{

    margin:0 0 18px;

    color:#111715;

    font-size:clamp(28px,3.2vw,38px);

    font-weight:800;

    line-height:1.15;

    letter-spacing:-.025em;

    text-align: left;

}

.nlhf-registration-overview-content p{

    max-width:560px;

    margin:0 0 13px;

    color:#414b54;

    font-size:13.5px !important;

    line-height:1.8;

}


/* Right Visual Wrapper */

.nlhf-registration-overview-visual{

    position:relative;

    min-height:300px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border:1px solid #dce5e5;

    border-radius:16px;

    background:#f4f7f7;

}


/* Intake Card */

.nlhf-registration-intake-card{

    position:relative;

    width:188px;

    padding:30px 24px 18px;

    border:1px solid #dce5e5;

    border-radius:17px;

    background:#fff;

    box-shadow:0 16px 35px -28px rgba(15,38,40,.35);

}

.nlhf-registration-intake-label{

    position:absolute;

    top:-12px;

    left:50%;

    min-width:94px;

    padding:7px 14px;

    border-radius:9px;

    background:#087e78;

    color:#fff;

    font-size:11px;

    font-weight:800;

    line-height:1;

    text-align:center;

    text-transform:uppercase;

    transform:translateX(-50%);

}


/* Fields */

.nlhf-registration-intake-field{

    margin-bottom:14px;

}

.nlhf-registration-intake-field small{

    display:block;

    margin-bottom:5px;

    color:#8b9899;

    font-size:10px;

    font-weight:500;

}

.nlhf-registration-intake-line{

    display:block;

    height:9px;

    border-radius:30px;

    background:#dff1ef;

}

.nlhf-registration-intake-line.line-sm{

    width:78%;

}

.nlhf-registration-intake-line.line-md{

    width:84%;

}

.nlhf-registration-intake-line.line-lg{

    width:100%;

}


/* Check */

.nlhf-registration-intake-check{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:13px auto -17px;

    border-radius:50%;

    background:var(--nlhf-primary);

    color:#092c29;

    font-size:17px;

}


/* User Icon */

.nlhf-registration-user-icon{

    position:absolute;

    top:65px;

    left:calc(50% + 100px);

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#e1f3f1;

    color:#087e78;

    font-size:22px;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-registration-overview{

        padding:70px 0;

    }

    .nlhf-registration-overview-content{

        max-width:100%;

    }

    .nlhf-registration-overview-content p{

        max-width:100%;

    }

    .nlhf-registration-overview-visual{

        min-height:320px;

    }

}


@media(max-width:767px){

    .nlhf-registration-overview{

        padding:60px 0;

    }

    .nlhf-registration-overview-content h2{

        font-size:30px;

    }

    .nlhf-registration-overview-visual{

        min-height:280px;

        padding:25px;

    }

    .nlhf-registration-user-icon{

        left:calc(50% + 82px);

    }

}


/*=========================================
WHY THE FRONT END MATTERS
=========================================*/

.nlhf-frontmatter-section{
    padding:80px 0;
    background:#fff;
}


/* Main flow */

.nlhf-frontmatter-flow{
    max-width:920px;
    margin:48px auto 0;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:8px;
}


/* Stage */

.nlhf-frontmatter-stage{
    min-width:190px;
    text-align:center;
}

.nlhf-frontmatter-stage-label{
    display:block;
    margin-bottom:10px;
    color:#697577;
    font-size:11px;
    font-weight:500;
}


/* Policy card */

.nlhf-frontmatter-policy-card{
    width:190px;
    min-height:76px;
    padding:14px 16px 10px;
    border:1px solid #dce5e5;
    border-radius:12px;
    background:#fff;
    text-align:left;
}

.nlhf-frontmatter-policy-card small{
    display:block;
    margin-bottom:7px;
    color:#96a2a2;
    font-size:8px;
    font-weight:600;
    text-transform:uppercase;
}

.nlhf-frontmatter-policy-number{
    display:flex;
    align-items:center;
    font-family:monospace;
    color:#111715;
    font-size:17px;
    font-weight:700;
    letter-spacing:1px;
}

.nlhf-frontmatter-policy-number strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:24px;
    margin:0 1px;
    border:1px solid #e16455;
    border-radius:3px;
    color:#111715;
    font-weight:700;
}

.nlhf-frontmatter-policy-card p{
    margin:5px 0 0 16px;
    color:#d85a4b;
    font-size:8px !important;
}


/* Connectors */

.nlhf-frontmatter-connector{
    position:relative;
    width:54px;
    padding-bottom:22px;
}

.nlhf-frontmatter-connector-short{
    width:50px;
}

.nlhf-frontmatter-connector-label{
    display:block;
    margin-bottom:5px;
    color:#879293;
    font-size:8px;
    text-align:center;
    white-space:nowrap;
}

.nlhf-frontmatter-arrow-line{
    width:100%;
    border-top:2px solid #aab8b7;
}

.nlhf-frontmatter-connector i{
    position:absolute;
    right:-1px;
    bottom:17px;
    color:#aab8b7;
    font-size:10px;
}


/* Timeline */

.nlhf-frontmatter-timeline{
    width:245px;
    text-align:center;
}

.nlhf-frontmatter-timeline-track{
    position:relative;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding-top:18px;
}

.nlhf-frontmatter-timeline-track::before{
    content:"";
    position:absolute;
    left:15px;
    right:15px;
    top:22px;
    height:2px;
    background:#c9d3d2;
}

.nlhf-frontmatter-timeline-point{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
}

.nlhf-frontmatter-timeline-point span{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#bdd0ce;
}

.nlhf-frontmatter-timeline-point small{
    color:#879293;
    font-size:8px;
}


/* Denial card */

.nlhf-frontmatter-denial{
    width:210px;
    min-height:74px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:15px;
    border-radius:10px;
    background:#111715;
    color:#fff;
}

.nlhf-frontmatter-denial strong{
    margin-bottom:6px;
    color:#fff;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
}

.nlhf-frontmatter-denial span{
    color:#aeb8b7;
    font-size:8px;
}


/* Highlight */

.nlhf-frontmatter-highlight{
    max-width:760px;
    margin:42px auto 0;
    padding:13px 20px;
    border:1px solid rgba(18,183,176,.25);
    border-radius:11px;
    background:linear-gradient(135deg,#eef8f7,#dff2ef);
    text-align:center;
}

.nlhf-frontmatter-highlight strong{
    display:block;
    color:#08766f;
    font-size:12px;
    font-weight:800;
}

.nlhf-frontmatter-highlight span{
    display:block;
    margin-top:3px;
    color:#657173;
    font-size:9px;
}


/* Note */

.nlhf-frontmatter-note{
    margin:48px auto 0;
    color:#758182;
    font-size:9px !important;
    text-align:center;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-frontmatter-flow{
        flex-direction:column;
        align-items:center;
        gap:20px;
    }

    .nlhf-frontmatter-stage,
    .nlhf-frontmatter-timeline{
        width:100%;
        max-width:380px;
    }

    .nlhf-frontmatter-policy-card,
    .nlhf-frontmatter-denial{
        width:100%;
    }

    .nlhf-frontmatter-connector{
        width:2px;
        height:42px;
        padding:0;
    }

    .nlhf-frontmatter-connector-label{
        display:none;
    }

    .nlhf-frontmatter-arrow-line{
        width:2px;
        height:100%;
        border-top:0;
        border-left:2px solid #aab8b7;
    }

    .nlhf-frontmatter-connector i{
        right:-4px;
        bottom:-1px;
        transform:rotate(90deg);
    }

}

@media(max-width:767px){

    .nlhf-frontmatter-section{
        padding:60px 0;
    }

    .nlhf-frontmatter-flow{
        margin-top:35px;
    }

    .nlhf-frontmatter-highlight{
        margin-top:32px;
    }

}



/*=========================================
WHY OUTSOURCE
=========================================*/

.nlhf-outsource-section{

    padding:80px 0;

    background:#fff;

}


/*=========================================
Chart
=========================================*/

.nlhf-outsource-chart{

    position:relative;

    min-height:355px;

    overflow:hidden;

    padding:45px 46px 34px;

    border:1px solid #d9e3e3;

    border-radius:17px;

    background:#f4f7f7;

}

.nlhf-outsource-axis-y{

    position:absolute;

    left:78px;

    top:76px;

    bottom:77px;

    width:1px;

    background:#dbe4e4;

}

.nlhf-outsource-axis-x{

    position:absolute;

    left:78px;

    right:52px;

    bottom:77px;

    height:1px;

    background:#dbe4e4;

}

.nlhf-outsource-chart-label{

        position: absolute;
    left: 95px;
    top: 70px;
    color: #9aa5a5;
    font-size: 16px;
    text-transform: capitalize;

}

.nlhf-outsource-chart-svg{

    position:absolute;

    left:65px;

    top:85px;

    width:calc(100% - 105px);

    height:200px;

    overflow:visible;

}

.nlhf-outsource-chart-line{

    fill:none;

    stroke:var(--nlhf-primary);

    stroke-width:5;

    stroke-linecap:round;

}

.nlhf-outsource-chart-start{

    fill:#bf4c4c;

}

.nlhf-outsource-chart-end{

    fill:#0a6f69;

}

.nlhf-outsource-start-copy{

    position:absolute;

    left:95px;

    top:107px;

}

.nlhf-outsource-start-copy strong {
        color: #bf4c4c;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    left: 25px;
    top: -5px;
}
.nlhf-outsource-end-copy{

    position:absolute;

    right:63px;

    bottom:93px;

}

.nlhf-outsource-end-copy strong{

        color: #08736d;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    bottom: -20px;

}

.nlhf-outsource-chart-note{

    position:absolute;

    left:0;

    right:0;

    bottom:31px;

    margin:0;

    color:#6b7678;

    font-size:13px !important;

    text-align:center;

}


/*=========================================
Right Content
=========================================*/

.nlhf-outsource-content{

    max-width:600px;

}

.nlhf-outsource-content .nlhf-compound-badge{

    margin-bottom:17px;

}

.nlhf-outsource-content h2{

    margin:0 0 24px;

    color:#111715;

    font-size:clamp(28px,3.2vw,38px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.025em;

}

.nlhf-outsource-list{

    margin:0;

    padding:0;

    list-style:none;

}

.nlhf-outsource-list li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:16px;

    color:#414b54;

    font-size:15px;

    line-height:1.6;

}

.nlhf-outsource-list li:last-child{

    margin-bottom:0;

}

.nlhf-outsource-list i{

    margin-top:4px;

    color:var(--nlhf-primary);

    font-size:15px;

    flex-shrink:0;

}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-outsource-section{

        padding:70px 0;

    }

    .nlhf-outsource-content{

        max-width:100%;

    }

}


@media(max-width:767px){

    .nlhf-outsource-section{

        padding:60px 0;

    }

    .nlhf-outsource-chart{

        min-height:300px;

        padding:30px 20px;

    }

    .nlhf-outsource-axis-y{

        left:52px;

        top:60px;

        bottom:68px;

    }

    .nlhf-outsource-axis-x{

        left:52px;

        right:28px;

        bottom:68px;

    }

    .nlhf-outsource-chart-svg{

        left:40px;

        top:67px;

        width:calc(100% - 60px);

        height:170px;

    }

    .nlhf-outsource-chart-label{

        left:62px;

        top:70px;

    }

    .nlhf-outsource-start-copy{

        left:65px;

        top:92px;

    }

    .nlhf-outsource-end-copy{

        right:36px;

        bottom:84px;

    }

    .nlhf-outsource-content h2{

        font-size:30px;

    }

    .nlhf-outsource-list li{

        font-size:14px;

    }

}



/*=========================================
WORKFLOW
=========================================*/

.nlhf-workflow-section{

    padding:90px 0;

    background:#fff;

}



/* Right */

.nlhf-workflow-graphic{

    position:relative;

    min-height:355px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:28px;

    overflow:hidden;

    border:1px solid #dce5e5;

    border-radius:18px;

    background:#f4f7f7;

}


/* OneMed */

.nlhf-workflow-onemed{

    width:135px;

    height:86px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:#111715;

    box-shadow:0 18px 35px -25px rgba(0,0,0,.45);

}

.nlhf-workflow-onemed strong{

    color:#fff;

    font-size:18px;

    font-weight:800;

}

.nlhf-workflow-onemed span{

    margin-top:4px;

    color:#5cd3c8;

    font-size:14px;

    font-weight:600;

}


/* Connector */

.nlhf-workflow-line{

    position:relative;

    width:70px;

}

.nlhf-workflow-line span{

    display:block;

    border-top:4px dashed var(--nlhf-primary);

}

.nlhf-workflow-check{

    position:absolute;

    top:50%;

    right:-10px;

    width:20px;

    height:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--nlhf-primary);

    color:#fff;

    font-size:10px;

    transform:translateY(-50%);

}


/* EHR */

.nlhf-workflow-ehr{

    width:168px;

    padding:20px;

    border:1px solid #dce5e5;

    border-radius:18px;

    background:#fff;

    text-align:center;

    box-shadow:0 18px 40px -28px rgba(20,40,45,.25);

}

.nlhf-workflow-ehr h4{

    margin-bottom:18px;

    font-size:18px;

    font-weight:700;

}

.nlhf-workflow-ehr span{

    display:block;

    height:3px;

    margin:15px auto;

    background:#e2e9e9;

}

.nlhf-workflow-ehr span:nth-child(2){

    width:100%;

}

.nlhf-workflow-ehr span:nth-child(3){

    width:92%;

}

.nlhf-workflow-ehr span.short{

    width:72%;

}


/* Bottom */

.nlhf-workflow-graphic p{

    position:absolute;

    left:0;

    right:0;

    bottom:36px;

    margin:0;

    color:#657173;

    font-size:14px !important;

    text-align:center;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-workflow-section{

        padding:70px 0;

    }

}

@media(max-width:767px){

    .nlhf-workflow-section{

        padding:60px 0;

    }

    .nlhf-workflow-graphic{

        flex-direction:column;

        gap:18px;

        padding:35px 20px 70px;

    }

    .nlhf-workflow-line{

        width:4px;

        height:40px;

    }

    .nlhf-workflow-line span{

        width:0;

        height:100%;

        border-top:none;

        border-left:4px dashed var(--nlhf-primary);

    }

    .nlhf-workflow-check{

        top:auto;

        bottom:-10px;

        left:50%;

        transform:translateX(-50%);

    }

}




/*=========================================
PATIENT REGISTRATION RESULTS
Additional Lightweight CSS
=========================================*/

.nlhf-registration-results-table{

    height:100%;

    margin-top:0;

}


/* Table sizing */

.nlhf-registration-results-table .nlhf-case-table{

    min-width:650px;

}

.nlhf-registration-results-table .nlhf-case-table thead th:first-child{

    width:52%;

}

.nlhf-registration-results-table .nlhf-case-table thead th:nth-child(2),
.nlhf-registration-results-table .nlhf-case-table thead th:nth-child(3){

    width:24%;

}

.nlhf-registration-results-table .nlhf-case-table tbody td{

    vertical-align:middle;

}

.nlhf-registration-results-table .nlhf-case-table tbody td strong{

    color:#1d2735;

    font-weight:700;

}


/* After heading */

.nlhf-registration-results-table .nlhf-highlight-col em{

    font-family:Georgia, serif;

    font-style:italic;

    font-weight:600;

}


/*=========================================
Testimonial
=========================================*/

.nlhf-registration-result-quote{

    height:100%;

    min-height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:32px;

    border-radius:16px;

    background:#06aea1;

    color:#fff;

}

.nlhf-registration-result-stars{

    display:flex;

    gap:6px;

    margin-bottom:20px;

}

.nlhf-registration-result-stars i{

    color:#fff;

    font-size:15px;

}

.nlhf-registration-result-quote blockquote{

    margin:0 0 22px;

    color:#fff;

    font-size:15px;

    font-weight:600;

    line-height:1.75;

}

.nlhf-registration-result-quote cite{

    color:#fff;

    font-size:12px;

    font-style:normal;

    line-height:1.6;

}


/* Note */

.nlhf-registration-results-note{

    margin-top:18px;

    font-size:11px !important;

}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-registration-result-quote{

        min-height:280px;

    }

}


@media(max-width:767px){

    .nlhf-registration-result-quote{

        min-height:auto;

        padding:26px;

    }

    .nlhf-registration-result-quote blockquote{

        font-size:14px;

    }

}




/*=========================================
LATEST BLOGS
=========================================*/

.nlhf-blog-section{
    padding:80px 0;
}

.nlhf-blog-card{
    height:100%;
}

.nlhf-blog-image{
    overflow:hidden;
    border-radius:14px;
    background:#0b968b;
    box-shadow: 0 26px 60px -38px rgb(15 38 40 / 78%);
}

.nlhf-blog-image img{
    width:100%;
    height:180px;
    display:block;
    object-fit:cover;
}

.nlhf-blog-date{
    margin-top:12px;
    color:#7c8788;
    font-size:10px;
}

.nlhf-blog-title{
    margin:8px 0 10px;
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}

.nlhf-blog-title a{
    color:#111715;
    text-decoration:none;
}

.nlhf-blog-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
}

.nlhf-blog-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#758081;
    font-size:10px;
}

.nlhf-blog-meta i{
    color:var(--nlhf-primary);
    font-size:9px;
}

@media(max-width:767px){

    .nlhf-blog-section{
        padding:60px 0;
    }

    .nlhf-blog-image img{
        height:210px;
    }

}

/*=========================================
ELIGIBILITY VERIFICATION
Inner Card Content Only
=========================================*/

.nlhf-eligibility-status{

    display:flex;

    align-items:center;

    gap:9px;

    padding:10px 11px;

    margin-bottom:13px;

    border-radius:8px;

    background:#e4f4f1;

}


.nlhf-eligibility-status-icon{

    width:22px;

    height:22px;

    min-width:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#087e78;

    font-size:14px;

}


.nlhf-eligibility-status > span{

    flex:1;

    color:#657273;

    font-size:9px;

    line-height:1.2;

}


.nlhf-eligibility-status > strong{

    color:#08736d;

    font-size:9px;

    font-weight:800;

    text-transform:uppercase;

}


/* Checklist */

.nlhf-eligibility-list{

    margin-bottom:14px;

}


.nlhf-eligibility-list-item{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:9px;

}


.nlhf-eligibility-list-item:last-child{

    margin-bottom:0;

}


.nlhf-eligibility-list-item .nlhf-patient-check{

    width:16px;

    height:16px;

    min-width:16px;

    font-size:7px;

}


.nlhf-eligibility-list-item p{

    margin:0;

    color:#4c5759;

    font-size:9px !important;

    line-height:1.4;

}


/* Payment Box */

.nlhf-eligibility-payment{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:10px;

    padding:11px 12px;

    border-radius:8px;

    background:#101715;

}


.nlhf-eligibility-payment-value small{

    display:block;

    margin-bottom:2px;

    color:#9eaaa9;

    font-size:7px;

    font-weight:600;

    line-height:1;

    text-transform:uppercase;

}


.nlhf-eligibility-payment-value strong{

    display:block;

    color:#fff;

    font-size:19px;

    font-weight:800;

    line-height:1;

}


.nlhf-eligibility-payment-reference{

    text-align:right;

}


.nlhf-eligibility-payment-reference strong{

    display:block;

    color:#55cfc4;

    font-size:7px;

    font-weight:700;

    line-height:1.2;

}


.nlhf-eligibility-payment-reference span{

    display:block;

    margin-top:4px;

    color:#a7b2b1;

    font-size:7px;

    line-height:1.2;

}



/*=========================================
OVERVIEW SECTION
=========================================*/

.nlhf-overview-section{

    padding:90px 0;

}

.nlhf-overview-content h2{

    margin:20px 0 22px;

    max-width:540px;

}

.nlhf-overview-content p{

    margin-bottom:18px;

    max-width:560px;

}


/* Visual */

.nlhf-overview-visual{

    background:#f4f7f7;

    border:1px solid #dfeaea;

    border-radius:22px;

    padding:84px 70px;

}


/* Step */

.nlhf-overview-step{

    display:flex;

    align-items:center;

    gap:20px;

    padding:22px 28px;

    margin-bottom:24px;

    border:1px solid #dce7e6;

    border-radius:18px;

    background:#fff;

    box-shadow:0 14px 30px -22px rgba(15,38,40,.18);

}

.nlhf-overview-step:last-child{

    margin-bottom:0;

}


/* Active */

.nlhf-overview-step.active{

    background:#06aea1;

    border-color:#06aea1;

}

.nlhf-overview-step.active h4,

.nlhf-overview-step.active p{

    color:#fff;

}


/* Number */

.nlhf-overview-number{

    width:48px;

    height:48px;

    min-width:48px;

    border-radius:50%;

    background:#dff3f1;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:700;

    color:#08766f;

}

.nlhf-overview-step.active .nlhf-overview-number{

    background:#0a8d82;

    color:#fff;

}


/* Text */

.nlhf-overview-text h4{

    margin:0 0 4px;

    font-size:18px;

    font-weight:700;

    color:#111715;

}

.nlhf-overview-text p{

    margin:0;

    color:#667375;

    font-size:15px;

}


@media(max-width:991px){

    .nlhf-overview-visual{

        padding:45px 30px;

    }

}

@media(max-width:767px){

    .nlhf-overview-section{

        padding:70px 0;

    }

    .nlhf-overview-step{

        padding:18px;

        gap:15px;

    }

    .nlhf-overview-number{

        width:42px;

        height:42px;

        min-width:42px;

        font-size:20px;

    }

    .nlhf-overview-text h4{

        font-size:17px;

    }

    .nlhf-overview-text p{

        font-size:14px;

    }

}




/*=========================================
ELIGIBILITY PORTAL FLOW
Additional styles only
=========================================*/

.nlhf-eligibility-flow{

    align-items:flex-end;

}


/* Portal Status Card */

.nlhf-portal-status-card{

    width:235px;

    min-height:110px;

    padding:20px;

    border:1px solid #dce5e5;

    border-radius:14px;

    background:#fff;

    text-align:left;

}


.nlhf-portal-status-main{

    display:flex;

    align-items:center;

    gap:12px;

}


.nlhf-portal-status-check{

    width:24px;

    height:24px;

    min-width:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--nlhf-primary);

    color:#082d2a;

    font-size:10px;

}


.nlhf-portal-status-main strong{

    color:#08766f;

    font-size:14px;

    font-weight:800;

    text-transform:uppercase;

}


.nlhf-portal-status-card p{

    margin:7px 0 16px 36px;

    color:#657173;

    font-size:10px !important;

}


.nlhf-portal-status-card small{

    color:#7d898a;

    font-size:8px;

}


/* Denial List */

.nlhf-eligibility-denial-stage{

    width:280px;

    text-align:center;

}


.nlhf-eligibility-denial-list{

    display:flex;

    flex-direction:column;

    gap:6px;

}


.nlhf-eligibility-denial-row{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    min-height:32px;

    padding:8px 12px;

    border:1px solid #dce5e5;

    border-radius:7px;

    background:#f4f7f7;

    text-align:left;

}


.nlhf-eligibility-denial-row span{

    color:#586466;

    font-size:9px;

    line-height:1.3;

}


.nlhf-eligibility-denial-row strong{

    color:#cf5a55;

    font-size:9px;

    font-weight:700;

    text-transform:lowercase;

}


/* Confirmed Coverage */

.nlhf-eligibility-confirmed{

    width:190px;

    min-height:110px;

}


.nlhf-eligibility-confirmed strong{

    text-transform:none;

}


.nlhf-eligibility-confirmed small{

    display:block;

    margin-top:8px;

    color:#54d2c6;

    font-size:8px;

    font-weight:700;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-eligibility-denial-stage{

        width:100%;

        max-width:380px;

    }

    .nlhf-portal-status-card,
    .nlhf-eligibility-confirmed{

        width:100%;

    }

}

.nlhf-eligibility-list-item small{
    margin-left:auto;
    color:#98a4a5;
    font-size:9px;
    white-space:nowrap;
}

.nlhf-referral-pending{
    width:18px;
    height:18px;
    min-width:18px;
    border:2px solid var(--nlhf-primary);
    border-radius:50%;
}


/*=========================================
REFERRAL COMPLETION TIME
=========================================*/

.nlhf-referral-time-card{

    min-height:355px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:45px 55px;

    border:1px solid #d9e3e3;

    border-radius:17px;

    background:#f4f7f7;

}


.nlhf-referral-time-inner{

    width:100%;

    max-width:370px;

}


.nlhf-referral-time-label{

    display:block;

    margin-bottom:30px;

    color:#9aa5a5;

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

}


.nlhf-referral-time-group{

    margin-bottom:34px;

}


.nlhf-referral-time-title{

    display:block;

    margin-bottom:10px;

    color:#687576;

    font-size:15px;

}


/* Before */

.nlhf-referral-time-before{

    width:100%;

    min-height:38px;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    padding:7px 12px;

    border:1px solid #ebcece;

    border-radius:10px;

    background:#f7e8e8;

}


.nlhf-referral-time-before strong{

    color:#bd4e4e;

    font-size:17px;

    font-weight:700;

}


/* After */

.nlhf-referral-time-after-wrap{

    display:flex;

    align-items:center;

    gap:18px;

}


.nlhf-referral-time-after{

    width:135px;

    height:38px;

    border-radius:10px;

    background:#06aea1;

}


.nlhf-referral-time-after-wrap strong{

    color:#08766f;

    font-size:17px;

    font-weight:700;

}


/* Note */

.nlhf-referral-time-note{

    margin:8px 0 0;

    color:#687576;

    font-size:13px !important;

    line-height:1.6;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-referral-time-card{

        min-height:320px;

        padding:35px 25px;

    }

    .nlhf-referral-time-label{

        margin-bottom:24px;

    }

    .nlhf-referral-time-after{

        width:110px;

    }

    .nlhf-referral-time-after-wrap strong,
    .nlhf-referral-time-before strong{

        font-size:15px;

    }

}


/*=========================================
REFERRAL WORKFLOW GRAPHIC
=========================================*/

.nlhf-referral-workflow-graphic{

    position:relative;

    width:100%;

    min-height:355px;

    overflow:hidden;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#f4f7f7;

}


/*=========================================
SOURCE CARDS
=========================================*/

.nlhf-referral-source-card{

    position:absolute;

    left:42px;

    width:150px;

    min-height:65px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border:1px solid #d9e3e3;

    border-radius:16px;

    background:#fff;

    text-align:center;

    box-shadow:0 12px 30px rgba(15,38,40,.05);

    z-index:3;

}


.nlhf-referral-source-fax{

    top:60px;

}


.nlhf-referral-source-electronic{

    top:174px;

    border-color:#111715;

    background:#111715;

}


.nlhf-referral-source-card small{

    display:block;

    margin-bottom:3px;

    color:#98a4a5;

    font-size:11px;

    font-weight:700;

    line-height:1;

    text-transform:uppercase;

}


.nlhf-referral-source-card strong{

    color:#111715;

    font-size:17px;

    font-weight:800;

    line-height:1.2;

}


.nlhf-referral-source-electronic small{

    color:#b4c0be;

}


.nlhf-referral-source-electronic strong{

    color:#fff;

}


/*=========================================
CURVED CONNECTORS
=========================================*/

.nlhf-referral-connector-svg{

    position:absolute;

    top:71px;

    left:177px;

    width:220px;

    height:170px;

    overflow:visible;

    z-index:1;

}


/* Merge Check */

.nlhf-referral-merge-check{

    position:absolute;

    top:151px;

    left:374px;

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#06aea1;

    color:#fff;

    font-size:10px;

    z-index:4;

    display: none;

}


/*=========================================
SYSTEMS CARD
=========================================*/

.nlhf-referral-systems-card{

    position:absolute;

    top:75px;

    right:45px;

    width:185px;

    min-height:178px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:24px 20px;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#fff;

    text-align:center;

    box-shadow:0 12px 30px rgba(15,38,40,.05);

    z-index:3;

}


.nlhf-referral-systems-card h4{

    margin:0 0 16px;

    color:#111715;

    font-size:17px;

    font-weight:800;

    line-height:1.2;

}


.nlhf-referral-systems-card span{

    display:block;

    margin:4px 0;

    color:#687576;

    font-size:14px;

    line-height:1.4;

}


/*=========================================
CAPTION
=========================================*/

.nlhf-referral-workflow-caption{

    position:absolute;

    right:25px;

    bottom:24px;

    left:25px;

    margin:0;

    color:#687576;

    font-size:13px !important;

    line-height:1.5;

    text-align:center;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

    .nlhf-referral-source-card{

        left:25px;

        width:135px;

    }

    .nlhf-referral-connector-svg{

        left:145px;

        width:190px;

    }

    .nlhf-referral-merge-check{

        left:316px;

    }

    .nlhf-referral-systems-card{

        right:25px;

        width:165px;

    }

}


@media(max-width:767px){

    .nlhf-referral-workflow-graphic{

        min-height:500px;

    }

    .nlhf-referral-source-card{

        left:50%;

        width:170px;

        transform:translateX(-50%);

    }

    .nlhf-referral-source-fax{

        top:35px;

    }

    .nlhf-referral-source-electronic{

        top:125px;

    }

    .nlhf-referral-connector-svg{

        display:none;

    }

    .nlhf-referral-merge-check{

        top:216px;

        left:50%;

        transform:translateX(-50%);

    }

    .nlhf-referral-systems-card{

        top:255px;

        right:auto;

        left:50%;

        width:190px;

        min-height:145px;

        transform:translateX(-50%);

    }

    .nlhf-referral-workflow-caption{

        bottom:25px;

        font-size:12px !important;

    }

}






/*=========================================
REFERRAL VISIBILITY
=========================================*/

.nlhf-referral-visibility-section{

    padding:90px 0;

    background:#fff;

}


/* Left Content */

.nlhf-referral-visibility-content{

    max-width:590px;

}


.nlhf-referral-visibility-content .nlhf-compound-badge{

    margin-bottom:18px;

}


.nlhf-referral-visibility-content h2{

    max-width:560px;

    margin:0 0 20px;

    color:#111715;

    font-size:clamp(30px,3.4vw,43px);

    font-weight:800;

    line-height:1.1;

    letter-spacing:-.03em;

}


.nlhf-referral-visibility-content p{

    max-width:575px;

    margin:0 0 14px;

    color:#414b54;

    font-size:15px !important;

    line-height:1.75;

}


.nlhf-referral-visibility-content .nlhf-feature-btn{

    margin-top:10px;

}


/*=========================================
Right Visual
=========================================*/

.nlhf-referral-log-visual{

    min-height:355px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:45px;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#f4f7f7;

}


/* Log Card */

.nlhf-referral-log-card{

    width:100%;

    max-width:365px;

    overflow:hidden;

    border:1px solid #dbe5e4;

    border-radius:16px;

    background:#fff;

    box-shadow:0 18px 40px -30px rgba(15,38,40,.35);

}


/* Header */

.nlhf-referral-log-header{

    min-height:44px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:12px 22px;

    background:#111715;

}


.nlhf-referral-log-header strong{

    color:#fff;

    font-size:13px;

    font-weight:700;

}


.nlhf-referral-log-header span{

    color:#5ed5ca;

    font-size:12px;

    font-weight:700;

}


/* Body */

.nlhf-referral-log-body{

    padding:17px 22px;

}


.nlhf-referral-log-row{

    display:flex;

    align-items:center;

    gap:11px;

    min-height:33px;

}


.nlhf-referral-log-row p{

    flex:1;

    margin:0;

    color:#465153;

    font-size:12px !important;

    line-height:1.4;

}


.nlhf-referral-log-row small{

    color:#96a2a2;

    font-size:11px;

    white-space:nowrap;

}


.nlhf-referral-log-row small.danger{

    color:#c85651;

}


/* Status Dots */

.nlhf-referral-log-dot{

    width:13px;

    height:13px;

    min-width:13px;

    border-radius:50%;

}


.nlhf-referral-log-dot.success{

    background:#06aea1;

}


.nlhf-referral-log-dot.danger{

    background:#bd4e4e;

}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-referral-visibility-section{

        padding:70px 0;

    }

    .nlhf-referral-visibility-content{

        max-width:100%;

    }

}


@media(max-width:767px){

    .nlhf-referral-visibility-section{

        padding:60px 0;

    }

    .nlhf-referral-visibility-content h2{

        font-size:31px;

    }

    .nlhf-referral-log-visual{

        min-height:310px;

        padding:28px 20px;

    }

    .nlhf-referral-log-body{

        padding:16px;

    }

    .nlhf-referral-log-header{

        padding:12px 16px;

    }

}



.nlhf-authorization-alert{
    width:16px;
    height:16px;
    min-width:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#111715;
    color:#fff;
    font-size:7px;
}

.nlhf-authorization-day-active{
    color:#08766f !important;
}

.nlhf-eligibility-payment-value .nlhf-authorization-number{
    display:block;
    margin-top:5px;
    color:#55cfc4;
    font-size:8px;
    font-weight:600;
}

.nlhf-eligibility-payment-value > strong{
    text-transform: uppercase;
    font-size: small;
    margin-top: 5px;
}

/*=========================================
AUTHORIZATION TIMELINE
Inside: .nlhf-frontmatter-flow
=========================================*/

.nlhf-frontmatter-flow{

    position:relative;

    max-width:920px;

    margin:48px auto 0;

}


/* Timeline heading */

.nlhf-frontmatter-title{

    margin-bottom:34px;

    color:#657173;

    font-size:15px;

    font-weight:500;

    line-height:1.6;

    text-align:center;

}


/* Main horizontal timeline */

.nlhf-frontmatter-auth-timeline{

    position:relative;

    display:flex;

    align-items:flex-start;

    justify-content:center;

    width:100%;

}


/* Each day */

.nlhf-frontmatter-auth-step{

    position:relative;

    z-index:2;

    width:150px;

    flex-shrink:0;

    text-align:center;

}


/* Day name */

.nlhf-frontmatter-auth-step > strong{

    display:block;

    margin-bottom:17px;

    color:#2c3435;

    font-size:14px;

    font-weight:700;

    line-height:1.2;

    letter-spacing:.02em;

    text-transform:uppercase;

}


/* Timeline dots */

.nlhf-frontmatter-auth-dot{

    display:block;

    width:16px;

    height:16px;

    margin:0 auto 14px;

    border-radius:50%;

    background:#c8d3d2;

}


.nlhf-frontmatter-auth-dot.active{

    background:var(--nlhf-primary);

}


/* Step heading */

.nlhf-frontmatter-auth-step h6{

    min-height:20px;

    margin:0 0 3px;

    color:#465153;

    font-size:12px;

    font-weight:700;

    line-height:1.4;

}


.nlhf-frontmatter-auth-step h6.danger{

    color:#c6534e;

}


.nlhf-frontmatter-auth-step h6.success{

    color:#08766f;

    text-transform:uppercase;

}


/* Step description */

.nlhf-frontmatter-auth-step p{

    margin:0;

    color:#7c8788;

    font-size:10px !important;

    line-height:1.5;

}


/* Connector between each step */

.nlhf-frontmatter-auth-line{

    position:relative;

    width:105px;

    flex-shrink:0;

    margin-top:42px;

}


.nlhf-frontmatter-auth-line span{

    display:block;

    width:100%;

    border-top:2px dashed #a7b7b6;

}


.nlhf-frontmatter-auth-line i{

    position:absolute;

    top:-6px;

    right:-2px;

    color:#94a7a5;

    font-size:11px;

}


/* Bottom note */

.nlhf-frontmatter-auth-note{

    margin-top:25px;

    color:#96a2a2;

    font-size:11px;

    font-weight:400;

    line-height:1.6;

    text-align:center;

}


/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

    .nlhf-frontmatter-flow{

        max-width:720px;

        margin-top:40px;

        overflow-x:auto;

        padding-bottom:10px;

    }


    .nlhf-frontmatter-auth-timeline{

        min-width:760px;

        justify-content:flex-start;

    }


    .nlhf-frontmatter-auth-step{

        width:135px;

    }


    .nlhf-frontmatter-auth-line{

        width:75px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

    .nlhf-frontmatter-flow{

        max-width:100%;

        margin-top:34px;

        overflow:visible;

    }


    .nlhf-frontmatter-title{

        margin-bottom:28px;

        font-size:14px;

    }


    .nlhf-frontmatter-auth-timeline{

        position:relative;

        min-width:0;

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:0;

        padding-left:20px;

    }


    .nlhf-frontmatter-auth-step{

        position:relative;

        width:100%;

        min-height:92px;

        display:grid;

        grid-template-columns:44px 1fr;

        grid-template-rows:auto auto auto;

        column-gap:12px;

        text-align:left;

    }


    .nlhf-frontmatter-auth-step > strong{

        grid-column:2;

        grid-row:1;

        margin:0 0 4px;

        font-size:13px;

    }


    .nlhf-frontmatter-auth-dot{

        position:absolute;

        top:1px;

        left:0;

        width:16px;

        height:16px;

        margin:0;

    }


    .nlhf-frontmatter-auth-step h6{

        grid-column:2;

        grid-row:2;

        min-height:0;

        margin:0 0 3px;

        font-size:12px;

    }


    .nlhf-frontmatter-auth-step p{

        grid-column:2;

        grid-row:3;

        font-size:10px !important;

    }


    .nlhf-frontmatter-auth-line{

        position:absolute;

        top:16px;

        bottom:30px;

        left:27px;

        width:2px;

        margin:0;

    }


    .nlhf-frontmatter-auth-line span{

        width:2px;

        height:100%;

        border-top:0;

        border-left:2px dashed #a7b7b6;

    }


    .nlhf-frontmatter-auth-line i{

        display:none;

    }


    .nlhf-frontmatter-auth-note{

        margin-top:8px;

        padding:0 12px;

        font-size:10px;

    }

}

.nlhf-frontmatter-flow.special{
    display: grid;
}


/*=========================================
SECURITY / BAA VISUAL
Uses existing referral visual wrapper
=========================================*/

.nlhf-referral-log-visual{

    position:relative;

    min-height:355px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:45px;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#f4f7f7;

}


/* Main Card */

.nlhf-security-card{

       display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 24px;
    border: 1px solid #d9e3e3;
    border-radius: 18px;
    background: #fff;
    text-align: center;
    box-shadow: 0 18px 40px -30px rgba(15, 38, 40, .25);
    margin: 20px;

}


/* Lock Icon */

.nlhf-security-icon{

    margin-bottom:26px;

    color:#08766f;

    font-size:58px;

    line-height:1;

}


.nlhf-security-card h4{

    margin:0 0 8px;

    color:#111715;

    font-size:20px;

    font-weight:800;

    line-height:1.3;

}


.nlhf-security-card p{

    margin:0 0 14px;

    color:#687576;

    font-size:14px !important;

    line-height:1.5;

}


.nlhf-security-card span{

    color:#687576;

    font-size:14px;

    line-height:1.5;

}


/* Bottom Note */

.nlhf-security-note{

    position:absolute;

    right:20px;

    bottom:30px;

    left:20px;

    margin:0;

    color:#98a4a5;

    font-size:14px !important;

    line-height:1.6;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-referral-log-visual{

        min-height:330px;

        padding:35px 20px 75px;

    }

    .nlhf-security-card{

        width:220px;

        min-height:220px;

    }

    .nlhf-security-icon{

        font-size:50px;

        margin-bottom:22px;

    }

    .nlhf-security-card h4{

        font-size:18px;

    }

    .nlhf-security-note{

        bottom:22px;

        font-size:12px !important;

    }

}



/*=========================================
CODING TRUTH
=========================================*/

.nlhf-coding-truth-section{
    padding:100px 0;
}

.nlhf-coding-flow{
    margin-top:60px;
    text-align:center;
}

/*=====================
Top Card
=====================*/

.nlhf-coding-source{

    display:inline-flex;
    flex-direction:column;
    gap:8px;

    background:#101514;
    color:#fff;

    padding:18px 34px;

    border-radius:16px;

}

.nlhf-coding-source small{

    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.8px;
    opacity:.75;

}

.nlhf-coding-source strong{

    font-size:24px;
    font-weight:700;

}

/*=====================
Arrows
=====================*/


.nlhf-coding-connector{

    margin:18px 0 24px;

}

.nlhf-coding-arrow-down{

    width:2px;
    height:24px;
    background:#06aea1;
    margin:0 auto;

}

.nlhf-coding-branches{

    width:100%;
    height:110px;
    overflow:visible;

}

.nlhf-coding-branches path{

    fill:none;

    stroke:#aeb9b8;

    stroke-width:2;

    stroke-dasharray:6 6;

}

.nlhf-coding-branches path:nth-child(2){

    stroke:#06aea1;
    stroke-width:3;
    stroke-dasharray:none;

}

.nlhf-coding-branches polygon{

    fill:#aeb9b8;

}

.nlhf-coding-branches polygon:nth-of-type(2){

    fill:#06aea1;

}

/*=====================
Cards
=====================*/

.nlhf-coding-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);

    gap:24px;

}

.nlhf-coding-card{

    background:#fff;

    border:1px solid #dde8e6;

    border-radius:18px;

    padding:28px;

    transition:.35s;

}

.nlhf-coding-card h4{

    font-size:21px;
    font-weight:700;
    color:#d95d5d;

    margin-bottom:12px;

}

.nlhf-coding-card p{

    color:#6d7776;
    margin-bottom:16px;

}

.nlhf-coding-card strong{

    display:block;

    font-size:18px;
    font-weight:700;

}

.nlhf-coding-card.active{

    border:2px solid #06aea1;
    background:#effbf9;

}

.nlhf-coding-card.active h4{

    color:#067f78;

}

/*=====================
Highlight
=====================*/

.nlhf-coding-highlight{

    margin-top:35px;

    font-size:22px;
    font-weight:700;

    color:#056c67;

}

/*=====================
Bottom Note
=====================*/

.nlhf-coding-note{

    margin-top:22px;

    color:#778281;

    max-width:900px;
    margin-inline:auto;

}

/*=====================
Responsive
=====================*/

@media(max-width:991px){

    .nlhf-coding-grid{

        grid-template-columns:1fr;
        gap:18px;

    }

    .nlhf-coding-arrows{

        display:none;

    }

}



.nlhf-charge-reconciliation-list{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:12px;
}

.nlhf-charge-reconciliation-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 12px;
    border-radius:7px;
    background:#f3f6f6;
}

.nlhf-charge-reconciliation-row span{
    color:#566163;
    font-size:10px;
}

.nlhf-charge-reconciliation-row strong{
    color:#111715;
    font-size:12px;
    font-weight:800;
}

.nlhf-charge-reconciliation-row.alert{
    border:1px solid #cf5a55;
    background:#fff;
}

.nlhf-charge-reconciliation-row.alert span,
.nlhf-charge-reconciliation-row.alert strong{
    color:#cf5a55;
    font-weight:700;
}


.nlhf-coding-workflow .nlhf-workflow-line span,
.nlhf-coding-workflow .nlhf-workflow-check{
    display:none;
}

.nlhf-coding-workflow .nlhf-workflow-line{
    display:flex;
    align-items:center;
    justify-content:center;
}

.nlhf-coding-workflow .nlhf-workflow-line i{
    font-size:42px;
    color:#06aea1;
}

.nlhf-workflow-title{
    display:block;
    text-transform:uppercase;
    font-size:12px;
    color:#9aa6a6;
    margin-bottom:12px;
}

.nlhf-workflow-post-list{
    list-style:none;
    margin:0;
    padding:0;
}

.nlhf-workflow-post-list li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
    font-size:15px;
}

.nlhf-workflow-post-list li i{
    color:#6fe6d6;
}

.nlhf-workflow-footer{
    display:block;
    margin-top:12px;
    font-size:16px;
    font-weight:700;
}

.nlhf-coding-grid.for_two{
    grid-template-columns:repeat(2,1fr);
}



/*=========================================
CLAIM SUBMISSION WORKFLOW ONLY
=========================================*/

.nlhf-claim-submit-workflow .nlhf-workflow-onemed{

    height:auto;

    padding:24px 28px;

    border:1px solid #d9e3e3;

    background:#fff;

    color:#111715;
    width: 170px;

}


.nlhf-claim-submit-label{

    display:block;

    margin-bottom:14px;

    color:#98a4a5;

    font-size:12px;

    font-weight:600;

    line-height:1.2;

    text-transform:uppercase;

}


.nlhf-claim-submit-before-list{

    width:100%;

    margin:0 0 5px;

    padding:0;

    list-style:none;

    text-align:left;

}


.nlhf-claim-submit-before-list li{

    margin-bottom:7px;

    color:#657173;

    font-size:14px;

    line-height:1.35;

}


.nlhf-claim-submit-before-list li:last-child{

    margin-bottom:0;

}


.nlhf-claim-submit-workflow .nlhf-workflow-onemed > strong{

    margin-top:2px;

    color:#08766f;

    font-size:15px;

    font-weight:800;

}


/* Unique arrow — does not alter shared connector */

.nlhf-claim-submit-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    color:#06aea1;

}


.nlhf-claim-submit-arrow i{

    font-size:38px;

}


/* Right dark card */

.nlhf-claim-submit-workflow .nlhf-workflow-ehr{

    border-color:#111715;

    background:#111715;

    color:#fff;

}


.nlhf-claim-submit-workflow .nlhf-workflow-ehr .nlhf-claim-submit-label{

    color:#98a4a5;

}


.nlhf-claim-submit-send{

    display:block;

    margin:22px 0 14px;

    color:#fff;

    font-size:19px;

    font-weight:800;

}


.nlhf-claim-submit-copy{

    position:static !important;

    margin:0 0 5px !important;

    color:#aeb8b7 !important;

    font-size:14px !important;

    line-height:1.45;

}


.nlhf-claim-submit-workflow .nlhf-workflow-footer{

    display:block;

    margin-top:0;

    color:#5ed5ca;

    font-size:14px;

    font-weight:700;

}


/*=========================================
REJECTION WINDOW
=========================================*/

/*=========================================
REJECTION WINDOW
Fix shared .nlhf-frontmatter-flow conflict
=========================================*/

.nlhf-frontmatter-flow.nlhf-rejection-window{

    position:relative;

    display:block;

    max-width:none;

    margin:48px auto 0;

    padding:0 14px;

}


/*=========================================
Timeline heading
=========================================*/

.nlhf-rejection-top{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:4px;

    margin-bottom:10px;

    color:#5d6869;

    font-size:10px;

    line-height:1.4;

}


.nlhf-rejection-top strong{

    font-size:10px;

    font-weight:800;

    text-transform:uppercase;

}


.nlhf-rejection-top span{

    font-weight:600;

}


/*=========================================
Day scale
=========================================*/

.nlhf-rejection-scale{

    display:flex;

    align-items:center;

    justify-content:space-between;

    width:100%;

    padding-bottom:5px;

    border-bottom:1px solid #d9e3e3;

    color:#98a4a5;

    font-size:9px;

    line-height:1.3;

}


/*=========================================
Timeline rows
=========================================*/

.nlhf-rejection-row{

    display:block;

    width:100%;

    margin-top:17px;

}


.nlhf-rejection-title{

    margin-bottom:6px;

    color:#2c3435;

    font-size:10px;

    font-weight:700;

    line-height:1.4;

}


.nlhf-rejection-title.success{

    color:#08766f;

}


.nlhf-rejection-title.danger{

    color:#c6534e;

}


/*=========================================
Tracks
=========================================*/

.nlhf-rejection-track{

    display:flex;

    align-items:center;

    width:100%;

    min-height:18px;

    gap:2px;

}


.nlhf-rejection-block{

    min-width:0;

    height:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    border-radius:5px;

    white-space:nowrap;

}


/* First-pass row */

.nlhf-rejection-block.green.short{

    flex:0 0 18%;

    background:#06aea1;

}


/* Rejected and worked late */

.nlhf-rejection-block.teal{

    flex:0 0 11%;

    background:#78d1cb;

}


.nlhf-rejection-block.grey{

    flex:0 0 25%;

    background:#eef3f3;

    color:#9aa5a5;

    font-size:8px;

}


/* Rejected and forgotten */

.nlhf-rejection-block.light{

    flex:0 0 10%;

    background:#91d8d3;

}


.nlhf-rejection-block.red{

    flex:1;

    background:#f8ebeb;

    color:#cb6560;

    font-size:8px;

}


/* Inline payment labels */

.nlhf-rejection-inline{

    flex-shrink:0;

    margin-left:8px;

    color:#586466;

    font-size:9px;

    line-height:1.3;

    white-space:nowrap;

}


/*=========================================
Deadline
=========================================*/

.nlhf-rejection-deadline{

    position:absolute;

    top:27px;

    right:14px;

    bottom:38px;

    width:0;

    border-right:2px dashed #c85651;

    pointer-events:none;

}


.nlhf-rejection-deadline span{

    position:absolute;

    right:10px;

    bottom:-2px;

    color:#c6534e;

    font-size:9px;

    font-weight:700;

    white-space:nowrap;

}


/*=========================================
Highlight
=========================================*/

.nlhf-rejection-window .nlhf-frontmatter-highlight{

    width:100%;

    max-width:none;

    margin:29px 0 0;

    padding:9px 15px;

}


.nlhf-rejection-window .nlhf-frontmatter-highlight strong{

    font-size:10px;

}


/*=========================================
Bottom note
=========================================*/

.nlhf-rejection-window + .nlhf-frontmatter-note{

    margin-top:22px;

}


/*=========================================
Tablet
=========================================*/

@media(max-width:991px){

    .nlhf-frontmatter-flow.nlhf-rejection-window{

        overflow-x:auto;

        padding:0 10px 15px;

    }


    .nlhf-rejection-window > *:not(.nlhf-rejection-deadline){

        min-width:720px;

    }


    .nlhf-rejection-deadline{

        display:none;

    }

}


/*=========================================
Mobile
=========================================*/

@media(max-width:767px){

    .nlhf-frontmatter-flow.nlhf-rejection-window{

        margin-top:35px;

    }


    .nlhf-rejection-top{

        font-size:9px;

    }


    .nlhf-rejection-scale{

        font-size:8px;

    }


    .nlhf-rejection-title{

        font-size:9px;

    }


    .nlhf-rejection-inline{

        font-size:8px;

    }

}


/*=========================================
WHERE CLAIMS END UP
=========================================*/

.nlhf-claim-outcome-chart{

    min-height:355px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:48px 65px;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#f4f7f7;

}


.nlhf-claim-outcome-label{

    display:block;

    margin-bottom:18px;

    color:#98a4a5;

    font-size:11px;

    font-weight:600;

    line-height:1.4;

    text-transform:uppercase;

}


.nlhf-claim-outcome-item{

    margin-bottom:24px;

}


.nlhf-claim-outcome-item:last-of-type{

    margin-bottom:0;

}


.nlhf-claim-outcome-title{

    display:block;

    margin-bottom:7px;

    color:#687576;

    font-size:12px;

    line-height:1.4;

}


/* Track */

.nlhf-claim-outcome-track{

    position:relative;

    width:100%;

    height:27px;

    overflow:hidden;

    border:1px solid #dce5e5;

    border-radius:8px;

    background:#f7f9f9;

}


/* Fill */

.nlhf-claim-outcome-fill{

    height:100%;

    border-radius:7px;

}


.nlhf-claim-outcome-fill.accepted{

    width:84%;

    display:flex;

    align-items:center;

    justify-content:flex-end;

    padding-right:10px;

    background:#06aea1;

}


.nlhf-claim-outcome-fill.accepted span{

    color:#fff;

    font-size:10px;

    font-weight:700;

}


.nlhf-claim-outcome-fill.corrected{

    width:16%;

    background:#08766f;

}


.nlhf-claim-outcome-fill.aging{

    width:3%;

    min-width:8px;

    background:#c6534e;

}


/* Goal */

.nlhf-claim-outcome-goal{

    position:absolute;

    top:50%;

    right:10px;

    color:#08766f;

    font-size:10px;

    font-weight:500;

    transform:translateY(-50%);

}


/* Note */

.nlhf-claim-outcome-note{

    margin:10px 0 0;

    color:#98a4a5;

    font-size:10px !important;

    line-height:1.5;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-claim-outcome-chart{

        min-height:320px;

        padding:35px 24px;

    }

}


/*=========================================
RESULTS CHECKLIST
=========================================*/

.nlhf-results-checklist-card{

    height:100%;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:14px;

}


.nlhf-results-checklist-item{

    display:flex;

    align-items:flex-start;

    gap:13px;

    padding:20px;

    border:1px solid #dce6e5;

    border-radius:14px;

    background:#fff;

}


.nlhf-results-check-icon{

    width:28px;

    height:28px;

    min-width:28px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:1px;

    border-radius:50%;

    background:#e0f4f2;

    color:#08766f;

    font-size:11px;

}


.nlhf-results-check-content h4{

    margin:0 0 6px;

    color:#111715;

    font-size:15px;

    font-weight:700;

    line-height:1.35;

}


.nlhf-results-check-content p{

    margin:0;

    color:#687576;

    font-size:12px !important;

    line-height:1.65;

}


.nlhf-results-checklist-note{

    grid-column:1 / -1;

    margin:2px 0 0;

    color:#8b9798;

    font-size:10px !important;

    line-height:1.6;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-results-checklist-card{

        grid-template-columns:1fr;

    }

}


.nlhf-rejection-flag{

    width:16px;
    height:16px;
    min-width:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#c6534e;
    color:#fff;

    font-size:7px;

}

.nlhf-rejection-flag-text{

    color:#c6534e !important;

}



.nlhf-coding-card-divider{
    height:1px;
    margin:12px 0;
    background:#dfe7e6;
}

.nlhf-coding-compare-list{
    margin:0 0 8px;
    padding:0;
    list-style:none;
}

.nlhf-coding-compare-list li{
    margin-bottom:5px;
    color:#667274;
    font-size:11px;
    line-height:1.45;
}

.nlhf-coding-grid.for_two{
    grid-template-columns:repeat(2,1fr);
}

@media(max-width:767px){

    .nlhf-coding-grid.for_two{
        grid-template-columns:1fr;
    }

}


/*=========================================
REJECTION VS DENIAL
=========================================*/

.nlhf-rd-section{
    padding:90px 0;
    background:#fff;
}


/* Comparison wrapper */

.nlhf-rd-comparison{
    margin-top:42px;
    overflow:hidden;
    border:1px solid #dce5e5;
    border-radius:16px;
    background:#fff;
}


/* Columns */

.nlhf-rd-column{
    height:100%;
    padding:28px 30px;
}

.nlhf-rd-rejection{
    border-right:1px solid #dce5e5;
}


/* Column heading */

.nlhf-rd-column-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:20px;
}

.nlhf-rd-column-icon{
    width:30px;
    height:30px;
    min-width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#e2f4f2;
    color:#08766f;
    font-size:12px;
}

.nlhf-rd-denial .nlhf-rd-column-icon{
    background:#111715;
    color:#fff;
}

.nlhf-rd-column-head h3{
    margin:0 0 4px;
    color:#111715;
    font-size:18px;
    font-weight:800;
    line-height:1.3;
}

.nlhf-rd-column-head p{
    margin:0;
    color:#7a8586;
    font-size:10px !important;
    line-height:1.5;
}


/* Details */

.nlhf-rd-detail-list{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.nlhf-rd-detail-row{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:18px;
    align-items:start;
}

.nlhf-rd-detail-row strong{
    color:#596466;
    font-size:10px;
    font-weight:700;
    line-height:1.5;
}

.nlhf-rd-detail-row span{
    color:#596466;
    font-size:11px;
    line-height:1.55;
}


/* Alert */

.nlhf-rd-alert{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:20px;
    padding:18px 20px;
    border:1px solid rgba(6,174,161,.28);
    border-radius:11px;
    background:linear-gradient(135deg,#eef8f7,#dff2ef);
}

.nlhf-rd-alert > i{
    margin-top:2px;
    color:#08766f;
    font-size:14px;
}

.nlhf-rd-alert p{
    margin:0;
    color:#596466;
    font-size:11px !important;
    line-height:1.65;
}

.nlhf-rd-alert strong{
    color:#263031;
}


/* Bottom note */

.nlhf-rd-note{
    margin:17px 0 0;
    color:#7c8788;
    font-size:9px !important;
    line-height:1.6;
    text-align:center;
}

.nlhf-rd-note strong{
    color:#08766f;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-rd-rejection{
        border-right:0;
        border-bottom:1px solid #dce5e5;
    }

}

@media(max-width:767px){

    .nlhf-rd-section{
        padding:60px 0;
    }

    .nlhf-rd-column{
        padding:24px 20px;
    }

    .nlhf-rd-detail-row{
        grid-template-columns:1fr;
        gap:3px;
        padding-bottom:10px;
        border-bottom:1px solid #edf1f1;
    }

    .nlhf-rd-detail-row:last-child{
        padding-bottom:0;
        border-bottom:0;
    }

}



.nlhf-overview-text small{
    display:block;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    color:#9aa6a8;
    margin-bottom:6px;
}

.nlhf-overview-step.active .nlhf-overview-text p{
    color:#06aea1;
    font-weight:700;
}

/*=========================================
REPORTING VISUAL
=========================================*/

.nlhf-report-card{
    overflow:hidden;
    border:1px solid #dce5e5;
    border-radius:12px;
    background:#fff;
}

.nlhf-report-card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    background:#111715;
}

.nlhf-report-card-header strong{
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.nlhf-report-card-header span{
    color:#5ed5ca;
    font-size:10px;
    font-weight:700;
}

.nlhf-report-card-body{
    padding:16px;
}

.nlhf-report-row{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:15px;
    align-items:center;
    margin-bottom:14px;
}

.nlhf-report-row > span{
    color:#667274;
    font-size:10px;
}

.nlhf-report-track{
    height:9px;
    overflow:hidden;
    border-radius:20px;
    background:#eef3f3;
}

.nlhf-report-fill{
    height:100%;
    border-radius:20px;
    background:#06aea1;
}

.nlhf-report-fill.short{
    width:22%;
}

.nlhf-report-fill.tiny{
    width:12%;
}

.nlhf-report-fill.danger{
    width:36%;
    background:#bd4e4e;
}

.nlhf-report-fill.smallest{
    width:7%;
}

.nlhf-report-insight{
    margin:4px 0 0;
    color:#98a4a5;
    font-size:9px !important;
    text-align:center;
}



.nlhf-payment-flag{

    width:16px;
    height:16px;
    min-width:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#c6534e;
    color:#fff;

    font-size:7px;

}

.nlhf-payment-flag-text{

    color:#c6534e !important;

}




/*=========================================
REMITTANCE POSTING FLOW
=========================================*/

.nlhf-remit-flow{

    margin-top:48px;

}


.nlhf-remit-flow-label{

    display:block;

    margin-bottom:12px;

    color:#687576;

    font-size:10px;

    font-weight:700;

    text-transform:uppercase;

}


.nlhf-remit-comparison{

    display:grid;

    grid-template-columns:28% 1fr;

    gap:28px;

    align-items:center;

}


/* Source card */

.nlhf-remit-source-card{

    display:flex;

    flex-direction:column;

    gap:17px;

    padding:24px 20px;

    border:1px solid #dce5e5;

    border-radius:14px;

    background:#fff;

}


.nlhf-remit-source-card strong,
.nlhf-remit-source-card span{

    color:#4e5a5c;

    font-size:11px;

    line-height:1.4;

}


.nlhf-remit-source-card strong{

    color:#111715;

    font-weight:700;

}


/* Results */

.nlhf-remit-results{

    display:flex;

    flex-direction:column;

    gap:16px;

}


.nlhf-remit-result-row{

    display:grid;

    grid-template-columns:44px 1fr;

    gap:10px;

    align-items:center;

}


/* Arrows */

.nlhf-remit-arrow{

    display:flex;

    align-items:center;

}


.nlhf-remit-arrow span{

    flex:1;

    border-top:2px dashed #a9b8b7;

}


.nlhf-remit-arrow i{

    margin-left:-1px;

    color:#97a8a6;

    font-size:10px;

}


.nlhf-remit-arrow.active span{

    border-top-style:solid;

    border-color:#06aea1;

}


.nlhf-remit-arrow.active i{

    color:#06aea1;

}


/* Result cards */

.nlhf-remit-result-card{

    padding:16px 18px;

    border:1px solid #dce5e5;

    border-radius:12px;

}


.nlhf-remit-result-card.total{

    background:#f4f7f7;

}


.nlhf-remit-result-card.detailed{

    border-color:#06aea1;

    background:linear-gradient(135deg,#eef8f7,#dff2ef);

}


.nlhf-remit-result-title{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}


.nlhf-remit-result-card strong{

    color:#111715;

    font-size:13px;

    font-weight:800;

}


.nlhf-remit-result-title span{

    color:#a3adad;

    font-size:9px;

}


.nlhf-remit-result-card p{

    margin:7px 0 4px;

    color:#697576;

    font-size:10px !important;

    line-height:1.5;

}


.nlhf-remit-result-card small{

    display:block;

    color:#c6534e;

    font-size:9px;

    line-height:1.5;

}


.nlhf-remit-result-card.detailed strong,
.nlhf-remit-result-card.detailed small{

    color:#08766f;

}


/* Highlight */

.nlhf-remit-highlight{

    display:flex;

    flex-direction:column;

    align-items:center;

    margin-top:22px;

    padding:10px 18px;

    border-radius:8px;

    background:#111715;

    text-align:center;

}


.nlhf-remit-highlight strong{

    color:#fff;

    font-size:12px;

    font-weight:800;

}


.nlhf-remit-highlight span{

    margin-top:2px;

    color:#a7b2b1;

    font-size:9px;

}


/* Note */

.nlhf-remit-note{

    margin:28px 0 0;

    color:#788384;

    font-size:10px !important;

    line-height:1.65;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-remit-comparison{

        grid-template-columns:1fr;

    }

    .nlhf-remit-result-row{

        grid-template-columns:1fr;

    }

    .nlhf-remit-arrow{

        display:none;

    }

}


/*=========================================
ANATOMY OF A REMIT
=========================================*/

.nlhf-remit-anatomy-section{

    padding:90px 0;

    background:#f4f7f7;

}


/* Cards */

.nlhf-remit-anatomy-card{

    height:100%;

    padding:24px 18px;

    border:1px solid #dce5e5;

    border-radius:13px;

    background:#fff;

}


.nlhf-remit-anatomy-number{

    display:block;

    margin-bottom:14px;

    color:#08766f;

    font-size:10px;

    font-weight:800;

    line-height:1;

}


.nlhf-remit-anatomy-card h4{

    margin:0 0 9px;

    color:#111715;

    font-size:14px;

    font-weight:800;

    line-height:1.35;

}


.nlhf-remit-anatomy-card p{

    margin:0;

    color:#687576;

    font-size:11px !important;

    line-height:1.65;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-remit-anatomy-section{

        padding:70px 0;

    }

}


@media(max-width:767px){

    .nlhf-remit-anatomy-section{

        padding:60px 0;

    }

    .nlhf-remit-anatomy-card{

        padding:22px 18px;

    }

}



/*=========================================
PAYMENT POSTING WORKFLOW
Page-specific styles only
=========================================*/

.nlhf-posting-workflow-graphic{

    position:relative;

}


/* Source cards */

.nlhf-posting-source-card{

    position:absolute;

    left:7%;

    width:27%;

    min-height:58px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:10px 14px;

    border:1px solid #d9e3e3;

    border-radius:13px;

    background:#fff;

    text-align:center;

    z-index:3;

}


.nlhf-posting-source-card small{

    display:block;

    margin-bottom:2px;

    color:#98a4a5;

    font-size:10px;

    font-weight:600;

    line-height:1.2;

    text-transform:uppercase;

}


.nlhf-posting-source-card strong{

    color:#111715;

    font-size:13px;

    font-weight:800;

    line-height:1.25;

}


/* Electronic dark card */

.nlhf-posting-source-era{

    top:18%;

    border-color:#111715;

    background:#111715;

}


.nlhf-posting-source-era small{

    color:#aeb8b7;

}


.nlhf-posting-source-era strong{

    color:#fff;

}


/* Source positions */

.nlhf-posting-source-eob{

    top:41%;

}


.nlhf-posting-source-lockbox{

    top:64%;

}


/* Connector */

.nlhf-posting-connector-svg{

    position:absolute;

    top:17%;

    left:31%;

    width:31%;

    height:55%;

    overflow:visible;

    z-index:1;

}

.nlhf-posting-connector-svg{

   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34%;
    height: 55%;
    overflow: visible;
    z-index: 1;

}

/* System card */

.nlhf-posting-systems-card{

    position:absolute;

    top:27%;

    right:8%;

    width:30%;

    min-height:148px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:20px 14px;

    border:1px solid #d9e3e3;

    border-radius:17px;

    background:#fff;

    text-align:center;

    z-index:3;

}


.nlhf-posting-systems-card h4{

    margin:0 0 15px;

    color:#111715;

    font-size:15px;

    font-weight:800;

    line-height:1.3;

}


.nlhf-posting-systems-card span{

    display:block;

    margin:3px 0;

    color:#687576;

    font-size:11px;

    line-height:1.45;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-posting-workflow-graphic{

        min-height:570px;

    }


    .nlhf-posting-source-card{

        left:50%;

        width:60%;

        transform:translateX(-50%);

    }


    .nlhf-posting-source-era{

        top:8%;

    }


    .nlhf-posting-source-eob{

        top:22%;

    }


    .nlhf-posting-source-lockbox{

        top:36%;

    }


    .nlhf-posting-connector-svg{

        display:none;

    }


    .nlhf-posting-merge-check{

        top:52%;

        left:50%;

    }


    .nlhf-posting-systems-card{

        top:59%;

        right:auto;

        left:50%;

        width:60%;

        min-height:135px;

        transform:translateX(-50%);

    }

}





/*=========================================
PAYMENT POSTING SCALE SECTION
=========================================*/

.nlhf-payment-scale-section{

    padding:90px 0;

    background:#fff;

}


/*=========================================
LEFT CONTENT
=========================================*/

.nlhf-payment-scale-content{

    width:100%;

}


.nlhf-payment-scale-content .nlhf-compound-badge{

    margin-bottom:18px;

}


.nlhf-payment-scale-content h2{

    margin:0 0 18px;

    color:#111715;

    font-size:clamp(30px,3vw,42px);

    font-weight:800;

    line-height:1.12;

    letter-spacing:-.03em;

}


.nlhf-payment-scale-content p{

    margin:0 0 16px;

    color:#4f5a5c;

    font-size:15px !important;

    line-height:1.7;

}


.nlhf-payment-scale-content p:last-child{

    margin-bottom:0;

}


.nlhf-payment-scale-content a{

    color:#08766f;

    font-weight:700;

    text-decoration:none;

}


.nlhf-payment-scale-content a:hover{

    color:#06aea1;

}


/*=========================================
RIGHT GRAPHIC
=========================================*/

.nlhf-payment-scale-graphic{

    position:relative;

    width:100%;

    min-height:355px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:42px 32px 30px;

    overflow:hidden;

    border:1px solid #d9e3e3;

    border-radius:18px;

    background:#f4f7f7;

}


/*=========================================
TOP BALANCE
=========================================*/

.nlhf-payment-scale-top{

    position:relative;

    z-index:3;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 26px;

    border-radius:13px;

    background:#111715;

    text-align:center;

}


.nlhf-payment-scale-top strong{

    color:#fff;

    font-size:14px;

    font-weight:800;

    line-height:1.2;

}


/*=========================================
CONNECTOR SVG
=========================================*/

.nlhf-payment-scale-svg{

    position:relative;

    z-index:1;

    width:100%;

    height:95px;

    margin-top:2px;

    overflow:visible;

}


.nlhf-payment-scale-svg path{

    fill:none;

    stroke:#06aea1;

    stroke-width:3;

    stroke-dasharray:7 7;

    stroke-linecap:round;

}


/*=========================================
DESTINATION CARDS
=========================================*/

.nlhf-payment-scale-grid{

    position:relative;

    z-index:2;

    width:100%;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:0;

    margin-top:-10px;

}


.nlhf-payment-scale-card{

    min-height:82px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:17px 12px;

    border:1px solid #dce5e5;

    background:#fff;

    text-align:center;

}


.nlhf-payment-scale-card:first-child{

    border-radius:14px 0 0 14px;

}


.nlhf-payment-scale-card:nth-child(2){

    border-left:0;

}


.nlhf-payment-scale-card:last-child{

    border-left:0;

    border-radius:0 14px 14px 0;

}


.nlhf-payment-scale-card h5{

    margin:0 0 5px;

    color:#08766f;

    font-size:12px;

    font-weight:800;

    line-height:1.3;

}


.nlhf-payment-scale-card h5.nlhf-payment-scale-danger{

    color:#c6534e;

}


.nlhf-payment-scale-card span{

    display:block;

    color:#687576;

    font-size:10px;

    line-height:1.4;

}


/*=========================================
BOTTOM NOTE
=========================================*/

.nlhf-payment-scale-note{

    margin:28px 0 0;

    color:#687576;

    font-size:12px !important;

    line-height:1.6;

    text-align:center;

}


/*=========================================
TABLET
=========================================*/

@media(max-width:991px){

    .nlhf-payment-scale-section{

        padding:70px 0;

    }


    .nlhf-payment-scale-graphic{

        min-height:330px;

    }

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:767px){

    .nlhf-payment-scale-section{

        padding:60px 0;

    }


    .nlhf-payment-scale-content h2{

        font-size:31px;

    }


    .nlhf-payment-scale-graphic{

        min-height:auto;

        padding:34px 20px 26px;

    }


    .nlhf-payment-scale-top{

        padding:13px 22px;

    }


    .nlhf-payment-scale-svg{

        height:75px;

    }


    .nlhf-payment-scale-grid{

        grid-template-columns:1fr;

        gap:10px;

        margin-top:0;

    }


    .nlhf-payment-scale-card{

        min-height:74px;

        border:1px solid #dce5e5 !important;

        border-radius:12px !important;

    }


    .nlhf-payment-scale-note{

        margin-top:22px;

    }

}



/*=========================================
DENIAL WORKLIST
Unique content inside shared hero visual
=========================================*/

.nlhf-denial-worklist{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-denial-worklist-row{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:8px 12px;

    border:1px solid transparent;
    border-radius:7px;

    background:#f2f5f5;

}


.nlhf-denial-worklist-content{

    min-width:0;

    display:flex;
    flex-direction:column;

}


.nlhf-denial-worklist-content strong{

    color:#263031;

    font-size:10px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-denial-worklist-content span{

    color:#7e898a;

    font-size:8px;
    line-height:1.35;

}


.nlhf-denial-worklist-row > small{

    flex:none;

    color:#08766f;

    font-size:8px;
    line-height:1.3;

}


.nlhf-denial-worklist-row.alert{

    border-color:#c6534e;

    background:#fff;

}


.nlhf-denial-worklist-row.alert strong,
.nlhf-denial-worklist-row.alert > small{

    color:#c6534e;

}


/*=========================================
WHERE THE MONEY ACTUALLY GOES
=========================================*/

.nlhf-denial-money-flow{
    margin-top:48px;
}


/* Label */

.nlhf-denial-money-label{
    display:block;
    margin-bottom:12px;
    color:#687576;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
}


/* Distribution bar */

.nlhf-denial-money-bar{
    display:grid;
    grid-template-columns:25% 17% 1fr;
    gap:5px;
}

.nlhf-denial-money-segment{
    min-height:42px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:8px 12px;
    border-radius:7px;
    text-align:center;
}

.nlhf-denial-money-segment strong{
    font-size:10px;
    font-weight:800;
    line-height:1.3;
}

.nlhf-denial-money-segment.overturned{
    background:#06aea1;
    color:#fff;
}

.nlhf-denial-money-segment.upheld{
    background:#111715;
    color:#fff;
}

.nlhf-denial-money-segment.unworked{
    border:1px dashed #cad5d4;
    background:#f2f6f6;
    color:#6f7b7c;
}

.nlhf-denial-money-segment.unworked small{
    display:block;
    margin-top:2px;
    color:#9aa5a6;
    font-size:8px;
    line-height:1.35;
}


/* Annotation */

.nlhf-denial-money-annotation{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-left:42%;
}

.nlhf-denial-money-annotation-line{
    width:1px;
    height:24px;
    border-left:1px solid #c6534e;
}

.nlhf-denial-money-annotation p{
    margin:6px 0 0;
    color:#c6534e;
    font-size:9px !important;
    line-height:1.5;
    text-align:center;
}


/* Decision cards */

.nlhf-denial-decision-row{
    margin-top:20px;
}

.nlhf-denial-decision-card{
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px;
    border:1px solid #dce5e5;
    border-radius:13px;
    background:#fff;
    text-align:center;
}

.nlhf-denial-decision-card.active{
    border-color:#06aea1;
    background:linear-gradient(135deg,#eef8f7,#dff2ef);
}

.nlhf-denial-decision-card strong{
    color:#111715;
    font-size:12px;
    font-weight:800;
}

.nlhf-denial-decision-card.active strong{
    color:#08766f;
}

.nlhf-denial-decision-card span{
    display:block;
    margin-top:5px;
    color:#687576;
    font-size:10px;
    line-height:1.45;
}


/* Highlight */

.nlhf-denial-money-highlight{
    margin-top:18px;
    color:#08766f;
    font-size:12px;
    font-weight:800;
    line-height:1.4;
    text-align:center;
}


/* Note */

.nlhf-denial-money-note{
    margin:26px auto 0;
    color:#7d898a;
    font-size:10px !important;
    line-height:1.65;
    text-align:center;
}


/* Responsive */

@media(max-width:767px){

    .nlhf-denial-money-bar{
        grid-template-columns:1fr;
    }

    .nlhf-denial-money-annotation{
        margin-left:0;
    }

    .nlhf-denial-money-annotation-line{
        height:18px;
    }

}



/*=========================================
WHO DOES WHAT
=========================================*/

.nlhf-team-section{
    padding:100px 0;
    background:#fff;
}

.nlhf-team-card{
    height:100%;
    padding:34px 34px 30px;
    border:1px solid #dce7e5;
    border-radius:18px;
    background:#fff;
}

.nlhf-team-card.active{
    background:#06aea1;
    border-color:#06aea1;
}

.nlhf-team-card small{
    display:block;
    margin-bottom:12px;
    color:#08766f;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.nlhf-team-card.active small{
    color:#dff7f5;
}

.nlhf-team-card h3{
    margin-bottom:24px;
    color:#111;
    font-size:30px;
    font-weight:700;
    line-height:1.25;
}

.nlhf-team-card.active h3{
    color:#fff;
}

.nlhf-team-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.nlhf-team-card ul li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#59666a;
    font-size:15px;
    line-height:1.65;
}

.nlhf-team-card.active ul li{
    color:#fff;
}

.nlhf-team-card ul li i{
    margin-top:4px;
    color:#06aea1;
    font-size:14px;
    flex-shrink:0;
}

.nlhf-team-card.active ul li i{
    color:#fff;
}

.nlhf-team-footer{
    margin-top:34px;
    text-align:center;
    font-size:22px;
    font-weight:700;
    color:#111;
}

.nlhf-team-footer span{
    color:#08766f;
    font-style:italic;
}

@media(max-width:991px){

    .nlhf-team-card{
        padding:28px;
    }

    .nlhf-team-card h3{
        font-size:26px;
    }

}

@media(max-width:767px){

    .nlhf-team-section{
        padding:70px 0;
    }

    .nlhf-team-card h3{
        font-size:24px;
    }

    .nlhf-team-footer{
        font-size:18px;
    }

}


/*=========================================
DENIAL INTEGRATION GRAPHIC
=========================================*/

.nlhf-denial-integration-graphic{

    min-height:360px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:45px 35px;

    border:1px solid #d9e3e3;
    border-radius:18px;

    background:#f4f7f7;

}


.nlhf-denial-integration-main{

    width:100%;

    display:grid;

    grid-template-columns:1fr 120px 1fr;

    align-items:center;

    gap:18px;

}


/* Cards */

.nlhf-denial-integration-card{

    min-height:112px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:22px 18px;

    border:1px solid #dce5e5;
    border-radius:15px;

    background:#fff;

    text-align:center;

}


.nlhf-denial-integration-card h4{

    margin:0 0 13px;

    color:#111715;

    font-size:16px;
    font-weight:800;

}


.nlhf-denial-integration-card span{

    display:block;

    margin-top:4px;

    color:#687576;

    font-size:11px;
    line-height:1.4;

}


.nlhf-denial-integration-card.onemed{

    border-color:#111715;

    background:#111715;

}


.nlhf-denial-integration-card.onemed h4{

    color:#fff;

}


.nlhf-denial-integration-card.onemed span{

    color:#aeb8b7;

}


/* Connector area */

.nlhf-denial-integration-connection{

    display:flex;
    flex-direction:column;

    gap:16px;

}


.nlhf-denial-connection-row{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:6px;

}


.nlhf-denial-connection-row small{

    color:#98a4a5;

    font-size:9px;
    white-space:nowrap;

}


.nlhf-denial-connection-line{

    display:flex;
    align-items:center;

    flex:1;

}


.nlhf-denial-connection-line span{

    flex:1;

    border-top:2px dashed #06aea1;

}


.nlhf-denial-connection-line i{

    color:#06aea1;

    font-size:10px;

}


.nlhf-denial-connection-line.right i{

    margin-left:-1px;

}


.nlhf-denial-connection-line.left i{

    margin-right:-1px;

}


/* Caption */

.nlhf-denial-integration-caption{

    margin:34px 0 0;

    color:#687576;

    font-size:12px !important;
    line-height:1.75;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-denial-integration-graphic{

        min-height:auto;

        padding:32px 22px;

    }


    .nlhf-denial-integration-main{

        grid-template-columns:1fr;

        gap:20px;

    }


    .nlhf-denial-integration-connection{

        width:75%;

        margin:auto;

        transform:rotate(90deg);

    }


    .nlhf-denial-integration-caption{

        margin-top:28px;

    }

}


.nlhf-referral-log-dot.neutral{
    background:#9ba7a7;
}

.nlhf-referral-log-note{
    margin:14px 0 0;
    color:#98a4a5;
    font-size:10px !important;
    line-height:1.5;
    text-align:center;
}


.nlhf-appeal-reason{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
}

.nlhf-appeal-reason span{
    color:#98a4a5;
    font-size:9px;
    text-transform:uppercase;
}

.nlhf-appeal-reason strong{
    color:#111715;
    font-size:11px;
    line-height:1.35;
}


.nlhf-overview-step{
    position:relative;
}

.nlhf-overview-status{
    position:absolute;
    top:50%;
    right:22px;
    color:#5ed5ca;
    font-size:11px;
    font-weight:700;
    transform:translateY(-50%);
}

.nlhf-overview-status.danger{
    color:#c6534e;
}

@media(max-width:575px){

    .nlhf-overview-step{
        padding-right:85px;
    }

    .nlhf-overview-status{
        right:16px;
    }

}


.nlhf-team-status{
    margin-top:24px;
    border-radius:8px;
    padding:12px;
    text-align:center;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
}

.nlhf-team-status.danger{
    background:#f3f5f5;
    color:#c8524b;
}

.nlhf-team-status.success{
    background:#111715;
    color:#06aea1;
}

.nlhf-team-card ul li .fa-xmark{
    width:18px;
    color:#c8524b;
}

.nlhf-team-note{
    margin-top:8px;
    text-align:center;
    color:#7b8789;
    font-size:14px;
}


/*=========================================
Appeal Highlight
=========================================*/

.nlhf-highlight-section{

    padding:80px 0;

}

.nlhf-highlight-box{

    display:flex;
    align-items:flex-start;
    gap:22px;

    padding:28px;

    background:#eaf8f7;

    border:1px solid rgba(6,174,161,.22);

    border-radius:22px;

}

.nlhf-highlight-icon{

    width:56px;
    height:56px;

    min-width:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#fff;

    border:1px solid #d5e7e6;

    border-radius:14px;

}

.nlhf-highlight-icon i{

    font-size:22px;

    color:#066f68;

}

.nlhf-highlight-content h3{

    margin:0 0 12px;

    font-size:34px;

    font-weight:700;

    color:#171717;

}

.nlhf-highlight-content p{

    margin:0 0 14px;

    font-size:17px;

    line-height:1.8;

    color:#5e6769;

}

.nlhf-highlight-content p:last-child{

    margin-bottom:0;

}

@media(max-width:767px){

    .nlhf-highlight-box{

        flex-direction:column;

        padding:22px;

    }

    .nlhf-highlight-content h3{

        font-size:28px;

    }

    .nlhf-highlight-content p{

        font-size:16px;

    }

}



.nlhf-overview-visual.for_appeal .nlhf-overview-text h4{
    font-size: 14px;
}
.nlhf-referral-log-visual.for_block{
    display: grid;
}




/*=========================================
AR FOLLOW-UP HERO
Only unique styles
=========================================*/

.nlhf-ar-aging-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-ar-aging-row{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:14px;

    min-height:34px;

    padding:8px 12px;

    border:1px solid transparent;
    border-radius:7px;

    background:#f1f5f5;

}


.nlhf-ar-aging-row strong{

    color:#263031;

    font-size:9px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-ar-aging-row small{

    color:#98a4a5;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}


.nlhf-ar-aging-row small.success{

    color:#08766f;

}


.nlhf-ar-aging-row.warning{

    border-color:#e7c894;

    background:#fffaf2;

}


.nlhf-ar-aging-row.warning strong,
.nlhf-ar-aging-row.warning small{

    color:#b36e16;

}


.nlhf-ar-aging-row.danger{

    border-color:#c6534e;

    background:#fff;

}


.nlhf-ar-aging-row.danger strong,
.nlhf-ar-aging-row.danger small{

    color:#c6534e;

}


.nlhf-ar-priority{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

}


.nlhf-ar-priority span{

    color:#08766f;

    font-size:8px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;

}


.nlhf-ar-priority strong{

    color:#687576;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}


/*=========================================
AR BALANCE CHART
Uses existing outsource chart wrapper
=========================================*/

.nlhf-ar-balance-chart{
    position:relative;
}


/* Lines */

.nlhf-ar-chart-line{
    fill:none;
    stroke-width:4;
    stroke-linecap:round;
}

.nlhf-ar-chart-line.unworked{
    stroke:#cf8581;
}

.nlhf-ar-chart-line.worked{
    stroke:#06aea1;
}


/* Starting point */

.nlhf-ar-chart-start{
    fill:#111715;
}


/* Chart labels */

.nlhf-ar-chart-copy{
    position:absolute;
    z-index:2;
    font-size:11px;
    font-weight:700;
    line-height:1.3;
}

.nlhf-ar-chart-copy.unworked{
        top: 25%;
    right: 12%;
    color: #c6534e;
    font-size: 15px;
}

.nlhf-ar-chart-copy.worked{
        right: 12%;
    color: #08736d;
    font-size: 15px;
    font-weight: 700;
    bottom: 100px;
}

.nlhf-ar-chart-start-label{
    position:absolute;
    left:8%;
    bottom:15%;
    color:#687576;
    font-size:10px;
    line-height:1.3;
}


/* Keep the chart note below the graph */

.nlhf-ar-balance-chart .nlhf-outsource-chart-note{
    margin-top:13px;
}


/* Mobile */

@media(max-width:575px){

    .nlhf-ar-chart-copy{
        font-size:9px;
    }

    .nlhf-ar-chart-start-label{
        font-size:9px;
    }

}




/*=========================================
AR DECAY CURVE SECTION
=========================================*/

.nlhf-ar-decay-section{

    padding:90px 0;

    background:#fff;

}


/*=========================================
Chart wrapper
=========================================*/

.nlhf-ar-decay-chart{

    margin-top:48px;

}


.nlhf-ar-decay-chart-title{

    display:block;

    margin-bottom:18px;

    color:#687576;

    font-size:10px;

    font-weight:700;

    line-height:1.4;

    text-transform:uppercase;

}


/*=========================================
Graph area
=========================================*/

.nlhf-ar-decay-plot{

    position:relative;

    height:190px;

    overflow:hidden;

    border-bottom:1px solid #d8e2e1;

}


/*=========================================
Highlight zones
=========================================*/

.nlhf-ar-decay-zone{

    position:absolute;

    top:0;

    bottom:0;

    z-index:1;

    display:flex;

    flex-direction:column;

    align-items:center;

    padding-top:34px;

    text-align:center;

}


.nlhf-ar-decay-zone-start{

    left:0;

    width:18%;

    background:#e8f6f5;

}


.nlhf-ar-decay-zone-end{

    right:0;

    width:22%;

    background:#fbf1f1;

}


.nlhf-ar-decay-zone strong{

    font-size:9px;

    font-weight:700;

    line-height:1.35;

}


.nlhf-ar-decay-zone-start strong{

    color:#08766f;

}


.nlhf-ar-decay-zone-end strong{

    color:#c6534e;

}


.nlhf-ar-decay-zone span{

    display:block;

    margin-top:5px;

    color:#778384;

    font-size:8px;

    line-height:1.45;

}


/*=========================================
SVG curve
=========================================*/

.nlhf-ar-decay-svg{

    position:absolute;

    inset:0;

    z-index:2;

    width:100%;

    height:100%;

    overflow:visible;

}


.nlhf-ar-decay-svg path{

    fill:none;

    stroke:#06aea1;

    stroke-width:4;

    stroke-linecap:round;

}


/*=========================================
Deadline
=========================================*/

.nlhf-ar-decay-deadline{

    position:absolute;

    top:0;

    right:0;

    bottom:0;

    z-index:3;

    width:0;

    border-right:2px dashed #c6534e;

}


.nlhf-ar-decay-deadline span{

    position:absolute;

    top:7px;

    right:8px;

    color:#c6534e;

    font-size:8px;

    font-weight:700;

    white-space:nowrap;

}


/*=========================================
Axis labels
=========================================*/

.nlhf-ar-decay-axis{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    padding-top:8px;

}


.nlhf-ar-decay-axis span{

    color:#8e9a9b;

    font-size:9px;

    line-height:1.4;

    text-align:center;

}


/*=========================================
Highlight bar
=========================================*/

.nlhf-ar-decay-highlight{

    display:flex;

    flex-direction:column;

    align-items:center;

    margin-top:20px;

    padding:10px 18px;

    border-radius:8px;

    background:#111715;

    text-align:center;

}


.nlhf-ar-decay-highlight strong{

    color:#fff;

    font-size:12px;

    font-weight:800;

    line-height:1.4;

}


.nlhf-ar-decay-highlight span{

    margin-top:2px;

    color:#aab5b4;

    font-size:9px;

    line-height:1.5;

}


/*=========================================
Note
=========================================*/

.nlhf-ar-decay-note{

    margin:26px auto 0;

    color:#7e898a;

    font-size:10px !important;

    line-height:1.65;

    text-align:center;

}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-ar-decay-section{

        padding:70px 0;

    }

}


@media(max-width:767px){

    .nlhf-ar-decay-section{

        padding:60px 0;

    }


    .nlhf-ar-decay-plot{

        height:170px;

    }


    .nlhf-ar-decay-zone-start{

        width:24%;

    }


    .nlhf-ar-decay-zone-end{

        width:28%;

    }


    .nlhf-ar-decay-zone{

        padding-top:24px;

    }


    .nlhf-ar-decay-zone strong{

        font-size:8px;

    }


    .nlhf-ar-decay-zone span{

        font-size:7px;

    }


    .nlhf-ar-decay-axis span{

        font-size:8px;

    }

}


/*=========================================
AR INTEGRATION GRAPHIC
=========================================*/

.nlhf-ar-integration-graphic{

    min-height:360px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:44px 34px;

    border:1px solid #d9e3e3;
    border-radius:18px;

    background:#f4f7f7;

}


.nlhf-ar-integration-main{

    width:100%;

    display:grid;

    grid-template-columns:1fr 120px 1fr;

    align-items:center;

    gap:18px;

}


/* Cards */

.nlhf-ar-integration-card{

    min-height:112px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:22px 18px;

    border:1px solid #dce5e5;
    border-radius:15px;

    background:#fff;

    text-align:center;

}


.nlhf-ar-integration-card h4{

    margin:0 0 12px;

    color:#111715;

    font-size:16px;
    font-weight:800;

}


.nlhf-ar-integration-card span{

    display:block;

    margin-top:4px;

    color:#687576;

    font-size:11px;
    line-height:1.4;

}


.nlhf-ar-integration-card.onemed{

    border-color:#111715;

    background:#111715;

}


.nlhf-ar-integration-card.onemed h4{

    color:#fff;

}


.nlhf-ar-integration-card.onemed span{

    color:#aeb8b7;

}


/* Connection */

.nlhf-ar-integration-connection{

    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

}


.nlhf-ar-integration-line{

    width:100%;

    display:flex;
    align-items:center;

}


.nlhf-ar-integration-line span{

    flex:1;

    border-top:3px dashed #06aea1;

}


.nlhf-ar-integration-line i{

    margin-left:-1px;

    color:#06aea1;

    font-size:11px;

}


.nlhf-ar-integration-lock{

    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:12px;

    border:1px solid #a9dfda;
    border-radius:7px;

    background:#e5f5f3;

    color:#08766f;

    font-size:13px;

}


.nlhf-ar-integration-connection small{

    margin-top:6px;

    color:#98a4a5;

    font-size:8px;
    line-height:1.35;

    white-space:nowrap;

}


/* Caption */

.nlhf-ar-integration-caption{

    margin:30px 0 0;

    color:#687576;

    font-size:11px !important;
    line-height:1.75;

    text-align:center;

}


/* Responsive */

@media(max-width:767px){

    .nlhf-ar-integration-graphic{

        min-height:auto;

        padding:32px 22px;

    }


    .nlhf-ar-integration-main{

        grid-template-columns:1fr;

        gap:20px;

    }


    .nlhf-ar-integration-connection{

        width:70%;

        margin:auto;

    }


    .nlhf-ar-integration-line{

        transform:rotate(90deg);

    }


    .nlhf-ar-integration-caption{

        margin-top:26px;

    }

}


/*=========================================
PROVIDER CREDENTIALING HERO
Only unique visual styles
=========================================*/

.nlhf-credentialing-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-credentialing-row{

    display:grid;

    grid-template-columns:1fr auto auto;

    align-items:center;

    gap:8px;

    min-height:34px;

    padding:8px 12px;

    border:1px solid transparent;
    border-radius:7px;

    background:#f1f5f5;

}


.nlhf-credentialing-row strong{

    color:#263031;

    font-size:9px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-credentialing-row span{

    color:#08766f;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}


.nlhf-credentialing-row small{

    color:#98a4a5;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}


.nlhf-credentialing-row.warning{

    border-color:#e7c894;

    background:#fffaf2;

}


.nlhf-credentialing-row.warning strong,
.nlhf-credentialing-row.warning span,
.nlhf-credentialing-row.warning small{

    color:#b36e16;

}


.nlhf-credentialing-followup{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

}


.nlhf-credentialing-followup span{

    color:#08766f;

    font-size:8px;
    font-weight:700;
    letter-spacing:.02em;
    text-transform:uppercase;

}


.nlhf-credentialing-followup strong{

    color:#687576;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}




/*=========================================
CREDENTIALING REVENUE RISK
=========================================*/

.nlhf-enrollment-risk-section{
    padding:90px 0;
    background:#fff;
}


/* Graphic wrapper */

.nlhf-enrollment-risk-graphic{
    margin-top:48px;
}

.nlhf-enrollment-risk-label{
    display:block;
    margin-bottom:20px;
    color:#687576;
    font-size:10px;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
}


/*=========================================
Timeline
=========================================*/

.nlhf-enrollment-risk-timeline{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:0;
}

.nlhf-enrollment-risk-start,
.nlhf-enrollment-risk-approved{
    position:relative;
    display:flex;
    align-items:center;
}

.nlhf-enrollment-risk-start strong,
.nlhf-enrollment-risk-approved strong{
    position:absolute;
    bottom:20px;
    color:#263031;
    font-size:9px;
    font-weight:700;
    white-space:nowrap;
}

.nlhf-enrollment-risk-start strong{
    left:-2px;
}

.nlhf-enrollment-risk-approved strong{
    right:-8px;
    color:#08766f;
}

.nlhf-enrollment-risk-point{
    position:relative;
    z-index:3;
    width:14px;
    height:14px;
    display:block;
    border-radius:50%;
}

.nlhf-enrollment-risk-point.dark{
    background:#111715;
}

.nlhf-enrollment-risk-point.teal{
    background:#06aea1;
}

.nlhf-enrollment-risk-pending{
    position:relative;
    height:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 -1px;
    border-radius:20px;
    background:#f6e4e3;
}

.nlhf-enrollment-risk-pending::before{
    content:"";
    position:absolute;
    inset:6px 0 auto;
    border-top:1px solid #dbb7b4;
}

.nlhf-enrollment-risk-pending span{
    position:relative;
    z-index:2;
    padding:0 12px;
    background:#f6e4e3;
    color:#b6504c;
    font-size:9px;
    font-weight:600;
    line-height:1.3;
}

.nlhf-enrollment-risk-timeline-note{
    margin:10px 0 0;
    color:#98a4a5;
    font-size:9px !important;
    line-height:1.5;
    text-align:center;
}


/*=========================================
Branching connector
=========================================*/

.nlhf-enrollment-risk-split{
    position:relative;
    height:88px;
    margin-top:8px;
}

.nlhf-enrollment-risk-junction{
    position:absolute;
    top:4px;
    left:50%;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#9baaaa;
    transform:translateX(-50%);
    z-index:2;
}

.nlhf-enrollment-risk-branches{
    width:100%;
    height:100%;
    overflow:visible;
}

.nlhf-enrollment-risk-branches path{
    fill:none;
    stroke:#9eb0af;
    stroke-width:2;
    stroke-dasharray:6 6;
    stroke-linecap:round;
}

.nlhf-enrollment-risk-branches polygon{
    fill:#9eb0af;
}


/*=========================================
Outcome cards
=========================================*/

.nlhf-enrollment-risk-card{
    height:100%;
    min-height:126px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:24px;
    border:1px solid #dce5e5;
    border-radius:14px;
    background:#fff;
    text-align:center;
}

.nlhf-enrollment-risk-card.recovered{
    border-color:#06aea1;
    background:linear-gradient(135deg,#eef8f7,#dff2ef);
}

.nlhf-enrollment-risk-card.lost{
    border-color:#c6534e;
    background:#fff;
}

.nlhf-enrollment-risk-card h3{
    margin:0 0 10px;
    font-size:14px;
    font-weight:800;
    line-height:1.35;
}

.nlhf-enrollment-risk-card.recovered h3{
    color:#08766f;
}

.nlhf-enrollment-risk-card.lost h3{
    color:#c6534e;
}

.nlhf-enrollment-risk-card p{
    margin:0 0 8px;
    color:#687576;
    font-size:10px !important;
    line-height:1.55;
}

.nlhf-enrollment-risk-card strong{
    font-size:11px;
    font-weight:800;
    line-height:1.4;
}

.nlhf-enrollment-risk-card.recovered strong{
    color:#08766f;
}

.nlhf-enrollment-risk-card.lost strong{
    color:#c6534e;
}


/*=========================================
Takeaway and note
=========================================*/

.nlhf-enrollment-risk-highlight{
    margin-top:20px;
    color:#08766f;
    font-size:12px;
    font-weight:800;
    line-height:1.5;
    text-align:center;
}

.nlhf-enrollment-risk-note{
    margin:27px auto 0;
    color:#7e898a;
    font-size:10px !important;
    line-height:1.65;
    text-align:center;
}


/*=========================================
Responsive
=========================================*/

@media(max-width:991px){

    .nlhf-enrollment-risk-section{
        padding:70px 0;
    }

}

@media(max-width:767px){

    .nlhf-enrollment-risk-section{
        padding:60px 0;
    }

    .nlhf-enrollment-risk-timeline{
        grid-template-columns:auto minmax(0,1fr) auto;
    }

    .nlhf-enrollment-risk-pending span{
        font-size:7px;
        text-align:center;
    }

    .nlhf-enrollment-risk-split{
        height:65px;
    }

    .nlhf-enrollment-risk-branches{
        display:none;
    }

    .nlhf-enrollment-risk-junction{
        top:8px;
        width:1px;
        height:48px;
        border-radius:0;
        background:#9eb0af;
    }

}


/*=========================================
AUDIT & REPORTING HERO
Only unique right-card styles
=========================================*/

.nlhf-audit-sample{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

}


.nlhf-audit-sample span{

    color:#98a4a5;

    font-size:8px;
    font-weight:600;
    line-height:1.3;

    text-transform:uppercase;

}


.nlhf-audit-sample strong{

    color:#687576;

    font-size:9px;
    font-weight:500;
    line-height:1.35;

}


/* Findings list */

.nlhf-audit-findings-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin:10px 0 12px;

}


.nlhf-audit-finding-row{

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    min-height:31px;

    padding:7px 11px;

    border:1px solid #dfe6e6;
    border-radius:6px;

    background:#fff;

}


.nlhf-audit-finding-row span{

    color:#4f5a5c;

    font-size:8px;
    font-weight:500;
    line-height:1.35;

}


.nlhf-audit-finding-row strong{

    flex:none;

    color:#c6534e;

    font-size:8px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-audit-finding-row.warning{

    background:#f1f4f4;

}


.nlhf-audit-finding-row.warning span{

    color:#8c9798;

}


.nlhf-audit-finding-row.warning strong{

    color:#b36e16;

}


/* Delivered summary text */

.nlhf-audit-findings-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference{

    align-items:flex-end;

}


.nlhf-audit-findings-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference span{

    display:block;

    color:#98a4a5;

    font-size:7px;
    line-height:1.35;

    text-align:right;

}


/*=========================================
REPORTING VS AUDIT
=========================================*/

.nlhf-audit-gap-section{
    padding:90px 0;
    background:#fff;
}


/* Cards */

.nlhf-audit-gap-card{
    height:100%;
    padding:26px;
    border:1px solid #dce5e5;
    border-radius:14px;
    background:#fff;
}

.nlhf-audit-gap-card.active{
    border-color:#06aea1;
    background:#06aea1;
}


/* Small label */

.nlhf-audit-gap-label{
    display:block;
    margin-bottom:8px;
    color:#8c9899;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
}

.nlhf-audit-gap-card.active .nlhf-audit-gap-label{
    color:rgba(255,255,255,.75);
}


/* Heading */

.nlhf-audit-gap-card h3{
    margin:0 0 18px;
    color:#111715;
    font-size:15px;
    font-weight:800;
    line-height:1.35;
}

.nlhf-audit-gap-card.active h3{
    color:#fff;
}


/* List */

.nlhf-audit-gap-list{
    margin:0;
    padding:0;
    list-style:none;
}

.nlhf-audit-gap-list li{
    display:grid;
    grid-template-columns:16px 1fr auto;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
}

.nlhf-audit-gap-list li:last-child{
    margin-bottom:0;
}

.nlhf-audit-gap-list p{
    margin:0;
    color:#5f6b6d;
    font-size:11px !important;
    line-height:1.45;
}

.nlhf-audit-gap-list small{
    color:#98a4a5;
    font-size:9px;
    line-height:1.35;
}

.nlhf-audit-gap-card.active .nlhf-audit-gap-list p,
.nlhf-audit-gap-card.active .nlhf-audit-gap-list small{
    color:#fff;
}


/* Icons */

.nlhf-audit-gap-icon{
    width:13px;
    height:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#06aea1;
    color:#fff;
    font-size:6px;
}

.nlhf-audit-gap-icon.empty{
    border:1px dashed rgba(255,255,255,.85);
    background:transparent;
}


/* Footer */

.nlhf-audit-gap-footer{
    display:block;
    margin-top:18px;
    color:#08766f;
    font-size:10px;
    font-weight:800;
    text-align:center;
}

.nlhf-audit-gap-card.active .nlhf-audit-gap-footer{
    color:#fff;
}


/* Highlight */

.nlhf-audit-gap-highlight{
    margin-top:18px;
    color:#08766f;
    font-size:13px;
    font-weight:800;
    line-height:1.5;
    text-align:center;
}

.nlhf-audit-gap-subtext{
    margin:8px 0 0;
    color:#7b8788;
    font-size:10px !important;
    line-height:1.6;
    text-align:center;
}

.nlhf-audit-gap-note{
    margin:30px auto 0;
    color:#7e898a;
    font-size:10px !important;
    line-height:1.65;
    text-align:center;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-audit-gap-section{
        padding:70px 0;
    }

}

@media(max-width:767px){

    .nlhf-audit-gap-section{
        padding:60px 0;
    }

    .nlhf-audit-gap-card{
        padding:22px;
    }

}



/*=========================================
PRE-BILL VS POST-BILL AUDIT
=========================================*/

.nlhf-audit-jobs-section{
    padding:90px 0;
    background:#fff;
}


/* Main wrapper */

.nlhf-audit-jobs-wrap{
    margin-top:48px;
    overflow:hidden;
    border:1px solid #dce5e5;
    border-radius:16px;
    background:#fff;
}


/* Top row */

.nlhf-audit-jobs-top{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    min-height:54px;
    padding:0 24px;
    border-bottom:1px solid #dce5e5;
    background:#f3f7f7;
}

.nlhf-audit-jobs-top > span{
    color:#08766f;
    font-size:9px;
    font-weight:800;
    line-height:1.4;
    text-transform:uppercase;
}

.nlhf-audit-jobs-top > span:last-child{
    text-align:right;
}

.nlhf-audit-jobs-top strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 15px;
    border-radius:20px;
    background:#111715;
    color:#fff;
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
}


/* Content cards */

.nlhf-audit-job-card{
    height:100%;
    min-height:220px;
    padding:26px 28px 28px;
}

.nlhf-audit-job-card.right{
    border-left:1px solid #dce5e5;
}

.nlhf-audit-job-card h3{
    margin:0 0 5px;
    color:#111715;
    font-size:18px;
    font-weight:800;
    line-height:1.3;
}

.nlhf-audit-job-goal{
    display:block;
    margin-bottom:18px;
    color:#08766f;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
    line-height:1.4;
    text-transform:uppercase;
}


/* Lists */

.nlhf-audit-job-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.nlhf-audit-job-card li{
    display:flex;
    align-items:flex-start;
    gap:11px;
    margin-bottom:13px;
}

.nlhf-audit-job-card li:last-child{
    margin-bottom:0;
}

.nlhf-audit-job-card li i{
    flex:none;
    margin-top:3px;
    color:#06aea1;
    font-size:10px;
}

.nlhf-audit-job-card li span{
    color:#566264;
    font-size:11px;
    line-height:1.55;
}


/* Footer */

.nlhf-audit-jobs-footer{
    padding:15px 20px;
    background:#111715;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1.45;
    text-align:center;
}

.nlhf-audit-jobs-footer span{
    color:#5ed5ca;
    font-family:Georgia, serif;
    font-style:italic;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-audit-jobs-section{
        padding:70px 0;
    }

    .nlhf-audit-jobs-top{
        grid-template-columns:1fr;
        gap:8px;
        padding:16px 20px;
        text-align:center;
    }

    .nlhf-audit-jobs-top > span,
    .nlhf-audit-jobs-top > span:last-child{
        text-align:center;
    }

    .nlhf-audit-jobs-top strong{
        justify-self:center;
    }

    .nlhf-audit-job-card.right{
        border-top:1px solid #dce5e5;
        border-left:0;
    }

}


@media(max-width:767px){

    .nlhf-audit-jobs-section{
        padding:60px 0;


        .nlhf-audit-report-check{
    width:16px;
    height:16px;
    min-width:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b9dfdc;
    border-radius:4px;
    background:#edf8f7;
    color:#fff;
    font-size:7px;
}

.nlhf-audit-report-check.active{
    border-color:#06aea1;
    background:#06aea1;
}

.nlhf-referral-log-card .nlhf-referral-log-row p strong{
    color:#111715;
    font-weight:800;
}
    }

    .nlhf-audit-job-card{
        min-height:auto;
        padding:23px 20px;
    }

    .nlhf-audit-jobs-footer{
        font-size:11px;
    }

}


.nlhf-audit-report-check{
    width:16px;
    height:16px;
    min-width:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b9dfdc;
    border-radius:4px;
    background:#edf8f7;
    color:#fff;
    font-size:7px;
}

.nlhf-audit-report-check.active{
    border-color:#06aea1;
    background:#06aea1;
}

.nlhf-referral-log-card .nlhf-referral-log-row p strong{
    color:#111715;
    font-weight:800;
}

.nlhf-audit-report-row{
    display:flex;
    align-items:center;
    gap:12px;
    padding:11px 0;
}

.nlhf-audit-checkbox{
    position:relative;
    width:14px;
    height:14px;
    flex:none;
    border:1.5px solid #cfe7e5;
    border-radius:3px;
    background:#eef9f8;
    transition:.3s;
}

/* Checked */

.nlhf-audit-report-row.active .nlhf-audit-checkbox{
    background:#06aea1;
    border-color:#06aea1;
}

.nlhf-audit-report-row.active .nlhf-audit-checkbox::after{
    content:"";
    position:absolute;
    left:3px;
    top:1px;
    width:4px;
    height:7px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
}

.nlhf-audit-report-row p{
    margin:0;
    font-size:13px;
    color:#4f5d5e;
}

.nlhf-audit-report-row.active p{
    color:#111715;
    font-weight:700;
}



/*=========================================
VIRTUAL ASSISTANT SCOPE
=========================================*/

.nlhf-va-scope-section{
    padding:90px 0;
}

.nlhf-va-card{
    height:100%;
    padding:28px;
    background:#fff;
    border:1px solid #dce5e5;
    border-radius:18px;
}

.nlhf-va-card.active{
    background:#06aea1;
    border-color:#06aea1;
}

.nlhf-va-card small{
    display:block;
    margin-bottom:10px;
    color:#08766f;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.nlhf-va-card.active small{
    color:#dffffc;
}

.nlhf-va-card h3{
    margin-bottom:22px;
    color:#111715;
    font-size:34px;
    font-weight:800;
    line-height:1.25;
}

.nlhf-va-card.active h3{
    color:#fff;
}


/* Tags */

.nlhf-va-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.nlhf-va-tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border:1px solid #bfe7e4;
    border-radius:30px;
    background:#eaf8f7;
    color:#08766f;
    font-size:13px;
    font-weight:500;
    line-height:1.2;
}

.nlhf-va-tags span i{
    font-size:12px;
}


/* Right Side */

.nlhf-va-card.active .nlhf-va-tags span{
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.20);
    color:#fff;
}

.nlhf-va-card.active .nlhf-va-tags span i{
    color:#fff;
}


/* Bottom Note */

.nlhf-va-note{
    max-width:920px;
    margin:28px auto 0;
    color:#5d6869;
    font-size:15px;
    line-height:1.8;
    text-align:center;
}

.nlhf-va-note strong{
    color:#111715;
    font-weight:700;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-va-scope-section{
        padding:70px 0;
    }

    .nlhf-va-card h3{
        font-size:28px;
    }

}

@media(max-width:767px){

    .nlhf-va-scope-section{
        padding:60px 0;
    }

    .nlhf-va-card{
        padding:24px;
    }

    .nlhf-va-card h3{
        font-size:24px;
    }

    .nlhf-va-tags span{
        width:100%;
        justify-content:flex-start;
    }

}



/*=========================================
VIRTUAL ASSISTANT PROBLEM SECTION
=========================================*/

.nlhf-va-problem-section{

    padding:90px 0;

    background:#fff;

}


/*=========================================
RIGHT VISUAL
=========================================*/

.nlhf-va-day-visual{

    padding:46px 48px;

    border:1px solid #dce5e5;

    border-radius:18px;

    background:#f4f7f7;

}


.nlhf-va-day-label{

    display:block;

    margin-bottom:24px;

    color:#98a4a5;

    font-size:10px;

    font-weight:700;

    line-height:1.4;

    text-transform:uppercase;

}


/*=========================================
GROUPS
=========================================*/

.nlhf-va-day-group{

    margin-bottom:30px;

}


.nlhf-va-day-group:last-of-type{

    margin-bottom:0;

}


.nlhf-va-day-group-title{

    display:block;

    margin-bottom:8px;

    color:#687576;

    font-size:11px;

    line-height:1.4;

}


/*=========================================
TRACK
=========================================*/

.nlhf-va-day-track{

    display:flex;

    width:100%;

    min-height:38px;

    overflow:hidden;

    border:1px solid #dce5e5;

    border-radius:9px;

    background:#fff;

}


.nlhf-va-day-segment{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:9px 12px;

    font-size:10px;

    font-weight:600;

    line-height:1.3;

    text-align:center;

}


/* Current day */

.nlhf-va-day-segment.admin{

    width:62%;

    background:#f4dede;

    color:#c6534e;

}


.nlhf-va-day-segment.complex{

    width:38%;

    background:#fff;

    color:#687576;

}


/* With VA */

.nlhf-va-day-segment.delegated{

    width:22%;

    background:#b8e4e0;

}


.nlhf-va-day-segment.focus{

    width:78%;

    background:#06aea1;

    color:#071817;

    font-weight:700;

}


/*=========================================
NOTE
=========================================*/

.nlhf-va-day-note{

    margin:28px 0 0;

    color:#687576;

    font-size:11px !important;

    line-height:1.6;

    text-align:center;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .nlhf-va-problem-section{

        padding:70px 0;

    }

}


@media(max-width:767px){

    .nlhf-va-problem-section{

        padding:60px 0;

    }


    .nlhf-va-day-visual{

        padding:32px 22px;

    }


    .nlhf-va-day-segment{

        padding:8px;

        font-size:9px;

    }

}


/*=========================================
DOMAIN KNOWLEDGE
=========================================*/

.nlhf-va-domain-section{
    padding:90px 0;
    background:#fff;
}

/* Task Pill */

.nlhf-va-task-pill{
    width:max-content;
    margin:42px auto 0;
    padding:10px 28px 12px;
    background:#111715;
    border-radius:12px;
    text-align:center;
}

.nlhf-va-task-pill small{
    display:block;
    color:rgba(255,255,255,.65);
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
}

.nlhf-va-task-pill strong{
    color:#fff;
    font-size:15px;
    font-weight:700;
}

/* Cards */

.nlhf-va-domain-card{
    height:100%;
    padding:26px;
    background:#fff;
    border:1px solid #dce5e5;
    border-radius:14px;
}

.nlhf-va-domain-card.active{
    background:#dff5f3;
    border:2px solid #06aea1;
}

.nlhf-va-domain-card small{
    display:block;
    margin-bottom:16px;
    color:#8b9898;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
}

.nlhf-va-domain-card ol{
    margin:0;
    padding-left:18px;
}

.nlhf-va-domain-card li{
    margin-bottom:12px;
    color:#5b6768;
    font-size:12px;
    line-height:1.6;
}

.nlhf-va-domain-footer{
    margin-top:18px;
    padding-top:12px;
    border-top:1px solid #dce5e5;
    color:#08766f;
    font-size:13px;
    font-weight:700;
    text-align:center;
}

.nlhf-va-domain-footer.danger{
    color:#d75d57;
}

/* Bottom */

.nlhf-va-domain-highlight{
    margin-top:26px;
    color:#08766f;
    font-size:20px;
    font-weight:800;
    text-align:center;
}

.nlhf-va-domain-subtext{
    margin-top:8px;
    color:#6c7879;
    font-size:13px !important;
    text-align:center;
}

.nlhf-va-domain-note{
    max-width:820px;
    margin:28px auto 0;
    color:#7b8788;
    font-size:12px !important;
    line-height:1.8;
    text-align:center;
}

/* Responsive */

@media(max-width:991px){

    .nlhf-va-domain-section{
        padding:70px 0;
    }

    .nlhf-va-task-pill{
        width:100%;
    }

}

@media(max-width:767px){

    .nlhf-va-domain-section{
        padding:60px 0;
    }

    .nlhf-va-domain-card{
        padding:22px;
    }

    .nlhf-va-domain-highlight{
        font-size:17px;
    }

}



/*=========================================
VIRTUAL ASSISTANCE HERO
Only unique right-card styles
=========================================*/

.nlhf-va-task-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-va-task-row{

    display:grid;

    grid-template-columns:18px minmax(0,1fr) auto;

    align-items:center;

    gap:9px;

    min-height:39px;

    padding:7px 10px;

    border:1px solid transparent;
    border-radius:7px;

    background:#f1f5f5;

}


.nlhf-va-task-row.warning{

    border-color:#e7c894;

    background:#fffaf2;

}


.nlhf-va-task-copy{

    min-width:0;

    display:flex;
    flex-direction:column;

}


.nlhf-va-task-copy strong{

    color:#263031;

    font-size:8px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-va-task-copy small{

    margin-top:1px;

    color:#8e9a9b;

    font-size:7px;
    line-height:1.3;

}


.nlhf-va-task-status{

    color:#08766f;

    font-size:7px;
    font-weight:600;
    line-height:1.3;

    white-space:nowrap;

}


.nlhf-va-task-row.warning .nlhf-va-task-copy strong,
.nlhf-va-task-row.warning .nlhf-va-task-status{

    color:#b36e16;

}


.nlhf-va-task-alert{

    width:16px;
    height:16px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#b36e16;
    color:#fff;

    font-size:7px;

}


.nlhf-va-instruction-strip{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

}


.nlhf-va-instruction-strip span{

    color:#08766f;

    font-size:8px;
    font-weight:700;
    line-height:1.3;

    text-transform:uppercase;

}


.nlhf-va-instruction-strip strong{

    color:#687576;

    font-size:8px;
    font-weight:500;
    line-height:1.3;

}




/*=========================================
ABOUT US HERO
Only unique right-card styles
=========================================*/

.nlhf-about-phi-location{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:3px;

    margin-bottom:12px;
    padding:14px;

    border:2px solid #06aea1;
    border-radius:10px;

    background:#e7f7f5;

}


.nlhf-about-phi-location small{

    color:#08766f;

    font-size:8px;
    font-weight:700;
    line-height:1.35;

    text-transform:uppercase;

}


.nlhf-about-phi-location strong{

    color:#111715;

    font-size:11px;
    font-weight:800;
    line-height:1.35;

}


.nlhf-about-phi-location span{

    color:#687576;

    font-size:8px;
    line-height:1.35;

}


.nlhf-about-security-icon{

    width:17px;
    height:17px;
    min-width:17px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#08766f;

    font-size:9px;

}


.nlhf-about-phi-note{

    margin-top:8px;
    padding:7px 10px;

    border-radius:6px;

    background:#fff0f0;

    color:#c6534e;

    font-size:8px;
    font-weight:700;
    line-height:1.35;

}


/*=========================================
SPECIALTIES HERO
Only unique right-card styles
=========================================*/

.nlhf-specialty-denial-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-specialty-denial-row{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

    padding:8px 11px;

    border-radius:7px;

    background:#f1f5f5;

}


.nlhf-specialty-denial-row strong{

    color:#263031;

    font-size:9px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-specialty-denial-row span{

    color:#8e9a9b;

    font-size:8px;
    line-height:1.35;

}


.nlhf-specialty-denial-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference{

    max-width:130px;

}


.nlhf-specialty-denial-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference span{

    display:block;

    color:#98a4a5;

    font-size:7px;
    line-height:1.35;

    text-align:right;

}




/*=========================================
SPECIALTIES HERO
Only unique right-card styles
=========================================*/

.nlhf-specialty-denial-list{

    display:flex;
    flex-direction:column;

    gap:6px;

    margin-bottom:12px;

}


.nlhf-specialty-denial-row{

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:2px;

    padding:8px 11px;

    border-radius:7px;

    background:#f1f5f5;

}


.nlhf-specialty-denial-row strong{

    color:#263031;

    font-size:9px;
    font-weight:700;
    line-height:1.3;

}


.nlhf-specialty-denial-row span{

    color:#8e9a9b;

    font-size:8px;
    line-height:1.35;

}


.nlhf-specialty-denial-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference{

    max-width:130px;

}


.nlhf-specialty-denial-list +
.nlhf-eligibility-payment .nlhf-eligibility-payment-reference span{

    display:block;

    color:#98a4a5;

    font-size:7px;
    line-height:1.35;

    text-align:right;

}



/*=========================================
DATA SECURITY AT A GLANCE
=========================================*/

.nlhf-ds-glance-section{

    padding:90px 0;

    background:#fff;

}


.nlhf-ds-glance-box{

    padding:28px 30px;

    border:1px solid #a8dfda;

    border-radius:18px;

    background:#e4f5f3;

}


/* Heading */

.nlhf-ds-glance-heading{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:22px;

}


.nlhf-ds-glance-heading > i{

    flex:0 0 auto;

    margin-top:4px;

    color:#08766f;

    font-size:16px;

}


.nlhf-ds-glance-heading h2{

    margin:0 0 5px !important;

    padding:0 !important;

    color:#111715 !important;

    font-size:18px !important;

    font-weight:800 !important;

    line-height:1.35 !important;

    text-align:left !important;

}


.nlhf-ds-glance-heading p{

    margin:0 !important;

    color:#687576 !important;

    font-size:12px !important;

    font-weight:400 !important;

    line-height:1.55 !important;

    text-align:left !important;

}


/* Grid */

.nlhf-ds-glance-grid{

    display:grid;

    grid-template-columns:repeat(4, minmax(0, 1fr));

    gap:10px;

}


.nlhf-ds-glance-item{

    min-width:0;
    min-height:58px;

    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:13px 14px;

    border:1px solid #a8dfda;

    border-radius:10px;

    background:#fff;

}


.nlhf-ds-glance-item > i{

    flex:0 0 auto;

    margin-top:5px;

    color:#06aea1;

    font-size:14px;

}


.nlhf-ds-glance-item > span{

    display:block;

    min-width:0;

    color:#354142 !important;

    font-size:14px !important;

    font-weight:500 !important;

    line-height:1.45 !important;

    white-space:normal !important;

    overflow-wrap:break-word;

    text-align:left !important;

}


/* Tablet */

@media(max-width:991px){

    .nlhf-ds-glance-section{

        padding:70px 0;

    }


    .nlhf-ds-glance-grid{

        grid-template-columns:repeat(2, minmax(0, 1fr));

    }

}


/* Mobile */

@media(max-width:575px){

    .nlhf-ds-glance-section{

        padding:60px 0;

    }


    .nlhf-ds-glance-box{

        padding:22px 18px;

    }


    .nlhf-ds-glance-heading{

        gap:10px;

    }


    .nlhf-ds-glance-grid{

        grid-template-columns:1fr;

    }


    .nlhf-ds-glance-item{

        min-height:auto;

    }

}



/*=========================================
STRAIGHT ANSWERS SECTION
=========================================*/

.nlhf-straight-answer-section{

    padding:90px 0;

    background:#fff;

}


/*=========================================
TABLE WRAPPER
=========================================*/

.nlhf-straight-answer-table{

    margin-top:48px;

    overflow:hidden;

    border:1px solid #d7e3e2;

    border-radius:16px;

    background:#fff;

}


/*=========================================
ROW
=========================================*/

.nlhf-straight-answer-row{

    display:grid;

    grid-template-columns:32% 68%;

    border-bottom:1px solid #d7e3e2;

}


.nlhf-straight-answer-row:last-child{

    border-bottom:0;

}


/*=========================================
QUESTION
=========================================*/

.nlhf-straight-answer-question{

    display:flex;

    align-items:flex-start;

    gap:12px;

    padding:24px;

    border-right:1px solid #d7e3e2;

    background:#f4f7f7;

}


.nlhf-straight-answer-question > i{

    flex:0 0 auto;

    margin-top:3px;

    color:#08766f;

    font-size:18px;

}


.nlhf-straight-answer-question h3{

    margin:0;

    color:#111715;

    font-size:18px;

    font-weight:800;

    line-height:1.45;

}


/*=========================================
ANSWER
=========================================*/

.nlhf-straight-answer-content{

    padding:24px 28px;

    background:#fff;

}


.nlhf-straight-answer-content h4{

    margin:0 0 10px;

    color:#08766f;

    font-size:12px;

    font-weight:800;

    line-height:1.45;

}


.nlhf-straight-answer-content p{

    margin:0;

    color:#687576;

    font-size:11px !important;

    line-height:1.7;

}


/*=========================================
BOTTOM NOTE
=========================================*/

.nlhf-straight-answer-note{

    margin:24px auto 0;

    color:#7d898a;

    font-size:10px !important;

    line-height:1.65;

    text-align:center;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .nlhf-straight-answer-section{

        padding:70px 0;

    }


    .nlhf-straight-answer-row{

        grid-template-columns:38% 62%;

    }

}


@media(max-width:767px){

    .nlhf-straight-answer-section{

        padding:60px 0;

    }


    .nlhf-straight-answer-row{

        grid-template-columns:1fr;

    }


    .nlhf-straight-answer-question{

        border-right:0;

        border-bottom:1px solid #d7e3e2;

    }


    .nlhf-straight-answer-question,
    .nlhf-straight-answer-content{

        padding:20px;

    }

}


/*=========================================
STRUCTURE SECTION
=========================================*/

.nlhf-structure-section{

    padding:90px 0;

}


.nlhf-structure-wrapper{

    margin-top:45px;

    display:grid;

    grid-template-columns:1fr 1fr;

    overflow:hidden;

    border:1px solid #d9e6e5;

    border-radius:18px;

}


.nlhf-structure-card{

    padding:42px;

    background:#fff;

}


.nlhf-structure-card.active{

    background:#06aea1;

}


.nlhf-structure-card small{

    display:block;

    margin-bottom:12px;

    color:#08766f;

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

}


.nlhf-structure-card.active small{

    color:#dffffc;

}


.nlhf-structure-card h3{

    margin-bottom:12px;

    color:#161b1c;

    font-size:34px;

    font-weight:800;

    line-height:1.25;

}


.nlhf-structure-card.active h3{

    color:#fff;

}


.nlhf-structure-address{

    margin-bottom:24px;

    color:#687576;

    font-size:15px;

    line-height:1.8;

}


.nlhf-structure-card.active .nlhf-structure-address{

    color:rgba(255,255,255,.92);

}


.nlhf-structure-card ul{

    margin:0;

    padding:0;

    list-style:none;

}


.nlhf-structure-card li{

    display:flex;

    gap:12px;

    margin-bottom:16px;

    color:#495556;

    font-size:15px;

    line-height:1.7;

}


.nlhf-structure-card.active li{

    color:#fff;

}


.nlhf-structure-card li i{

    margin-top:5px;

    color:#06aea1;

    font-size:13px;

}


.nlhf-structure-card.active li i{

    color:#fff;

}


.nlhf-structure-footer{

    margin-top:20px;

    text-align:center;

    color:#7a8788;

    font-size:13px;

    line-height:1.8;

}


@media(max-width:991px){

    .nlhf-structure-wrapper{

        grid-template-columns:1fr;

    }

}

/*=========================================
OUR STORY SECTION
=========================================*/

.nlhf-story-section{
    padding:90px 0;
}


/*=========================================
GROWTH CARD
=========================================*/

.nlhf-story-growth-card{
    padding:42px 44px 26px;
    border:1px solid #dce5e5;
    border-radius:18px;
    background:#f4f7f7;
}


/*=========================================
GRAPH AREA
=========================================*/

.nlhf-story-growth-plot{
    position:relative;
    height:245px;
}


.nlhf-story-axis-y{
    position:absolute;
    top:18px;
    bottom:32px;
    left:16px;
    width:1px;
    background:#dce5e5;
}


.nlhf-story-axis-x{
    position:absolute;
    right:0;
    bottom:32px;
    left:16px;
    height:1px;
    background:#dce5e5;
}


/*=========================================
SVG
=========================================*/

.nlhf-story-growth-svg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    overflow:visible;
}


.nlhf-story-growth-svg path{
    fill:none;
    stroke:#06aea1;
    stroke-width:4;
    stroke-linecap:round;
}


.nlhf-story-growth-start{
    fill:#111715;
}


.nlhf-story-growth-end{
    fill:#06aea1;
}


/*=========================================
GRAPH COPY
=========================================*/

.nlhf-story-growth-start-copy{
    position:absolute;
    left:22px;
    bottom:51px;
    display:flex;
    flex-direction:column;
}


.nlhf-story-growth-start-copy strong{
    color:#687576;
    font-size:10px;
    font-weight:500;
    line-height:1.3;
}


.nlhf-story-growth-start-copy span{
    color:#98a4a5;
    font-size:9px;
    line-height:1.3;
}


.nlhf-story-growth-end-copy{
    position:absolute;
    top:7px;
    right:18px;
    color:#08766f;
    font-size:11px;
    font-weight:800;
    line-height:1.3;
}


.nlhf-story-growth-year{
    position:absolute;
    bottom:0;
    color:#687576;
    font-size:10px;
    line-height:1.3;
}


.nlhf-story-growth-year.start{
    left:0;
}


.nlhf-story-growth-year.end{
    right:0;
}


/*=========================================
NOTE
=========================================*/

.nlhf-story-growth-note{
    margin:8px 0 0;
    color:#98a4a5;
    font-size:10px !important;
    line-height:1.5;
    text-align:center;
}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .nlhf-story-section{
        padding:70px 0;
    }

}


@media(max-width:767px){

    .nlhf-story-section{
        padding:60px 0;
    }

    .nlhf-story-growth-card{
        padding:30px 22px 22px;
    }

    .nlhf-story-growth-plot{
        height:210px;
    }

    .nlhf-story-growth-end-copy{
        max-width:140px;
        text-align:right;
    }

}


.nlhf-scale-section.for_four .nlhf-scale-head h4{

 
    font-size: 16px;

}

.nlhf-scale-section.for_four .nlhf-scale-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.nlhf-scale-section.for_four .nlhf-scale-icon i {
    font-size: 14px;
}


/*=========================================
IN-HOUSE VS VENDOR VS ONEMED
Only unique additions
=========================================*/

.nlhf-comparison-positive{

    color:#08766f !important;

    font-weight:700;

}


.nlhf-comparison-danger{

    color:#c6534e !important;

}


.nlhf-comparison-note{

    margin-top:16px;

    text-align:left;

}

/*=========================================
WHY ONEMED SECTION
=========================================*/

.nlhf-why-onemed-section{
    padding:90px 0;
}


/* Left Content */

.nlhf-why-onemed-content h2{
    max-width:520px;
    margin:18px 0 20px;
    color:#111715;
    font-size:clamp(30px, 4vw, 38px);
    font-weight:800;
    line-height:1.12;
}

.nlhf-why-onemed-content > p{
    max-width:590px;
    margin:0 0 16px;
    color:#4f5b5c;
    font-size:17px;
    line-height:1.65;
}

.nlhf-why-onemed-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}


/* Right Workflow */

.nlhf-why-onemed-workflow{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:26px;
    border:1px solid #d7e3e2;
    border-radius:18px;
    background:#fff;
}

.nlhf-why-onemed-step{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:20px 18px;
    border-radius:12px;
    background:#e2f3f1;
}

.nlhf-why-onemed-number{
    width:30px;
    height:30px;
    min-width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:#06aea1;
    color:#071817;
    font-size:14px;
    font-weight:800;
    line-height:1;
}

.nlhf-why-onemed-step-content h3{
    margin:1px 0 6px;
    color:#111715;
    font-size:18px;
    font-weight:800;
    line-height:1.35;
}

.nlhf-why-onemed-step-content p{
    margin:0;
    color:#687576;
    font-size:14px;
    line-height:1.55;
}


/* Responsive */

@media(max-width:991px){

    .nlhf-why-onemed-section{
        padding:70px 0;
    }

    .nlhf-why-onemed-content h2{
        font-size:40px;
    }

}

@media(max-width:767px){

    .nlhf-why-onemed-section{
        padding:60px 0;
    }

    .nlhf-why-onemed-content h2{
        font-size:34px;
    }

    .nlhf-why-onemed-content > p{
        font-size:15px;
    }

    .nlhf-why-onemed-workflow{
        padding:20px;
    }

    .nlhf-why-onemed-step{
        padding:18px 15px;
    }

}

@media(max-width:575px){

    .nlhf-why-onemed-actions{
        flex-direction:column;
    }

    .nlhf-why-onemed-actions .nlhf-feature-btn{
        width:100%;
        justify-content:center;
    }

}


/*=========================================
PAIRED BUTTON COLOR SWAP
=========================================*/

.nlhf-feature-btn{
    transition:
        background-color .35s ease,
        color .35s ease,
        border-color .35s ease;
    transform:none !important;
    box-shadow:none !important;
}

.nlhf-feature-btn i{
    transition:color .35s ease;
}


/* Default primary */

.nlhf-feature-btn-primary{
    background:#06aea1;
    color:#fff;
    border:2px solid #06aea1;
}


/* Default secondary */

.nlhf-feature-btn-outline{
    background:#fff;
    color:#111715;
    border:2px solid #06aea1;
}


/* Hovering primary */

.nlhf-feature-btn-primary:hover{
    background:#fff;
    color:#111715;
    border-color:#06aea1;
}

.nlhf-feature-btn-primary:hover i{
    color:#111715;
}


/* Change secondary while primary is hovered */

.nlhf-feature-action:has(.nlhf-feature-btn-primary:hover) .nlhf-feature-btn-outline,
.nlhf-why-onemed-actions:has(.nlhf-feature-btn-primary:hover) .nlhf-feature-btn-outline{
    background:#06aea1;
    color:#fff;
    border-color:#06aea1;
}

.nlhf-feature-action:has(.nlhf-feature-btn-primary:hover) .nlhf-feature-btn-outline i,
.nlhf-why-onemed-actions:has(.nlhf-feature-btn-primary:hover) .nlhf-feature-btn-outline i{
    color:#fff;
}


/* Hovering secondary */

.nlhf-feature-btn-outline:hover{
    background:#06aea1;
    color:#fff;
    border-color:#06aea1;
}

.nlhf-feature-btn-outline:hover i{
    color:#fff;
}


/* Change primary while secondary is hovered */

.nlhf-feature-action:has(.nlhf-feature-btn-outline:hover) .nlhf-feature-btn-primary,
.nlhf-why-onemed-actions:has(.nlhf-feature-btn-outline:hover) .nlhf-feature-btn-primary{
    background:#fff;
    color:#111715;
    border-color:#06aea1;
}

.nlhf-feature-action:has(.nlhf-feature-btn-outline:hover) .nlhf-feature-btn-primary i,
.nlhf-why-onemed-actions:has(.nlhf-feature-btn-outline:hover) .nlhf-feature-btn-primary i{
    color:#111715;
}





/*=========================================
END-TO-END RCM SERVICES
=========================================*/

.nlhf-rcm-services-section{
    padding:80px 0;
}


/*=========================================
SERVICES GRID
=========================================*/

.nlhf-rcm-services-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:18px;
}


/*=========================================
SERVICE CARD
=========================================*/

.nlhf-rcm-service-card{
    min-width:0;
    min-height:82px;

    display:flex;
    align-items:center;
    gap:14px;

    padding:14px 16px;

    border:1px solid #d9e3e3;
    border-radius:13px;

    background:#fff;

    color:#111715;
    text-decoration:none;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        background-color .3s ease;
}


.nlhf-rcm-service-card:hover{
    border-color:#06aea1;

    background:#fff;

    box-shadow:
        0 10px 26px rgba(6,174,161,.12);

    color:#111715;
    text-decoration:none;
}


/* No movement on hover */

.nlhf-rcm-service-card,
.nlhf-rcm-service-card:hover{
    transform:none;
}


/*=========================================
DYNAMIC IMAGE
=========================================*/

.nlhf-rcm-service-image{
    width:46px;
    height:46px;
    min-width:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}


.nlhf-rcm-service-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:contain;
}


/*=========================================
CONTENT
=========================================*/

.nlhf-rcm-service-content{
    min-width:0;
    flex:1;
}


.nlhf-rcm-service-content h3{
    margin:0;

    color:#111715;

    font-size:14px;
    font-weight:600;
    line-height:1.4;

    transition:color .3s ease;
}


.nlhf-rcm-service-card:hover h3{
    color:#08766f;
}


/*=========================================
EMPTY STATE
=========================================*/

.nlhf-rcm-services-empty{
    grid-column:1 / -1;

    padding:24px;

    border:1px solid #d9e3e3;
    border-radius:13px;

    background:#fff;

    text-align:center;
}


.nlhf-rcm-services-empty p{
    margin:0;

    color:#687576;

    font-size:14px;
    line-height:1.6;
}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1399px){

    .nlhf-rcm-services-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

}


@media(max-width:1199px){

    .nlhf-rcm-services-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

}


@media(max-width:991px){

    .nlhf-rcm-services-section{
        padding:70px 0;
    }

    .nlhf-rcm-services-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

}


@media(max-width:575px){

    .nlhf-rcm-services-section{
        padding:60px 0;
    }

    .nlhf-rcm-services-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .nlhf-rcm-service-card{
        min-height:76px;
    }

}


/*=========================================
KPI SECTION HEADER
=========================================*/

.nlhf-section-header{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.nlhf-section-badge{
    display:inline-block;
    margin-bottom:20px;
    padding:7px 15px;
    border-radius:100px;
    background:#e4f4f1;
    color:#08766f;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.nlhf-section-title{
    margin:0 0 16px;
    color:#111715;
    font-size:clamp(30px, 4vw, 38px);
    font-weight:800;
    line-height:1.15;
}

.nlhf-section-desc{
    max-width:760px;
    margin:0 auto;
    color:#687576;
    font-size:18px;
    line-height:1.65;
    text-align:center;
}

@media(max-width:767px){

    .nlhf-section-header{
        margin-bottom:40px;
    }

    .nlhf-section-title{
        font-size:30px;
    }

    .nlhf-section-desc{
        font-size:15px;
    }

}




/*=========================================
EHR & BILLING PLATFORMS
=========================================*/

.nlhf-platform-section{
    padding:80px 0;
}


/*=========================================
GRID
=========================================*/

.nlhf-platform-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
}


/*=========================================
PLATFORM CARD
=========================================*/

.nlhf-platform-card{
    min-width:0;
    min-height:86px;

    display:flex;
    align-items:center;
    gap:16px;

    padding:14px 18px;

    border:1px solid #d9e4e3;
    border-radius:14px;

    background:#fff;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        background-color .3s ease;
}


.nlhf-platform-card:hover{
    border-color:#06aea1;

    background:#fbfefe;

    box-shadow:0 8px 22px rgba(6,174,161,.10);
}


/*=========================================
LOGO
=========================================*/

.nlhf-platform-logo{
    width:92px;
    height:52px;
    min-width:92px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:6px 8px;

    border-right:1px solid #e3ebea;
}


.nlhf-platform-logo img{
    display:block;

    width:auto;
    max-width:76px;

    height:auto;
    max-height:36px;

    object-fit:contain;
}


/*=========================================
TITLE
=========================================*/

.nlhf-platform-card h3{
    min-width:0;
    margin: 0 auto;
    color:#111715;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
}


/*=========================================
BOTTOM NOTE
=========================================*/

.nlhf-platform-note{
    max-width:880px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin:28px auto 0;
    padding:12px 18px;

    border:1px solid #c8e8e4;
    border-radius:50px;

    background:#e8f7f5;
}


.nlhf-platform-note i{
    flex:0 0 auto;

    color:#06aea1;

    font-size:13px;
}


.nlhf-platform-note p{
    margin:0;

    color:#536061;

    font-size:12px;
    line-height:1.55;

    text-align:center;
}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

    .nlhf-platform-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

}


@media(max-width:991px){

    .nlhf-platform-section{
        padding:70px 0;
    }

    .nlhf-platform-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

}


@media(max-width:575px){

    .nlhf-platform-section{
        padding:60px 0;
    }

    .nlhf-platform-grid{
        grid-template-columns:1fr;
    }

    .nlhf-platform-card{
        min-height:80px;
    }

    .nlhf-platform-logo{
        width:84px;
        min-width:84px;
    }

    .nlhf-platform-note{
        align-items:flex-start;
        border-radius:14px;
    }

    .nlhf-platform-note p{
        text-align:left;
    }

}



/*=========================================
ONEMED HOMEPAGE HERO
=========================================*/

.nlhf-home-hero-section{
    position:relative;
    overflow:hidden;
    padding:100px 0 60px;
}

.nlhf-home-hero-content{
    position:relative;
    z-index:2;
}

.nlhf-home-hero-title{
    max-width:620px;
    margin:18px 0 20px;
    color:#111715;
    font-size:clamp(38px,4.7vw,64px);
    font-weight:800;
    line-height:1.06;
    letter-spacing:-.045em;
}

.nlhf-home-hero-title span{
    display:block;
    color:#08766f;
    font-family:Georgia,serif;
    font-style:italic;
    font-weight:500;
}

.nlhf-home-hero-desc{
    max-width:550px;
    margin:0 0 28px;
    color:#4c5a56;
    font-size:17px;
    line-height:1.75;
}

.nlhf-home-hero-section .nlhf-feature-action{
    margin:0;
}

@media(max-width:1199px){

    .nlhf-home-hero-title{
        font-size:48px;
    }

}

@media(max-width:991px){

    .nlhf-home-hero-section{
        padding:60px 0 70px;
    }

    .nlhf-home-hero-content{
        max-width:720px;
        margin:0 auto;
        text-align:center;
    }

    .nlhf-home-hero-title,
    .nlhf-home-hero-desc{
        margin-left:auto;
        margin-right:auto;
    }

    .nlhf-home-hero-section .nlhf-feature-action{
        justify-content:center;
    }

}

@media(max-width:575px){

    .nlhf-home-hero-section{
        padding:50px 0 60px;
    }

    .nlhf-home-hero-title{
        font-size:36px;
    }

    .nlhf-home-hero-desc{
        font-size:15px;
    }

}



/*==================================================
  ONEMED RIGHT-SIDE ANIMATED REVENUE CYCLE COMPONENT
==================================================*/

.om-hero {
    --om-loop: 30.4s;
    --om-seek: 0s;

    --om-t3: #6fd9bc;
    --om-t4: #45bfa0;
    --om-t5: #2e9e86;
    --om-t7: #1b6f5d;
    --om-t8: #12564a;

    --om-ink: #0b1412;
    --om-body: #3a4945;
    --om-mute: #93a29d;
    --om-line: #e5efeb;
    --om-chip: #eff4f2;

    --om-kpi-sh:
        0 18px 40px -18px rgba(18, 86, 74, 0.34),
        0 1px 3px rgba(18, 86, 74, 0.07);

    --om-ease: cubic-bezier(0.22, 0.7, 0.2, 1);

    --mx: 0;
    --my: 0;

    position: relative;
    width: 100%;
    padding: 52px 78px;

    display: flex;
    align-items: center;
    justify-content: end;

    background: none;
    border: 0;
    overflow: visible;

    padding-right: 0;
}

.om-hero * {
    box-sizing: border-box;
}

/* Applies JS click-based animation seeking */
.om-hero .om-rig,
.om-hero .om-rig * {
    animation-delay: var(--om-seek);
}

/* Animation starts after IntersectionObserver adds om-live */
.om-hero:not(.om-live) *,
.om-hero.om-pause * {
    animation-play-state: paused !important;
}


/*==================================================
  BACKGROUND ANIMATED MESH
==================================================*/

.om-mesh {
    position: absolute;
    inset: -10%;
    z-index: 0;
    pointer-events: none;
}

.om-mesh i {
    position: absolute;
    border-radius: 50%;
    filter: blur(66px);
}

.om-mesh i:nth-child(1) {
    width: 420px;
    height: 420px;
    left: -2%;
    top: -10%;

    background: rgba(111, 217, 188, 0.3);
    animation: om-m1 17s ease-in-out infinite;
}

.om-mesh i:nth-child(2) {
    width: 360px;
    height: 360px;
    right: 0;
    bottom: -12%;

    background: rgba(69, 191, 160, 0.2);
    animation: om-m2 21s ease-in-out infinite;
}

@keyframes om-m1 {
    0%,
    100% {
        transform: none;
    }

    50% {
        transform: translate(44px, 36px) scale(1.1);
    }
}

@keyframes om-m2 {
    0%,
    100% {
        transform: none;
    }

    50% {
        transform: translate(-38px, -30px) scale(0.9);
    }
}


/*==================================================
  MAIN ANIMATION RIG
==================================================*/

.om-rig {
    position: relative;
    z-index: 1;

    width: 520px;
    flex: none;
}


/*==================================================
  MAIN WHITE BOX
==================================================*/

.om-box {
    position: relative;
    z-index: 2;

    background: #ffffff;
    border: 1px solid var(--om-line);
    border-radius: 24px;
    overflow: hidden;

    box-shadow:
        0 54px 100px -44px rgba(18, 86, 74, 0.42),
        0 2px 10px rgba(18, 86, 74, 0.06);
}


/*==================================================
  BOX HEADER
==================================================*/

.om-head {
    height: 56px;
    padding: 0 20px;

    display: flex;
    align-items: center;
    gap: 11px;

    border-bottom: 1px solid var(--om-line);

    background: linear-gradient(
        180deg,
        #fbfefd,
        #f5fbf9
    );
}

.om-head .om-mark {
    width: 22px;
    height: 22px;
    flex: none;
    overflow: visible;
}

.om-mark-c {
    stroke: var(--om-ink);
}

.om-mark-m {
    stroke: var(--om-t5);
}

.om-head-t {
    flex: 1;

    color: var(--om-ink);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.om-head-t em {
    color: var(--om-mute);
    font-size: 12.5px;
    font-style: normal;
    font-weight: 600;
}


/*==================================================
  LIVE BADGE
==================================================*/

.om-live-b {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 11px;

    color: var(--om-t7);
    background: #e9f6f1;
    border-radius: 999px;

    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.om-live-b i {
    width: 6px;
    height: 6px;

    background: var(--om-t4);
    border-radius: 50%;

    animation: om-blip 2.2s ease-in-out infinite;
}

@keyframes om-blip {
    0%,
    100% {
        opacity: 1;
        box-shadow: 0 0 0 0 rgba(69, 191, 160, 0.6);
    }

    70% {
        opacity: 0.6;
        box-shadow: 0 0 0 6px rgba(69, 191, 160, 0);
    }
}


/*==================================================
  BOX BODY
==================================================*/

.om-body {
    display: flex;
    align-items: stretch;
}


/*==================================================
  LEFT STAGE RAIL
==================================================*/

.om-rail {
    position: relative;

    width: 196px;
    padding: 14px 10px;
    flex: none;

    background: #fcfefd;
    border-right: 1px solid var(--om-line);
}


/* Animated selected-row background */
.om-hl {
    position: absolute;
    top: 14px;
    left: 8px;
    right: 8px;

    height: 38px;

    border-radius: 11px;

    background: linear-gradient(
        90deg,
        #e9f6f1,
        #f3faf7
    );

    box-shadow:
        inset 0 0 0 1px rgba(169, 223, 204, 0.7);

    animation:
        om-hl
        var(--om-loop)
        infinite
        var(--om-ease);
}


/*==================================================
  STAGE BUTTONS
==================================================*/

.om-row {
    position: relative;
    z-index: 1;

    width: 100%;
    height: 38px;
    padding: 0 10px;

    display: flex;
    align-items: center;
    gap: 10px;

    color: inherit;
    background: none;
    border: 0;
    border-radius: 11px;

    cursor: pointer;
    text-align: left;
    font-family: inherit;
}

.om-row:focus-visible {
    outline: 2px solid var(--om-t5);
    outline-offset: -2px;
}


/* Stage number/check circle */
.om-rb {
    position: relative;

    width: 21px;
    height: 21px;
    flex: none;

    display: grid;
    place-items: center;

    color: var(--om-mute);
    background: var(--om-chip);
    border-radius: 50%;

    font-size: 10.5px;
    font-weight: 800;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
    animation-fill-mode: both;
}

.om-rn,
.om-rc {
    position: absolute;

    display: grid;
    place-items: center;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
    animation-fill-mode: both;
}

.om-rc svg {
    width: 11px;
    height: 11px;

    fill: none;
    stroke: currentColor;
    stroke-width: 3.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Stage label */
.om-rl {
    color: var(--om-mute);

    font-size: 12.6px;
    letter-spacing: -0.01em;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
    animation-fill-mode: both;
}


/*==================================================
  RIGHT DETAIL AREA
==================================================*/

.om-detail {
    position: relative;

    min-width: 0;
    padding: 22px 24px 24px;
    flex: 1;
}

.om-stack {
    position: relative;
    height: 220px;
}

.om-panel {
    position: absolute;
    inset: 0;

    opacity: 0;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
}


/* Large faded stage number */
.om-ghost {
    position: absolute;
    top: -16px;
    right: -6px;

    color: rgba(46, 158, 134, 0.08);

    font-size: 84px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.05em;

    pointer-events: none;
}


/* Stage label */
.om-step {
    color: var(--om-t5);

    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.om-step i {
    color: #b4c4bf;
    font-style: normal;
}


/* Stage heading */
.om-title {
    margin: 9px 0 0;

    color: var(--om-ink);

    font-size: 21px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.03em;
}


/* Stage bullet list */
.om-lines {
    margin: 15px 0 0;
    padding: 0;

    display: flex;
    flex-direction: column;
    gap: 9px;

    list-style: none;
}

.om-lines li {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    color: var(--om-body);
    opacity: 0;

    font-size: 12.8px;
    line-height: 1.4;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
}


/* Small check icon */
.om-tk {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    flex: none;

    display: grid;
    place-items: center;

    background: #e9f6f1;
    border-radius: 50%;
}

.om-tk svg {
    width: 9px;
    height: 9px;

    fill: none;
    stroke: var(--om-t5);
    stroke-width: 3.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Bottom output message */
.om-out {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    align-items: center;
    gap: 11px;

    color: var(--om-t8);

    font-size: 12.8px;
    font-weight: 800;
    letter-spacing: -0.012em;
}

.om-out-b {
    width: 3px;
    height: 18px;
    flex: none;

    background: var(--om-t4);
    border-radius: 2px;
}


/* Stage progress line */
.om-tm {
    position: absolute;
    bottom: -14px;
    left: 0;

    width: 100%;
    height: 2px;

    background: var(--om-t4);
    border-radius: 2px;
    opacity: 0.5;

    transform: scaleX(0);
    transform-origin: left center;

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


/*==================================================
  FLOATING KPI CARDS
==================================================*/

.om-kpi {
    position: absolute;
    z-index: 3;

    transform: translate3d(
        calc(var(--mx) * var(--d) * 1px),
        calc(var(--my) * var(--d) * 1px),
        0
    );

    transition:
        transform 0.5s cubic-bezier(0.2, 0.8, 0.3, 1);
}

.om-kpi-in {
    display: block;

    animation:
        om-bob
        var(--bob)
        ease-in-out
        infinite
        alternate;
}

@keyframes om-bob {
    from {
        transform: translateY(-7px);
    }

    to {
        transform: translateY(7px);
    }
}

.om-kpi-c {
    padding: 11px 15px;

    display: flex;
    flex-direction: column;
    gap: 3px;

    background: #ffffff;
    border: 1px solid var(--om-line);
    border-radius: 14px;

    box-shadow: var(--om-kpi-sh);

    animation-duration: var(--om-loop);
    animation-iteration-count: infinite;
    animation-timing-function: var(--om-ease);
}

.om-kpi-l {
    color: #06aea1;

    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.om-kpi-v {
    display: flex;
    align-items: center;
    gap: 6px;

    color: var(--om-ink);

    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.om-kpi-v i {
    width: 17px;
    height: 17px;

    display: grid;
    place-items: center;

    border-radius: 50%;
}

.om-kpi-v i svg {
    width: 11px;
    height: 11px;

    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.om-kpi-up {
    background: #e9f6f1;
}

.om-kpi-up svg {
    stroke: var(--om-t5);
}

.om-kpi-down {
    background: #eaf3ff;
}

.om-kpi-down svg {
    stroke: #3b7bc8;
}


/*==================================================
  COMPONENT HINT
==================================================*/

.om-hint {
    margin-top: 16px;

    display: flex;
    align-items: center;
    gap: 7px;

    color: var(--om-mute);
    font-size: 11.5px;
}

.om-hint i {
    width: 5px;
    height: 5px;

    background: var(--om-t4);
    border-radius: 50%;
}


/*==================================================
  RESPONSIVE
==================================================*/

@media (max-width: 1180px) {
    .om-hero {
        padding: 46px 62px;
    }

    .om-kpi {
        transform: none !important;
    }
}

@media (max-width: 900px) {
    .om-hero {
        padding: 30px 16px;
    }

    .om-rig {
        width: 100%;
        max-width: 520px;
    }

    .om-kpi {
        position: relative;
        inset: auto !important;
        display: none;
    }

    .om-kpi0,
    .om-kpi1,
    .om-kpi2 {
        display: block;
    }

    .om-kpis {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;

        margin-bottom: 16px;
    }

    .om-kpi-in {
        animation: none;
    }

    .om-kpi-c {
        padding: 9px 13px;
    }

    .om-kpi-v {
        font-size: 17px;
    }
}

@media (max-width: 560px) {
    .om-body {
        flex-direction: column;
    }

    .om-rail {
        width: 100%;
        padding: 10px;

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;

        border-right: 0;
        border-bottom: 1px solid var(--om-line);
    }

    .om-hl {
        display: none;
    }

    .om-row {
        height: 34px;
        padding: 0 8px;
    }

    .om-row:nth-child(odd) {
        background: none;
    }

    .om-rl {
        font-size: 11.8px;
    }

    .om-detail {
        padding: 20px 18px 22px;
    }

    .om-stack {
        height: 236px;
    }

    .om-title {
        font-size: 19px;
    }

    .om-ghost {
        font-size: 68px;
    }

    .om-kpis {
        gap: 8px;
    }

    .om-kpi-l {
        font-size: 9.5px;
    }
}


/*==================================================
  REDUCED MOTION ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion: reduce) {
    .om-hero * {
        animation: none !important;
    }

    .om-kpi {
        transform: none !important;
    }

    .om-panel {
        opacity: 0;
    }

    .om-p0 {
        opacity: 1;
        filter: none;
        transform: none;
    }

    .om-lines li {
        opacity: 1;
        transform: none;
    }

    .om-hl {
        top: 14px;
    }

    .om-tm {
        transform: scaleX(1);
    }
}


/*==================================================
  PANEL 01 ANIMATION
==================================================*/

@keyframes om-p0 {
    0%,
    11.125% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    12.5% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(-16px) scale(1.05);
    }

    12.51%,
    98.625% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(20px) scale(0.9);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }
}

@keyframes om-rl0 {
    0% {
        color: var(--om-mute);
        font-weight: 600;
    }

    1.375%,
    11.125% {
        color: var(--om-ink);
        font-weight: 800;
    }

    12.5%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb0 {
    0% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    1.375%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn0 {
    0%,
    12.5% {
        opacity: 1;
    }

    13.7%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc0 {
    0%,
    12.5% {
        opacity: 0;
    }

    13.7%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l0-0 {
    0%,
    2% {
        opacity: 0;
        transform: translateX(-9px);
    }

    3.125%,
    11.125% {
        opacity: 1;
        transform: none;
    }

    12.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l0-1 {
    0%,
    2.75% {
        opacity: 0;
        transform: translateX(-9px);
    }

    3.875%,
    11.125% {
        opacity: 1;
        transform: none;
    }

    12.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l0-2 {
    0%,
    3.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    4.625%,
    11.125% {
        opacity: 1;
        transform: none;
    }

    12.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm0 {
    0%,
    1.375% {
        transform: scaleX(0);
    }

    11.125%,
    12.5% {
        transform: scaleX(1);
    }

    12.51%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 02 ANIMATION
==================================================*/

@keyframes om-p1 {
    0%,
    12.5% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(34px);
    }

    13.875%,
    23.625% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    25%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-26px);
    }
}

@keyframes om-rl1 {
    0%,
    12.5% {
        color: var(--om-mute);
        font-weight: 600;
    }

    13.875%,
    23.625% {
        color: var(--om-ink);
        font-weight: 800;
    }

    25%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb1 {
    0%,
    12.5% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    13.875%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn1 {
    0%,
    25% {
        opacity: 1;
    }

    26.2%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc1 {
    0%,
    25% {
        opacity: 0;
    }

    26.2%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l1-0 {
    0%,
    14.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    15.625%,
    23.625% {
        opacity: 1;
        transform: none;
    }

    25%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l1-1 {
    0%,
    15.25% {
        opacity: 0;
        transform: translateX(-9px);
    }

    16.375%,
    23.625% {
        opacity: 1;
        transform: none;
    }

    25%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l1-2 {
    0%,
    16% {
        opacity: 0;
        transform: translateX(-9px);
    }

    17.125%,
    23.625% {
        opacity: 1;
        transform: none;
    }

    25%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm1 {
    0%,
    13.875% {
        transform: scaleX(0);
    }

    23.625%,
    25% {
        transform: scaleX(1);
    }

    25.01%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 03 ANIMATION
==================================================*/

@keyframes om-p2 {
    0%,
    25% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(-20px) scale(0.92);
    }

    26.375%,
    36.125% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    37.5%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(16px) scale(1.04);
    }
}

@keyframes om-rl2 {
    0%,
    25% {
        color: var(--om-mute);
        font-weight: 600;
    }

    26.375%,
    36.125% {
        color: var(--om-ink);
        font-weight: 800;
    }

    37.5%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb2 {
    0%,
    25% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    26.375%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn2 {
    0%,
    37.5% {
        opacity: 1;
    }

    38.7%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc2 {
    0%,
    37.5% {
        opacity: 0;
    }

    38.7%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l2-0 {
    0%,
    27% {
        opacity: 0;
        transform: translateX(-9px);
    }

    28.125%,
    36.125% {
        opacity: 1;
        transform: none;
    }

    37.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l2-1 {
    0%,
    27.75% {
        opacity: 0;
        transform: translateX(-9px);
    }

    28.875%,
    36.125% {
        opacity: 1;
        transform: none;
    }

    37.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l2-2 {
    0%,
    28.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    29.625%,
    36.125% {
        opacity: 1;
        transform: none;
    }

    37.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm2 {
    0%,
    26.375% {
        transform: scaleX(0);
    }

    36.125%,
    37.5% {
        transform: scaleX(1);
    }

    37.51%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 04 ANIMATION
==================================================*/

@keyframes om-p3 {
    0%,
    37.5% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-34px);
    }

    38.875%,
    48.625% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    50%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(26px);
    }
}

@keyframes om-rl3 {
    0%,
    37.5% {
        color: var(--om-mute);
        font-weight: 600;
    }

    38.875%,
    48.625% {
        color: var(--om-ink);
        font-weight: 800;
    }

    50%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb3 {
    0%,
    37.5% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    38.875%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn3 {
    0%,
    50% {
        opacity: 1;
    }

    51.2%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc3 {
    0%,
    50% {
        opacity: 0;
    }

    51.2%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l3-0 {
    0%,
    39.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    40.625%,
    48.625% {
        opacity: 1;
        transform: none;
    }

    50%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l3-1 {
    0%,
    40.25% {
        opacity: 0;
        transform: translateX(-9px);
    }

    41.375%,
    48.625% {
        opacity: 1;
        transform: none;
    }

    50%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l3-2 {
    0%,
    41% {
        opacity: 0;
        transform: translateX(-9px);
    }

    42.125%,
    48.625% {
        opacity: 1;
        transform: none;
    }

    50%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm3 {
    0%,
    38.875% {
        transform: scaleX(0);
    }

    48.625%,
    50% {
        transform: scaleX(1);
    }

    50.01%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 05 ANIMATION
==================================================*/

@keyframes om-p4 {
    0%,
    50% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(20px) scale(0.9);
    }

    51.375%,
    61.125% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    62.5%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(-16px) scale(1.05);
    }
}

@keyframes om-rl4 {
    0%,
    50% {
        color: var(--om-mute);
        font-weight: 600;
    }

    51.375%,
    61.125% {
        color: var(--om-ink);
        font-weight: 800;
    }

    62.5%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb4 {
    0%,
    50% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    51.375%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn4 {
    0%,
    62.5% {
        opacity: 1;
    }

    63.7%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc4 {
    0%,
    62.5% {
        opacity: 0;
    }

    63.7%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l4-0 {
    0%,
    52% {
        opacity: 0;
        transform: translateX(-9px);
    }

    53.125%,
    61.125% {
        opacity: 1;
        transform: none;
    }

    62.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l4-1 {
    0%,
    52.75% {
        opacity: 0;
        transform: translateX(-9px);
    }

    53.875%,
    61.125% {
        opacity: 1;
        transform: none;
    }

    62.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l4-2 {
    0%,
    53.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    54.625%,
    61.125% {
        opacity: 1;
        transform: none;
    }

    62.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm4 {
    0%,
    51.375% {
        transform: scaleX(0);
    }

    61.125%,
    62.5% {
        transform: scaleX(1);
    }

    62.51%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 06 ANIMATION
==================================================*/

@keyframes om-p5 {
    0%,
    62.5% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(34px);
    }

    63.875%,
    73.625% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    75%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-26px);
    }
}

@keyframes om-rl5 {
    0%,
    62.5% {
        color: var(--om-mute);
        font-weight: 600;
    }

    63.875%,
    73.625% {
        color: var(--om-ink);
        font-weight: 800;
    }

    75%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb5 {
    0%,
    62.5% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    63.875%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn5 {
    0%,
    75% {
        opacity: 1;
    }

    76.2%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc5 {
    0%,
    75% {
        opacity: 0;
    }

    76.2%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l5-0 {
    0%,
    64.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    65.625%,
    73.625% {
        opacity: 1;
        transform: none;
    }

    75%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l5-1 {
    0%,
    65.25% {
        opacity: 0;
        transform: translateX(-9px);
    }

    66.375%,
    73.625% {
        opacity: 1;
        transform: none;
    }

    75%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l5-2 {
    0%,
    66% {
        opacity: 0;
        transform: translateX(-9px);
    }

    67.125%,
    73.625% {
        opacity: 1;
        transform: none;
    }

    75%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm5 {
    0%,
    63.875% {
        transform: scaleX(0);
    }

    73.625%,
    75% {
        transform: scaleX(1);
    }

    75.01%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 07 ANIMATION
==================================================*/

@keyframes om-p6 {
    0%,
    75% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(-20px) scale(0.92);
    }

    76.375%,
    86.125% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    87.5%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(16px) scale(1.04);
    }
}

@keyframes om-rl6 {
    0%,
    75% {
        color: var(--om-mute);
        font-weight: 600;
    }

    76.375%,
    86.125% {
        color: var(--om-ink);
        font-weight: 800;
    }

    87.5%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb6 {
    0%,
    75% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    76.375%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn6 {
    0%,
    87.5% {
        opacity: 1;
    }

    88.7%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc6 {
    0%,
    87.5% {
        opacity: 0;
    }

    88.7%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l6-0 {
    0%,
    77% {
        opacity: 0;
        transform: translateX(-9px);
    }

    78.125%,
    86.125% {
        opacity: 1;
        transform: none;
    }

    87.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l6-1 {
    0%,
    77.75% {
        opacity: 0;
        transform: translateX(-9px);
    }

    78.875%,
    86.125% {
        opacity: 1;
        transform: none;
    }

    87.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l6-2 {
    0%,
    78.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    79.625%,
    86.125% {
        opacity: 1;
        transform: none;
    }

    87.5%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm6 {
    0%,
    76.375% {
        transform: scaleX(0);
    }

    86.125%,
    87.5% {
        transform: scaleX(1);
    }

    87.51%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  PANEL 08 ANIMATION
==================================================*/

@keyframes om-p7 {
    0%,
    87.5% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(-34px);
    }

    88.875%,
    98.625% {
        opacity: 1;
        filter: blur(0);
        transform: none;
    }

    99.6%,
    100% {
        opacity: 0;
        filter: blur(4px);
        transform: translateX(26px);
    }
}

@keyframes om-rl7 {
    0%,
    87.5% {
        color: var(--om-mute);
        font-weight: 600;
    }

    88.875%,
    98.625% {
        color: var(--om-ink);
        font-weight: 800;
    }

    99.6%,
    100% {
        color: var(--om-body);
        font-weight: 600;
    }
}

@keyframes om-rb7 {
    0%,
    87.5% {
        color: var(--om-mute);
        background: var(--om-chip);
    }

    88.875%,
    100% {
        color: #ffffff;
        background: var(--om-t5);
    }
}

@keyframes om-rn7 {
    0%,
    99% {
        opacity: 1;
    }

    99.7%,
    100% {
        opacity: 0;
    }
}

@keyframes om-rc7 {
    0%,
    99% {
        opacity: 0;
    }

    99.7%,
    100% {
        opacity: 1;
    }
}

@keyframes om-l7-0 {
    0%,
    89.5% {
        opacity: 0;
        transform: translateX(-9px);
    }

    90.625%,
    98.625% {
        opacity: 1;
        transform: none;
    }

    99.6%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l7-1 {
    0%,
    90.25% {
        opacity: 0;
        transform: translateX(-9px);
    }

    91.375%,
    98.625% {
        opacity: 1;
        transform: none;
    }

    99.6%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-l7-2 {
    0%,
    91% {
        opacity: 0;
        transform: translateX(-9px);
    }

    92.125%,
    98.625% {
        opacity: 1;
        transform: none;
    }

    99.6%,
    100% {
        opacity: 0;
        transform: translateX(-9px);
    }
}

@keyframes om-tm7 {
    0%,
    88.875% {
        transform: scaleX(0);
    }

    98.625%,
    99.4% {
        transform: scaleX(1);
    }

    99.8%,
    100% {
        transform: scaleX(0);
    }
}


/*==================================================
  LEFT ACTIVE HIGHLIGHT MOVEMENT
==================================================*/

@keyframes om-hl {
    0%,
    1.375%,
    11.125% {
        transform: translateY(0);
    }

    13.875%,
    23.625% {
        transform: translateY(38px);
    }

    26.375%,
    36.125% {
        transform: translateY(76px);
    }

    38.875%,
    48.625% {
        transform: translateY(114px);
    }

    51.375%,
    61.125% {
        transform: translateY(152px);
    }

    63.875%,
    73.625% {
        transform: translateY(190px);
    }

    76.375%,
    86.125% {
        transform: translateY(228px);
    }

    88.875%,
    98.625% {
        transform: translateY(266px);
    }

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


/*==================================================
  KPI CARD HIGHLIGHT ANIMATIONS
==================================================*/

@keyframes om-k0 {
    0%,
    50% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }

    51.375% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.055);
    }

    61.125% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.03);
    }

    62.5%,
    100% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }
}

@keyframes om-k1 {
    0%,
    87.5% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }

    88.875% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.055);
    }

    98.625% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.03);
    }

    100% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }
}

@keyframes om-k2 {
    0%,
    75% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }

    76.375% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.055);
    }

    86.125% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.03);
    }

    87.5%,
    100% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }
}

@keyframes om-k3 {
    0% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }

    1.375% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.055);
    }

    11.125% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.03);
    }

    12.5%,
    100% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }
}

@keyframes om-k4 {
    0%,
    25% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }

    26.375% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.055);
    }

    36.125% {
        box-shadow:
            var(--om-kpi-sh),
            0 0 0 3px rgba(69, 191, 160, 0.35);

        transform: scale(1.03);
    }

    37.5%,
    100% {
        box-shadow: var(--om-kpi-sh);
        transform: scale(1);
    }
}


/*==================================================
  CONNECT ANIMATIONS TO ELEMENTS
==================================================*/

/* Stage 01 */
.om-p0 {
    animation-name: om-p0;
}

.om-row0 .om-rl {
    animation-name: om-rl0;
}

.om-row0 .om-rb {
    animation-name: om-rb0;
}

.om-row0 .om-rn {
    animation-name: om-rn0;
}

.om-row0 .om-rc {
    animation-name: om-rc0;
}

.om-p0 .om-tm {
    animation-name: om-tm0;
}

.om-p0 .om-l0 {
    animation-name: om-l0-0;
}

.om-p0 .om-l1 {
    animation-name: om-l0-1;
}

.om-p0 .om-l2 {
    animation-name: om-l0-2;
}


/* Stage 02 */
.om-p1 {
    animation-name: om-p1;
}

.om-row1 .om-rl {
    animation-name: om-rl1;
}

.om-row1 .om-rb {
    animation-name: om-rb1;
}

.om-row1 .om-rn {
    animation-name: om-rn1;
}

.om-row1 .om-rc {
    animation-name: om-rc1;
}

.om-p1 .om-tm {
    animation-name: om-tm1;
}

.om-p1 .om-l0 {
    animation-name: om-l1-0;
}

.om-p1 .om-l1 {
    animation-name: om-l1-1;
}

.om-p1 .om-l2 {
    animation-name: om-l1-2;
}


/* Stage 03 */
.om-p2 {
    animation-name: om-p2;
}

.om-row2 .om-rl {
    animation-name: om-rl2;
}

.om-row2 .om-rb {
    animation-name: om-rb2;
}

.om-row2 .om-rn {
    animation-name: om-rn2;
}

.om-row2 .om-rc {
    animation-name: om-rc2;
}

.om-p2 .om-tm {
    animation-name: om-tm2;
}

.om-p2 .om-l0 {
    animation-name: om-l2-0;
}

.om-p2 .om-l1 {
    animation-name: om-l2-1;
}

.om-p2 .om-l2 {
    animation-name: om-l2-2;
}


/* Stage 04 */
.om-p3 {
    animation-name: om-p3;
}

.om-row3 .om-rl {
    animation-name: om-rl3;
}

.om-row3 .om-rb {
    animation-name: om-rb3;
}

.om-row3 .om-rn {
    animation-name: om-rn3;
}

.om-row3 .om-rc {
    animation-name: om-rc3;
}

.om-p3 .om-tm {
    animation-name: om-tm3;
}

.om-p3 .om-l0 {
    animation-name: om-l3-0;
}

.om-p3 .om-l1 {
    animation-name: om-l3-1;
}

.om-p3 .om-l2 {
    animation-name: om-l3-2;
}


/* Stage 05 */
.om-p4 {
    animation-name: om-p4;
}

.om-row4 .om-rl {
    animation-name: om-rl4;
}

.om-row4 .om-rb {
    animation-name: om-rb4;
}

.om-row4 .om-rn {
    animation-name: om-rn4;
}

.om-row4 .om-rc {
    animation-name: om-rc4;
}

.om-p4 .om-tm {
    animation-name: om-tm4;
}

.om-p4 .om-l0 {
    animation-name: om-l4-0;
}

.om-p4 .om-l1 {
    animation-name: om-l4-1;
}

.om-p4 .om-l2 {
    animation-name: om-l4-2;
}


/* Stage 06 */
.om-p5 {
    animation-name: om-p5;
}

.om-row5 .om-rl {
    animation-name: om-rl5;
}

.om-row5 .om-rb {
    animation-name: om-rb5;
}

.om-row5 .om-rn {
    animation-name: om-rn5;
}

.om-row5 .om-rc {
    animation-name: om-rc5;
}

.om-p5 .om-tm {
    animation-name: om-tm5;
}

.om-p5 .om-l0 {
    animation-name: om-l5-0;
}

.om-p5 .om-l1 {
    animation-name: om-l5-1;
}

.om-p5 .om-l2 {
    animation-name: om-l5-2;
}


/* Stage 07 */
.om-p6 {
    animation-name: om-p6;
}

.om-row6 .om-rl {
    animation-name: om-rl6;
}

.om-row6 .om-rb {
    animation-name: om-rb6;
}

.om-row6 .om-rn {
    animation-name: om-rn6;
}

.om-row6 .om-rc {
    animation-name: om-rc6;
}

.om-p6 .om-tm {
    animation-name: om-tm6;
}

.om-p6 .om-l0 {
    animation-name: om-l6-0;
}

.om-p6 .om-l1 {
    animation-name: om-l6-1;
}

.om-p6 .om-l2 {
    animation-name: om-l6-2;
}


/* Stage 08 */
.om-p7 {
    animation-name: om-p7;
}

.om-row7 .om-rl {
    animation-name: om-rl7;
}

.om-row7 .om-rb {
    animation-name: om-rb7;
}

.om-row7 .om-rn {
    animation-name: om-rn7;
}

.om-row7 .om-rc {
    animation-name: om-rc7;
}

.om-p7 .om-tm {
    animation-name: om-tm7;
}

.om-p7 .om-l0 {
    animation-name: om-l7-0;
}

.om-p7 .om-l1 {
    animation-name: om-l7-1;
}

.om-p7 .om-l2 {
    animation-name: om-l7-2;
}



/*==================================================
  MAKE LEFT SERVICE BUTTONS FULLY CLICKABLE
==================================================*/

/*
The animated background highlight must never
receive mouse or touch events.
*/
.om-hl {
    pointer-events: none !important;
    user-select: none;
}

/*
Keep the buttons above the animated highlight.
*/
.om-rail {
    position: relative;
    z-index: 4;
}

.om-row {
    position: relative;
    z-index: 5;

    width: 100%;
    min-height: 38px;

    display: flex;
    align-items: center;

    pointer-events: auto;
    cursor: pointer;
    touch-action: manipulation;

    -webkit-tap-highlight-color: transparent;
}

/*
Make every part inside the button pass the click
to the actual button element.
*/
.om-row > *,
.om-row span,
.om-row svg,
.om-row path {
    pointer-events: none;
}

/*
Visible feedback when hovering over a service.
*/
.om-row:hover {
    background: rgba(233, 246, 241, 0.72);
}

/*
Visible keyboard focus.
*/
.om-row:focus-visible {
    outline: 2px solid var(--om-t5);
    outline-offset: -2px;
}

/*
Clicked service remains visually selected while
its complete content is paused.
*/
.om-row.om-clicked {
    background: linear-gradient(
        90deg,
        #e9f6f1,
        #f3faf7
    );

    box-shadow:
        inset 0 0 0 1px rgba(169, 223, 204, 0.8);
}

.om-row.om-clicked .om-rl {
    color: var(--om-ink) !important;
    font-weight: 800 !important;
}

.om-row.om-clicked .om-rb {
    color: #ffffff !important;
    background: var(--om-t5) !important;
}

.om-row.om-clicked .om-rn {
    opacity: 0 !important;
}

.om-row.om-clicked .om-rc {
    opacity: 1 !important;
}

















/*==================================================
  MANUAL MODE AFTER FIRST COMPLETE LOOP
==================================================*/

/*
Do not let the animated highlight layer
block the service buttons.
*/
.om-hl {
    pointer-events: none !important;
}


/*
Make the complete service row clickable.
*/
.om-row {
    position: relative;
    z-index: 5;

    width: 100%;

    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
}


/*
Clicks on text, circle and SVG should be received
by the parent button.
*/
.om-row *,
.om-row svg,
.om-row path {
    pointer-events: none;
}


/*
After the first loop, stop every CSS animation
inside the component.
*/
.om-hero.om-manual-mode *,
.om-hero.om-manual-mode .om-rig,
.om-hero.om-manual-mode .om-rig * {
    animation: none !important;
    animation-name: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
}


/*
Hide all service detail panels in manual mode.
*/
.om-hero.om-manual-mode .om-panel {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;

    filter: none !important;
    transform: none !important;
}


/*
Show only the manually selected service.
*/
.om-hero.om-manual-mode
.om-panel.om-manual-active {
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto;

    filter: none !important;
    transform: none !important;
}


/*
Make all bullet content visible immediately
for the manually selected service.
*/
.om-hero.om-manual-mode
.om-panel.om-manual-active
.om-lines li {
    opacity: 1 !important;
    visibility: visible;

    filter: none !important;
    transform: none !important;
}


/*
Keep the result/output visible.
*/
.om-hero.om-manual-mode
.om-panel.om-manual-active
.om-out {
    opacity: 1 !important;
    visibility: visible;
}


/*
Show the bottom progress line as complete.
*/
.om-hero.om-manual-mode
.om-panel.om-manual-active
.om-tm {
    opacity: 0.5 !important;
    transform: scaleX(1) !important;
}


/*
Hide the old automatic moving highlight
after switching to manual mode.
*/
.om-hero.om-manual-mode .om-hl {
    display: none !important;
}


/*==================================================
  MANUALLY SELECTED LEFT SERVICE
==================================================*/

.om-hero.om-manual-mode
.om-row.om-manual-selected {
    background: linear-gradient(
        90deg,
        #e9f6f1,
        #f3faf7
    );

    box-shadow:
        inset 0 0 0 1px
        rgba(169, 223, 204, 0.8);
}


.om-hero.om-manual-mode
.om-row.om-manual-selected
.om-rl {
    color: var(--om-ink) !important;
    font-weight: 800 !important;
}


.om-hero.om-manual-mode
.om-row.om-manual-selected
.om-rb {
    color: #ffffff !important;
    background: var(--om-t5) !important;
}


.om-hero.om-manual-mode
.om-row.om-manual-selected
.om-rn {
    opacity: 0 !important;
}


.om-hero.om-manual-mode
.om-row.om-manual-selected
.om-rc {
    opacity: 1 !important;
}


/*
Other service rows remain neutral.
*/
.om-hero.om-manual-mode
.om-row:not(.om-manual-selected)
.om-rl {
    color: var(--om-mute) !important;
    font-weight: 600 !important;
}


.om-hero.om-manual-mode
.om-row:not(.om-manual-selected)
.om-rb {
    color: var(--om-mute) !important;
    background: var(--om-chip) !important;
}


.om-hero.om-manual-mode
.om-row:not(.om-manual-selected)
.om-rn {
    opacity: 1 !important;
}


.om-hero.om-manual-mode
.om-row:not(.om-manual-selected)
.om-rc {
    opacity: 0 !important;
}


/*
Hover feedback after automatic sequence ends.
*/
.om-hero.om-manual-mode
.om-row:hover {
    background: #f1faf7;
}





/*=========================================
GLOBAL COMMERCIAL TEAM
=========================================*/

.nlhf-commercial-team-section{

    padding:90px 0;

}


/* Cards */

.nlhf-commercial-card{

    height:100%;

    padding:28px 26px;

    border:1px solid #dce5e5;

    border-radius:16px;

    background:#fff;

}


/* Initial */

.nlhf-commercial-initial{

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;

    border-radius:14px;

    background:#ddf3f1;

    color:#08766f;

    font-size:20px;
    font-weight:800;
    line-height:1;

}


/* Heading */

.nlhf-commercial-card h3{

    margin:0 0 4px;

    color:#111715;

    font-size:18px;
    font-weight:800;
    line-height:1.35;

}


.nlhf-commercial-role{

    display:block;

    margin-bottom:10px;

    color:#08766f;

    font-size:12px;
    font-weight:700;
    line-height:1.4;

}


/* Location pill */

.nlhf-commercial-location{

    width:max-content;

    display:inline-flex;
    align-items:center;

    gap:7px;

    margin-bottom:16px;

    padding:6px 11px;

    border-radius:20px;

    background:#f1f5f5;

    color:#687576;

    font-size:10px;
    font-weight:600;
    line-height:1;

}


.nlhf-commercial-location i{

    font-size:9px;

}


/* Description */

.nlhf-commercial-card p{

    margin:0;

    color:#687576;

    font-size:13px !important;
    line-height:1.7;

}


/* Bottom Note */

.nlhf-commercial-team-note{

    margin:26px 0 0;

    color:#7b8788;

    font-size:11px !important;
    line-height:1.6;

    text-align:center;

}


/* Responsive */

@media(max-width:991px){

    .nlhf-commercial-team-section{

        padding:70px 0;

    }

}


@media(max-width:767px){

    .nlhf-commercial-team-section{

        padding:60px 0;

    }


    .nlhf-commercial-card{

        padding:24px 22px;

    }

}




/*=========================================
ONEMED ECOSYSTEM
Separate from platform-card styles
=========================================*/

.nlhf-ecosystem-grid{

    display:grid;

    grid-template-columns:repeat(3, minmax(0, 1fr));

    gap:20px;

}


/*=========================================
ECOSYSTEM CARD
=========================================*/

.nlhf-ecosystem-item{

    min-width:0;
    min-height:270px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    padding:28px 26px;

    border:1px solid #d8e3e2;
    border-top:3px solid #06aea1;
    border-radius:16px;

    background:#fff;

    overflow:hidden;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        background-color .3s ease;

        position: relative;

}


.nlhf-ecosystem-item:hover{

    border-color:#06aea1;

    background:#fff;

    box-shadow:0 12px 28px rgba(6,174,161,.10);

}


/* No movement */

.nlhf-ecosystem-item,
.nlhf-ecosystem-item:hover{

    transform:none;

}


/*=========================================
IMAGE AREA
=========================================*/

.nlhf-ecosystem-icon{

   display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 11px;
    width: 100px;
    position: absolute;
    right: 15px;
    top: 20px;

}


.nlhf-ecosystem-icon img{

    display:block;

    object-fit:contain;

}


/* Hide broken image icon while src is empty */

.nlhf-ecosystem-icon img[src=""]{

    visibility:hidden;

}


/*=========================================
CONTENT
=========================================*/

.nlhf-ecosystem-content{

    width:100%;
    min-width:0;

}


.nlhf-ecosystem-content h3{

    margin:0 0 7px;

    color:#111715;

    font-size:20px;
    font-weight:800;
    line-height:1.3;

    overflow-wrap:anywhere;

}


.nlhf-ecosystem-label{

    display:block;

    margin-bottom:14px;

    color:#08766f;

    font-size:11px;
    font-weight:800;
    line-height:1.45;

    letter-spacing:.055em;
    text-transform:uppercase;

    overflow-wrap:anywhere;

}


.nlhf-ecosystem-content p{

    margin:0;

    color:#687576;

    font-size:14px;
    line-height:1.7;

    overflow-wrap:anywhere;

}


/*=========================================
BOTTOM NOTE
=========================================*/

.nlhf-ecosystem-note{

    margin:28px auto 0;

    color:#6e7b7c;

    font-size:12px;
    line-height:1.6;

    text-align:center;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:991px){

    .nlhf-ecosystem-grid{

        grid-template-columns:repeat(2, minmax(0, 1fr));

    }

}


@media(max-width:767px){

    .nlhf-ecosystem-item{

        min-height:auto;

        padding:24px 22px;

    }

}


@media(max-width:575px){

    .nlhf-ecosystem-grid{

        grid-template-columns:1fr;

        gap:16px;

    }

}