/* =========================================================
   NECTAFRESH APPLICATIONS PAGE
========================================================= */

.nf-app-page {
    --nf-green: #0d5b35;
    --nf-green-dark: #063e27;
    --nf-green-light: #eaf5ed;
    --nf-accent: #d9b65b;
    --nf-text: #26372e;
    --nf-muted: #657269;
    --nf-border: #dfe9e2;
    --nf-bg: #f6f9f6;

    color: var(--nf-text);
    background: #fff;
}

.nf-app-page *,
.nf-app-page *::before,
.nf-app-page *::after {
    box-sizing: border-box;
}

/* Application Card Image */
.nf-application-card-image{

    margin:-22px -22px 18px;

}

.nf-application-card-image img{

    width:100%;

    height:190px;

    object-fit:cover;

    display:block;

}

.nf-application-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nf-app-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.nf-app-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 92px;

    background:
        radial-gradient(
            circle at 80% 35%,
            rgba(110, 177, 122, .23),
            transparent 28%
        ),
        linear-gradient(
            120deg,
            #053b25 0%,
            #0a5632 55%,
            #147344 100%
        );
}

.nf-app-hero::before {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    right: -160px;
    top: -260px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.nf-app-hero > .nf-app-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 70px;
    align-items: center;
}

.nf-app-eyebrow,
.nf-app-section-label {
    display: inline-block;

    margin-bottom: 13px;

    color: var(--nf-accent);

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.nf-app-hero h1 {
    max-width: 680px;

    margin: 0 0 20px;

    color: #fff;

    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.nf-app-hero h1 span {
    color: #d7e9d9;
}

.nf-app-hero-content > p {
    max-width: 650px;

    margin: 0;

    color: rgba(255,255,255,.82);

    font-size: 17px;
    line-height: 1.75;
}

.nf-app-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 30px;
}


/* BUTTONS */

.nf-app-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 48px;
    padding: 0 22px;

    border-radius: 6px;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;

    transition: .25s ease;
}

.nf-app-btn-primary {
    color: #174b30;
    background: #fff;
}

.nf-app-btn-primary:hover {
    transform: translateY(-2px);
    color: #174b30;
}

.nf-app-btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.45);
}

.nf-app-btn-outline:hover {
    color: #fff;
    background: rgba(255,255,255,.1);
}


/* HERO VISUAL */

.nf-app-hero-visual {
    position: relative;

    min-height: 390px;
}

.nf-app-hero-circle {
    position: absolute;
    top: 50%;
    left: 50%;

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

    width: 260px;
    height: 260px;

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

    border: 1px solid rgba(255,255,255,.24);
    border-radius: 50%;

    color: #fff;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.14),
            rgba(255,255,255,.05)
        );

    backdrop-filter: blur(5px);

    text-align: center;
}

.nf-app-hero-circle::before {
    content: "";
    position: absolute;

    width: 310px;
    height: 310px;

    border: 1px dashed rgba(255,255,255,.14);
    border-radius: 50%;
}

.nf-app-hero-circle span {
    margin-bottom: 10px;

    color: #dfc474;

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.nf-app-hero-circle strong {
    font-size: 27px;
    line-height: 1.2;
}

.nf-app-hero-circle small {
    margin-top: 10px;
    color: rgba(255,255,255,.7);
}

.nf-app-function-card {
    position: absolute;
    z-index: 3;

    display: flex;
    align-items: center;
    gap: 12px;

    min-width: 190px;
    padding: 14px 16px;

    border: 1px solid rgba(255,255,255,.17);
    border-radius: 10px;

    background: rgba(255,255,255,.10);
    backdrop-filter: blur(8px);

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

.nf-app-function-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 50%;

    color: #12492f;
    background: #fff;

    font-size: 12px;
    font-weight: 800;
}

.nf-app-function-card strong,
.nf-app-function-card small {
    display: block;
}

.nf-app-function-card strong {
    color: #fff;
    font-size: 13px;
}

.nf-app-function-card small {
    margin-top: 3px;
    color: rgba(255,255,255,.67);
    font-size: 10px;
}

.card-one {
    top: 15px;
    left: 0;
}

.card-two {
    top: 105px;
    right: 0;
}

.card-three {
    bottom: 15px;
    left: 20px;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.nf-app-section-head {
    max-width: 760px;
    margin: 0 auto 20px;

    text-align: center;
}

.nf-app-section-head h2 {
    margin: 0 0 15px;

    color: #123c28;

    font-size: clamp(30px, 4vw, 43px);
    line-height: 1.18;
    letter-spacing: -1px;
}

.nf-app-section-head h2 span {
    color: var(--nf-green);
}

.nf-app-section-head > p {
    max-width: 720px;
    margin: 0 auto;

    color: var(--nf-muted);

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   INTRO
========================================================= */

.nf-app-intro {
    padding: 40px 0 40px;
}

.nf-app-benefit-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);

    overflow: hidden;

    border: 1px solid var(--nf-border);
    border-radius: 12px;

    background: #fff;

    box-shadow: 0 12px 35px rgba(17,74,43,.05);
}

.nf-app-benefit {
    display: flex;
    align-items: center;
    gap: 12px;

    padding: 22px;

    border-right: 1px solid var(--nf-border);
}

.nf-app-benefit:last-child {
    border-right: 0;
}

.nf-app-benefit > span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    border-radius: 50%;

    color: #fff;
    background: var(--nf-green);

    font-size: 12px;
}

.nf-app-benefit strong,
.nf-app-benefit small {
    display: block;
}

.nf-app-benefit strong {
    color: #24432f;
    font-size: 13px;
}

.nf-app-benefit small {
    margin-top: 3px;
    color: #829087;
    font-size: 11px;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.nf-applications {
    padding: 20px 0;
    background: var(--nf-bg);
}

/* =========================================================
   APPLICATION GRID
========================================================= */

.nf-application-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

    align-items:stretch;

}


/* Large Laptop */

@media (max-width:1400px){

    .nf-application-grid{

        grid-template-columns:repeat(3,1fr);

    }

}


/* Tablet */

@media (max-width:992px){

    .nf-application-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


/* Mobile */

@media (max-width:576px){

    .nf-application-grid{

        grid-template-columns:1fr;

    }

}

.nf-application-card{

    position:relative;

    display:flex;

    flex-direction:column;

    height:100%;

    overflow:hidden;

    padding:22px;

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

    border-radius:16px;

    background:#fff;

    box-shadow:0 10px 30px rgba(20,69,43,.05);

    transition:.35s;

}

.nf-application-card:hover {
    transform: translateY(-5px);

    border-color: #bcd5c3;

    box-shadow: 0 18px 40px rgba(20,69,43,.09);
}

.nf-app-card-number {
    position: absolute;
    top: 22px;
    right: 25px;

    color: #dce7df;

    font-size: 38px;
    font-weight: 800;
}

.nf-app-card-icon {
    empty-cells: hide;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2px;
    height: 2px;
    margin-bottom: 1px;
    border-radius: 11px;
    color: #fff;
    background: var(--nf-green);
    font-size: 1px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nf-application-card h3{

    font-size:20px;

    line-height:1.35;

    margin-bottom:10px;

}

.nf-application-card>p{

    font-size:14px;

    line-height:1.7;

}
.nf-app-suitable > strong,
.nf-app-products > strong {
    display: block;

    margin-bottom: 9px;

    color: #365242;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.nf-mini-tags {.nf-product-finder
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.nf-mini-tags span {
    padding: 5px 9px;

    border-radius: 4px;

    color: #557061;
    background: #eff6f1;

    font-size: 10px;
}

.nf-app-products{

    margin-top:auto;

    padding-top:18px;

    border-top:1px solid #e7eee9;

}

.nf-app-products p {
    margin: 0;

    color: var(--nf-green);

    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
}


/* =========================================================
   FUNCTIONALITY
========================================================= */

.nf-functionality {
    padding: 40px 0;

    background:
        linear-gradient(
            130deg,
            #063e27,
            #0c6038
        );
}

.nf-light-head h2 {
    color: #fff;
}

.nf-light-head h2 span {
    color: #d9e9dc;
}

.nf-light-head > p {
    color: rgba(255,255,255,.68);
}

.nf-function-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}

.nf-function-box {
    position: relative;

    min-height: 230px;
    padding: 26px;

    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;

    background: rgba(255,255,255,.07);
}

.nf-function-number {
    margin-bottom: 30px;

    color: #d8ba66;

    font-size: 11px;
    font-weight: 800;
}

.nf-function-box h3 {
    margin: 0 0 9px;

    color: #fff;

    font-size: 19px;
}

.nf-function-box > p {
    margin: 0 0 18px;

    color: rgba(255,255,255,.67);

    font-size: 12.5px;
    line-height: 1.65;
}

.nf-function-box > div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.nf-function-box > div:last-child span {
    padding: 5px 8px;

    border-radius: 4px;

    color: #d8e9dc;
    background: rgba(255,255,255,.08);

    font-size: 9.5px;
}

.nf-function-help {
    background: #fff;
}

.nf-function-help .nf-help-label {
    display: inline-block;

    margin-bottom: 25px;

    color: var(--nf-green);

    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nf-function-help h3 {
    color: #173f2a;
}

.nf-function-help > p {
    color: var(--nf-muted);
}

.nf-function-help > a {
    display: inline-block;

    margin-top: 12px;

    color: var(--nf-green);

    font-size: 12px;
    font-weight: 800;

    text-decoration: none;
}

/* =========================================================
   MATRIX
========================================================= */

.nf-matrix-section {
    padding: 40px 0;
}

.nf-matrix-wrap {
    overflow-x: auto;

    border: 1px solid var(--nf-border);
    border-radius: 12px;

    background: #ffffff;

    box-shadow: 0 10px 30px rgba(20, 69, 43, .04);
}


/* TABLE */
.nf-app-matrix {
    width: 100%;
    min-width: 820px;

    border-collapse: collapse;

    /* Table body white */
    background: #ffffff;
}


/* ALL CELLS */
.nf-app-matrix th,
.nf-app-matrix td {
    padding: 17px 16px;

    border-bottom: 1px solid #e8eee9;

    text-align: center;

    font-size: 12px;
}


/* =========================================================
   HEADER - ONLY HEADER GREEN
========================================================= */

.nf-app-matrix thead {
    background: #063e27;
}

.nf-app-matrix thead tr {
    background: #063e27;
}

.nf-app-matrix thead th {
    color: #ffffff !important;

    background: #063e27 !important;

    font-weight: 700;

    border-bottom: 1px solid rgba(255, 255, 255, .18);
}


/* First header left aligned */
.nf-app-matrix thead th:first-child {
    text-align: left;
}


/* =========================================================
   TABLE BODY - WHITE
========================================================= */

.nf-app-matrix tbody tr {
    background: #ffffff;
}

.nf-app-matrix tbody td {
    color: #16804b !important;

    background: #ffffff !important;

    font-size: 16px;
    font-weight: 800;
}


/* =========================================================
   FIRST COLUMN - INGREDIENT NAMES
========================================================= */

.nf-app-matrix tbody th {
    color: #294a36 !important;

    background: #f8faf8 !important;

    font-weight: 700;

    text-align: left;
}


/* Optional row hover */
.nf-app-matrix tbody tr:hover td {
    background: #f7fbf8 !important;
}

.nf-app-matrix tbody tr:hover th {
    background: #f1f7f3 !important;
}


/* Remove border from final row */
.nf-app-matrix tbody tr:last-child th,
.nf-app-matrix tbody tr:last-child td {
    border-bottom: 0;
}


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

.nf-matrix-note {
    margin: 15px 0 0;

    color: #7a877f;

    font-size: 11px;
    line-height: 1.65;
}
/* =========================================================
   ORGANIC / CONVENTIONAL
========================================================= */

.nf-grade-section {
    padding: 20px 0 90px;
}

.nf-grade-box {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 60px;
    align-items: center;

    overflow: hidden;

    padding: 55px;

    border-radius: 16px;

    background: #f0f7f2;
}

.nf-grade-content h2 {
    margin: 0 0 17px;

    color: #153e2a;

    font-size: clamp(29px, 4vw, 40px);
    line-height: 1.2;
}

.nf-grade-content h2 span {
    color: var(--nf-green);
}

.nf-grade-content > p {
    max-width: 680px;

    margin: 0;

    color: var(--nf-muted);

    font-size: 14px;
    line-height: 1.8;
}

.nf-grade-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;

    margin-top: 26px;
}

.nf-grade-actions .nf-app-btn-primary {
    color: #fff;
    background: var(--nf-green);
}

.nf-text-link {
    color: var(--nf-green);

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
}

.nf-grade-card {
    display: grid;
    grid-template-columns: 145px 1fr;
    align-items: stretch;

    padding: 0;

    overflow: hidden;

    border: 1px solid #d5e4d9;
    border-radius: 12px;

    background: #fff;
}

.nf-grade-card-image {
    min-height: 145px;
    overflow: hidden;
}

.nf-grade-card-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nf-grade-card-content {
    padding: 22px 24px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nf-grade-card-content > span {
    display: block;
    margin-bottom: 12px;

    color: #d9b65b;
    font-size: 11px;
    font-weight: 800;
}

.nf-grade-card-content strong,
.nf-grade-card-content small {
    display: block;
}

.nf-grade-card-content strong {
    color: #18432c;
    font-size: 18px;
}

.nf-grade-card-content small {
    margin-top: 6px;

    color: #77857c;
    font-size: 12px;
    line-height: 1.5;
}



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

.nf-app-final-cta {
    position: relative;

    overflow: hidden;

    padding: 75px 0;

    background:
        linear-gradient(
            120deg,
            #073f28,
            #0d6038
        );

    text-align: center;
}

.nf-final-content {
    position: relative;
    z-index: 2;

    max-width: 800px;
    margin: 0 auto;
}

.nf-final-content > span {
    display: block;

    margin-bottom: 12px;

    color: #dec16d;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
}

.nf-final-content h2 {
    margin: 0 0 15px;

    color: #fff;

    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.2;
}

.nf-final-content p {
    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 14px;
    line-height: 1.7;
}

.nf-final-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;

    margin-top: 28px;
}

.nf-final-btn-white,
.nf-final-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 13px 21px;

    border-radius: 6px;

    font-size: 12px;
    font-weight: 800;

    text-decoration: none;
}

.nf-final-btn-white {
    color: #16482f;
    background: #fff;
}

.nf-final-btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.4);
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

    .nf-app-hero > .nf-app-container {
        grid-template-columns: 1fr;
    }

    .nf-app-hero-content {
        text-align: center;
    }

    .nf-app-hero-content > p {
        margin-left: auto;
        margin-right: auto;
    }

    .nf-app-hero-actions {
        justify-content: center;
    }

    .nf-app-hero-visual {
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .nf-app-benefit-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .nf-app-benefit:nth-child(2) {
        border-right: 0;
    }

    .nf-app-benefit:nth-child(-n+2) {
        border-bottom: 1px solid var(--nf-border);
    }

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

    .nf-grade-box,
    .nf-technical-box {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .nf-app-container {
        width: calc(100% - 28px);
    }

    .nf-app-hero {
        padding: 60px 0 55px;
    }

    .nf-app-hero h1 {
        font-size: 39px;
    }

    .nf-app-hero-visual {
        min-height: 330px;
    }

    .nf-app-hero-circle {
        width: 210px;
        height: 210px;
    }

    .nf-app-hero-circle::before {
        width: 250px;
        height: 250px;
    }

    .nf-app-function-card {
        min-width: 155px;
        padding: 11px;
    }

    .nf-app-function-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .nf-app-intro,
    .nf-applications,
    .nf-functionality,
    .nf-matrix-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .nf-app-benefit-strip,
    .nf-application-grid,
    .nf-function-grid {
        grid-template-columns: 1fr;
    }

    .nf-app-benefit {
        border-right: 0;
        border-bottom: 1px solid var(--nf-border);
    }

    .nf-app-benefit:last-child {
        border-bottom: 0;
    }

    .nf-application-card {
        padding: 27px 23px;
    }

    .nf-grade-box {
        gap: 35px;
        padding: 35px 25px;
    }

    .nf-technical-content,
    .nf-technical-cta {
        padding: 32px 25px;
    }

    .nf-technical-content ul {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .nf-app-hero h1 {
        font-size: 34px;
    }

    .nf-app-hero-actions,
    .nf-grade-actions,
    .nf-final-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .nf-app-btn,
    .nf-final-btn-white,
    .nf-final-btn-outline {
        justify-content: center;
        text-align: center;
    }

    .nf-app-hero-visual {
        display: none;
    }

    .nf-app-section-head {
        margin-bottom: 35px;
    }

    .nf-app-section-head h2 {
        font-size: 29px;
    }

    .nf-application-card {
        padding: 24px 19px;
    }

}
@media (max-width: 600px) {

    .nf-grade-card {
        grid-template-columns: 1fr;
    }

    .nf-grade-card-image {
        height: 180px;
    }
}
/* =========================================================
   GRADE SECTION BUTTONS
========================================================= */

.nf-grade-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}

/* Explore Our Products - Primary Button */
.nf-grade-actions .nf-app-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;
    padding: 0 22px;

    background: #0d5b35 !important;
    color: #ffffff !important;

    border: 2px solid #0d5b35;
    border-radius: 6px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none !important;

    transition: all 0.25s ease;
}

.nf-grade-actions .nf-app-btn-primary:hover {
    background: #063e27 !important;
    border-color: #063e27;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(6, 62, 39, 0.18);
}


/* Ask About Availability - Outline Button */
.nf-grade-actions .nf-text-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 48px;
    padding: 0 22px;

    background: #ffffff;
    color: #0d5b35 !important;

    border: 2px solid #0d5b35;
    border-radius: 6px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none !important;

    transition: all 0.25s ease;
}

.nf-grade-actions .nf-text-link:hover {
    background: #0d5b35;
    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(6, 62, 39, 0.15);
}


/* Mobile */
@media (max-width: 600px) {

    .nf-grade-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .nf-grade-actions .nf-app-btn-primary,
    .nf-grade-actions .nf-text-link {
        width: 100%;
    }
}
/* =========================================================
   TECHNICAL & COMMERCIAL SUPPORT - FINAL
========================================================= */

.nf-technical-section {
    padding: 0 0 90px;
}


/* MAIN BOX */
.nf-tech-support-box {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;

    overflow: hidden;

    border: 1px solid #dfe9e2;
    border-radius: 16px;

    background: #ffffff;

    box-shadow: 0 15px 45px rgba(15, 68, 40, 0.08);
}


/* =========================================================
   LEFT SIDE
========================================================= */

.nf-tech-support-content {
    padding: 55px;

    background: #ffffff;
}


/* Small Label */
.nf-tech-support-label {
    display: block;

    margin-bottom: 18px;

    color: #173d2a;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1.6px;
}


/* Heading */
.nf-tech-support-content h2 {
    max-width: 680px;

    margin: 0 0 20px;

    color: #153f2a;

    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 600;

    line-height: 1.18;
    letter-spacing: -0.7px;
}

.nf-tech-support-content h2 span {
    color: #0d5b35;
}


/* Description */
.nf-tech-support-content > p {
    max-width: 700px;

    margin: 0;

    color: #657269;

    font-size: 14px;
    line-height: 1.8;
}


/* List */
.nf-tech-support-content ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 16px 40px;

    margin: 32px 0 0;
    padding: 0;

    list-style: none;
}

.nf-tech-support-content li {
    position: relative;

    padding-left: 28px;

    color: #53665b;

    font-size: 13px;
}


/* Check */
.nf-tech-support-content li::before {
    content: "✓";

    position: absolute;
    left: 0;
    top: -2px;

    color: #0d5b35;

    font-size: 16px;
    font-weight: 800;
}


/* =========================================================
   RIGHT GREEN PANEL
========================================================= */

.nf-app-page .nf-tech-support-box .nf-tech-green-panel {
    display: flex !important;
    flex-direction: column;
    justify-content: center;

    padding: 55px !important;

    background: #0b5634 !important;
    background-color: #0b5634 !important;

    color: #ffffff !important;
}


/* Small Gold Label */
.nf-tech-green-panel .nf-tech-green-label {
    display: block;

    margin-bottom: 16px;

    color: #e1bd60 !important;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.6px;
}


/* Heading */
.nf-app-page .nf-tech-green-panel h3 {
    margin: 0 0 14px !important;

    color: #ffffff !important;

    font-size: 29px;
    font-weight: 700;

    line-height: 1.25;
}


/* Description */
.nf-app-page .nf-tech-green-panel > p {
    margin: 0 0 28px !important;

    color: rgba(255, 255, 255, 0.78) !important;

    font-size: 13px;
    line-height: 1.75;
}


/* =========================================================
   CONTACT BUTTON
========================================================= */

.nf-app-page .nf-tech-contact-btn {
    display: flex !important;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 52px;

    padding: 0 19px !important;

    border: 2px solid #ffffff !important;
    border-radius: 7px;

    background: #ffffff !important;

    color: #0b5634 !important;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none !important;

    transition: all 0.25s ease;
}


.nf-app-page .nf-tech-contact-btn span,
.nf-app-page .nf-tech-contact-btn strong {
    color: #0b5634 !important;
}


/* Arrow */
.nf-tech-contact-btn strong {
    font-size: 18px;

    transition: transform 0.25s ease;
}


/* Hover */
.nf-app-page .nf-tech-contact-btn:hover {
    background: transparent !important;

    color: #ffffff !important;
}

.nf-app-page .nf-tech-contact-btn:hover span,
.nf-app-page .nf-tech-contact-btn:hover strong {
    color: #ffffff !important;
}

.nf-tech-contact-btn:hover strong {
    transform: translateX(4px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .nf-tech-support-box {
        grid-template-columns: 1fr;
    }

    .nf-tech-support-content,
    .nf-app-page .nf-tech-support-box .nf-tech-green-panel {
        padding: 42px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .nf-technical-section {
        padding-bottom: 65px;
    }

    .nf-tech-support-content,
    .nf-app-page .nf-tech-support-box .nf-tech-green-panel {
        padding: 30px 24px !important;
    }

    .nf-tech-support-content h2 {
        font-size: 30px;
    }

    .nf-tech-support-content ul {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .nf-app-page .nf-tech-green-panel h3 {
        font-size: 25px;
    }

}
/* =========================================================
   TECH SUPPORT - FINAL OVERRIDE FIX
========================================================= */

.nf-tech-support-box .nf-tech-green-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 55px !important;

    background: #0b5634 !important;
    background-color: #0b5634 !important;

    color: #ffffff !important;
}


/* GOLD LABEL */
.nf-tech-green-panel .nf-tech-green-label {
    display: block !important;

    margin-bottom: 16px !important;

    color: #e1bd60 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.6px !important;
}


/* HEADING */
.nf-tech-green-panel h3 {
    margin: 0 0 14px !important;

    color: #ffffff !important;

    font-size: 29px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* DESCRIPTION */
.nf-tech-green-panel > p {
    margin: 0 0 28px !important;

    color: rgba(255, 255, 255, 0.80) !important;

    font-size: 13px !important;
    line-height: 1.75 !important;
}


/* CONTACT BUTTON */
.nf-tech-green-panel .nf-tech-contact-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 52px !important;

    padding: 0 20px !important;

    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 2px solid #ffffff !important;
    border-radius: 7px !important;

    color: #0b5634 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    transition: all 0.25s ease !important;
}


/* BUTTON TEXT + ARROW */
.nf-tech-green-panel .nf-tech-contact-btn span,
.nf-tech-green-panel .nf-tech-contact-btn strong {
    color: #0b5634 !important;
}


/* HOVER */
.nf-tech-green-panel .nf-tech-contact-btn:hover {
    background: transparent !important;
    background-color: transparent !important;

    color: #ffffff !important;
}

.nf-tech-green-panel .nf-tech-contact-btn:hover span,
.nf-tech-green-panel .nf-tech-contact-btn:hover strong {
    color: #ffffff !important;
}


/* TABLET */
@media (max-width: 991px) {

    .nf-tech-support-box {
        grid-template-columns: 1fr !important;
    }

    .nf-tech-green-panel {
        padding: 42px !important;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    .nf-tech-green-panel {
        padding: 32px 24px !important;
    }

    .nf-tech-green-panel h3 {
        font-size: 25px !important;
    }
}

/*=================================================
PROCESS TIMELINE
=================================================*/

.nf-process-section{

padding:40px 0;

background:#fff;

}

.nf-section-heading{

text-align:center;

margin-bottom:30px;

}

.nf-section-heading span{

display:inline-block;

margin-bottom:15px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#16804b;

text-transform:uppercase;

}

.nf-section-heading h2{

font-size:48px;

margin-bottom:18px;

color:#063e27;

}

.nf-section-heading p{

max-width:760px;

margin:auto;

font-size:18px;

color:#6f7b74;

line-height:1.8;

}


/* LINE */

.nf-process-line{

display:grid;

grid-template-columns:repeat(5,1fr);

position:relative;

gap:30px;

padding-top:40px;

}

.nf-process-line::before{

content:"";

position:absolute;

top:72px;

left:10%;

right:10%;

height:4px;

background:#1a8d54;

z-index:1;

}


/* CARD */

.nf-process-item{

position:relative;

z-index:2;

text-align:center;

}

.nf-circle{

width:90px;

height:90px;

margin:0 auto 30px;

border-radius:50%;

background:linear-gradient(
135deg,
#16804b,
#0a5d34);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

font-weight:700;

border:6px solid #fff;

box-shadow:0 18px 45px rgba(22,128,75,.30);

transition:.35s;

}

.nf-process-item h3{

font-size:24px;

margin-bottom:18px;

color:#063e27;

line-height:1.4;

}

.nf-process-item p{

font-size:16px;

line-height:1.8;

color:#6f7b74;

padding:0 10px;

}


/* HOVER */

.nf-process-item:hover .nf-circle{

transform:translateY(-8px) scale(1.08);

}

.nf-process-item:hover h3{

color:#16804b;

}


/* RESPONSIVE */

@media(max-width:991px){

.nf-process-line{

grid-template-columns:repeat(2,1fr);

gap:50px;

}

.nf-process-line::before{

display:none;

}

}

@media(max-width:767px){

.nf-process-line{

grid-template-columns:1fr;

}

.nf-circle{

width:80px;

height:80px;

font-size:28px;

}

.nf-section-heading h2{

font-size:34px;

}

}



/*=========================
ICON
=========================*/

.nf-process-icon{

    width:82px;

    height:82px;

    margin:0 auto 25px;

    border-radius:50%;

    background:linear-gradient(
    135deg,
    #16804b,
    #0d5b35);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:26px;

    font-weight:700;

    box-shadow:
    0 12px 30px rgba(22,128,75,.25);

}

.nf-process-icon span{

    font-size:24px;

    font-weight:700;

}


/*=========================
HEADINGS
=========================*/

.nf-process-step h3{

    font-size:23px;

    line-height:1.35;

    color:#063f27;

    margin:0 0 18px;

    font-weight:700;

}


/*=========================
TEXT
=========================*/

.nf-process-step p{

    font-size:15px;

    line-height:1.8;

    color:#68756b;

    margin:0;

}


/*=========================
ARROWS
=========================*/

.nf-process-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#16804b;

    font-weight:700;

}





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

.nf-process-step{

    animation:
    nfFadeProcess .7s ease both;

}

.nf-process-step:nth-child(1){animation-delay:.1s;}
.nf-process-step:nth-child(3){animation-delay:.2s;}
.nf-process-step:nth-child(5){animation-delay:.3s;}
.nf-process-step:nth-child(7){animation-delay:.4s;}
.nf-process-step:nth-child(9){animation-delay:.5s;}

@keyframes nfFadeProcess{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


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

@media(max-width:1200px){

.nf-process-wrapper{

grid-template-columns:
1fr
1fr
1fr;

gap:35px;

}

.nf-process-arrow{

display:none;

}

.nf-process-wrapper::before{

display:none;

}

}

@media(max-width:768px){

.nf-app-process{

padding:80px 0;

}

.nf-process-wrapper{

grid-template-columns:1fr;

gap:28px;

}

.nf-process-step{

min-height:auto;

padding:30px;

}

.nf-process-icon{

width:72px;

height:72px;

}

.nf-process-step h3{

font-size:20px;

}

}
/*=========================================================
PRODUCT FINDER
=========================================================*/

.nf-product-finder{

    padding:50px 0;

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #f6fbf7);

    position:relative;

    overflow:hidden;

}

.nf-product-finder::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:rgba(22,128,75,.04);

    right:-180px;

    top:-160px;

}

.nf-product-finder::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(22,128,75,.03);

    left:-180px;

    bottom:-180px;

}


/*==========================
LAYOUT
==========================*/

.nf-finder-wrapper{

    display:grid;
padding:50px 45px;
    grid-template-columns:
    420px
    1fr;

    gap:55px;

    margin-top:20px;

    align-items:start;

}


/*==========================
LEFT PANEL
==========================*/

.nf-finder-form{

    background:#fff;

    padding:40px;

    border-radius:22px;

    border:1px solid #e6efe8;

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

}

.nf-finder-field{

    margin-bottom:28px;

}

.nf-finder-field label{

    display:block;

    margin-bottom:10px;

    color:#0d5b35;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

}

.nf-finder-field select{

    width:100%;

    height:58px;

    border-radius:12px;

    border:1px solid #d7e6da;

    padding:0 18px;

    font-size:15px;

    color:#063f27;

    background:#fff;

    transition:.3s;

}

.nf-finder-field select:focus{

    outline:none;

    border-color:#16804b;

    box-shadow:
    0 0 0 4px rgba(22,128,75,.12);

}


/*==========================
RIGHT PANEL
==========================*/

.nf-finder-result{

    background:
    linear-gradient(
    145deg,
    #0c5b36,
    #0a472b);

    border-radius:24px;

    padding:45px;

    color:#fff;

    position:relative;

    overflow:hidden;

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

}

.nf-finder-result::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    border:28px solid rgba(255,255,255,.04);

    right:-90px;

    top:-90px;

}

.nf-finder-small{

    display:inline-block;

    color:#d9c16c;

    font-size:12px;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:15px;

}

.nf-finder-result h3{

    font-size:34px;

    margin:0 0 18px;

    color:#fff;

}

.nf-finder-result>p{

    color:rgba(255,255,255,.82);

    line-height:1.8;

    margin-bottom:35px;

}


/*==========================
RESULT ITEMS
==========================*/

.nf-result-list{

    display:grid;

    gap:18px;

}

.nf-result-item{

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

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

    border-radius:14px;

    padding:20px 22px;

    transition:.35s;

}

.nf-result-item:hover{

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

    transform:translateX(6px);

}

.nf-result-item strong{

    display:block;

    color:#fff;

    font-size:18px;

    margin-bottom:6px;

}

.nf-result-item small{

    color:rgba(255,255,255,.78);

    line-height:1.6;

}


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

.nf-finder-note{

    margin-top:35px;

    padding-top:28px;

    border-top:1px solid rgba(255,255,255,.12);

    color:#dfeee5;

    font-size:15px;

}

.nf-finder-note a{

    display:inline-block;

    margin-top:10px;

    color:#fff;

    font-weight:700;

    text-decoration:none;

}

.nf-finder-note a:hover{

    color:#d9c16c;

}


/*==========================
BUTTON
==========================*/

.nf-finder-form .nf-app-btn{

    width:100%;

    justify-content:center;

}


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

@media(max-width:1100px){

.nf-finder-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.nf-product-finder{

padding:80px 0;

}

.nf-finder-form{

padding:28px;

}

.nf-finder-result{

padding:30px;

}

.nf-finder-result h3{

font-size:28px;

}

}
/*=========================================================
PREMIUM FACTORY CTA
=========================================================*/

.nf-premium-cta{

    position:relative;

    overflow:hidden;

    padding:130px 0;

    background:
    linear-gradient(
    rgba(6,55,34,.82),
    rgba(6,55,34,.82)
    ),
    url('../images/applications/factory-cta.webp')
    center center/cover no-repeat;

}


/*=========================
OVERLAY
=========================*/

.nf-premium-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(
    circle at top right,
    rgba(255,255,255,.10),
    transparent 40%),

    radial-gradient(
    circle at bottom left,
    rgba(255,255,255,.05),
    transparent 45%);

}


/*=========================
LAYOUT
=========================*/

.nf-premium-cta-inner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    1.4fr
    .8fr;

    gap:70px;

    align-items:center;

}


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

.nf-premium-content{

    color:#fff;

}

.nf-premium-content .nf-app-section-label{

    color:#d8c068;

    letter-spacing:2px;

}

.nf-premium-content h2{

    color:#fff;

    font-size:56px;

    line-height:1.15;

    margin:20px 0 30px;

    font-weight:800;

}

.nf-premium-content h2 span{

    color:#d8c068;

}

.nf-premium-content p{

    color:rgba(255,255,255,.86);

    font-size:18px;

    line-height:1.9;

    max-width:720px;

}


/*=========================
FEATURES
=========================*/

.nf-premium-features{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:18px;

    margin-top:45px;

}

.nf-premium-feature{

    display:flex;

    align-items:flex-start;

    gap:14px;

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

    backdrop-filter:blur(10px);

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

    padding:18px;

    border-radius:14px;

    transition:.35s;

}

.nf-premium-feature:hover{

    transform:translateY(-6px);

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

}

.nf-premium-feature span{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#d8c068;

    color:#063f27;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    flex-shrink:0;

}

.nf-premium-feature p{

    margin:0;

    color:#fff;

    font-size:15px;

    line-height:1.6;

}


/*=========================
RIGHT CARD
=========================*/

.nf-premium-card{

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

    backdrop-filter:blur(18px);

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

    border-radius:24px;

    padding:45px;

    color:#fff;

    box-shadow:
    0 30px 60px rgba(0,0,0,.20);

}

.nf-premium-small{

    display:inline-block;

    color:#d8c068;

    font-size:12px;

    letter-spacing:2px;

    margin-bottom:16px;

    font-weight:700;

}

.nf-premium-card h3{

    font-size:34px;

    line-height:1.3;

    margin-bottom:18px;

    color:#fff;

}

.nf-premium-card p{

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

    line-height:1.8;

}


/*=========================
BUTTONS
=========================*/

.nf-premium-buttons{

    margin-top:35px;

    display:flex;

    flex-direction:column;

    gap:16px;

}

.nf-premium-buttons .nf-app-btn{

    justify-content:center;

}


/*=========================
DECORATION
=========================*/

.nf-premium-cta::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    border-radius:50%;

    border:70px solid rgba(255,255,255,.04);

    top:-260px;

    right:-240px;

}

.nf-premium-cta::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    border:55px solid rgba(255,255,255,.03);

    left:-180px;

    bottom:-220px;

}


/*=========================
HOVER
=========================*/

.nf-premium-buttons .nf-app-btn{

    transition:.35s;

}

.nf-premium-buttons .nf-app-btn:hover{

    transform:translateY(-3px);

}


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

@media(max-width:1200px){

.nf-premium-cta-inner{

grid-template-columns:1fr;

gap:50px;

}

}

@media(max-width:768px){

.nf-premium-cta{

padding:90px 0;

}

.nf-premium-content h2{

font-size:36px;

}

.nf-premium-features{

grid-template-columns:1fr;

}

.nf-premium-card{

padding:30px;

}

.nf-premium-card h3{

font-size:28px;

}

}
/*=========================================================
APPLICATIONS PAGE RESPONSIVE
=========================================================*/

/*==========================
1400px
==========================*/

@media (max-width:1400px){

.nf-process-wrapper{

grid-template-columns:
1fr
40px
1fr
40px
1fr
40px
1fr
40px
1fr;

}

.nf-premium-content h2{

font-size:48px;

}

}


/*==========================
1200px
==========================*/

@media (max-width:1200px){

/* PROCESS */

.nf-process-wrapper{

grid-template-columns:
repeat(3,1fr);

gap:30px;

}

.nf-process-arrow,
.nf-process-wrapper::before{

display:none;

}


/* PRODUCT FINDER */

.nf-finder-wrapper{

grid-template-columns:1fr;

gap:35px;

}


/* CTA */

.nf-premium-cta-inner{

grid-template-columns:1fr;

gap:50px;

}

.nf-premium-content{

text-align:center;

}

.nf-premium-features{

max-width:900px;

margin:45px auto 0;

}

.nf-premium-card{

max-width:700px;

margin:auto;

}

}


/*==========================
992px
==========================*/

@media (max-width:992px){

.nf-app-process,
.nf-product-finder,
.nf-premium-cta{

padding:90px 0;

}

.nf-process-wrapper{

grid-template-columns:
repeat(2,1fr);

}

.nf-premium-content h2{

font-size:42px;

}

.nf-premium-features{

grid-template-columns:1fr;

}

.nf-premium-card{

padding:35px;

}

}


/*==========================
768px
==========================*/

@media (max-width:768px){

/* SECTION SPACING */

.nf-app-process,
.nf-product-finder,
.nf-premium-cta{

padding:70px 0;

}


/* PROCESS */

.nf-process-wrapper{

grid-template-columns:1fr;

gap:25px;

}

.nf-process-step{

padding:28px;

min-height:auto;

}

.nf-process-icon{

width:70px;
height:70px;

margin-bottom:20px;

}

.nf-process-icon span{

font-size:20px;

}

.nf-process-step h3{

font-size:22px;

}

.nf-process-step p{

font-size:15px;

}


/* PRODUCT FINDER */

.nf-finder-form{

padding:25px;

}

.nf-finder-result{

padding:28px;

}

.nf-finder-result h3{

font-size:28px;

}

.nf-result-item{

padding:10px;

}


/* CTA */

.nf-premium-content h2{

font-size:34px;

}

.nf-premium-content p{

font-size:16px;

}

.nf-premium-card{

padding:28px;

}

.nf-premium-card h3{

font-size:28px;

}

.nf-premium-buttons{

gap:15px;

}

.nf-premium-buttons .nf-app-btn{

width:100%;

justify-content:center;

}

}


/*==========================
576px
==========================*/

@media (max-width:576px){

.nf-process-step{

padding:24px;

}

.nf-process-icon{

width:60px;

height:60px;

}

.nf-process-step h3{

font-size:20px;

}

.nf-process-step p{

font-size:14px;

line-height:1.7;

}

.nf-finder-form{

padding:20px;

}

.nf-finder-result{

padding:22px;

}

.nf-finder-result h3{

font-size:24px;

}

.nf-result-item strong{

font-size:16px;

}

.nf-result-item small{

font-size:13px;

}

.nf-premium-content h2{

font-size:30px;

}

.nf-premium-content p{

font-size:15px;

}

.nf-premium-feature{

padding:15px;

}

.nf-premium-feature p{

font-size:14px;

}

.nf-premium-card{

padding:22px;

}

.nf-premium-card h3{

font-size:24px;

}

.nf-premium-card p{

font-size:15px;

}

}


/*==========================
420px
==========================*/

@media (max-width:420px){

.nf-app-process,
.nf-product-finder,
.nf-premium-cta{

padding:60px 0;

}

.nf-premium-content h2{

font-size:26px;

}

.nf-finder-field select{

height:52px;

font-size:14px;

}

.nf-premium-buttons .nf-app-btn{

font-size:14px;

padding:14px 18px;

}

.nf-process-step{

border-radius:14px;

}

.nf-premium-card{

border-radius:18px;

}

}
.nf-result-item{

    position:relative;
    overflow:hidden;

    background:#ffffff;

    border:1px solid #e7efe8;

    border-radius:16px;

    padding:22px;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}
.nf-result-top{

    margin-bottom:15px;

}

.nf-badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    background:#edf8f0;

    color:#16804b;

    padding:6px 14px;

    border-radius:50px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

}

.nf-result-item::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:5px;
    height:100%;

    background:#16804b;

    transform:scaleY(0);

    transition:.35s;

}

.nf-result-item:hover{

    transform:translateY(-8px);

    border-color:#16804b;

    box-shadow:0 18px 40px rgba(0,0,0,.10);

}

.nf-result-item:hover::before{

    transform:scaleY(1);

}

.nf-result-item strong{

    display:block;

    margin-bottom:8px;

    color:#063f27;

    font-size:18px;

}

.nf-result-item small{

    color:#6c756f;

    line-height:1.7;

}
/* RESULT ANIMATION */

.nf-result-list{
    display:grid;
    gap:18px;
    transition:opacity .35s ease, transform .35s ease;
}

.nf-result-list.is-loading{
    opacity:0;
    transform:translateY(12px);
}

.nf-result-list.is-loaded{
    opacity:1;
    transform:translateY(0);
}
/* ==========================================
   INGREDIENT FINDER BENEFITS
========================================== */

.nf-finder-benefits{
    margin:32px 0 28px;
    padding:24px;
    background:#f7fbf8;
    border:1px solid #dce8e0;
    border-radius:14px;
}

.nf-finder-benefits h4{
    margin:0 0 18px;
    color:var(--nf-green);
    font-size:20px;
    font-weight:700;
}

.nf-finder-benefits ul{
    margin:0;
    padding:0;
    list-style:none;
}

.nf-finder-benefits li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    color:#365242;
    font-size:15px;
    line-height:1.6;
}

.nf-finder-benefits li i{
    color:#2aa84a;
    font-size:16px;
}

.nf-finder-time{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #d8e4dc;
    color:#6b7f72;
    font-size:14px;
}

.nf-finder-time i{
    color:#d9a300;
    font-size:18px;
}

.nf-finder-time strong{
    color:var(--nf-green);
}
/* Label icons */
.nf-finder-field label i{
    color:var(--nf-green);
    margin-right:8px;
}

/* CTA */
.nf-finder-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:100%;
    height:58px;

    margin:35px 0 25px;

    background:var(--nf-green);
    color:#0b6b43; !important;

    border:2px solid var(--nf-green);
    border-radius:12px;

    font-size:17px;
    font-weight:700;
    text-decoration:none;

    transition:.35s ease;
}

.nf-finder-btn:hover{
    background:#0b6b43;
    border-color:#0b6b43;
    color:#ffffff !important;

    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}

.nf-finder-btn span,
.nf-finder-btn i{
    color:#ffffff !important;
}
/* Trust strip */
.nf-finder-trust{
    border-top:1px solid #e6eee9;
    padding-top:18px;
    margin-top:0;
}
  

.nf-finder-trust span{
    display:flex;
    align-items:center;
    gap:6px;
}

.nf-finder-trust i{
    color:#27ae60;
}
/* Force Finder Button */
.nf-finder-btn,
.nf-finder-btn:link,
.nf-finder-btn:visited{
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:100%;
    height:58px;

    background:#0b6b43 !important;
    color:#ffffff !important;

    border:2px solid #0b6b43 !important;
    border-radius:12px;

    font-size:17px;
    font-weight:700;
    text-decoration:none !important;
}

.nf-finder-btn span,
.nf-finder-btn i{
    color:#ffffff !important;
}

.nf-finder-btn:hover{
    background:#095536 !important;
    color:#ffffff !important;
}

.nf-finder-btn:hover span,
.nf-finder-btn:hover i{
    color:#ffffff !important;
}
/*=============================
Right Corner Rice Bowl
=============================*/

.nf-app-hero-visual{
    position:relative;
}

.nf-hero-rice-bowl{

    position:absolute;

    right:-180px;      /* Move more to the right */

    bottom:-120px;     /* Move to the bottom */

    z-index:2;

    pointer-events:none;

}

.nf-hero-rice-bowl img{

    width:300px;       /* Smaller size */

    height:auto;

    display:block;

    opacity:.95;

    filter:drop-shadow(0 15px 25px rgba(0,0,0,.18));

}