/* FULL WIDTH IMMERSIVE HERO */
    .ne-ab-hero-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        height: 65vh; /* Standard internal page hero height */
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
        background-color: #050505;
    }

    /* Background Image with Slow Zoom Animation */
    .ne-ab-hero-bg {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        /* Premium Industrial Power Background */
        background-image: url('https://images.pexels.com/photos/3862632/pexels-photo-3862632.jpeg?auto=compress&cs=tinysrgb&w=1920');
        background-size: cover;
        background-position: center;
        animation: neSlowZoom 15s linear infinite alternate;
        z-index: 0;
    }

    /* Cinematic Gradient Overlay (Dark to Reddish) */
    .ne-ab-hero-overlay {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: linear-gradient(to bottom, rgba(10,10,10,0.8) 0%, rgba(20,0,0,0.85) 100%);
        z-index: 1;
    }

    @keyframes neSlowZoom {
        0% { transform: scale(1); }
        100% { transform: scale(1.1); }
    }

    /* CONTENT CONTAINER */
    .ne-ab-hero-content {
        position: relative;
        z-index: 2;
        text-align: center;
        max-width: 900px;
        padding: 0 20px;
        animation: neFadeUp 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    @keyframes neFadeUp {
        0% { opacity: 0; transform: translateY(40px); }
        100% { opacity: 1; transform: translateY(0); }
    }

    /* EYEBROW */
    .ne-ab-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.15);
        border: 1px solid rgba(255, 0, 0, 0.4);
        padding: 6px 20px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2.5px;
        margin-bottom: 25px;
        box-shadow: 0 0 20px rgba(255,0,0,0.2);
    }

    /* MAIN TITLE */
    .ne-ab-title {
        font-family: 'Barlow', sans-serif;
        font-size: 4rem;
        font-weight: 900;
        color: #ffffff;
        line-height: 1.15;
        margin: 0 0 20px 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-ab-title span {
        color: #ff0000;
        text-shadow: 0 0 25px rgba(255,0,0,0.4);
    }

    /* DESCRIPTION */
    .ne-ab-desc {
        font-size: 1.2rem;
        color: #cccccc;
        line-height: 1.7;
        margin: 0 auto 35px auto;
        max-width: 750px;
    }

    /* CTA BUTTON */
    .ne-ab-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        background: #ff0000;
        color: #ffffff;
        font-family: 'Barlow', sans-serif;
        font-size: 1.1rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 16px 40px;
        border-radius: 4px;
        text-decoration: none;
        border: 2px solid #ff0000;
        box-shadow: 0 10px 25px rgba(255,0,0,0.3);
        transition: all 0.3s ease;
    }
    .ne-ab-btn svg { width: 22px; height: 22px; fill: #ffffff; transition: transform 0.3s ease; }

    .ne-ab-btn:hover {
        background: transparent;
        color: #ff0000;
        box-shadow: 0 15px 35px rgba(255,0,0,0.4);
    }
    .ne-ab-btn:hover svg { fill: #ff0000; transform: translateX(5px); }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-ab-title { font-size: 3.2rem; }
    }

    @media (max-width: 768px) {
        .ne-ab-hero-wrap { height: auto; min-height: 450px; padding: 60px 0; }
        .ne-ab-title { font-size: 2.4rem; margin-bottom: 15px; }
        .ne-ab-desc { font-size: 1rem; margin-bottom: 30px; }
        .ne-ab-btn { padding: 14px 30px; font-size: 1rem; width: 100%; }
    }



    

    

    /* FULL WIDTH LIGHT SECTION */
    .ne-who-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #ffffff;
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    /* Subtle Watermark for Corporate Feel */
    .ne-who-watermark {
        position: absolute;
        top: -20px;
        left: -50px;
        font-family: 'Barlow', sans-serif;
        font-size: 15rem;
        font-weight: 900;
        color: rgba(0,0,0,0.02);
        line-height: 1;
        z-index: 0;
        user-select: none;
    }

    .ne-who-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
        gap: 60px;
    }

    /* -----------------------------------------
       LEFT SIDE: TEXT CONTENT
    ----------------------------------------- */
    .ne-who-left {
        flex: 1 1 45%;
        max-width: 550px;
    }

    .ne-who-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #ff0000;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }
    .ne-who-eyebrow::before {
        content: '';
        display: inline-block;
        width: 40px; height: 3px;
        background-color: #ff0000;
    }

    .ne-who-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.2rem;
        font-weight: 900;
        color: #111111;
        line-height: 1.15;
        margin-bottom: 25px;
        text-transform: uppercase;
        letter-spacing: -0.5px;
    }
    .ne-who-title span { color: #ff0000; }

    .ne-who-desc {
        font-size: 1.1rem;
        color: #555555;
        line-height: 1.7;
        margin-bottom: 20px;
    }
    
    .ne-who-highlight {
        font-size: 1.15rem;
        color: #111111;
        font-weight: 500;
        line-height: 1.6;
        border-left: 4px solid #ff0000;
        padding-left: 20px;
        margin-bottom: 30px;
        background: linear-gradient(90deg, rgba(255,0,0,0.03) 0%, transparent 100%);
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* -----------------------------------------
       RIGHT SIDE: ASYMMETRICAL BENTO GRID
    ----------------------------------------- */
    .ne-who-right {
        flex: 1 1 50%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        align-items: center;
    }

    .ne-who-card {
        background: #ffffff;
        border: 1px solid #f0f0f0;
        padding: 40px 30px;
        border-radius: 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
    }

    /* Red Accent on Hover */
    .ne-who-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0;
        width: 4px; height: 100%;
        background: #ff0000;
        transform: scaleY(0);
        transition: transform 0.4s ease;
        transform-origin: bottom;
    }

    .ne-who-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(255,0,0,0.06);
        border-color: rgba(255,0,0,0.1);
    }
    .ne-who-card:hover::before { transform: scaleY(1); }

    /* Make the first card span 2 rows for asymmetrical look */
    .ne-card-large {
        grid-row: span 2;
        padding: 50px 30px;
        background: linear-gradient(145deg, #ffffff, #fafafa);
    }

    .ne-who-icon {
        width: 60px; height: 60px;
        background: #fcfcfc;
        border: 1px solid #eeeeee;
        border-radius: 12px;
        display: flex; justify-content: center; align-items: center;
        margin-bottom: 25px;
        transition: all 0.4s ease;
    }
    .ne-who-icon svg { width: 30px; height: 30px; fill: #ff0000; transition: all 0.4s ease; }

    .ne-who-card:hover .ne-who-icon {
        background: #ff0000;
        border-color: #ff0000;
        transform: rotateY(180deg);
    }
    .ne-who-card:hover .ne-who-icon svg { fill: #ffffff; }

    .ne-who-card h3 {
        font-family: 'Barlow', sans-serif;
        font-size: 1.3rem;
        font-weight: 800;
        color: #111111;
        margin: 0 0 12px 0;
        text-transform: uppercase;
    }

    .ne-who-card p {
        font-size: 0.95rem;
        color: #666666;
        line-height: 1.6;
        margin: 0;
    }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-who-wrap { padding: 80px 0; }
        .ne-who-container { flex-direction: column; gap: 50px; }
        .ne-who-left, .ne-who-right { max-width: 100%; width: 100%; }
        .ne-who-title { font-size: 2.8rem; }
    }

    @media (max-width: 768px) {
        .ne-who-title { font-size: 2.3rem; }
        .ne-who-watermark { display: none; }
        .ne-who-right { grid-template-columns: 1fr; gap: 20px; } /* Stack vertically on mobile */
        .ne-card-large { grid-row: span 1; padding: 30px 25px; }
        .ne-who-card { padding: 30px 25px; }
    }



    

    .ne-founder-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background: #0d0e12;
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        color: #e0e0e0;
        overflow: hidden;
    }
    .ne-founder-wrap::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: radial-gradient(rgba(255, 0, 0, 0.05) 1.5px, transparent 1.5px);
        background-size: 35px 35px;
        pointer-events: none;
    }
    .ne-founder-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 24px;
        position: relative;
        z-index: 2;
    }
    .ne-founder-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: rgba(255, 0, 0, 0.1);
        color: #ff2a2a;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 6px 18px;
        border-radius: 50px;
        border: 1px solid rgba(255, 0, 0, 0.25);
        margin-bottom: 16px;
    }
    .ne-founder-eyebrow .dot {
        width: 8px; height: 8px; background: #ff0000; border-radius: 50%;
        box-shadow: 0 0 10px #ff0000;
    }
    .ne-founder-grid {
        display: grid;
        grid-template-columns: 420px 1fr;
        gap: 60px;
        align-items: center;
        margin-bottom: 70px;
    }
    .ne-founder-img-box {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        border: 2px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
        background: #14161d;
    }
    .ne-founder-img-box img {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.5s ease;
    }
    .ne-founder-img-box:hover img {
        transform: scale(1.03);
    }
    .ne-founder-badge {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        background: rgba(13, 14, 18, 0.92);
        backdrop-filter: blur(10px);
        padding: 16px 20px;
        border-radius: 10px;
        border: 1px solid rgba(255, 0, 0, 0.3);
        text-align: center;
    }
    .ne-founder-badge h4 {
        font-family: 'Barlow', sans-serif;
        color: #ffffff;
        font-size: 1.25rem;
        font-weight: 800;
        margin: 0 0 4px 0;
    }
    .ne-founder-badge p {
        color: #ff4d4d;
        font-size: 0.85rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0;
    }
    .ne-founder-content h2 {
        font-family: 'Barlow', sans-serif;
        font-size: 2.8rem;
        font-weight: 900;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: -0.5px;
        margin: 0 0 10px 0;
        line-height: 1.15;
    }
    .ne-founder-content h2 span { color: #ff0000; }
    .ne-founder-role {
        font-family: 'Barlow', sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        color: #ff3333;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 24px;
    }
    .ne-founder-bio {
        font-size: 1.05rem;
        line-height: 1.8;
        color: #cccccc;
        margin-bottom: 18px;
    }
    .ne-founder-bio strong { color: #ffffff; }

    .ne-qual-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 25px;
    }
    .ne-qual-card {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-left: 3px solid #ff0000;
        padding: 14px 18px;
        border-radius: 6px;
    }
    .ne-qual-card h5 {
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        font-weight: 800;
        color: #ffffff;
        margin: 0 0 4px 0;
    }
    .ne-qual-card p {
        font-size: 0.88rem;
        color: #999999;
        margin: 0;
    }

    /* VISION & CORE VALUES SECTION */
    .ne-vision-values-box {
        background: #13151c;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        padding: 50px 45px;
        margin-top: 40px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    }
    .ne-vv-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .ne-vv-header h3 {
        font-family: 'Barlow', sans-serif;
        font-size: 2.2rem;
        font-weight: 900;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0 0 12px 0;
    }
    .ne-vv-header h3 span { color: #ff0000; }
    .ne-vision-quote {
        background: rgba(255, 0, 0, 0.05);
        border-left: 4px solid #ff0000;
        padding: 24px 30px;
        border-radius: 8px;
        font-size: 1.15rem;
        font-style: italic;
        color: #e2e2e2;
        line-height: 1.8;
        margin-bottom: 45px;
    }
    .ne-vision-quote span {
        font-style: normal;
        font-weight: 700;
        color: #ff3333;
        display: block;
        margin-top: 10px;
        font-family: 'Barlow', sans-serif;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .ne-values-title {
        font-family: 'Barlow', sans-serif;
        font-size: 1.4rem;
        font-weight: 800;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 25px;
    }
    .ne-values-grid {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
    }
    .ne-value-card {
        background: #181b24;
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 10px;
        padding: 20px 15px;
        text-align: center;
        transition: all 0.3s ease;
    }
    .ne-value-card:hover {
        border-color: #ff0000;
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(255, 0, 0, 0.2);
    }
    .ne-value-icon {
        font-size: 1.6rem;
        margin-bottom: 8px;
        display: block;
    }
    .ne-value-name {
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* AUTHORISED DEALER BANNER */
    .ne-auth-banner {
        margin-top: 50px;
        background: linear-gradient(135deg, #181a24 0%, #111218 100%);
        border: 2px solid rgba(255, 0, 0, 0.3);
        border-radius: 14px;
        padding: 40px;
        display: grid;
        grid-template-columns: 1fr 340px;
        gap: 40px;
        align-items: center;
    }
    .ne-auth-banner h4 {
        font-family: 'Barlow', sans-serif;
        font-size: 1.8rem;
        font-weight: 900;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0 0 12px 0;
    }
    .ne-auth-banner h4 span { color: #ff0000; }
    .ne-auth-banner p {
        font-size: 1rem;
        line-height: 1.7;
        color: #bbbbbb;
        margin: 0 0 14px 0;
    }
    .ne-auth-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .ne-auth-tag {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.12);
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 700;
        padding: 5px 12px;
        border-radius: 4px;
        text-transform: uppercase;
    }
    .ne-auth-btn-box {
        text-align: center;
    }
    .ne-auth-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: #ff0000;
        color: #ffffff !important;
        font-family: 'Barlow', sans-serif;
        font-size: 1.05rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 30px;
        border-radius: 6px;
        text-decoration: none;
        box-shadow: 0 10px 25px rgba(255, 0, 0, 0.3);
        transition: 0.3s;
    }
    .ne-auth-btn:hover {
        background: #ffffff;
        color: #111111 !important;
        transform: translateY(-3px);
    }

    @media (max-width: 1024px) {
        .ne-founder-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }
        .ne-founder-img-box { max-width: 360px; margin: 0 auto; }
        .ne-qual-grid { grid-template-columns: 1fr; }
        .ne-values-grid { grid-template-columns: repeat(3, 1fr); }
        .ne-auth-banner { grid-template-columns: 1fr; text-align: center; }
    }
    @media (max-width: 600px) {
        .ne-founder-content h2 { font-size: 2.1rem; }
        .ne-values-grid { grid-template-columns: repeat(2, 1fr); }
        .ne-vision-values-box { padding: 30px 20px; }
        .ne-auth-banner { padding: 25px 18px; }
    }



    

    

    /* FULL WIDTH DARK SECTION */
    .ne-what-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #080808; /* Deep Industrial Black */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
        border-top: 1px solid #1a1a1a;
    }

    /* Subtle Diagonal Line Background */
    .ne-what-wrap::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: repeating-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.02),
            rgba(255, 255, 255, 0.02) 1px,
            transparent 1px,
            transparent 10px
        );
        z-index: 0;
    }

    .ne-what-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* CENTERED HEADER */
    .ne-what-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .ne-what-eyebrow {
        display: inline-block;
        color: #ff0000;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    .ne-what-eyebrow::before, .ne-what-eyebrow::after {
        content: ''; display: inline-block;
        width: 30px; height: 2px;
        background-color: #ff0000;
        vertical-align: middle; margin: 0 10px;
    }

    .ne-what-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #ffffff;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-what-title span { color: #ff0000; }

    /* 4-COLUMN GRID */
    .ne-what-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }

    /* VERTICAL CARD DESIGN */
    .ne-w-card {
        background: #111111;
        border: 1px solid #222222;
        border-radius: 8px;
        padding: 40px 30px;
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: flex;
        flex-direction: column;
        z-index: 1;
        min-height: 380px;
    }

    /* Red Bottom Glow Bar */
    .ne-w-card::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0;
        width: 100%; height: 4px;
        background: #ff0000;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.4s ease;
    }

    /* Large Faded Background Number */
    .ne-w-number {
        position: absolute;
        right: -10px;
        bottom: -15px;
        font-family: 'Barlow', sans-serif;
        font-size: 8rem;
        font-weight: 900;
        color: rgba(255,255,255,0.02);
        line-height: 1;
        z-index: 0;
        transition: all 0.5s ease;
        user-select: none;
    }

    /* Hover State */
    .ne-w-card:hover {
        transform: translateY(-10px);
        background: #151515;
        border-color: #333333;
        box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 25px rgba(255,0,0,0.1);
    }
    .ne-w-card:hover::after { transform: scaleX(1); }
    .ne-w-card:hover .ne-w-number {
        color: rgba(255,0,0,0.05);
        transform: scale(1.1) translateY(-10px) translateX(-10px);
    }

    /* Content Styling */
    .ne-w-icon {
        width: 60px; height: 60px;
        background: #1a1a1a;
        border: 1px solid #333333;
        border-radius: 12px;
        display: flex; justify-content: center; align-items: center;
        margin-bottom: 25px;
        position: relative;
        z-index: 2;
        transition: all 0.4s ease;
    }
    .ne-w-icon svg { width: 30px; height: 30px; fill: #ff0000; transition: all 0.4s ease; }
    
    .ne-w-card:hover .ne-w-icon { background: #ff0000; border-color: #ff0000; box-shadow: 0 10px 20px rgba(255,0,0,0.3); }
    .ne-w-card:hover .ne-w-icon svg { fill: #ffffff; }

    .ne-w-title {
        font-family: 'Barlow', sans-serif;
        font-size: 1.4rem;
        font-weight: 800;
        color: #ffffff;
        margin: 0 0 15px 0;
        position: relative;
        z-index: 2;
        text-transform: uppercase;
    }

    .ne-w-desc {
        font-size: 0.95rem;
        color: #888888;
        line-height: 1.6;
        margin: 0 0 25px 0;
        position: relative;
        z-index: 2;
        flex-grow: 1; /* Pushes the link to the bottom */
        transition: color 0.3s ease;
    }
    .ne-w-card:hover .ne-w-desc { color: #bbbbbb; }

    .ne-w-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-family: 'Barlow', sans-serif;
        font-weight: 700;
        color: #ff0000;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.9rem;
        letter-spacing: 1px;
        position: relative;
        z-index: 2;
        transition: all 0.3s ease;
    }
    .ne-w-link svg { width: 18px; height: 18px; fill: #ff0000; transition: transform 0.3s ease; }
    
    .ne-w-card:hover .ne-w-link { color: #ffffff; }
    .ne-w-card:hover .ne-w-link svg { fill: #ffffff; transform: translateX(5px); }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 1024px) {
        .ne-what-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .ne-w-card { min-height: 320px; }
    }

    @media (max-width: 991px) {
        .ne-what-wrap { padding: 80px 0; }
        .ne-what-title { font-size: 3rem; }
    }

    @media (max-width: 768px) {
        .ne-what-title { font-size: 2.3rem; }
        .ne-what-grid { grid-template-columns: 1fr; } /* Stack on phones */
        .ne-w-card { padding: 30px 25px; min-height: auto; }
        .ne-w-number { font-size: 6rem; right: 0; bottom: -5px; }
    }



    

    

    /* FULL WIDTH LIGHT SECTION */
    .ne-ps-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #f8f9fa; /* Fresh Light Grey */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    .ne-ps-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* SECTION HEADER */
    .ne-ps-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .ne-ps-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.05);
        border: 1px solid rgba(255, 0, 0, 0.2);
        padding: 6px 20px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .ne-ps-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #111111;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-ps-title span { color: #ff0000; }

    /* MAIN SPLIT LAYOUT */
    .ne-ps-layout {
        display: grid;
        grid-template-columns: 1.6fr 1fr; /* Products take slightly more space */
        gap: 30px;
        align-items: stretch;
    }

    /* -----------------------------------------
       LEFT SIDE: PRODUCTS (Light Theme)
    ----------------------------------------- */
    .ne-ps-products-col {
        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 12px;
        padding: 40px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    }

    .ne-col-title-light {
        font-family: 'Barlow', sans-serif;
        font-size: 2rem;
        font-weight: 800;
        color: #111111;
        margin: 0 0 30px 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .ne-col-title-light::after {
        content: ''; flex-grow: 1; height: 2px; background: #f0f0f0;
    }

    .ne-prod-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .ne-prod-card {
        display: flex;
        align-items: center;
        gap: 15px;
        padding: 20px;
        background: #fdfdfd;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    /* To balance 7 items, the last one spans across both columns */
    .ne-prod-card:last-child {
        grid-column: span 2;
    }

    .ne-prod-icon {
        width: 45px; height: 45px;
        background: rgba(255,0,0,0.05);
        border-radius: 8px;
        display: flex; justify-content: center; align-items: center;
        flex-shrink: 0;
        transition: all 0.3s ease;
    }
    .ne-prod-icon svg { width: 22px; height: 22px; fill: #ff0000; transition: all 0.3s ease; }

    .ne-prod-name {
        font-family: 'Barlow', sans-serif;
        font-size: 1.15rem;
        font-weight: 700;
        color: #222222;
        margin: 0;
        transition: color 0.3s ease;
    }

    .ne-prod-card:hover {
        transform: translateY(-5px);
        border-color: rgba(255,0,0,0.3);
        box-shadow: 0 10px 20px rgba(255,0,0,0.05);
    }
    .ne-prod-card:hover .ne-prod-icon { background: #ff0000; }
    .ne-prod-card:hover .ne-prod-icon svg { fill: #ffffff; }
    .ne-prod-card:hover .ne-prod-name { color: #ff0000; }


    /* -----------------------------------------
       RIGHT SIDE: SERVICES (Dark Theme)
    ----------------------------------------- */
    .ne-ps-services-col {
        background: linear-gradient(145deg, #121212 0%, #050505 100%);
        border: 1px solid #222222;
        border-radius: 12px;
        padding: 40px;
        box-shadow: 0 15px 35px rgba(0,0,0,0.2);
        position: relative;
        overflow: hidden;
    }

    /* Top Red Accent inside dark box */
    .ne-ps-services-col::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 4px;
        background: #ff0000;
    }

    .ne-col-title-dark {
        font-family: 'Barlow', sans-serif;
        font-size: 2rem;
        font-weight: 800;
        color: #ffffff;
        margin: 0 0 30px 0;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .ne-col-title-dark::after {
        content: ''; flex-grow: 1; height: 2px; background: #333333;
    }

    .ne-serv-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .ne-serv-card {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 22px 20px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .ne-serv-icon {
        width: 50px; height: 50px;
        background: #1a1a1a;
        border: 1px solid #333333;
        border-radius: 50%;
        display: flex; justify-content: center; align-items: center;
        flex-shrink: 0;
        transition: all 0.3s ease;
    }
    .ne-serv-icon svg { width: 22px; height: 22px; fill: #ff0000; transition: all 0.3s ease; }

    .ne-serv-name {
        font-family: 'Barlow', sans-serif;
        font-size: 1.15rem;
        font-weight: 700;
        color: #ffffff;
        margin: 0;
        line-height: 1.3;
        transition: color 0.3s ease;
    }

    .ne-serv-card:hover {
        background: rgba(255,255,255,0.08);
        border-color: rgba(255,0,0,0.4);
        transform: translateX(10px);
    }
    .ne-serv-card:hover .ne-serv-icon { background: #ff0000; border-color: #ff0000; }
    .ne-serv-card:hover .ne-serv-icon svg { fill: #ffffff; }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 1024px) {
        .ne-ps-layout { grid-template-columns: 1fr; } /* Stack Products and Services */
        .ne-prod-grid { grid-template-columns: repeat(3, 1fr); }
        .ne-prod-card:last-child { grid-column: auto; } /* Remove span on tablet */
    }

    @media (max-width: 768px) {
        .ne-ps-wrap { padding: 80px 0; }
        .ne-ps-title { font-size: 2.5rem; }
        .ne-ps-products-col, .ne-ps-services-col { padding: 30px 20px; }
        .ne-col-title-light, .ne-col-title-dark { font-size: 1.6rem; }
        .ne-prod-grid { grid-template-columns: 1fr; } /* Single column for products on mobile */
        .ne-prod-card:last-child { grid-column: span 1; }
        .ne-prod-name, .ne-serv-name { font-size: 1.05rem; }
    }



    

    

    /* FULL WIDTH DARK SECTION */
    .ne-ab-why-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #030303; /* Deepest black for max contrast */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    /* Tech Dots Background Pattern */
    .ne-ab-why-wrap::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: radial-gradient(rgba(255, 255, 255, 0.03) 2px, transparent 2px);
        background-size: 40px 40px;
        z-index: 0;
    }

    .ne-ab-why-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* CENTERED HEADER */
    .ne-ab-why-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .ne-ab-why-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.05);
        border: 1px solid rgba(255, 0, 0, 0.2);
        padding: 6px 25px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .ne-ab-why-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #ffffff;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-ab-why-title span { color: #ff0000; }

    /* 3x2 GRID (6 Items) */
    .ne-ab-why-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    /* PREMIUM CARD DESIGN */
    .ne-ab-why-card {
        background: linear-gradient(145deg, #111111 0%, #0a0a0a 100%);
        border: 1px solid #1a1a1a;
        border-radius: 12px;
        padding: 40px 30px;
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        display: flex;
        flex-direction: column;
        z-index: 1;
    }

    /* Top Red Border */
    .ne-ab-why-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 3px;
        background: #ff0000;
        transform: scaleX(0);
        transition: transform 0.4s ease;
    }

    /* Large Faded Number */
    .ne-ab-why-number {
        position: absolute;
        bottom: -15px; right: 5px;
        font-family: 'Barlow', sans-serif;
        font-size: 7rem;
        font-weight: 900;
        color: rgba(255,255,255,0.02);
        line-height: 1;
        z-index: -1;
        transition: all 0.4s ease;
        pointer-events: none;
    }

    /* Hover Effects */
    .ne-ab-why-card:hover {
        transform: translateY(-8px);
        background: linear-gradient(145deg, #151515 0%, #0d0d0d 100%);
        border-color: rgba(255,0,0,0.3);
        box-shadow: 0 15px 35px rgba(0,0,0,0.8), 0 0 20px rgba(255,0,0,0.1);
    }
    .ne-ab-why-card:hover::before { transform: scaleX(1); }
    .ne-ab-why-card:hover .ne-ab-why-number { color: rgba(255,0,0,0.05); transform: translateY(-10px); }

    /* Card Content */
    .ne-ab-why-icon {
        width: 55px; height: 55px;
        background: rgba(255,0,0,0.1);
        border: 1px solid rgba(255,0,0,0.2);
        border-radius: 12px;
        display: flex; justify-content: center; align-items: center;
        margin-bottom: 25px;
        transition: all 0.4s ease;
    }
    .ne-ab-why-icon svg { width: 28px; height: 28px; fill: #ff0000; transition: all 0.4s ease; }

    .ne-ab-why-card:hover .ne-ab-why-icon {
        background: #ff0000;
        border-color: #ff0000;
        transform: rotateY(180deg);
    }
    .ne-ab-why-card:hover .ne-ab-why-icon svg { fill: #ffffff; }

    .ne-ab-why-card h3 {
        font-family: 'Barlow', sans-serif;
        font-size: 1.35rem;
        font-weight: 800;
        color: #ffffff;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .ne-ab-why-card p {
        font-size: 0.95rem;
        color: #888888;
        line-height: 1.6;
        margin: 0;
        transition: color 0.3s ease;
    }
    .ne-ab-why-card:hover p { color: #cccccc; }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 1024px) {
        .ne-ab-why-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    }

    @media (max-width: 768px) {
        .ne-ab-why-wrap { padding: 80px 0; }
        .ne-ab-why-title { font-size: 2.5rem; }
        .ne-ab-why-grid { grid-template-columns: 1fr; gap: 20px; }
        .ne-ab-why-card { padding: 30px 25px; }
    }



    

    

    /* FULL WIDTH LIGHT SECTION */
    .ne-ind-wrap-v2 {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #f7f9fc; /* Very light premium grey/blue tint */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    /* Abstract Tech Dots Background */
    .ne-ind-wrap-v2::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: radial-gradient(rgba(0, 0, 0, 0.04) 2px, transparent 2px);
        background-size: 30px 30px;
        z-index: 0;
    }

    .ne-ind-container-v2 {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* CENTERED HEADER */
    .ne-ind-header-v2 {
        text-align: center;
        margin-bottom: 60px;
    }

    .ne-ind-eyebrow-v2 {
        display: inline-block;
        color: #ff0000;
        background: #ffffff;
        border: 1px solid rgba(255, 0, 0, 0.15);
        padding: 6px 25px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    }

    .ne-ind-title-v2 {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #111111;
        margin: 0 0 15px 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-ind-title-v2 span { color: #ff0000; }

    .ne-ind-desc-v2 {
        font-size: 1.15rem;
        color: #666666;
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* 4x2 GRID */
    .ne-ind-grid-v2 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    /* RED-FILL CARD DESIGN */
    .ne-ind-card-v2 {
        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 8px;
        padding: 40px 25px;
        text-align: center;
        position: relative;
        overflow: hidden;
        transition: all 0.4s ease;
        box-shadow: 0 10px 20px rgba(0,0,0,0.02);
        cursor: default;
    }

    /* The sliding red background */
    .ne-ind-card-v2::before {
        content: '';
        position: absolute;
        bottom: 0; left: 0; width: 100%; height: 100%;
        background: #ff0000;
        transform: translateY(100%);
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        z-index: 0;
    }

    .ne-ind-card-v2:hover {
        transform: translateY(-8px);
        border-color: #ff0000;
        box-shadow: 0 15px 30px rgba(255,0,0,0.2);
    }
    
    .ne-ind-card-v2:hover::before {
        transform: translateY(0); /* Slides up to fill the card */
    }

    /* Content Wrapper to stay above the red fill */
    .ne-ind-content-v2 {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Icon Styling */
    .ne-ind-icon-v2 {
        width: 70px; height: 70px;
        background: rgba(255,0,0,0.05);
        border-radius: 50%;
        display: flex; justify-content: center; align-items: center;
        margin-bottom: 20px;
        transition: all 0.4s ease;
    }
    .ne-ind-icon-v2 svg {
        width: 35px; height: 35px;
        fill: #ff0000;
        transition: all 0.4s ease;
    }

    /* Changing colors on hover */
    .ne-ind-card-v2:hover .ne-ind-icon-v2 {
        background: rgba(255,255,255,0.2);
        transform: scale(1.1);
    }
    .ne-ind-card-v2:hover .ne-ind-icon-v2 svg {
        fill: #ffffff;
    }

    .ne-ind-name-v2 {
        font-family: 'Barlow', sans-serif;
        font-size: 1.25rem;
        font-weight: 800;
        color: #111111;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: color 0.4s ease;
    }

    .ne-ind-card-v2:hover .ne-ind-name-v2 {
        color: #ffffff;
    }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 1024px) {
        .ne-ind-grid-v2 { grid-template-columns: repeat(3, 1fr); gap: 15px; }
    }

    @media (max-width: 991px) {
        .ne-ind-wrap-v2 { padding: 80px 0; }
        .ne-ind-title-v2 { font-size: 3rem; }
    }

    @media (max-width: 768px) {
        .ne-ind-title-v2 { font-size: 2.3rem; }
        .ne-ind-desc-v2 { font-size: 1rem; }
        /* 2 Columns on Mobile for better UX (so it doesn't take endless scrolling) */
        .ne-ind-grid-v2 { grid-template-columns: repeat(2, 1fr); gap: 15px; }
        .ne-ind-card-v2 { padding: 25px 15px; }
        .ne-ind-icon-v2 { width: 55px; height: 55px; margin-bottom: 15px; }
        .ne-ind-icon-v2 svg { width: 28px; height: 28px; }
        .ne-ind-name-v2 { font-size: 1rem; }
    }

    @media (max-width: 480px) {
        .ne-ind-grid-v2 { grid-template-columns: 1fr; } /* Stack on very small screens */
    }



    

    

    /* FULL WIDTH DARK SECTION */
    .ne-approach-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #050505; /* Deep Industrial Dark */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    /* Subtle Grid Background */
    .ne-approach-wrap::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: 
            linear-gradient(rgba(255,0,0,0.03) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,0,0,0.03) 1px, transparent 1px);
        background-size: 50px 50px;
        z-index: 0;
    }

    .ne-approach-container {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* HEADER */
    .ne-app-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .ne-app-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.05);
        border: 1px solid rgba(255, 0, 0, 0.2);
        padding: 6px 20px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .ne-app-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #ffffff;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-app-title span { color: #ff0000; }

    /* HORIZONTAL PROCESS TRACK */
    .ne-process-track {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-top: 10px;
    }

    /* The Connecting Background Wire */
    .ne-track-line-bg {
        position: absolute;
        top: 50px; /* Aligned with center of the icon */
        left: 5%;
        width: 90%;
        height: 2px;
        background: #222222;
        z-index: 1;
    }

    /* ==================================================
       ELECTRIC CURRENT EFFECT (NEW)
       ================================================== */
    .ne-track-line-glow {
        position: absolute;
        top: 49px; /* Aligned with center */
        left: 5%;
        width: 90%;
        height: 4px;
        background: transparent;
        z-index: 2;
        overflow: hidden;
    }
    
    .ne-track-line-glow::before {
        content: '';
        position: absolute;
        top: 50%; left: -200px;
        transform: translateY(-50%);
        width: 200px; height: 100%;
        
        /* Electric Gradient: White Spark Head -> Red Core -> Transparent Tail */
        background: linear-gradient(90deg, transparent 0%, rgba(255,0,0,0.3) 40%, #ff0000 85%, #ffffff 100%);
        box-shadow: 0 0 20px #ff0000, 3px 0 10px #ffffff;
        border-radius: 50px;
        
        /* Combines moving forward + fast electrical flickering */
        animation: neRunCurrent 3s linear infinite, neElectricZap 0.08s infinite alternate;
    }

    /* Movement */
    @keyframes neRunCurrent {
        0% { left: -200px; }
        100% { left: 100%; }
    }

    /* Fast Flickering / Zapping effect */
    @keyframes neElectricZap {
        0% { opacity: 1; filter: brightness(1.5); height: 4px; }
        100% { opacity: 0.5; filter: brightness(0.8); height: 2px; }
    }

    /* INDIVIDUAL STEPS */
    .ne-step-box {
        flex: 1;
        text-align: center;
        z-index: 3;
        position: relative;
        padding: 0 15px;
        transition: transform 0.4s ease;
    }

    /* Icon / Number Node */
    .ne-step-node {
        width: 80px; height: 80px;
        margin: 0 auto 25px auto;
        background: #111111;
        border: 2px solid #333333;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: all 0.4s ease;
        box-shadow: 0 0 20px rgba(0,0,0,0.5);
    }
    
    .ne-step-node span {
        font-family: 'Barlow', sans-serif;
        font-size: 2rem;
        font-weight: 900;
        color: #555555;
        transition: color 0.4s ease;
    }

    /* Text Content */
    .ne-step-title {
        font-family: 'Barlow', sans-serif;
        font-size: 1.3rem;
        font-weight: 800;
        color: #ffffff;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        transition: color 0.3s ease;
    }
    
    .ne-step-desc {
        font-size: 0.95rem;
        color: #888888;
        line-height: 1.5;
        margin: 0;
        transition: color 0.3s ease;
    }

    /* Hover Effects */
    .ne-step-box:hover { transform: translateY(-10px); }
    .ne-step-box:hover .ne-step-node {
        border-color: #ff0000;
        background: rgba(255,0,0,0.1);
        box-shadow: 0 0 25px rgba(255,0,0,0.5);
    }
    .ne-step-box:hover .ne-step-node span { color: #ffffff; text-shadow: 0 0 15px #ff0000; }
    .ne-step-box:hover .ne-step-title { color: #ff0000; }
    .ne-step-box:hover .ne-step-desc { color: #cccccc; }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS (Vertical Electric Flow)
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-approach-wrap { padding: 80px 0; }
        .ne-app-title { font-size: 3rem; }
    }

    @media (max-width: 768px) {
        .ne-app-title { font-size: 2.3rem; }
        .ne-app-header { margin-bottom: 50px; }
        
        /* Change to Vertical Column */
        .ne-process-track {
            flex-direction: column;
            gap: 40px;
            padding-left: 20px;
        }

        /* Adjust lines for vertical orientation */
        .ne-track-line-bg {
            top: 20px;
            left: 58px; /* Centers behind the icon */
            width: 2px;
            height: 90%;
        }

        .ne-track-line-glow {
            top: 20px;
            left: 57px;
            width: 4px;
            height: 90%;
        }

        /* Vertical Electric Current */
        .ne-track-line-glow::before {
            top: -200px; left: 50%;
            transform: translateX(-50%);
            width: 100%; height: 200px;
            /* White head at the bottom (100%), trailing transparent red at top */
            background: linear-gradient(180deg, transparent 0%, rgba(255,0,0,0.3) 40%, #ff0000 85%, #ffffff 100%);
            box-shadow: 0 0 20px #ff0000, 0 3px 10px #ffffff;
            animation: neRunCurrentVertical 3.5s linear infinite, neElectricZap 0.08s infinite alternate;
        }

        @keyframes neRunCurrentVertical {
            0% { top: -200px; }
            100% { top: 100%; }
        }

        /* Align items horizontally inside the stack */
        .ne-step-box {
            display: flex;
            align-items: center;
            text-align: left;
            padding: 0;
            gap: 25px;
        }
        
        .ne-step-box:hover { transform: translateX(10px); }

        .ne-step-node {
            margin: 0;
            flex-shrink: 0;
            width: 70px; height: 70px;
        }
        .ne-step-node span { font-size: 1.5rem; }

        .ne-step-text-wrap { flex-grow: 1; }
    }



    

    

    /* FULL WIDTH LIGHT SECTION */
    .ne-net-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #ffffff;
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
        border-top: 1px solid #f0f0f0;
    }

    .ne-net-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 1250px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
        gap: 50px;
    }

    /* -----------------------------------------
       LEFT SIDE: TEXT & CARDS
    ----------------------------------------- */
    .ne-net-left {
        flex: 1 1 45%;
        max-width: 500px;
    }

    .ne-net-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.05);
        border: 1px solid rgba(255, 0, 0, 0.15);
        padding: 6px 20px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .ne-net-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #111111;
        line-height: 1.1;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-net-title span { color: #ff0000; }

    .ne-net-desc {
        font-size: 1.1rem;
        color: #666666;
        line-height: 1.6;
        margin-bottom: 40px;
    }

    /* City Cards List */
    .ne-city-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .ne-city-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 25px;
        background: #f9f9f9;
        border: 1px solid #eeeeee;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .ne-city-item-left {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .ne-city-icon {
        width: 45px; height: 45px;
        background: #ffffff;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        display: flex; justify-content: center; align-items: center;
        transition: all 0.3s ease;
    }
    .ne-city-icon svg { width: 22px; height: 22px; fill: #111111; transition: all 0.3s ease; }

    .ne-city-name {
        font-family: 'Barlow', sans-serif;
        font-size: 1.3rem;
        font-weight: 800;
        color: #111111;
        margin: 0;
        text-transform: uppercase;
        transition: color 0.3s ease;
    }

    .ne-city-status {
        font-size: 0.85rem;
        color: #aaaaaa;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        gap: 6px;
        transition: color 0.3s ease;
    }
    .ne-city-status::before {
        content: ''; width: 8px; height: 8px; background: #cccccc; border-radius: 50%; transition: background 0.3s ease;
    }

    /* Hover Effects on Cards */
    .ne-city-item:hover, .ne-city-item.active {
        background: #ffffff; border-color: rgba(255,0,0,0.3); box-shadow: 0 10px 25px rgba(255,0,0,0.08); transform: translateX(10px);
    }
    .ne-city-item:hover .ne-city-icon, .ne-city-item.active .ne-city-icon { background: #ff0000; border-color: #ff0000; }
    .ne-city-item:hover .ne-city-icon svg, .ne-city-item.active .ne-city-icon svg { fill: #ffffff; }
    .ne-city-item:hover .ne-city-name, .ne-city-item.active .ne-city-name { color: #ff0000; }
    .ne-city-item:hover .ne-city-status, .ne-city-item.active .ne-city-status { color: #ff0000; }
    .ne-city-item:hover .ne-city-status::before, .ne-city-item.active .ne-city-status::before { background: #ff0000; box-shadow: 0 0 10px #ff0000; }

    /* -----------------------------------------
       RIGHT SIDE: DIRECT INDIA MAP & MARKERS
    ----------------------------------------- */
    .ne-net-right {
        flex: 1 1 45%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .ne-map-wrapper {
        position: relative;
        width: 100%;
        max-width: 500px;
    }

    
    /* ========================================================
       BULLETPROOF VECTOR MAP (INLINE SVG) & PINS
       ======================================================== */
    .ne-net-right {
        flex: 1 1 48%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .ne-map-wrapper {
        position: relative;
        width: 100%;
        max-width: 520px;
        margin: 0 auto;
    }

    .ne-map-wrapper .india-svg-map {
        width: 100%;
        height: auto;
        max-height: 540px;
        display: block;
        overflow: visible;
        transition: all 0.4s ease;
    }

    /* Dark Mode Map Visibility (High contrast neon red / luminous boundary) */
    html[data-theme="dark"] .ne-map-wrapper .india-svg-map {
        filter: drop-shadow(0 0 25px rgba(255, 30, 30, 0.45)) drop-shadow(0 0 50px rgba(255, 0, 0, 0.2)) !important;
    }
    html[data-theme="dark"] .ne-map-wrapper .india-svg-map path,
    html[data-theme="dark"] .ne-map-wrapper .india-svg-map .india-land-path {
        fill: rgba(255, 0, 0, 0.12) !important;
        stroke: #ff2a2a !important;
        stroke-width: 16 !important;
    }

    /* Light Mode Map Visibility */
    html[data-theme="light"] .ne-map-wrapper .india-svg-map {
        filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08)) !important;
    }
    html[data-theme="light"] .ne-map-wrapper .india-svg-map path,
    html[data-theme="light"] .ne-map-wrapper .india-svg-map .india-land-path {
        fill: #f1f5f9 !important;
        stroke: #0284c7 !important;
        stroke-width: 14 !important;
    }

    /* Map Pins */
    .ne-map-pin {
        position: absolute;
        display: flex;
        align-items: center;
        gap: 8px;
        transform: translate(-50%, -50%);
        cursor: pointer;
        z-index: 10;
        transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .ne-map-pin:hover,
    .ne-map-pin.active {
        z-index: 50;
        transform: translate(-50%, -50%) scale(1.15);
    }

    .ne-pin-dot {
        position: relative;
        width: 12px;
        height: 12px;
        background: #ff0000;
        border: 2px solid #ffffff;
        border-radius: 50%;
        box-shadow: 0 0 12px #ff0000, 0 0 20px rgba(255, 0, 0, 0.8);
        flex-shrink: 0;
    }

    .ne-pin-dot::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 2px solid #ff0000;
        animation: nePinRadar 2.2s infinite ease-out;
    }

    @keyframes nePinRadar {
        0% { width: 100%; height: 100%; opacity: 0.9; }
        100% { width: 360%; height: 360%; opacity: 0; }
    }

    /* Pin Labels: Dark Mode by default */
    .ne-pin-label {
        background: rgba(10, 15, 25, 0.92);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.25);
        padding: 5px 10px;
        border-radius: 4px;
        font-family: 'Barlow', sans-serif;
        font-weight: 800;
        font-size: 0.78rem;
        color: #ffffff;
        text-transform: uppercase;
        white-space: nowrap;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6);
        transition: all 0.2s ease;
    }

    html[data-theme="dark"] .ne-pin-label {
        background: rgba(10, 15, 25, 0.92) !important;
        border-color: rgba(255, 255, 255, 0.25) !important;
        color: #ffffff !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.7) !important;
    }

    html[data-theme="light"] .ne-pin-label {
        background: #ffffff !important;
        border-color: #cbd5e1 !important;
        color: #0f172a !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    }

    .ne-map-pin:hover .ne-pin-label,
    .ne-map-pin.active .ne-pin-label {
        background: #ff0000 !important;
        border-color: #ff0000 !important;
        color: #ffffff !important;
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.7) !important;
    }

        100% { width: 250%; height: 250%; opacity: 0; }
    }

    /* Acccurate City Coordinates */
    .pin-ahmedabad { top: 48%; left: 21%; }
    .pin-mumbai { top: 61%; left: 22%; }
    .pin-pune { top: 64%; left: 26%; }
    .pin-bengaluru { top: 80%; left: 34%; }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-net-wrap { padding: 80px 0; }
        .ne-net-container { flex-direction: column; gap: 60px; }
        .ne-net-left { max-width: 100%; text-align: center; }
        .ne-city-item { text-align: left; }
        .ne-map-wrapper { max-width: 450px; }
    }

    @media (max-width: 768px) {
        .ne-net-title { font-size: 2.8rem; }
        .ne-city-item:hover, .ne-city-item.active { transform: translateX(5px); }
        .ne-city-status { font-size: 0.75rem; }
        .ne-city-name { font-size: 1.1rem; }
        /* Keep labels visible but smaller on mobile */
        .ne-pin-label { font-size: 0.7rem; padding: 3px 6px; }
    }



    

    

    /* FULL WIDTH DARK SECTION */
    .ne-mv-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: #050505; /* Deepest Dark */
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
    }

    /* Central Glowing Red Orb */
    .ne-mv-wrap::before {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 800px; height: 800px;
        background: radial-gradient(circle, rgba(255,0,0,0.05) 0%, transparent 60%);
        border-radius: 50%;
        z-index: 0;
        pointer-events: none;
    }

    /* Abstract Tech Grid */
    .ne-mv-wrap::after {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
        background-size: 50px 50px;
        z-index: 0;
        pointer-events: none;
    }

    .ne-mv-container {
        max-width: 1200px; /* Slightly tighter for a focused 2-column layout */
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    /* HEADER */
    .ne-mv-header {
        text-align: center;
        margin-bottom: 60px;
    }

    .ne-mv-eyebrow {
        display: inline-block;
        color: #ff0000;
        background: rgba(255, 0, 0, 0.05);
        border: 1px solid rgba(255, 0, 0, 0.2);
        padding: 6px 25px;
        border-radius: 50px;
        font-family: 'Barlow', sans-serif;
        font-size: 0.95rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .ne-mv-title {
        font-family: 'Barlow', sans-serif;
        font-size: 3.5rem;
        font-weight: 900;
        color: #ffffff;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .ne-mv-title span { color: #ff0000; }

    /* 2-COLUMN GRID */
    .ne-mv-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    /* PREMIUM CARD */
    .ne-mv-card {
        background: linear-gradient(145deg, #121212 0%, #080808 100%);
        border: 1px solid #1f1f1f;
        border-radius: 12px;
        padding: 60px 40px;
        position: relative;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Top Red Accent */
    .ne-mv-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 4px;
        background: #ff0000;
        transform: scaleX(0);
        transition: transform 0.4s ease;
    }

    /* Giant Watermark Icon Background */
    .ne-mv-watermark {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 250px; height: 250px;
        fill: rgba(255,255,255,0.02);
        z-index: 0;
        transition: all 0.5s ease;
        pointer-events: none;
    }

    /* Hover State */
    .ne-mv-card:hover {
        transform: translateY(-10px);
        background: linear-gradient(145deg, #151515 0%, #0a0a0a 100%);
        border-color: rgba(255,0,0,0.3);
        box-shadow: 0 20px 50px rgba(0,0,0,0.8), 0 0 30px rgba(255,0,0,0.1);
    }
    .ne-mv-card:hover::before { transform: scaleX(1); }
    .ne-mv-card:hover .ne-mv-watermark { fill: rgba(255,0,0,0.04); transform: translate(-50%, -50%) scale(1.1); }

    /* Content */
    .ne-mv-icon {
        width: 80px; height: 80px;
        background: #1a1a1a;
        border: 2px solid #333333;
        border-radius: 50%;
        display: flex; justify-content: center; align-items: center;
        margin-bottom: 30px;
        position: relative;
        z-index: 2;
        transition: all 0.4s ease;
    }
    .ne-mv-icon svg { width: 35px; height: 35px; fill: #ff0000; transition: all 0.4s ease; }
    
    .ne-mv-card:hover .ne-mv-icon {
        background: #ff0000; border-color: #ff0000; box-shadow: 0 10px 20px rgba(255,0,0,0.4);
    }
    .ne-mv-card:hover .ne-mv-icon svg { fill: #ffffff; }

    .ne-mv-card h3 {
        font-family: 'Barlow', sans-serif;
        font-size: 2rem;
        font-weight: 900;
        color: #ffffff;
        margin: 0 0 20px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        position: relative;
        z-index: 2;
    }

    .ne-mv-card p {
        font-size: 1.15rem;
        color: #aaaaaa;
        line-height: 1.7;
        margin: 0;
        position: relative;
        z-index: 2;
        transition: color 0.3s ease;
    }
    .ne-mv-card:hover p { color: #dddddd; }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-mv-wrap { padding: 80px 0; }
        .ne-mv-title { font-size: 3rem; }
        .ne-mv-grid { gap: 30px; }
        .ne-mv-card { padding: 50px 30px; }
    }

    @media (max-width: 768px) {
        .ne-mv-title { font-size: 2.5rem; }
        .ne-mv-grid { grid-template-columns: 1fr; } /* Stacks vertically on phone */
        .ne-mv-card { padding: 40px 25px; }
        .ne-mv-icon { width: 65px; height: 65px; margin-bottom: 20px; }
        .ne-mv-icon svg { width: 28px; height: 28px; }
        .ne-mv-card h3 { font-size: 1.6rem; margin-bottom: 15px; }
        .ne-mv-card p { font-size: 1.05rem; }
    }



    

    

    /* FULL WIDTH RED CTA SECTION */
    .ne-about-cta-wrap {
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        /* Powerful Red Gradient */
        background: linear-gradient(135deg, #e60000 0%, #aa0000 100%);
        padding: 100px 0;
        font-family: 'Roboto', sans-serif;
        overflow: hidden;
        text-align: center;
    }

    /* Abstract Circuit / Tech Pattern overlay */
    .ne-about-cta-wrap::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: 
            linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px);
        background-size: 40px 40px;
        z-index: 0;
    }

    /* Dark gradient fade at the bottom to blend with Footer */
    .ne-about-cta-wrap::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0; width: 100%; height: 50px;
        background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 100%);
        z-index: 1;
    }

    .ne-about-cta-container {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
        animation: neCtaFloat 4s ease-in-out infinite alternate;
    }

    /* Subtle floating effect for the content box */
    @keyframes neCtaFloat {
        0% { transform: translateY(0px); }
        100% { transform: translateY(-10px); }
    }

    /* TITLE */
    .ne-about-cta-title {
        font-family: 'Barlow', sans-serif;
        font-size: 4rem;
        font-weight: 900;
        color: #ffffff;
        line-height: 1.1;
        margin: 0 0 20px 0;
        text-transform: uppercase;
        letter-spacing: -1px;
        text-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }

    /* DESCRIPTION */
    .ne-about-cta-desc {
        font-size: 1.3rem;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.6;
        margin: 0 auto 40px auto;
        max-width: 650px;
        font-weight: 500;
    }

    /* ACTION BUTTON */
    .ne-about-cta-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        background: #ffffff;
        color: #d10000;
        font-family: 'Barlow', sans-serif;
        font-size: 1.2rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 18px 45px;
        border-radius: 50px; /* Pill shape for contrast against boxy elements */
        text-decoration: none;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    }
    .ne-about-cta-btn svg {
        width: 24px; height: 24px; fill: #d10000; transition: transform 0.3s ease;
    }

    /* Button Hover */
    .ne-about-cta-btn:hover {
        background: #111111; /* Turns sleek black on hover */
        color: #ffffff;
        transform: translateY(-5px) scale(1.05);
        box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    }
    .ne-about-cta-btn:hover svg {
        fill: #ffffff;
        transform: translateX(6px);
    }

    /* -----------------------------------------
       MOBILE RESPONSIVENESS
    ----------------------------------------- */
    @media (max-width: 991px) {
        .ne-about-cta-title { font-size: 3.2rem; }
    }

    @media (max-width: 768px) {
        .ne-about-cta-wrap { padding: 80px 0; }
        .ne-about-cta-title { font-size: 2.6rem; margin-bottom: 15px; }
        .ne-about-cta-desc { font-size: 1.1rem; margin-bottom: 30px; }
        .ne-about-cta-btn { padding: 15px 30px; font-size: 1.05rem; width: 100%; border-radius: 8px; }
    }

/* ========================================================
   DARK & LIGHT THEME ADAPTATION FOR ABOUT US SECTIONS
   ======================================================== */

/* --- WHO WE ARE SECTION --- */
html[data-theme="dark"] .ne-who-wrap {
  background: #0b1120 !important;
}
html[data-theme="dark"] .ne-who-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-who-desc {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .ne-who-highlight {
  color: #f8fafc !important;
  background: rgba(255, 0, 0, 0.08) !important;
  border-left: 4px solid #ff0000 !important;
}
html[data-theme="dark"] .ne-who-card {
  background: #111827 !important;
  border-color: #1f2937 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
html[data-theme="dark"] .ne-who-card h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-who-card p {
  color: #cbd5e1 !important;
}

html[data-theme="light"] .ne-who-wrap {
  background: #ffffff !important;
}
html[data-theme="light"] .ne-who-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-who-desc {
  color: #475569 !important;
}
html[data-theme="light"] .ne-who-highlight {
  color: #0f172a !important;
  background: rgba(255, 0, 0, 0.04) !important;
  border-left: 4px solid #ff0000 !important;
}
html[data-theme="light"] .ne-who-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .ne-who-card h3 {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-who-card p {
  color: #475569 !important;
}

/* --- PRODUCTS & SERVICES SPLIT SECTION (ne-ps-wrap) --- */
.ne-prod-info, .ne-serv-info {
  display: flex;
  flex-direction: column;
}
.ne-prod-sub-badge, .ne-serv-sub-badge {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 4px;
  letter-spacing: 0.5px;
}
html[data-theme="dark"] .ne-prod-sub-badge,
html[data-theme="dark"] .ne-serv-sub-badge {
  color: #ff4d4d !important;
}
html[data-theme="light"] .ne-prod-sub-badge,
html[data-theme="light"] .ne-serv-sub-badge {
  color: #e60000 !important;
}

/* Dark Mode Products & Services */
html[data-theme="dark"] .ne-ps-wrap {
  background: #050811 !important;
  border-top: 1px solid #1a2234 !important;
  border-bottom: 1px solid #1a2234 !important;
}
html[data-theme="dark"] .ne-ps-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-ps-products-col {
  background: #0d121f !important;
  border: 1px solid #1f293d !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .ne-col-title-light {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-col-title-light::after {
  background: #1f293d !important;
}
html[data-theme="dark"] .ne-prod-card {
  background: #141d2e !important;
  border: 1px solid #1f2a3e !important;
}
html[data-theme="dark"] .ne-prod-card:hover {
  background: #1a253a !important;
  border-color: #ff0000 !important;
}
html[data-theme="dark"] .ne-prod-name {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-prod-icon {
  background: rgba(255, 0, 0, 0.12) !important;
}
html[data-theme="dark"] .ne-ps-services-col {
  background: linear-gradient(145deg, #0d121f 0%, #060911 100%) !important;
  border: 1px solid #1f293d !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.5) !important;
}
html[data-theme="dark"] .ne-col-title-dark {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-col-title-dark::after {
  background: #1f293d !important;
}
html[data-theme="dark"] .ne-serv-card {
  background: #141d2e !important;
  border: 1px solid #1f2a3e !important;
}
html[data-theme="dark"] .ne-serv-card:hover {
  background: #1a253a !important;
  border-color: #ff0000 !important;
}
html[data-theme="dark"] .ne-serv-name {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-serv-icon {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
}

/* Light Mode Products & Services */
html[data-theme="light"] .ne-ps-wrap {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .ne-ps-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-ps-products-col {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .ne-col-title-light {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-col-title-light::after {
  background: #e2e8f0 !important;
}
html[data-theme="light"] .ne-prod-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}
html[data-theme="light"] .ne-prod-card:hover {
  background: #fff5f5 !important;
  border-color: #ff0000 !important;
}
html[data-theme="light"] .ne-prod-name {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-prod-icon {
  background: rgba(255, 0, 0, 0.06) !important;
}
html[data-theme="light"] .ne-ps-services-col {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .ne-col-title-dark {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-col-title-dark::after {
  background: #e2e8f0 !important;
}
html[data-theme="light"] .ne-serv-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .ne-serv-card:hover {
  background: #fff5f5 !important;
  border-color: #ff0000 !important;
}
html[data-theme="light"] .ne-serv-name {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-serv-icon {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
}

/* --- WHY CHOOSE US (ne-ab-why-wrap) --- */
html[data-theme="dark"] .ne-ab-why-wrap {
  background: #000000 !important;
}
html[data-theme="dark"] .ne-ab-why-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-ab-why-card {
  background: #111827 !important;
  border-color: #1f2937 !important;
}
html[data-theme="dark"] .ne-ab-why-card h3 {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-ab-why-card p {
  color: #cbd5e1 !important;
}
html[data-theme="dark"] .ne-ab-why-number {
  color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] .ne-ab-why-wrap {
  background: #ffffff !important;
}
html[data-theme="light"] .ne-ab-why-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-ab-why-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
}
html[data-theme="light"] .ne-ab-why-card h3 {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-ab-why-card p {
  color: #475569 !important;
}
html[data-theme="light"] .ne-ab-why-number {
  color: rgba(15, 23, 42, 0.1) !important;
}

/* --- INDUSTRIES WE POWER (ne-ind-wrap-v2) --- */
html[data-theme="dark"] .ne-ind-wrap-v2 {
  background: #0b1120 !important;
}
html[data-theme="dark"] .ne-ind-title-v2 {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-ind-desc-v2 {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .ne-ind-card-v2 {
  background: #111827 !important;
  border-color: #1f2937 !important;
}
html[data-theme="dark"] .ne-ind-name-v2 {
  color: #ffffff !important;
}

html[data-theme="light"] .ne-ind-wrap-v2 {
  background: #f8fafc !important;
}
html[data-theme="light"] .ne-ind-title-v2 {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-ind-desc-v2 {
  color: #475569 !important;
}
html[data-theme="light"] .ne-ind-card-v2 {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="light"] .ne-ind-name-v2 {
  color: #0f172a !important;
}

/* --- OUR APPROACH (ne-approach-wrap) --- */
html[data-theme="dark"] .ne-approach-wrap {
  background: #000000 !important;
}
html[data-theme="dark"] .ne-app-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-step-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-step-desc {
  color: #cbd5e1 !important;
}

html[data-theme="light"] .ne-approach-wrap {
  background: #ffffff !important;
}
html[data-theme="light"] .ne-app-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-step-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-step-desc {
  color: #475569 !important;
}
html[data-theme="light"] .ne-step-node {
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="light"] .ne-step-node span {
  color: #0f172a !important;
}

/* --- SERVICE NETWORK / PRESENCE (ne-net-wrap) --- */
html[data-theme="dark"] .ne-net-wrap {
  background: #0b1120 !important;
}
html[data-theme="dark"] .ne-net-title {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-net-desc {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .ne-city-item {
  background: #111827 !important;
  border-color: #1f2937 !important;
}
html[data-theme="dark"] .ne-city-name {
  color: #ffffff !important;
}
html[data-theme="dark"] .ne-city-icon {
  background: #1e293b !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] .ne-city-icon svg {
  fill: #ffffff !important;
}
html[data-theme="dark"] .ne-city-status {
  color: #94a3b8 !important;
}
/* Map Dark Mode Styling */
html[data-theme="dark"] .ne-india-svg {
  filter: invert(1) brightness(1.7) contrast(1.1) drop-shadow(0 0 25px rgba(255, 255, 255, 0.12)) !important;
  opacity: 0.55 !important;
}
html[data-theme="dark"] .ne-map-wrapper {
  background: transparent !important;
}
html[data-theme="dark"] .ne-pin-label {
  background: rgba(15, 23, 42, 0.92) !important;
  border: 1px solid #334155 !important;
  color: #f1f5f9 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}
html[data-theme="dark"] .ne-map-pin.active .ne-pin-label,
html[data-theme="dark"] .ne-map-pin:hover .ne-pin-label {
  background: #ff0000 !important;
  border-color: #ff0000 !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.7) !important;
}
html[data-theme="dark"] .ne-map-pin.active .ne-pin-dot,
html[data-theme="dark"] .ne-map-pin:hover .ne-pin-dot {
  background: #ffffff !important;
  border: 4px solid #ff0000 !important;
  box-shadow: 0 0 25px rgba(255, 0, 0, 0.8) !important;
}

html[data-theme="light"] .ne-net-wrap {
  background: #ffffff !important;
}
html[data-theme="light"] .ne-india-svg {
  filter: grayscale(100%) !important;
  opacity: 0.2 !important;
}
html[data-theme="light"] .ne-pin-label {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .ne-map-pin.active .ne-pin-label,
html[data-theme="light"] .ne-map-pin:hover .ne-pin-label {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #ffffff !important;
}
html[data-theme="light"] .ne-net-title {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-net-desc {
  color: #475569 !important;
}
html[data-theme="light"] .ne-city-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .ne-city-name {
  color: #0f172a !important;
}
html[data-theme="light"] .ne-city-icon {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .ne-city-icon svg {
  fill: #0f172a !important;
}
html[data-theme="light"] .ne-city-status {
  color: #64748b !important;
}


/* ========================================================
   HIGH CONTRAST & VISIBILITY PROTECTION FOR ABOUT US
   (Prevents global light mode text overrides on dark sections)
   ======================================================== */
.ne-ab-hero-wrap,
.ne-ab-hero-wrap * {
  /* ensure hero title is white */
}
.ne-ab-hero-wrap .ne-ab-title {
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.8);
}
.ne-ab-hero-wrap .ne-ab-desc {
  color: #e2e8f0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8);
}

.ne-founder-wrap,
.ne-founder-wrap .ne-founder-role,
.ne-founder-wrap .ne-founder-bio,
.ne-founder-wrap .ne-qual-card,
.ne-founder-wrap .ne-values-title,
.ne-founder-wrap .ne-value-name,
.ne-founder-wrap h2,
.ne-founder-wrap h3,
.ne-founder-wrap h4 {
  color: #ffffff !important;
}
.ne-founder-wrap .ne-founder-bio p,
.ne-founder-wrap .ne-qual-card p,
.ne-founder-wrap .ne-vision-quote {
  color: #cbd5e1 !important;
}

.ne-ab-why-wrap .ne-ab-why-title,
.ne-ab-why-wrap .ne-ab-why-card h3,
.ne-ab-why-wrap .ne-ab-why-card h4 {
  color: #ffffff !important;
}
.ne-ab-why-wrap .ne-ab-why-card p {
  color: #cbd5e1 !important;
}

.ne-approach-wrap .ne-app-title,
.ne-approach-wrap .ne-step-card h3,
.ne-approach-wrap .ne-step-card h4 {
  color: #ffffff !important;
}
.ne-approach-wrap .ne-step-card p {
  color: #cbd5e1 !important;
}

.ne-mv-wrap .ne-mv-title,
.ne-mv-wrap .ne-mv-card h3 {
  color: #ffffff !important;
}
.ne-mv-wrap .ne-mv-card p {
  color: #cbd5e1 !important;
}

.ne-about-cta-wrap h2 {
  color: #ffffff !important;
}
.ne-about-cta-wrap p {
  color: #ffffff !important;
}

/* Absolute contrast enforcement */
html[data-theme="light"] .ne-ab-hero-wrap .ne-ab-title,
html[data-theme="dark"] .ne-ab-hero-wrap .ne-ab-title,
.ne-ab-hero-wrap .ne-ab-title,
.ne-ab-title {
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.85) !important;
}
html[data-theme="light"] .ne-ab-hero-wrap .ne-ab-desc,
html[data-theme="dark"] .ne-ab-hero-wrap .ne-ab-desc,
.ne-ab-hero-wrap .ne-ab-desc,
.ne-ab-desc {
  color: #f1f5f9 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.85) !important;
}