/* ============================================================
   Nepal Tarun Dal — Brand Overrides
   Replaces MCANP color palette with NTD identity
   Primary Red : #CC000B  |  Navy Blue : #010463
   Colors sampled directly from Nepal-tarun-dal-logo.jpg
   Font        : Mukta (Google Fonts — Devanagari + Latin)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@300;400;500;600;700;800&display=swap');
[class*="-orb"] {
    display: none !important;
}
/* ── CSS Variables ── */
:root {
    --ntd-red:          #CC000B;
    --ntd-red-dark:     #9A0008;
    --ntd-red-light:    #fff0f0;
    --ntd-navy:         #010463;
    --ntd-navy-dark:    #010352;
    --ntd-navy-light:   #eef0fb;
    --ntd-white:        #ffffff;
    --ntd-text:         #374151;
    --ntd-text-muted:   #6b7280;
    --ntd-border:       #e5e7eb;
    --ntd-bg:           #f9fafb;
}

/* ── Typography ── */
body,
input, button, select, textarea,
a, p, li, td, th, span, label {
    font-family: 'Mukta', 'Arial', sans-serif !important;
}

body {
    color: var(--ntd-text) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Mukta', 'Arial', sans-serif !important;
    font-weight: 700 !important;
}

/* ── Links ── */
a {
    color: var(--ntd-navy) !important;
}
a:hover {
    color: var(--ntd-red) !important;
}

/* ── Header Top (Logo Bar) ── */
.header-top {
    background: var(--ntd-navy) !important;
    border-bottom: 3px solid var(--ntd-red) !important;
    padding: 12px 0 !important;
}

/* ── NTD Text-Based Logo ── */
.ntd-logo-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 0;
}
.ntd-logo-emblem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background: var(--ntd-red);
    border-radius: 50%;
    color: #fff;
    font-family: 'Mukta', sans-serif !important;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
    flex-shrink: 0;
    margin-right: 14px;
    border: 2px solid rgba(255,255,255,0.3);
}
.ntd-logo-text-wrap {
    display: flex;
    align-items: center;
}
.ntd-logo-names {
    display: flex;
    flex-direction: column;
}
.ntd-logo-np {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.5px;
    font-family: 'Mukta', sans-serif !important;
}
.ntd-logo-en {
    color: rgba(255,255,255,0.85);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-family: 'Mukta', sans-serif !important;
}
.ntd-logo-sub {
    color: var(--ntd-red);
    font-size: 11px;
    font-weight: 500;
    margin-top: 2px;
    letter-spacing: 0.3px;
    background: rgba(255,255,255,0.08);
    padding: 1px 8px;
    border-radius: 10px;
    display: inline-block;
    font-family: 'Mukta', sans-serif !important;
}

/* ── Navigation Bar (default: white) ── */
.header-lower,
.nav-outer,
.outer-container {
    background: #ffffff !important;
    border-bottom: 3px solid var(--ntd-red) !important;
    box-shadow: 0 2px 8px rgba(1,4,99,0.06) !important;
}
.main-menu .navigation > li > a {
    color: var(--ntd-navy) !important;
    font-family: 'Mukta', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
    color: var(--ntd-red) !important;
    background: transparent !important;
}
.main-menu .navigation li.dropdown ul {
    background: #ffffff !important;
    border-top: 3px solid var(--ntd-red) !important;
    box-shadow: 0 8px 24px rgba(1,4,99,0.1) !important;
}
.main-menu .navigation li.dropdown ul li a {
    color: var(--ntd-navy) !important;
    font-family: 'Mukta', sans-serif !important;
    font-size: 13px !important;
}
.main-menu .navigation li.dropdown ul li a:hover {
    color: var(--ntd-red) !important;
    background: rgba(204,0,11,0.05) !important;
    padding-left: 22px !important;
}

/* ── Navigation Bar (on scroll: red) ── */
.header-lower.sticky,
.header-lower.sticky .nav-outer,
.header-lower.sticky .outer-container {
    background: var(--ntd-red) !important;
    border-bottom: 3px solid rgba(0,0,0,0.1) !important;
    box-shadow: 0 4px 20px rgba(204,0,11,0.25) !important;
}
.header-lower.sticky .main-menu .navigation > li > a {
    color: rgba(255,255,255,0.92) !important;
}
.header-lower.sticky .main-menu .navigation > li > a:hover,
.header-lower.sticky .main-menu .navigation > li.current > a {
    color: #ffffff !important;
    background: rgba(0,0,0,0.12) !important;
}
.header-lower.sticky .main-menu .navigation li.dropdown ul {
    background: #a50009 !important;
}
.header-lower.sticky .main-menu .navigation li.dropdown ul li a {
    color: rgba(255,255,255,0.9) !important;
}
.header-lower.sticky .main-menu .navigation li.dropdown ul li a:hover {
    background: rgba(0,0,0,0.15) !important;
    color: #ffffff !important;
}
.header-lower.sticky .header-btn {
    background: #fff !important;
    color: var(--ntd-red) !important;
    border-color: #fff !important;
}

/* ── Sticky Header ── */
.sticky-header,
.main-header.fixed-header {
    background: var(--ntd-red) !important;
    border-bottom: 3px solid rgba(0,0,0,0.1) !important;
}

/* ── Mobile Navigation ── */
.menu-box {
    background: var(--ntd-navy-dark) !important;
}
.nav-logo {
    background: var(--ntd-red) !important;
}
.menu-box .navigation li a {
    color: rgba(255,255,255,0.9) !important;
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
.menu-box .navigation li a:hover {
    color: var(--ntd-red) !important;
}
.close-btn {
    color: #fff !important;
}
.icon-bar {
    background: #fff !important;
}

/* ── Buttons ── */
.btn-style-one,
.theme-btn,
button[type="submit"]:not(.no-ntd) {
    background: var(--ntd-red) !important;
    border-color: var(--ntd-red) !important;
    color: #fff !important;
}
.btn-style-one:hover,
.theme-btn:hover {
    background: var(--ntd-red-dark) !important;
    border-color: var(--ntd-red-dark) !important;
}

/* ── Section Title Underlines ── */
.sec-title .title,
.sec-title span,
.section-title span {
    color: var(--ntd-red) !important;
}
.sec-title h2::before,
.sec-title::before {
    background: var(--ntd-red) !important;
}

/* ── Card / Content Accent ── */
.news-block .inner-box:hover,
.team-block .inner-box:hover {
    border-color: var(--ntd-red) !important;
}
.news-block .lower-content .category {
    background: var(--ntd-red) !important;
    color: #fff !important;
}
.news-block .lower-content h4 a:hover {
    color: var(--ntd-red) !important;
}

/* ── Pagination ── */
.pagination li a:hover,
.pagination li.active a {
    background: var(--ntd-red) !important;
    border-color: var(--ntd-red) !important;
    color: #fff !important;
}

/* ── Breadcrumb ── */
.page-title {
    background: var(--ntd-navy) !important;
}
.page-title .bread-crumb li a {
    color: rgba(255,255,255,0.8) !important;
}
.page-title .bread-crumb li.active,
.page-title .bread-crumb li::before {
    color: var(--ntd-red) !important;
}

/* ── JOIN NTD Button ── */
.header-btn {
    background: var(--ntd-red) !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 9px 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    box-shadow: 0 4px 14px rgba(204,0,11,0.45) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}
.header-btn:hover {
    background: var(--ntd-red-dark) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(204,0,11,0.55) !important;
    text-decoration: none !important;
}
.header-btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 3px 8px rgba(204,0,11,0.35) !important;
}

/* ── Language Toggle Pill ── */
.ntd-lang-toggle {
    display: flex;
    align-items: center;
    background: rgba(1,4,99,0.07);
    border-radius: 20px;
    padding: 3px;
    border: 1px solid rgba(1,4,99,0.15);
    gap: 0;
}
.ntd-lang-btn {
    padding: 4px 13px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    color: rgba(1,4,99,0.55) !important;
    border-radius: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer;
    line-height: 1.6 !important;
    font-family: 'Mukta', sans-serif !important;
}
.ntd-lang-btn:hover {
    color: var(--ntd-navy) !important;
    text-decoration: none !important;
}
.ntd-lang-btn.active {
    background: var(--ntd-red) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(204,0,11,0.35) !important;
}

/* Language toggle on sticky (red) nav */
.header-lower.sticky .ntd-lang-toggle {
    background: rgba(255,255,255,0.15);
    border-color: rgba(255,255,255,0.25);
}
.header-lower.sticky .ntd-lang-btn {
    color: rgba(255,255,255,0.75) !important;
}
.header-lower.sticky .ntd-lang-btn:hover {
    color: #fff !important;
}
.header-lower.sticky .ntd-lang-btn.active {
    background: #fff !important;
    color: var(--ntd-red) !important;
    box-shadow: none !important;
}

/* ── Nav bar layout: always flex so logo space is always reserved ── */
.outer-box {
    display: flex !important;
    align-items: center !important;
}
.menu-area {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ── Sticky Header Logo Reveal ── */
/* Key: logo ALWAYS takes its space (visibility:hidden, not display:none)
   so nav items never shift when it fades in on scroll */
.sticky-logo {
    display: flex !important;
    align-items: center;
    gap: 10px;
    opacity: 0;
    visibility: hidden;
    /* NO transform — no movement means no layout shift */
    transition: opacity 0.28s ease, visibility 0.28s ease;
    pointer-events: none;
    margin-right: 12px;
    flex-shrink: 0;
    text-decoration: none !important;
    width: 190px; /* Fixed width reserved always */
}
.sticky-logo img {
    height: 36px;
    width: auto;
    border-radius: 3px;
}
.sticky-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.sticky-logo-text .np {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    font-family: 'Mukta', sans-serif !important;
    white-space: nowrap;
}
.sticky-logo-text .en {
    font-size: 10px;
    color: rgba(255,255,255,0.6);
    letter-spacing: 0.5px;
    font-family: 'Mukta', sans-serif !important;
    white-space: nowrap;
}
/* Reveal on scroll — pure fade, no movement */
.header-lower.sticky .sticky-logo {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ── Nav height: match the clean compact look ── */
.header-lower .outer-container {
    padding: 0 !important;
}
.header-lower .outer-box {
    min-height: 56px !important;
    padding: 0 20px !important;
}
.main-menu .navigation > li > a {
    padding: 18px 14px !important;
    line-height: 20px !important;
    position: relative !important;
}
.menu-right-content {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
}

/* ── Dropdown arrow fix ── */
/* Hide the broken flaticon absolute-positioned character */
.main-menu .navigation > li > a::before {
    display: none !important;
}
/* Replace with clean inline CSS chevron on dropdown items only */
.main-menu .navigation > li.dropdown > a::after {
    content: '' !important;
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid rgba(255,255,255,0.6) !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    transition: transform 0.2s ease, border-top-color 0.2s ease !important;
    position: static !important;
}
.main-menu .navigation > li.dropdown:hover > a::after,
.main-menu .navigation > li.dropdown.current > a::after {
    border-top-color: #fff !important;
    transform: rotate(180deg) !important;
}

/* ── Footer ── */
/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */

/* kill AOS gap — footer should connect directly to last section */
.main-footer[data-aos],
.main-footer .footer-bottom[data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.main-footer {
    background: #00022c !important;
    border-top: 4px solid var(--ntd-red) !important;
    margin-top: 0 !important;
}

/* widget section */
.main-footer .widget-section {
    background: #00022c !important;
    padding: 64px 0 44px !important;
    border-top: none !important;
}

/* column headings */
.main-footer .widget-title {
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.main-footer .widget-title h3 {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}
.main-footer .widget-title h3::before,
.main-footer .widget-title h3::after { display: none !important; }

/* quick menu list */
.main-footer .links-widget .links-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: none !important;
}
.main-footer .links-widget .links-list li .icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(204,0,11,0.1) !important;
    border-radius: 8px !important;
    color: rgba(204,0,11,0.75) !important;
    font-size: 11px !important;
    flex-shrink: 0 !important;
}
.main-footer .links-widget .links-list li a {
    color: rgba(255,255,255,0.6) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s, padding-left 0.2s !important;
}
.main-footer .links-widget .links-list li a:hover {
    color: #fff !important;
    padding-left: 4px !important;
}

/* contact info column */
.main-footer .widget-content h6 {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    margin-bottom: 16px !important;
}
.main-footer .contact-widget { text-align: left !important; }

.main-footer ul:not(.social-style-one) li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}
.main-footer ul:not(.social-style-one) li .icon {
    color: rgba(204,0,11,0.7) !important;
    font-size: 13px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    width: 16px !important;
}
.main-footer ul:not(.social-style-one) li .content a {
    color: rgba(255,255,255,0.6) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.main-footer ul:not(.social-style-one) li .content a:hover { color: #fff !important; }
.main-footer ul:not(.social-style-one) li .content span {
    color: rgba(255,255,255,0.6) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    display: block !important;
}

/* social icons */
.main-footer .social-style-one {
    display: flex !important;
    gap: 10px !important;
    margin-top: 18px !important;
    padding: 0 !important;
    list-style: none !important;
    flex-wrap: wrap !important;
}
.main-footer .social-style-one li {
    margin: 0 !important;
    display: flex !important;
}
.main-footer .social-style-one li a {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.65) !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1) !important;
}
.main-footer .social-style-one li a:hover {
    background: var(--ntd-red) !important;
    border-color: var(--ntd-red) !important;
    color: #fff !important;
    transform: translateY(-4px) scale(1.08) !important;
    box-shadow: 0 8px 20px rgba(204,0,11,0.4) !important;
}

/* about NTD column */
.main-footer .contact-widget .info-list { margin-bottom: 0 !important; }
.main-footer .contact-widget .info-list li a {
    color: rgba(255,255,255,0.6) !important;
}
.main-footer .contact-widget .info-list li a:hover { color: #fff !important; }

/* footer bottom bar */
.main-footer .footer-bottom {
    background: #000119 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    padding: 20px 0 !important;
    opacity: 1 !important;
    transform: none !important;
    position: relative !important;
}
.main-footer .bottom-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.main-footer .copyright p {
    color: rgba(255,255,255,0.45) !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    text-align: center !important;
}
.main-footer .copyright p strong {
    color: rgba(255,255,255,0.7) !important;
    letter-spacing: 1.5px !important;
    font-size: 12px !important;
}

/* ── Tables ── */
table thead th {
    background: var(--ntd-navy) !important;
    color: #fff !important;
}
table tbody tr:hover td {
    background: var(--ntd-red-light) !important;
}

/* ── Scroll to Top ── */
.scroll-top,
#back-to-top {
    background: var(--ntd-red) !important;
    color: #fff !important;
}
.scroll-top:hover,
#back-to-top:hover {
    background: var(--ntd-red-dark) !important;
}

/* ── Search ── */
.search-popup .search-form button {
    background: var(--ntd-red) !important;
}

/* ══════════════════════════════════════════════════════════
   HOMEPAGE SECTIONS — 9 distinct layouts
   ══════════════════════════════════════════════════════════ */

/* ── S2: Stats Counter Bar ── */
/* ══════════════════════════════════════════
   S2 — STATS BAR
══════════════════════════════════════════ */
/*=========================================================
S2 - STATS COUNTER BAR
=========================================================*/

.ntd-stats-bar {
    background: #010463;
    padding: 70px 0;
}

.ntd-stats-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}

.ntd-stat-item {
    text-align: center;
}

.ntd-stat-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 18px;
    border: 2px solid rgba(255,255,255,.35);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
    transition: .3s;
}

.ntd-stat-item:hover .ntd-stat-icon {
    transform: translateY(-6px);
    background: rgba(255,255,255,.08);
}

.ntd-stat-number {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 1;
    font-family: 'Mukta',sans-serif;
}

.ntd-stat-title {
    color: rgba(255,255,255,.9);
    font-size: 14px;
    letter-spacing: .4px;
    margin: 0;
    font-weight: 500;
}

@media(max-width:990px) {

    .ntd-stats-grid {
        grid-template-columns: repeat(2,1fr);
        gap: 40px;
    }
}

@media(max-width:575px) {

    .ntd-stats-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

/* ── S3: President's Message ── */
/* ══════════════════════════════════════════
   S3 — PRESIDENT'S MESSAGE
══════════════════════════════════════════ */
.ntd-president-section {
    position: relative;
    padding: 90px 0 100px;
    background : #ffffff
/*    background: linear-gradient(160deg, #f8f9ff 0%, #ffffff 50%, #fff5f5 100%);*/
    overflow: hidden;
}

/* background orbs */
/*.ntd-pres-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}
.ntd-pres-orb-1 {
    width: 500px; height: 500px;
    top: -120px; left: -120px;
    background: rgba(1,4,99,0.07);
    animation: ntd-orb-drift 10s ease-in-out infinite alternate;
}
.ntd-pres-orb-2 {
    width: 400px; height: 400px;
    bottom: -80px; right: -80px;
    background: rgba(204,0,11,0.07);
    animation: ntd-orb-drift 12s ease-in-out infinite alternate-reverse;
}*/
@keyframes ntd-orb-drift {
    from { transform: translate(0, 0) scale(1); }
    to   { transform: translate(30px, 20px) scale(1.08); }
}

/* eyebrow label */
.ntd-pres-eyebrow {
    text-align: center;
    margin-bottom: 48px;
}
.ntd-pres-eyebrow span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ntd-red);
    background: rgba(204,0,11,0.06);
    border: 1.5px solid rgba(204,0,11,0.15);
    padding: 8px 22px;
    border-radius: 50px;
}
/*.ntd-pres-eyebrow span::before { content: '★'; font-size: 10px; }*/
/*.ntd-pres-eyebrow span::after  { content: '★'; font-size: 10px; }*/

/* grid */
.ntd-president-grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 64px;
    align-items: center;
}

/* ── Photo card ── */
.ntd-president-photo-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
/*    min-height: 440px;
    display: flex;
    align-items: flex-end;*/
}
    .ntd-president-photo-wrap::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 45%;
        border-radius: 0 0 24px 24px;
        background: linear-gradient( to top, rgba(0,0,0,.85) 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,.18) 70%, transparent 100% );
        opacity: 0;
        transition: .35s ease;
        z-index: 3;
    }
    .ntd-president-photo-wrap:hover::after {
        opacity: 1;
    }

/* animated rings behind photo */
.ntd-pres-ring {
    position: absolute;
    border-radius: 50%;
    border: 2px solid;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.ntd-pres-ring-1 {
    width: 340px; height: 340px;
    border-color: rgba(204,0,11,0.12);
    animation: ntd-ring-expand 4s ease-in-out infinite;
}
.ntd-pres-ring-2 {
    width: 390px; height: 390px;
    border-color: rgba(1,4,99,0.07);
    animation: ntd-ring-expand 4s ease-in-out infinite 1s;
}
@keyframes ntd-ring-expand {
    0%, 100% { transform: translate(-50%,-50%) scale(1);    opacity: 0.8; }
    50%       { transform: translate(-50%,-50%) scale(1.05); opacity: 0.4; }
}

.ntd-pres-photo {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 0;
    border: 3px solid rgba(255,255,255,0.9);
    box-shadow:
        0 30px 80px rgba(1,4,99,0.2),
        0 8px 24px rgba(204,0,11,0.12),
        0 0 0 8px rgba(1,4,99,0.05);
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.ntd-president-photo-wrap:hover .ntd-pres-photo {
    transform: none; 
    /*    box-shadow: 0 40px 100px rgba(1,4,99,0.25), 0 12px 32px rgba(204,0,11,0.18), 0 0 0 10px rgba(1,4,99,0.06);*/
}

.ntd-president-photo-placeholder {
    width: 100%;
    min-height: 440px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(160deg, var(--ntd-navy) 0%, var(--ntd-navy-dark) 100%);
    z-index: 2;
    position: relative;
}

/* name badge overlay */
.ntd-president-badge {
    position: absolute;
    bottom: -80px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: transparent;
    padding: 20px;
    -webkit-backdrop-filter: blur(16px);
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    transform: translateY(35px);
    opacity: 0;
    transition: .35s ease;
    z-index: 5;
}
.ntd-president-photo-wrap:hover .ntd-president-badge {
    transform: translateY(0);
    opacity: 1;
}
.ntd-president-title {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--ntd-red);
    font-weight: 800;
}
.ntd-president-name {
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    margin: 3px 0 2px;
    background: linear-gradient(90deg, #fff, rgba(255,255,255,0.8));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ntd-president-org {
    font-size: 11px;
    color: rgba(255,255,255,0.55);
    letter-spacing: 0.5px;
}

/* floating tag */
.ntd-pres-tag {
    position: absolute;
    top: 20px;
    right: -16px;
    z-index: 5;
    background: linear-gradient(135deg, #CC000B, #ff3a42);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 8px 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 6px 20px rgba(204,0,11,0.4);
    animation: ntd-tag-bounce 3s ease-in-out infinite;
}
@keyframes ntd-tag-bounce {
    0%,100% { transform: translateY(0) rotate(-2deg);  }
    50%      { transform: translateY(-5px) rotate(1deg); }
}

/* ── Quote col ── */
.ntd-president-quote-wrap { padding: 8px 0; }

.ntd-quote-mark {
    font-size: 100px;
    line-height: 0.5;
    font-family: Georgia, serif;
    margin-bottom: 20px;
    background: linear-gradient(135deg, var(--ntd-red) 0%, var(--ntd-navy) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
    opacity: 0.8;
}
.ntd-quote-body {
    font-size: 18px;
    line-height: 1.85;
    color: #374151;
    font-style: italic;
    margin-bottom: 32px;
    padding-left: 18px;
    border-left: 3px solid rgba(204,0,11,0.25);
    position: relative;
}

/* signature row */
.ntd-quote-sig {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 28px;
}
.ntd-sig-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ntd-red) 0%, var(--ntd-navy) 100%);
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 14px rgba(204,0,11,0.3);
}
.ntd-sig-name-row {
    display: flex;
    align-items: center;
    gap: 8px;
}
.sig-name {
    /*    display: block;*/
    font-size: 17px;
    font-weight: 900;
    color: var(--ntd-navy);
    display: inline;
}
.sig-role {
    display: block;
    font-size: 12px;
    color: var(--ntd-text-muted);
    margin-top: 2px;
    letter-spacing: 0.3px;
}

/* CTA row */
.ntd-pres-cta-row {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.ntd-president-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #e8000f, var(--ntd-red), #a50009);
    background-size: 200% 100%;
    color: #fff !important;
    font-weight: 800;
    font-size: 14px;
    text-decoration: none !important;
    padding: 12px 28px;
    border-radius: 50px;
    box-shadow: 0 6px 20px rgba(204,0,11,0.35);
    transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
}
.ntd-president-readmore:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 12px 32px rgba(204,0,11,0.45);
    color: #fff !important;
}
.ntd-pres-verified {
    display: inline-flex;
    align-items: center;
/*    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ntd-navy);
    opacity: 0.55;
    letter-spacing: 0.3px;*/
}
.ntd-pres-verified-icon {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a2d9e, #4f6ef7);
    color: #fff;
    font-size: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 900px) {
    .ntd-president-grid { grid-template-columns: 1fr; gap: 40px; }
    .ntd-president-photo-wrap,
    .ntd-pres-photo { min-height: 300px; height: 300px; }
    .ntd-pres-ring-1 { width: 260px; height: 260px; }
    .ntd-pres-ring-2 { width: 300px; height: 300px; }
    .ntd-pres-tag { right: 8px; }
}

/* ── S4: Three Pillars ── */
/* ══════════════════════════════════════════
   S4 — THREE PILLARS
══════════════════════════════════════════ */
.ntd-pillars-section {
    position: relative;
    padding: 100px 0 110px;
    background: #010463;
    overflow: hidden;
}

/* background orbs */
.ntd-pillars-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
}
.ntd-pillars-orb-1 {
    width: 500px; height: 500px;
    top: -150px; left: -100px;
    background: rgba(204,0,11,0.18);
    animation: ntd-orb-drift 10s ease-in-out infinite alternate;
}
.ntd-pillars-orb-2 {
    width: 400px; height: 400px;
    bottom: -100px; right: -80px;
    background: rgba(16,120,10,0.15);
    animation: ntd-orb-drift 13s ease-in-out infinite alternate-reverse;
}
.ntd-pillars-orb-3 {
    width: 300px; height: 300px;
    top: 40%; left: 50%;
    transform: translateX(-50%);
    background: rgba(79,110,247,0.12);
    animation: ntd-orb-drift 8s ease-in-out infinite alternate;
}

/* section header */
.ntd-pillars-header {
    text-align: center;
    margin-bottom: 60px;
}
.ntd-pillars-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.7);
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 7px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}
.ntd-pillars-eyebrow::before { content: ; font-size: 9px; opacity: 0.6; }
.ntd-pillars-eyebrow::after  { content: ; font-size: 9px; opacity: 0.6; }
.ntd-pillars-heading {
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 14px;
    background: linear-gradient(135deg, #fff 20%, rgba(255,255,255,0.65) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.15;
}
.ntd-pillars-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.7;
}

/* grid */
.ntd-pillars-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 24px;
}

/* base card */
.ntd-pillar-item {
    position: relative;
    padding: 44px 32px 36px;
    border-radius: 24px;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.1);
    text-align: center;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease, border-color 0.3s;
    cursor: default;
}
.ntd-pillar-item:hover { transform: translateY(-12px) scale(1.02); }

/* featured (Democracy) taller */
/*.ntd-pillar-featured {
    padding-top: 52px;
    margin-top: -10px;
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(79,110,247,0.3) !important;
}*/

/* per-card hover glow */
.ntd-pillar-red:hover   { box-shadow: 0 24px 60px rgba(204,0,11,0.35), 0 0 0 1px rgba(204,0,11,0.3); border-color: rgba(204,0,11,0.35) !important; }
.ntd-pillar-navy:hover  { box-shadow: 0 24px 60px rgba(79,110,247,0.35), 0 0 0 1px rgba(79,110,247,0.3); border-color: rgba(79,110,247,0.35) !important; }
.ntd-pillar-green:hover { box-shadow: 0 24px 60px rgba(16,120,10,0.3), 0 0 0 1px rgba(16,120,10,0.3); border-color: rgba(16,120,10,0.3) !important; }

/* glow blob per card */
.ntd-pillar-glow {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 100px;
    border-radius: 50%;
    filter: blur(32px);
    opacity: 0.3;
}
.ntd-pillar-red   .ntd-pillar-glow { background: #CC000B; }
.ntd-pillar-navy  .ntd-pillar-glow { background: #4f6ef7; }
.ntd-pillar-green .ntd-pillar-glow { background: #16a34a; }
/*.ntd-pillar-item:hover .ntd-pillar-glow { opacity: 0.65; }*/

/* number */
.ntd-pillar-number {
    position: absolute;
    top: 18px; right: 22px;
    font-size: 13px;
    font-weight: 900;
    opacity: 0.2;
    color: #fff;
    letter-spacing: 1px;
}

/* icon */
.ntd-pillar-icon-wrap {
    position: relative;
    width: 80px; height: 80px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ntd-pillar-icon-bg {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    opacity: 0.15;
    transition: opacity 0.3s, transform 0.3s;
}
/*.ntd-pillar-item:hover .ntd-pillar-icon-bg { opacity: 0.3; transform: scale(1.15); }*/
.ntd-pillar-red   .ntd-pillar-icon-bg { background: #CC000B; }
.ntd-pillar-navy  .ntd-pillar-icon-bg { background: #4f6ef7; }
.ntd-pillar-green .ntd-pillar-icon-bg { background: #16a34a; }

.ntd-pillar-icon-wrap svg {
    position: relative; z-index: 1;
/*    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);*/
}
/*.ntd-pillar-item:hover .ntd-pillar-icon-wrap svg { transform: scale(1.2) rotate(-5deg); }*/
.ntd-pillar-red   .ntd-pillar-icon-wrap svg { color: #ff6b6b; }
.ntd-pillar-navy  .ntd-pillar-icon-wrap svg { color: #93c5fd; }
.ntd-pillar-green .ntd-pillar-icon-wrap svg { color: #86efac; }

/* text */
.ntd-pillar-title {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #fff 30%, rgba(255,255,255,0.7) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ntd-pillar-desc {
    font-size: 14px;
    line-height: 1.75;
    color: rgba(255,255,255,0.55);
    margin-bottom: 24px;
}

/* animated underline */
.ntd-pillar-line {
    height: 2px;
    border-radius: 2px;
    margin: 0 auto 20px;
    width: 40px;
    transition: width 0.4s ease;
}
.ntd-pillar-red   .ntd-pillar-line { background: linear-gradient(90deg, #CC000B, #ff6b6b); }
.ntd-pillar-navy  .ntd-pillar-line { background: linear-gradient(90deg, #4f6ef7, #93c5fd); }
.ntd-pillar-green .ntd-pillar-line { background: linear-gradient(90deg, #16a34a, #86efac); }
.ntd-pillar-item:hover .ntd-pillar-line { width: 80px; }

/* bottom tag */
.ntd-pillar-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.45);
/*    background: rgba(255,255,255,0.07);*/
/*    border: 1px solid rgba(255,255,255,0.1);*/
    padding: 5px 14px;
/*    border-radius: 50px;*/
}

/* featured badge */
.ntd-pillar-featured-badge {
    position: absolute;
    top: -1px; left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #4f6ef7, #93c5fd);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 18px;
    border-radius: 0 0 12px 12px;
}

/* section-label utility (used elsewhere) */
.ntd-section-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    color: var(--ntd-red);
    font-weight: 700;
    margin-bottom: 12px;
    font-family: 'Mukta', sans-serif !important;
}
.ntd-section-label.light { color: rgba(255,255,255,0.6); }

@media (max-width: 768px) {
    .ntd-pillars-grid { grid-template-columns: 1fr; gap: 16px; }
    .ntd-pillar-featured { margin-top: 0; }
    .ntd-pillars-heading { font-size: 30px; }
}

/* ── S5: News Section ── */
/* ══════════════════════════════════════════
   S5 — NEWS / NOTICES
══════════════════════════════════════════ */
.ntd-news-section {
    position: relative;
    padding: 100px 0 110px;
    background: #ffffff;
/*    background: linear-gradient(160deg, #f0f2ff 0%, #ffffff 50%, #fff5f5 100%);*/
    overflow: hidden;
}
.ntd-news-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    pointer-events: none;
}
.ntd-news-orb-1 {
    width: 500px; height: 500px;
    top: -100px; right: -120px;
    background: rgba(1,4,99,0.07);
    animation: ntd-orb-drift 11s ease-in-out infinite alternate;
}
.ntd-news-orb-2 {
    width: 360px; height: 360px;
    bottom: -80px; left: -80px;
    background: rgba(204,0,11,0.06);
    animation: ntd-orb-drift 9s ease-in-out infinite alternate-reverse;
}

/* header */
.ntd-news-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 20px;
    flex-wrap: wrap;
}
.ntd-news-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin-bottom: 14px;
    background: none;
    border: none;
    border-radius: 0;
    color: var(--ntd-red);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ntd-news-eyebrow::before { 
    content: ''; 
    font-size: 12px; 
}
.ntd-news-title {
    font-size: 38px;
    font-weight: 900;
    margin: 0;
    background: linear-gradient(135deg, var(--ntd-navy) 0%, #3a0008 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.15;
}

/* tab pills */
.ntd-news-tabs {
    display: flex;
    gap: 6px;
    background: rgba(1,4,99,0.05);
    border: 1.5px solid rgba(1,4,99,0.1);
    border-radius: 50px;
    padding: 5px;
}
.ntd-tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    border: none;
    padding: 9px 22px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ntd-navy);
    opacity: 0.45;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.25s cubic-bezier(0.34,1.56,0.64,1);
    font-family: 'Mukta', sans-serif !important;
}
.ntd-tab-btn:hover { opacity: 0.75; }
.ntd-tab-btn.active {
    background: #fff;
    opacity: 1;
/*    box-shadow: 0 4px 16px rgba(1,4,99,0.12);*/
    color: var(--ntd-navy);
}
.ntd-tab-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.ntd-dot-red  { background: var(--ntd-red); box-shadow: 0 0 6px rgba(204,0,11,0.5); }
.ntd-dot-blue { background: #4f6ef7;         box-shadow: 0 0 6px rgba(79,110,247,0.5); }

/* panel */
.ntd-tab-panel { display: none; }
.ntd-tab-panel.active { display: block; animation: ntd-panel-fadein 0.35s ease; }
@keyframes ntd-panel-fadein {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Override old theme news cards ── */
.ntd-news-cards-row .event-block-one {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(1,4,99,0.08) !important;
    box-shadow: 0 4px 20px rgba(1,4,99,0.06) !important;
    /*    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease !important;*/
    transition: none !important;
    background: #fff !important;
    margin-bottom: 24px;
}
.ntd-news-cards-row .event-block-one:hover {
    transform: none !important;
    box-shadow: 0 4px 20px rgba(1,4,99,0.06) !important;
    border-color: rgba(1,4,99,0.08) !important;
/*    transform: translateY(-8px) !important;
    box-shadow: 0 20px 50px rgba(1,4,99,0.14), 0 4px 12px rgba(204,0,11,0.08) !important;
    border-color: rgba(204,0,11,0.15) !important;*/
}
.ntd-news-cards-row .event-block-one .inner-box {
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: none !important;
    box-shadow: none !important;
}
.ntd-news-cards-row .image-box {
    overflow: hidden;
    position: relative;
}
.ntd-news-cards-row .image-box::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(1,4,60,0.5) 100%);
    opacity: 0;
    transition: opacity 0.3s;
}
.ntd-news-cards-row .event-block-one:hover .image-box::after { opacity: 1; }
.ntd-news-cards-row .image-box img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.5s ease !important;
    display: block;
}
.ntd-news-cards-row .event-block-one:hover .image-box img { transform: scale(1.06) !important; }
.ntd-news-cards-row .lower-content {
    padding: 20px 22px 22px !important;
}
.ntd-news-cards-row .lower-content h3,
.ntd-news-cards-row .lower-content h3 a {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--ntd-navy) !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.ntd-news-cards-row .event-block-one:hover .lower-content h3 a { color: var(--ntd-red) !important; }
.ntd-news-cards-row .info-list { margin: 8px 0 14px !important; padding: 0 !important; list-style: none !important; }
.ntd-news-cards-row .info-list li p {
    font-size: 11px !important;
    color: var(--ntd-text-muted) !important;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}
.ntd-news-cards-row .info-list li p i { color: var(--ntd-red); }
.ntd-news-cards-row .lower-box { border-top: 1px solid var(--ntd-border) !important; padding-top: 14px !important; margin-top: 4px; }
.ntd-news-cards-row .link-box a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #e8000f, var(--ntd-red));
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 10px rgba(204, 0, 11, 0.15);
    transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1) !important;
}
    .ntd-news-cards-row .link-box a:hover {
        transform: translateY(-1px) scale(1.01) !important;
        box-shadow: 0 6px 16px rgba(204, 0, 11, 0.25) !important;
        color: #fff !important;
    }

/* more link */
.ntd-more-link { text-align: center; margin-top: 40px; }
.ntd-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 14px;
    padding: 14px 36px;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
    letter-spacing: 0.3px;
}
.ntd-more-btn-red {
    background: linear-gradient(135deg, #e8000f, var(--ntd-red));
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(204, 0, 11, 0.15);
}
.ntd-more-btn-red:hover {
    transform: translateY(-1px) scale(1.01);
    box-shadow:  0 6px 16px rgba(204, 0, 11, 0.25);
    color: #fff !important;
}
.ntd-more-btn-navy {
    background: linear-gradient(135deg, #1a2d9e, var(--ntd-navy));
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(1, 4, 99, 0.12);
}
.ntd-more-btn-navy:hover {
    transform: translateY(-1px) scale(1.01);
    box-shadow:0 6px 16px rgba(1, 4, 99, 0.22);
    color: #fff !important;
}

/* ── S6: Events Timeline ── */
        /* ══════════════════════════════════════════
   S6 — UPCOMING EVENTS
══════════════════════════════════════════ */
        .ntd-events-section {
            position: relative;
            padding: 100px 0 110px;
            background: linear-gradient(160deg, #00023e 0%, #010463 45%, #1a0010 100%);
            overflow: hidden;
        }

        .ntd-events-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(90px);
            pointer-events: none;
        }

        .ntd-ev-orb-1 {
            width: 480px;
            height: 480px;
            top: -120px;
            right: -80px;
            background: rgba(204,0,11,0.2);
            animation: ntd-orb-drift 9s ease-in-out infinite alternate;
        }

        .ntd-ev-orb-2 {
            width: 380px;
            height: 380px;
            bottom: -80px;
            left: -60px;
            background: rgba(79,110,247,0.15);
            animation: ntd-orb-drift 13s ease-in-out infinite alternate-reverse;
        }

.ntd-events-grid-lines {
    position: absolute;
    inset: 0;
    /*            background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);*/
    background: #010463;
    background-size: 60px 60px;
}
        /* header */
        .ntd-events-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 52px;
            flex-wrap: wrap;
            gap: 16px;
        }

        .ntd-events-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.65);
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.15);
            padding: 6px 18px;
            border-radius: 50px;
            margin-bottom: 14px;
        }

            .ntd-events-eyebrow::before {
/*                content: '📅';
                font-size: 12px;*/
            }

        .ntd-events-title {
            font-size: 40px;
            font-weight: 900;
            margin: 0;
            background: linear-gradient(135deg, #fff 20%, rgba(255,255,255,0.65) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.1;
        }

        .ntd-events-all {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 800;
            text-decoration: none !important;
            padding: 11px 26px;
            border-radius: 50px;
            border: 1.5px solid rgba(255,255,255,0.2);
            color: rgba(255,255,255,0.75) !important;
            background: rgba(255,255,255,0.06);
            transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
            backdrop-filter: blur(8px);
        }

            .ntd-events-all:hover {
                background: rgba(255,255,255,0.14);
                color: #fff !important;
                border-color: rgba(255,255,255,0.4);
                transform: translateY(-2px);
            }
        /* cards grid */
        .ntd-events-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        /* base event card */
        .ntd-event-card {
            position: relative;
            display: flex;
            align-items: center;
            gap: 24px;
            padding: 28px 28px 28px 24px;
            border-radius: 20px;
            background: rgba(255,255,255,0.05);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255,255,255,0.1);
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease, border-color 0.3s;
        }

            .ntd-event-card:hover {
                transform: none;
                box-shadow: 0 20px 50px rgba(204,0,11,0.25), 0 4px 12px rgba(0,0,0,0.3);
                border-color: rgba(204,0,11,0.3);
                background: rgba(255,255,255,0.08);
            }
        /* urgent / soon states */
        .ntd-ev-urgent {
            border-color: rgba(204,0,11,0.35) !important;
        }

            .ntd-ev-urgent:hover {
                box-shadow: 0 20px 50px rgba(204,0,11,0.4) !important;
            }

        .ntd-ev-soon {
            border-color: rgba(245,158,11,0.25);
        }
        /* left red accent bar */
        .ntd-ev-accent-line {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 4px;
            background: linear-gradient(180deg, var(--ntd-red), rgba(204,0,11,0.3));
            border-radius: 4px 0 0 4px;
        }

        .ntd-ev-urgent .ntd-ev-accent-line {
            background: linear-gradient(180deg, #ff1a24, #CC000B);
            box-shadow: 0 0 12px rgba(204,0,11,0.6);
        }

        .ntd-ev-soon .ntd-ev-accent-line {
            background: linear-gradient(180deg, #fbbf24, #f59e0b);
        }
        /* date badge */
        .ntd-ev-date-badge {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 64px;
            height: 72px;
            border-radius: 14px;
            background: linear-gradient(135deg, #CC000B, #ff3a42);
            box-shadow: 0 6px 20px rgba(204,0,11,0.4);
            flex-shrink: 0;
            transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
        }

        .ntd-event-card:hover .ntd-ev-date-badge {
            transform: none;
        }

        .ntd-ev-urgent .ntd-ev-date-badge {
            background: linear-gradient(135deg, #ff0011, #CC000B);
            box-shadow: 0 6px 24px rgba(204,0,11,0.6), 0 0 0 3px rgba(204,0,11,0.2);
            animation: ntd-badge-pulse 1.5s ease-in-out infinite;
        }

        .ntd-ev-soon .ntd-ev-date-badge {
            background: linear-gradient(135deg, #b45309, #f59e0b);
            box-shadow: 0 6px 20px rgba(245,158,11,0.4);
        }

        @keyframes ntd-badge-pulse {
            0%,100% {
                box-shadow: 0 6px 24px rgba(204,0,11,0.6), 0 0 0 3px rgba(204,0,11,0.2);
            }

            50% {
                box-shadow: 0 6px 28px rgba(204,0,11,0.8), 0 0 0 6px rgba(204,0,11,0.1);
            }
        }

        .ntd-ev-day {
            font-size: 26px;
            font-weight: 900;
            color: #fff;
            line-height: 1;
        }

        .ntd-ev-month {
            font-size: 10px;
            color: rgba(255,255,255,0.85);
            letter-spacing: 1.5px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .ntd-ev-year {
            font-size: 9px;
            color: rgba(255,255,255,0.55);
            letter-spacing: 0.5px;
            margin-top: 1px;
        }
        /* content */
        .ntd-ev-content {
            flex: 1;
            min-width: 0;
        }

        .ntd-ev-title {
            font-size: 16px;
            font-weight: 800;
            color: #fff !important;
            line-height: 1.4;
            margin-bottom: 8px;
            transition: color 0.2s;
        }

        .ntd-event-card:hover .ntd-ev-title {
            color: #ff9999 !important;
        }

        .ntd-ev-venue {
            font-size: 12px;
            color: rgba(255,255,255,0.45);
            display: flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 10px;
        }

            .ntd-ev-venue i {
                color: var(--ntd-red);
                font-size: 11px;
            }

        .ntd-ev-countdown {
            display: flex;
            align-items: center;
        }

        .ntd-ev-today {
            font-size: 11px;
            font-weight: 800;
            color: #ff4d4d;
            background: rgba(204,0,11,0.15);
            border: 1px solid rgba(204,0,11,0.3);
            padding: 3px 12px;
            border-radius: 50px;
            animation: ntd-pulse-text 1s ease-in-out infinite;
        }

        @keyframes ntd-pulse-text {
            0%,100% {
                opacity: 1;
            }

            50% {
                opacity: 0.6;
            }
        }

        .ntd-ev-urgent-tag {
            font-size: 11px;
            font-weight: 800;
            color: #fca5a5;
            background: rgba(204,0,11,0.12);
            border: 1px solid rgba(204,0,11,0.25);
            padding: 3px 12px;
            border-radius: 50px;
        }

        .ntd-ev-days {
            font-size: 11px;
            font-weight: 700;
            color: rgba(255,255,255,0.4);
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            padding: 3px 12px;
            border-radius: 50px;
        }
        /* arrow */
        .ntd-ev-arrow {
            font-size: 20px;
            color: rgba(255,255,255,0.2);
            flex-shrink: 0;
            transition: color 0.3s, transform 0.3s;
        }

        .ntd-event-card:hover .ntd-ev-arrow {
            color: rgba(255,255,255,0.7);
/*            transform: translateX(4px);*/
        }
        /* bottom glow */
        .ntd-ev-glow {
            position: absolute;
            bottom: -30px;
            left: 50%;
            transform: translateX(-50%);
            width: 140px;
            height: 70px;
            background: rgba(204,0,11,0.25);
            border-radius: 50%;
            filter: blur(28px);
            opacity: 0;
            transition: opacity 0.4s;
        }

        .ntd-event-card:hover .ntd-ev-glow {
            opacity: 1;
        }

        @media (max-width: 768px) {
            .ntd-events-cards {
                grid-template-columns: 1fr;
            }

            .ntd-events-title {
                font-size: 30px;
            }
        }
        /* ── S7: Youth Initiatives ── */
        /* ══════════════════════════════════════════
   S7 — PROGRAMS & ACTION
══════════════════════════════════════════ */
        .ntd-programs-section {
            position: relative;
            padding: 100px 0 110px;
            background: #ffffff;
/*            background: linear-gradient(160deg, #f8f9ff 0%, #ffffff 50%, #fff5f5 100%);*/
            overflow: hidden;
        }

        .ntd-prog-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            pointer-events: none;
        }

        .ntd-prog-orb-1 {
            width: 420px;
            height: 420px;
            top: -100px;
            left: -100px;
            background: rgba(1,4,99,0.06);
            animation: ntd-orb-drift 11s ease-in-out infinite alternate;
        }

        .ntd-prog-orb-2 {
            width: 360px;
            height: 360px;
            bottom: -80px;
            right: -80px;
            background: rgba(204,0,11,0.06);
            animation: ntd-orb-drift 14s ease-in-out infinite alternate-reverse;
        }
        /* header */
        .ntd-programs-header {
            text-align: center;
            margin-bottom: 56px;
        }

        .ntd-programs-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: var(--ntd-red);
            background: rgba(204,0,11,0.07);
            border: 1px solid rgba(204,0,11,0.15);
            padding: 6px 20px;
            border-radius: 50px;
            margin-bottom: 16px;
        }

            .ntd-programs-eyebrow::before {
/*                content: '⚡';*/
                font-size: 12px;
            }

        .ntd-programs-title {
            font-size: 42px;
            font-weight: 900;
            margin: 0 0 16px;
            background: linear-gradient(135deg, #010463 0%, #CC000B 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.1;
        }

        .ntd-programs-sub {
            font-size: 16px;
            color: rgba(1,4,99,0.5);
            max-width: 560px;
            margin: 0 auto;
            line-height: 1.75;
        }
        /* grid */
        .ntd-programs-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 28px;
        }
        /* base card */
        .ntd-program-card {
            position: relative;
            background: #fff;
            border-radius: 24px;
            padding: 36px 32px 32px;
/*            border: 1px solid rgba(1,4,99,0.08);*/
            box-shadow: 0 4px 20px rgba(1,4,99,0.06);
            overflow: hidden;
            transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease, border-color 0.3s;
            cursor: pointer;
        }

            .ntd-program-card:hover {
/*                transform: translateY(-8px) scale(1.01);
                box-shadow: 0 24px 56px rgba(1,4,99,0.13), 0 4px 12px rgba(204,0,11,0.05);
                border-color: rgba(204,0,11,0.14);*/
            }
        /* top accent bar */
        .ntd-prog-accent {
            width: 44px;
            height: 3px;
            border-radius: 999px;
            margin: 0 0 18px;
            transition: width .35s ease;
        }

        .ntd-program-card:hover .ntd-prog-accent {
            width: 64px;
        }
.ntd-prog-red .ntd-prog-accent {
    background: linear-gradient(90deg, #CC000B, #E63A44);
}

.ntd-prog-navy .ntd-prog-accent {
    background: linear-gradient(90deg, #010463, #2D3FAF);
}

.ntd-prog-green .ntd-prog-accent {
    background: linear-gradient(90deg, #CC000B, #E63A44);
}

.ntd-prog-gold .ntd-prog-accent {
    background: linear-gradient(90deg, #010463, #2D3FAF);
}

.ntd-prog-purple .ntd-prog-accent {
    background: linear-gradient(90deg, #CC000B, #E63A44);
}

.ntd-prog-teal .ntd-prog-accent {
    background: linear-gradient(90deg, #010463, #2D3FAF);
}
        /* icon blob */
        .ntd-prog-icon-wrap {
            width: 62px;
            height: 62px;
/*            border-radius: 18px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin-bottom: 20px;
/*            transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);*/
        }

/*        .ntd-program-card:hover .ntd-prog-icon-wrap {
            transform: scale(1.14) rotate(-4deg);
        }

        .ntd-prog-red .ntd-prog-icon-wrap {
            background: rgba(204,0,11,0.08);
            box-shadow: 0 4px 16px rgba(204,0,11,0.14);
        }

        .ntd-prog-navy .ntd-prog-icon-wrap {
            background: rgba(1,4,99,0.07);
            box-shadow: 0 4px 16px rgba(1,4,99,0.11);
        }

        .ntd-prog-green .ntd-prog-icon-wrap {
            background: rgba(5,150,105,0.08);
            box-shadow: 0 4px 16px rgba(5,150,105,0.12);
        }

        .ntd-prog-gold .ntd-prog-icon-wrap {
            background: rgba(245,158,11,0.09);
            box-shadow: 0 4px 16px rgba(245,158,11,0.14);
        }

        .ntd-prog-purple .ntd-prog-icon-wrap {
            background: rgba(124,58,237,0.07);
            box-shadow: 0 4px 16px rgba(124,58,237,0.12);
        }

        .ntd-prog-teal .ntd-prog-icon-wrap {
            background: rgba(8,145,178,0.07);
            box-shadow: 0 4px 16px rgba(8,145,178,0.11);
        }*/
        /* category pill */
        .ntd-prog-category {
            display: inline-flex;
            align-items: center;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;
/*            padding: 4px 14px;*/
            border-radius: 50px;
            margin-bottom: 14px;
        }

/*        .ntd-prog-red .ntd-prog-category {
            color: #CC000B;
            background: rgba(204,0,11,0.07);
            border: 1px solid rgba(204,0,11,0.14);
        }

        .ntd-prog-navy .ntd-prog-category {
            color: #010463;
            background: rgba(1,4,99,0.06);
            border: 1px solid rgba(1,4,99,0.11);
        }

        .ntd-prog-green .ntd-prog-category {
            color: #059669;
            background: rgba(5,150,105,0.07);
            border: 1px solid rgba(5,150,105,0.14);
        }

        .ntd-prog-gold .ntd-prog-category {
            color: #b45309;
            background: rgba(245,158,11,0.07);
            border: 1px solid rgba(245,158,11,0.18);
        }

        .ntd-prog-purple .ntd-prog-category {
            color: #7c3aed;
            background: rgba(124,58,237,0.06);
            border: 1px solid rgba(124,58,237,0.14);
        }

        .ntd-prog-teal .ntd-prog-category {
            color: #0891b2;
            background: rgba(8,145,178,0.06);
            border: 1px solid rgba(8,145,178,0.13);
        }*/
        /* text */
        .ntd-prog-title {
            font-size: 18px !important;
            font-weight: 800 !important;
            color: var(--ntd-navy) !important;
            line-height: 1.35 !important;
            margin-bottom: 12px !important;
        }

        .ntd-prog-desc {
            font-size: 14px !important;
            line-height: 1.75 !important;
            color: rgba(1,4,99,0.5) !important;
            margin-bottom: 24px !important;
        }
        /* learn more link */
        .ntd-prog-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 800;
            text-decoration: none !important;
            transition: gap 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;
        }

            .ntd-prog-link:hover {
                gap: 12px;
                opacity: 0.8;
            }

        .ntd-prog-red .ntd-prog-link {
            color: #CC000B !important;
        }

        .ntd-prog-navy .ntd-prog-link {
            color: #010463 !important;
        }

.ntd-prog-green .ntd-prog-link {
    color: #CC000B !important;
}

.ntd-prog-gold .ntd-prog-link {
    color: #010463 !important;
}

.ntd-prog-purple .ntd-prog-link {
    color: #CC000B !important;
}

.ntd-prog-teal .ntd-prog-link {
    color: #010463 !important;
}
        /* bottom glow */
.ntd-prog-glow {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 120px;
    border-radius: 50%;
    filter: blur(36px);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

        .ntd-program-card:hover .ntd-prog-glow {
            opacity: 0.25;
        }

.ntd-prog-red .ntd-prog-glow {
    background: rgba(1,4,99,0.18);
}

        .ntd-prog-navy .ntd-prog-glow {
            background: rgba(1,4,99,0.18);
        }

.ntd-prog-green .ntd-prog-glow {
    background: rgba(1,4,99,0.18);
}

.ntd-prog-gold .ntd-prog-glow {
    background: rgba(1,4,99,0.18);
}

.ntd-prog-purple .ntd-prog-glow {
    background: rgba(1,4,99,0.18);
}

.ntd-prog-teal .ntd-prog-glow {
    background: rgba(1,4,99,0.18);
}

        @media (max-width: 992px) {
            .ntd-programs-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 600px) {
            .ntd-programs-grid {
                grid-template-columns: 1fr;
            }
        }
        /* ── S8: Join NTD CTA ── */
        /* ══════════════════════════════════════════
   S8 — BE PART OF THE MOVEMENT CTA
══════════════════════════════════════════ */
        .ntd-cta-section {
            position: relative;
            padding: 110px 0 120px;
            background: linear-gradient(145deg, #00023e 0%, #010463 35%, #3a0008 70%, #1a000c 100%);
            overflow: hidden;
        }
        /* background orbs */
        .ntd-cta-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(100px);
            pointer-events: none;
        }

        .ntd-cta-orb-1 {
            width: 600px;
            height: 600px;
            top: -200px;
            left: -150px;
            background: rgba(204,0,11,0.22);
            animation: ntd-orb-drift 10s ease-in-out infinite alternate;
        }

        .ntd-cta-orb-2 {
            width: 500px;
            height: 500px;
            bottom: -180px;
            right: -120px;
            background: rgba(79,110,247,0.18);
            animation: ntd-orb-drift 14s ease-in-out infinite alternate-reverse;
        }

        .ntd-cta-orb-3 {
            width: 300px;
            height: 300px;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: rgba(204,0,11,0.1);
            animation: ntd-orb-drift 7s ease-in-out infinite alternate;
        }
        /* grid overlay */
        .ntd-cta-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
            background-size: 60px 60px;
        }
        /* floating particles */
        .ntd-cta-dot {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }

        .ntd-cta-dot-1 {
            width: 8px;
            height: 8px;
            top: 15%;
            left: 12%;
            background: rgba(255,255,255,0.25);
            animation: ntd-dot-float 5s ease-in-out infinite;
        }

        .ntd-cta-dot-2 {
            width: 5px;
            height: 5px;
            top: 30%;
            right: 18%;
            background: rgba(204,0,11,0.5);
            animation: ntd-dot-float 7s ease-in-out infinite 1s;
        }

        .ntd-cta-dot-3 {
            width: 10px;
            height: 10px;
            bottom: 20%;
            left: 25%;
            background: rgba(255,255,255,0.12);
            animation: ntd-dot-float 6s ease-in-out infinite 0.5s;
        }

        .ntd-cta-dot-4 {
            width: 6px;
            height: 6px;
            top: 60%;
            right: 10%;
            background: rgba(255,255,255,0.2);
            animation: ntd-dot-float 8s ease-in-out infinite 2s;
        }

        .ntd-cta-dot-5 {
            width: 4px;
            height: 4px;
            top: 75%;
            left: 60%;
            background: rgba(204,0,11,0.4);
            animation: ntd-dot-float 5.5s ease-in-out infinite 0.8s;
        }

        .ntd-cta-dot-6 {
            width: 7px;
            height: 7px;
            top: 20%;
            left: 70%;
            background: rgba(255,255,255,0.15);
            animation: ntd-dot-float 9s ease-in-out infinite 1.5s;
        }

        @keyframes ntd-dot-float {
            0%,100% {
                transform: translateY(0px) scale(1);
                opacity: 0.6;
            }

            50% {
                transform: translateY(-18px) scale(1.2);
                opacity: 1;
            }
        }
        /* glassmorphism panel */
        .ntd-cta-glass {
            max-width: 680px;
            margin: 0 auto;
            background: rgba(255,255,255,0.06);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 32px;
            padding: 56px 48px 52px;
            text-align: center;
            box-shadow: 0 32px 80px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.05) inset, 0 1px 0 rgba(255,255,255,0.15) inset;
            position: relative;
        }
            /* subtle top shimmer line */
            .ntd-cta-glass::before {
                content: '';
                position: absolute;
                top: 0;
                left: 10%;
                right: 10%;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            }
        /* animated logo */
        .ntd-cta-logo-wrap {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 28px;
        }

        .ntd-cta-ring {
            position: absolute;
            border-radius: 50%;
            border-style: solid;
            border-color: transparent;
        }

        .ntd-cta-ring-1 {
            width: 120px;
            height: 120px;
            border-width: 2px;
            border-color: rgba(204,0,11,0.35);
            animation: ntd-ring-expand 3s ease-in-out infinite;
        }

        .ntd-cta-ring-2 {
            width: 150px;
            height: 150px;
            border-width: 1.5px;
            border-color: rgba(255,255,255,0.12);
            animation: ntd-ring-expand 3s ease-in-out infinite 0.8s;
        }

        .ntd-cta-ring-3 {
            width: 180px;
            height: 180px;
            border-width: 1px;
            border-color: rgba(204,0,11,0.1);
            animation: ntd-ring-expand 3s ease-in-out infinite 1.6s;
        }

        .ntd-cta-logo-img {
            width: 88px;
            height: 88px;
            border-radius: 20px;
            object-fit: cover;
            border: 2px solid rgba(255,255,255,0.2);
            box-shadow: 0 0 0 4px rgba(204,0,11,0.2), 0 16px 48px rgba(204,0,11,0.4), 0 4px 12px rgba(0,0,0,0.4);
            position: relative;
            z-index: 2;
            animation: ntd-logo-pulse 4s ease-in-out infinite;
        }

        @keyframes ntd-logo-pulse {
            0%,100% {
                box-shadow: 0 0 0 4px rgba(204,0,11,0.2), 0 16px 48px rgba(204,0,11,0.4), 0 4px 12px rgba(0,0,0,0.4);
            }

            50% {
                box-shadow: 0 0 0 8px rgba(204,0,11,0.1), 0 20px 60px rgba(204,0,11,0.55), 0 4px 16px rgba(0,0,0,0.5);
            }
        }
        /* eyebrow */
        .ntd-cta-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.6);
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.14);
            padding: 5px 18px;
            border-radius: 50px;
            margin-bottom: 18px;
        }

            .ntd-cta-eyebrow::before {
/*                content: '🔴';*/
                font-size: 10px;
            }
        /* heading */
        .ntd-cta-heading {
            font-size: 48px;
            font-weight: 900;
            line-height: 1.08;
            margin-bottom: 18px;
            background: linear-gradient(135deg, #ffffff 0%, rgba(255,200,200,0.9) 50%, #ffffff 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            background-size: 200% 200%;
            animation: ntd-text-shimmer 4s ease-in-out infinite;
        }

        @keyframes ntd-text-shimmer {
            0%,100% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }
        /* sub */
        .ntd-cta-sub {
            font-size: 16px;
            line-height: 1.7;
            color: rgba(255,255,255,0.6) !important;
            max-width: 500px;
            margin: 0 auto 32px;
        }
        /* stat chips row */
        .ntd-cta-stats {
            display: inline-flex;
            align-items: center;
            gap: 0;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 50px;
            padding: 12px 28px;
            margin-bottom: 36px;
        }

        .ntd-cta-stat {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0 20px;
        }

        .ntd-cta-stat-num {
            font-size: 22px;
            font-weight: 900;
            color: #fff;
            line-height: 1;
        }

        .ntd-cta-stat-lbl {
            font-size: 10px;
            font-weight: 700;
            color: rgba(255,255,255,0.45);
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-top: 3px;
        }

        .ntd-cta-stat-sep {
            width: 1px;
            height: 36px;
            background: rgba(255,255,255,0.12);
            flex-shrink: 0;
        }
        /* buttons */
        .ntd-cta-actions {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .ntd-cta-primary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #e8000f 0%, var(--ntd-red) 50%, #a50009 100%) !important;
            color: #fff !important;
            padding: 16px 40px;
            border-radius: 50px;
            font-weight: 800;
            font-size: 15px;
            text-decoration: none !important;
            box-shadow: 0 8px 28px rgba(204,0,11,0.55), 0 2px 8px rgba(0,0,0,0.3);
            transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
        }

            .ntd-cta-primary:hover {
                transform: translateY(-4px) scale(1.04) !important;
                box-shadow: 0 16px 40px rgba(204,0,11,0.65), 0 4px 12px rgba(0,0,0,0.4) !important;
                color: #fff !important;
            }

        .ntd-cta-secondary {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: rgba(255,255,255,0.08) !important;
            border: 1.5px solid rgba(255,255,255,0.25) !important;
            color: rgba(255,255,255,0.85) !important;
            padding: 15px 36px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 15px;
            text-decoration: none !important;
            backdrop-filter: blur(8px);
            transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
        }

            .ntd-cta-secondary:hover {
                background: rgba(255,255,255,0.16) !important;
                border-color: rgba(255,255,255,0.5) !important;
                color: #fff !important;
                transform: translateY(-4px) scale(1.03);
            }

        @media (max-width: 768px) {
            .ntd-cta-glass {
                padding: 40px 24px 36px;
                border-radius: 24px;
            }

            .ntd-cta-heading {
                font-size: 34px;
            }

            .ntd-cta-stats {
                padding: 10px 16px;
            }

            .ntd-cta-stat {
                padding: 0 12px;
            }

            .ntd-cta-stat-num {
                font-size: 18px;
            }
        }
        /* ── MCANP color overrides (catch-all) ── */
        [style*="#002664"],
        [style*="#003585"],
        [style*="#0d6efd"] {
            color: var(--ntd-navy) !important;
        }

        [style*="#bb133e"],
        [style*="#3d7edb"] {
            color: var(--ntd-red) !important;
        }
/* ══════════════════════════════════════════════════
   S9 — COMMUNITY VOICES
══════════════════════════════════════════════════ */
/* ══════════════════════════════════════════
   S9 — COMMUNITY VOICES
══════════════════════════════════════════ */
.ntd-voices-section {
    position: relative;
    padding: 100px 0 110px;
    background: linear-gradient(160deg, #f8f9ff 0%, #ffffff 50%, #fff5f5 100%);
    overflow: hidden;
}

.ntd-vc-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

.ntd-vc-orb-1 {
    width: 400px;
    height: 400px;
    top: -80px;
    right: -80px;
    background: rgba(204,0,11,0.07);
    animation: ntd-orb-drift 12s ease-in-out infinite alternate;
}

.ntd-vc-orb-2 {
    width: 350px;
    height: 350px;
    bottom: -60px;
    left: -60px;
    background: rgba(1,4,99,0.06);
    animation: ntd-orb-drift 15s ease-in-out infinite alternate-reverse;
}
/* header */
.ntd-voices-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 52px;
    flex-wrap: wrap;
    gap: 16px;
}

.ntd-voices-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ntd-red);
    background: rgba(204,0,11,0.07);
    border: 1px solid rgba(204,0,11,0.15);
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 12px;
}

    .ntd-voices-eyebrow::before {
        /*                content: '💬';*/
        font-size: 12px;
    }

.ntd-voices-title {
    font-size: 40px;
    font-weight: 900;
    margin: 0;
    background: linear-gradient(135deg, #010463 0%, #CC000B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
}

.ntd-voices-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    padding: 11px 26px;
    border-radius: 50px;
    border: 1.5px solid rgba(204,0,11,0.2);
    color: var(--ntd-red) !important;
    background: rgba(204,0,11,0.04);
    transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);
}

    .ntd-voices-all:hover {
        background: var(--ntd-red) !important;
        color: #fff !important;
        border-color: var(--ntd-red) !important;
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(204,0,11,0.3);
    }
/* grid */
.ntd-voices-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

@media (max-width: 991px) {
    .ntd-voices-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .ntd-voices-grid {
        grid-template-columns: 1fr;
    }
}
/* base card */
.ntd-voice-card {
    position: relative;
    background: #fff;
    border-radius: 24px;
    padding: 36px 32px 28px;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(1,4,99,0.08);
    box-shadow: 0 4px 20px rgba(1,4,99,0.06);
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease, border-color 0.3s;
}

    .ntd-voice-card:hover {
        /*                transform: translateY(-8px) scale(1.01);*/
/*        box-shadow: 0 24px 56px rgba(1,4,99,0.12);*/
        /*                border-color: rgba(204,0,11,0.12);*/
    }
/* colored left top accent */
.ntd-vc-red {
    border-top: 3px solid #CC000B;
}

.ntd-vc-navy {
    border-top: 3px solid #010463;
}

.ntd-vc-green {
    border-top: 3px solid #059669;
}
/* big quote mark */
.ntd-vc-quote {
    font-size: 72px;
    line-height: 0.7;
    font-family: Georgia, 'Times New Roman', serif;
    margin-bottom: 16px;
    display: block;
    font-style: italic;
}

.ntd-vc-red .ntd-vc-quote {
    color: rgba(204,0,11,0.2);
}

.ntd-vc-navy .ntd-vc-quote {
    color: rgba(1,4,99,0.15);
}

.ntd-vc-green .ntd-vc-quote {
    color: rgba(5,150,105,0.2);
}
/* text */
.ntd-voice-text {
    font-size: 14.5px !important;
    line-height: 1.8 !important;
    color: rgba(1,4,99,0.6) !important;
    flex-grow: 1;
    margin-bottom: 24px !important;
    font-style: italic;
}
/* divider */
.ntd-vc-divider {
    height: 1px;
    margin-bottom: 20px;
}

.ntd-vc-red .ntd-vc-divider {
    background: linear-gradient(90deg, rgba(204,0,11,0.2), transparent);
}

.ntd-vc-navy .ntd-vc-divider {
    background: linear-gradient(90deg, rgba(1,4,99,0.15), transparent);
}

.ntd-vc-green .ntd-vc-divider {
    background: linear-gradient(90deg, rgba(5,150,105,0.2), transparent);
}
/* footer */
.ntd-voice-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.ntd-voice-avatar-wrap {
    position: relative;
    flex-shrink: 0;
}

.ntd-voice-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
}

.ntd-voice-card:hover .ntd-voice-avatar {
    transform: scale(1.1);
}

.ntd-vc-red .ntd-voice-avatar {
    background: linear-gradient(135deg, #CC000B, #ff3a42);
    box-shadow: 0 4px 14px rgba(204,0,11,0.4);
}

.ntd-vc-navy .ntd-voice-avatar {
    background: linear-gradient(135deg, #010463, #4f6ef7);
    box-shadow: 0 4px 14px rgba(1,4,99,0.35);
}

.ntd-vc-green .ntd-voice-avatar {
    background: linear-gradient(135deg, #059669, #34d399);
    box-shadow: 0 4px 14px rgba(5,150,105,0.35);
}

.ntd-vc-avatar-ring {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: all 0.4s ease;
}

.ntd-vc-red .ntd-vc-avatar-ring {
    border-color: rgba(204,0,11,0.2);
}

.ntd-vc-navy .ntd-vc-avatar-ring {
    border-color: rgba(1,4,99,0.15);
}

.ntd-vc-green .ntd-vc-avatar-ring {
    border-color: rgba(5,150,105,0.2);
}

.ntd-voice-card:hover .ntd-vc-avatar-ring {
    transform: scale(1.2);
    opacity: 0;
}

.ntd-voice-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ntd-voice-name {
    color: var(--ntd-navy) !important;
    font-weight: 800;
    font-size: 15px;
}

.ntd-voice-location {
    color: rgba(1,4,99,0.45) !important;
    font-size: 12px;
}

    .ntd-voice-location i {
        color: var(--ntd-red);
        margin-right: 3px;
    }
/* star rating */
.ntd-vc-stars {
    font-size: 11px;
    letter-spacing: 1px;
    margin-top: 2px;
}

.ntd-vc-red .ntd-vc-stars {
    color: #CC000B;
}

.ntd-vc-navy .ntd-vc-stars {
    color: #4f6ef7;
}

.ntd-vc-green .ntd-vc-stars {
    color: #059669;
}
/* read more link */
.ntd-voice-readmore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: gap 0.3s cubic-bezier(0.34,1.56,0.64,1), opacity 0.2s;
    margin-top: auto;
}

    .ntd-voice-readmore:hover {
        gap: 12px;
        opacity: 0.8;
    }

.ntd-vc-red .ntd-voice-readmore {
    color: #CC000B !important;
}

.ntd-vc-navy .ntd-voice-readmore {
    color: #010463 !important;
}

.ntd-vc-green .ntd-voice-readmore {
    color: #059669 !important;
}
/* bottom glow on hover */
.ntd-vc-glow {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 120px;
    border-radius: 50%;
    filter: blur(36px);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.ntd-voice-card:hover .ntd-vc-glow {
    opacity: 0.35;
}

.ntd-vc-red .ntd-vc-glow {
    background: rgba(1,4,99,0.18);
}

.ntd-vc-navy .ntd-vc-glow {
    background: rgba(1,4,99,0.18);
}

.ntd-vc-green .ntd-vc-glow {
    background: rgba(1,4,99,0.18);
}
/* ══════════════════════════════════════════════════
/* ══════════════════════════════════════════
   S11 — JOIN THE MISSION / OPEN OPPORTUNITIES
══════════════════════════════════════════ */
.ntd-mission-section {
    position: relative;
    padding: 100px 0 110px;
    background: linear-gradient(160deg, #f8f9ff 0%, #ffffff 50%, #fff5f5 100%);
    overflow: hidden;
}

/* header */
.ntd-mission-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 52px;
    flex-wrap: wrap;
    gap: 20px;
}

.ntd-mission-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ntd-red);
    background: rgba(204,0,11,0.07);
    border: 1px solid rgba(204,0,11,0.15);
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 12px;
}

    .ntd-mission-eyebrow::before {
        /*                content: '🚀';*/
        font-size: 12px;
    }

.ntd-mission-title {
    font-size: 40px !important;
    font-weight: 900 !important;
    margin: 0 0 10px !important;
    background: linear-gradient(135deg, #010463 0%, #CC000B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1 !important;
}

.ntd-mission-sub {
    font-size: 15px;
    color: rgba(1,4,99,0.5) !important;
    margin: 0;
    max-width: 480px;
    line-height: 1.65;
}

.ntd-mission-viewall {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    padding: 12px 26px;
    border-radius: 50px;
    border: 1.5px solid rgba(204,0,11,0.22);
    color: var(--ntd-red) !important;
    background: rgba(204,0,11,0.04);
    white-space: nowrap;
    transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
}

    .ntd-mission-viewall:hover {
        background: var(--ntd-red) !important;
        color: #fff !important;
        border-color: var(--ntd-red) !important;
        transform: translateY(-3px);
        box-shadow: 0 10px 28px rgba(204,0,11,0.3);
    }
/* opportunity cards grid */
.ntd-opps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}
/* base opportunity card */
.ntd-opp-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 22px;
    padding: 28px 28px 24px;
    border: 1px solid rgba(1,4,99,0.08);
    box-shadow: 0 4px 18px rgba(1,4,99,0.06);
    overflow: hidden;
    text-decoration: none !important;
    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.4s ease, border-color 0.3s;
    cursor: pointer;
}

    .ntd-opp-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(1,4,99,0.12);
        border-color: rgba(204,0,11,0.12);
    }
/* top accent line */
.ntd-opp-top-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 22px 22px 0 0;
}

.ntd-opp-red .ntd-opp-top-line {
    background: #CC000B;
}

.ntd-opp-navy .ntd-opp-top-line {
    background: #010463;
}

.ntd-opp-gold .ntd-opp-top-line {
    background: #b45309;
}
/* badge row */
.ntd-opp-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.ntd-opp-type-pill {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 50px;
}

.ntd-opp-red .ntd-opp-type-pill {
    color: #CC000B;
    background: rgba(204,0,11,0.08);
    border: 1px solid rgba(204,0,11,0.15);
}

.ntd-opp-navy .ntd-opp-type-pill {
    color: #010463;
    background: rgba(1,4,99,0.07);
    border: 1px solid rgba(1,4,99,0.12);
}

.ntd-opp-gold .ntd-opp-type-pill {
    color: #b45309;
    background: rgba(245,158,11,0.08);
    border: 1px solid rgba(245,158,11,0.2);
}

.ntd-opp-closing-pill {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #CC000B !important;
    background: rgba(204,0,11,0.08);
    border: 1px solid rgba(204,0,11,0.2);
    padding: 4px 12px;
    border-radius: 50px;
}
/* title */
.ntd-opp-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--ntd-navy) !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
    flex: 1;
    transition: color 0.2s;
}

.ntd-opp-card:hover .ntd-opp-title {
    color: var(--ntd-red) !important;
}
/* description (fallback only) */
.ntd-opp-desc {
    font-size: 13px !important;
    color: rgba(1,4,99,0.5) !important;
    line-height: 1.7 !important;
    margin-bottom: 14px !important;
}
/* deadline row */
.ntd-opp-deadline {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
}

.ntd-opp-dl-icon {
    font-size: 12px;
    color: rgba(1,4,99,0.4);
}

.ntd-opp-dl-text {
    font-size: 12px;
    font-weight: 600;
    color: rgba(1,4,99,0.45);
}

.ntd-opp-days-left {
    font-size: 12px;
    font-weight: 800;
    color: #CC000B;
}

    .ntd-opp-days-left::before {
        content: '· ';
    }
/* CTA link at bottom */
.ntd-opp-cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    margin-top: auto;
    transition: gap 0.3s cubic-bezier(0.34,1.56,0.64,1);
}

.ntd-opp-card:hover .ntd-opp-cta {
    gap: 12px;
}

.ntd-opp-red .ntd-opp-cta {
    color: #CC000B !important;
}

.ntd-opp-navy .ntd-opp-cta {
    color: #010463 !important;
}

.ntd-opp-gold .ntd-opp-cta {
    color: #b45309 !important;
}
/* docs strip */
.ntd-docs-strip {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.ntd-doc-chip {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid rgba(1,4,99,0.09);
    border-radius: 16px;
    padding: 16px 22px;
    flex: 1;
    min-width: 220px;
    transition: box-shadow 0.3s, transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
}

    .ntd-doc-chip:hover {
        box-shadow: 0 8px 24px rgba(1,4,99,0.09);
        transform: translateY(-2px);
    }

.ntd-doc-chip-icon {
    font-size: 16px;
    color: var(--ntd-navy);
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(1,4,99,0.06);
}

.ntd-doc-chip-label {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    color: var(--ntd-navy) !important;
}

.ntd-doc-soon {
    font-size: 11px;
    font-weight: 700;
    color: rgba(1,4,99,0.4) !important;
    background: rgba(1,4,99,0.05);
    border: 1px solid rgba(1,4,99,0.1);
    padding: 3px 12px;
    border-radius: 50px;
}

.ntd-doc-link {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--ntd-red) !important;
    text-decoration: none !important;
    transition: gap 0.2s;
}

    .ntd-doc-link:hover {
        text-decoration: underline !important;
    }

@media (max-width: 992px) {
    .ntd-opps-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .ntd-opps-grid {
        grid-template-columns: 1fr;
    }

    .ntd-mission-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ntd-docs-strip {
        flex-direction: column;
    }
}
        /* ══════════════════════════════════════════════════
   S10 — ABOUT NTD
══════════════════════════════════════════════════ */
        /* ══════════════════════════════════════════
   S10 — ABOUT / WHO WE ARE
══════════════════════════════════════════ */
        .ntd-about-section {
            position: relative;
            padding: 100px 0 110px;
            background: linear-gradient(160deg, #00023e 0%, #010463 45%, #1a0010 100%);
            overflow: hidden;
        }

        .ntd-ab-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(90px);
            pointer-events: none;
        }

        .ntd-ab-orb-1 {
            width: 500px;
            height: 500px;
            top: -120px;
            left: -100px;
            background: rgba(79,110,247,0.15);
            animation: ntd-orb-drift 11s ease-in-out infinite alternate;
        }

        .ntd-ab-orb-2 {
            width: 420px;
            height: 420px;
            bottom: -100px;
            right: -80px;
            background: rgba(204,0,11,0.18);
            animation: ntd-orb-drift 14s ease-in-out infinite alternate-reverse;
        }

        .ntd-ab-grid {
            position: absolute;
            inset: 0;
            background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
            background-size: 60px 60px;
        }
        /* layout */
        .ntd-about-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 72px;
            align-items: center;
        }

        @media (max-width: 991px) {
            .ntd-about-grid {
                grid-template-columns: 1fr;
                gap: 56px;
            }
        }
        /* eyebrow */
        .ntd-ab-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.65);
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.14);
            padding: 6px 18px;
            border-radius: 50px;
            margin-bottom: 16px;
        }

            .ntd-ab-eyebrow::before {
/*                content: '🏛️';*/
                font-size: 12px;
            }
        /* heading */
        .ntd-about-title {
            font-size: 42px !important;
            font-weight: 900 !important;
            margin: 0 0 14px !important;
            background: linear-gradient(135deg, #ffffff 20%, rgba(255,200,200,0.85) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.1 !important;
        }
        /* subtitle pill */
        .ntd-ab-subtitle-pill {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 700;
            color: rgba(255,255,255,0.55);
            background: rgba(204,0,11,0.1);
            border: 1px solid rgba(204,0,11,0.2);
            padding: 6px 18px;
            border-radius: 50px;
            margin-bottom: 36px;
        }

            .ntd-ab-subtitle-pill::before {
                content: '🔴';
                font-size: 10px;
            }
        /* accordion list */
        .ntd-about-accordion {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        /* accordion item — glass card */
        .ntd-acc-item {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 16px;
            overflow: hidden;
            transition: border-color 0.3s, background 0.3s;
        }

            .ntd-acc-item:hover {
                border-color: rgba(255,255,255,0.14);
                background: rgba(255,255,255,0.06);
            }

            .ntd-acc-item.open {
                background: rgba(204,0,11,0.08);
                border-color: rgba(204,0,11,0.25);
                box-shadow: 0 0 0 1px rgba(204,0,11,0.1) inset;
            }
        /* accordion button */
        .ntd-acc-btn {
            width: 100%;
            text-align: left;
            background: none;
            border: none;
            padding: 18px 22px;
            font-size: 15px;
            font-weight: 700;
            color: rgba(255,255,255,0.85) !important;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 14px;
            font-family: 'Mukta', sans-serif;
            transition: color 0.2s;
        }

            .ntd-acc-btn:hover {
                color: #fff !important;
            }

        .ntd-acc-item.open .ntd-acc-btn {
            color: #fff !important;
        }

        .ntd-acc-label {
            flex: 1;
        }
        /* +/− icon */
        .ntd-acc-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 1.5px solid rgba(255,255,255,0.2);
            flex-shrink: 0;
            position: relative;
            transition: background 0.3s, border-color 0.3s, transform 0.3s;
        }

        .ntd-acc-item.open .ntd-acc-icon {
            background: var(--ntd-red);
            border-color: var(--ntd-red);
            transform: rotate(45deg);
        }

        .ntd-acc-icon::before,
        .ntd-acc-icon::after {
            content: '';
            position: absolute;
            background: rgba(255,255,255,0.7);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: background 0.3s;
        }

        .ntd-acc-icon::before {
            width: 10px;
            height: 1.5px;
        }

        .ntd-acc-icon::after {
            width: 1.5px;
            height: 10px;
        }

        .ntd-acc-item.open .ntd-acc-icon::before,
        .ntd-acc-item.open .ntd-acc-icon::after {
            background: #fff;
        }
        /* accordion body */
        .ntd-acc-body {
            display: none;
            padding: 0 22px 20px 60px;
        }

        .ntd-acc-item.open .ntd-acc-body {
            display: block;
        }

        .ntd-acc-body p {
            color: rgba(255,255,255,0.6) !important;
            font-size: 14.5px !important;
            line-height: 1.8 !important;
            margin-bottom: 12px !important;
        }

        .ntd-pdf-link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 13px;
            font-weight: 700;
            color: rgba(204,0,11,0.85) !important;
            text-decoration: none !important;
            transition: color 0.2s;
        }

            .ntd-pdf-link:hover {
                color: #ff4d54 !important;
            }
        /* ── RIGHT VISUAL PANEL ── */
        .ntd-about-visual {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 28px;
        }
        /* logo card */
        .ntd-ab-logo-card {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 280px;
            height: 280px;
        }

        .ntd-ab-logo-glow {
            position: absolute;
            inset: -20px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(204,0,11,0.25) 0%, transparent 70%);
            animation: ntd-logo-pulse 4s ease-in-out infinite;
        }

        .ntd-ab-logo-ring {
            position: absolute;
            border-radius: 50%;
            border: 1.5px solid transparent;
        }

        .ntd-ab-ring-1 {
            width: 200px;
            height: 200px;
            border-color: rgba(204,0,11,0.3);
            animation: ntd-ring-expand 3.5s ease-in-out infinite;
        }

        .ntd-ab-ring-2 {
            width: 240px;
            height: 240px;
            border-color: rgba(255,255,255,0.1);
            animation: ntd-ring-expand 3.5s ease-in-out infinite 0.9s;
        }

        .ntd-ab-ring-3 {
            width: 280px;
            height: 280px;
            border-color: rgba(204,0,11,0.08);
            animation: ntd-ring-expand 3.5s ease-in-out infinite 1.8s;
        }

        .ntd-ab-logo-img {
            width: 140px;
            height: 140px;
            border-radius: 24px;
            object-fit: cover;
            border: 2px solid rgba(255,255,255,0.2);
            box-shadow: 0 0 0 5px rgba(204,0,11,0.18), 0 20px 56px rgba(204,0,11,0.45), 0 4px 16px rgba(0,0,0,0.5);
            position: relative;
            z-index: 2;
        }

        .ntd-ab-logo-tag {
            position: absolute;
            bottom: 16px;
            right: 8px;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,0.18);
            border-radius: 50px;
            padding: 5px 14px;
            font-size: 11px;
            font-weight: 800;
            color: rgba(255,255,255,0.75);
            letter-spacing: 1px;
            z-index: 3;
        }
        /* stat chips */
        .ntd-ab-stats {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .ntd-ab-stat {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 20px;
            border-radius: 16px;
            backdrop-filter: blur(16px);
            min-width: 88px;
            transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);
        }

            .ntd-ab-stat:hover {
                transform: translateY(-4px) scale(1.04);
            }

        .ntd-abs-red {
            background: rgba(204,0,11,0.12);
            border: 1px solid rgba(204,0,11,0.25);
        }

        .ntd-abs-blue {
            background: rgba(79,110,247,0.1);
            border: 1px solid rgba(79,110,247,0.2);
        }

        .ntd-abs-gold {
            background: rgba(245,158,11,0.1);
            border: 1px solid rgba(245,158,11,0.2);
        }

        .ntd-abs-num {
            font-size: 26px;
            font-weight: 900;
            color: #fff;
            line-height: 1;
        }

        .ntd-abs-red .ntd-abs-num {
            color: #ff6b70;
        }

        .ntd-abs-blue .ntd-abs-num {
            color: #93b4fb;
        }

        .ntd-abs-gold .ntd-abs-num {
            color: #fcd34d;
        }

        .ntd-abs-lbl {
            font-size: 10px;
            font-weight: 700;
            color: rgba(255,255,255,0.45);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 5px;
            text-align: center;
        }
        /* learn more button */
        .ntd-about-learnmore {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 800;
            text-decoration: none !important;
            padding: 12px 28px;
            border-radius: 50px;
            border: 1.5px solid rgba(255,255,255,0.2);
            color: rgba(255,255,255,0.75) !important;
            background: rgba(255,255,255,0.06);
            backdrop-filter: blur(8px);
            transition: all 0.4s cubic-bezier(0.34,1.56,0.64,1);
        }

            .ntd-about-learnmore:hover {
                background: rgba(204,0,11,0.2) !important;
                border-color: rgba(204,0,11,0.4) !important;
                color: #fff !important;
                transform: translateY(-3px);
                box-shadow: 0 8px 24px rgba(204,0,11,0.25);
            }
        /* ══════════════════════════════════════════════════
   S1 — HERO BANNER (static + DB-driven)
══════════════════════════════════════════════════ */
        .ntd-hero {
            position: relative;
            min-height: 620px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        /* DB-driven slides */
        .ntd-hero-slide {
            min-height: 620px;
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            align-items: center;
        }

        .ntd-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(1,4,99,0.85) 0%, rgba(204,0,11,0.4) 100%);
        }

        .ntd-hero-content {
            position: relative;
            z-index: 2;
            padding: 80px 0;
        }

        .ntd-hero-eyebrow {
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.7) !important;
            margin-bottom: 12px;
        }

        .ntd-hero-heading {
            font-size: 52px;
            font-weight: 800;
            color: #fff !important;
            line-height: 1.15;
            margin-bottom: 32px;
            max-width: 700px;
        }

        .ntd-hero-actions {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }
        /* ── Hero CTA Buttons ── */
        .ntd-hero-btn-primary {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #e8000f 0%, var(--ntd-red) 50%, #a50009 100%) !important;
            color: #fff !important;
            padding: 15px 36px;
            border-radius: 50px;
            font-weight: 800;
            font-size: 15px;
            text-decoration: none !important;
            letter-spacing: 0.4px;
            overflow: hidden;
            box-shadow: 0 6px 24px rgba(204,0,11,0.4), 0 2px 8px rgba(204,0,11,0.2);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

            .ntd-hero-btn-primary::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
                border-radius: inherit;
            }

            .ntd-hero-btn-primary::after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 0;
                height: 0;
                background: rgba(255,255,255,0.25);
                border-radius: 50%;
                transform: translate(-50%, -50%);
                transition: width 0.5s, height 0.5s, opacity 0.4s;
                opacity: 0;
            }

            .ntd-hero-btn-primary:hover {
                transform: translateY(-3px) scale(1.04) !important;
                box-shadow: 0 14px 40px rgba(204,0,11,0.5), 0 4px 12px rgba(204,0,11,0.3) !important;
                color: #fff !important;
                text-decoration: none !important;
            }

                .ntd-hero-btn-primary:hover::after {
                    width: 220px;
                    height: 220px;
                    opacity: 0;
                }

            .ntd-hero-btn-primary:active {
                transform: translateY(-1px) scale(1.01) !important;
            }

        .ntd-hero-btn-secondary {
            border: 2px solid rgba(255,255,255,0.6);
            color: #fff !important;
            padding: 13px 28px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 15px;
            text-decoration: none !important;
            transition: all 0.3s;
        }

            .ntd-hero-btn-secondary:hover {
                background: rgba(255,255,255,0.15);
                border-color: #fff;
                color: #fff !important;
            }
        /* Static NTD hero */
        .ntd-hero-static {
            background: #f8f9ff;
            align-items: stretch;
            padding-bottom: 0;
        }

        .ntd-hero-bg-navy {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 50%, #fff5f5 100%);
            z-index: 0;
        }

        .ntd-hero-stripe-red {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: radial-gradient(ellipse at right center, rgba(204,0,11,0.07) 0%, transparent 70%);
            z-index: 1;
        }

        .ntd-hero-dot-grid {
            position: absolute;
            inset: 0;
            background-image: radial-gradient(circle, rgba(1,4,99,0.07) 1px, transparent 1px);
            background-size: 28px 28px;
            z-index: 2;
        }

        .ntd-hero-flex {
            display: flex;
            align-items: center;
            gap: 60px;
            padding: 90px 0 110px;
            position: relative;
            z-index: 10;
        }

        @media (max-width: 991px) {
            .ntd-hero-flex {
                flex-direction: column-reverse;
                gap: 40px;
                padding: 60px 0 90px;
                text-align: center;
            }
        }
        /* ── Hero Left Text Block ── */
        .ntd-hero-left {
            flex: 1;
            min-width: 0;
        }
        /* Tagline pill — shimmer sweep */
        .ntd-hero-tagline {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            color: #fff !important;
            background: linear-gradient(135deg, #CC000B 0%, #ff3a42 50%, #CC000B 100%);
            background-size: 200% 100%;
            border: none;
            padding: 7px 18px;
            border-radius: 50px;
            margin-bottom: 22px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 16px rgba(204,0,11,0.35);
            animation: ntd-tagline-shimmer 3s ease-in-out infinite;
        }

            .ntd-hero-tagline::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 60%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
                animation: ntd-shine-sweep 2.5s ease-in-out infinite;
            }

            .ntd-hero-tagline::after {
                content: '★';
                font-size: 9px;
                opacity: 0.8;
                margin-left: 2px;
            }

        @keyframes ntd-tagline-shimmer {
            0%, 100% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }

        @keyframes ntd-shine-sweep {
            0% {
                left: -100%;
            }

            60% {
                left: 140%;
            }

            100% {
                left: 140%;
            }
        }
        /* Main Nepali title — gradient text */
        .ntd-hero-title-np {
            font-size: 62px;
            font-weight: 900;
            line-height: 1.05;
            margin: 0 0 8px;
            letter-spacing: -1px;
            background: linear-gradient(135deg, #CC000B 0%, #010463 70%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            filter: drop-shadow(0 2px 8px rgba(204,0,11,0.15));
        }
        /* English subtitle */
        .ntd-hero-title-en {
            font-size: 24px;
            font-weight: 700;
            color: var(--ntd-navy) !important;
            margin: 0 0 20px;
            letter-spacing: 3px;
            text-transform: uppercase;
            opacity: 0.55;
            position: relative;
            display: inline-block;
        }

            .ntd-hero-title-en::after {
                content: '';
                display: block;
                width: 48px;
                height: 3px;
                background: linear-gradient(90deg, var(--ntd-red), transparent);
                border-radius: 2px;
                margin-top: 6px;
            }
        /* Description */
        .ntd-hero-desc {
            font-size: 15.5px;
            color: #4b5563 !important;
            line-height: 1.8;
            max-width: 520px;
            margin-bottom: 32px;
            position: relative;
            padding-left: 16px;
            border-left: 3px solid rgba(204,0,11,0.2);
        }

        .ntd-hero-ctas {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
            margin-bottom: 32px;
        }

        @media (max-width: 991px) {
            .ntd-hero-ctas {
                justify-content: center;
            }
        }

        .ntd-hero-btn-ghost {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 2px solid rgba(1,4,99,0.2);
            color: var(--ntd-navy) !important;
            padding: 13px 28px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 14px;
            text-decoration: none !important;
            letter-spacing: 0.3px;
            background: rgba(1,4,99,0.03);
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

            .ntd-hero-btn-ghost:hover {
                border-color: var(--ntd-navy);
                color: var(--ntd-navy) !important;
                background: rgba(1,4,99,0.07) !important;
                transform: translateY(-2px);
                box-shadow: 0 6px 20px rgba(1,4,99,0.1);
                text-decoration: none !important;
            }
        /* Pillars row */
        .ntd-hero-pillars {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-top: 8px;
        }

        @media (max-width: 991px) {
            .ntd-hero-pillars {
                justify-content: center;
            }
        }

        .ntd-hero-pillar {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 18px;
            border-radius: 50px;
            cursor: default;
            transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
            animation: ntd-pillar-in 0.6s ease both;
            position: relative;
            overflow: hidden;
        }

            .ntd-hero-pillar:nth-child(1) {
                background: rgba(204,0,11,0.07);
                border: 1.5px solid rgba(204,0,11,0.18);
                animation-delay: 0.1s;
            }

            .ntd-hero-pillar:nth-child(3) {
                background: rgba(1,4,99,0.06);
                border: 1.5px solid rgba(1,4,99,0.15);
                animation-delay: 0.25s;
            }

            .ntd-hero-pillar:nth-child(5) {
                background: rgba(16,120,10,0.06);
                border: 1.5px solid rgba(16,120,10,0.18);
                animation-delay: 0.4s;
            }
            .ntd-hero-pillar:nth-child(7) {
                background: rgba(204,0,11,0.07);
                border: 1.5px solid rgba(204,0,11,0.18);
                animation-delay: 0.1s;
            }


            .ntd-hero-pillar::before {
                content: '';
                position: absolute;
                inset: 0;
                border-radius: inherit;
                background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 70%);
                opacity: 0;
                transition: opacity 0.3s;
            }

/*            .ntd-hero-pillar:hover {
                transform: translateY(-3px) scale(1.06);
            }*/

/*            .ntd-hero-pillar:nth-child(1):hover {
                background: rgba(204,0,11,0.12) !important;
                box-shadow: 0 8px 24px rgba(204,0,11,0.2);
            }

            .ntd-hero-pillar:nth-child(3):hover {
                background: rgba(1,4,99,0.1) !important;
                box-shadow: 0 8px 24px rgba(1,4,99,0.15);
            }

            .ntd-hero-pillar:nth-child(5):hover {
                background: rgba(16,120,10,0.1) !important;
                box-shadow: 0 8px 24px rgba(16,120,10,0.15);
            }*/

            .ntd-hero-pillar:hover::before {
                opacity: 1;
            }

        @keyframes ntd-pillar-in {
            from {
                opacity: 0;
                transform: translateY(12px) scale(0.92);
            }

            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .ntd-hp-icon {
            font-size: 15px;
            line-height: 1;
        }

        .ntd-hp-text {
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.8px;
            text-transform: uppercase;
        }

        .ntd-hero-pillar:nth-child(1) .ntd-hp-text {
            color: var(--ntd-red) !important;
        }

        .ntd-hero-pillar:nth-child(3) .ntd-hp-text {
            color: var(--ntd-navy) !important;
        }

        .ntd-hero-pillar:nth-child(5) .ntd-hp-text {
            color: #0d7a06 !important;
        }

.ntd-hero-pillar:nth-child(7) .ntd-hp-text {
    color: var(--ntd-red) !important;
}

        .ntd-hero-pillar-divider {
            display: none;
        }
        /* Right logo block */
        .ntd-hero-right {
            width: 360px;
            flex-shrink: 0;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        @media (max-width: 991px) {
            .ntd-hero-right {
                width: 220px;
            }
        }
        /* Outer glow ring */
        .ntd-hero-logo-ring {
            position: absolute;
            width: 330px;
            height: 330px;
            border-radius: 50%;
            border: 2px solid rgba(204,0,11,0.2);
            box-shadow: 0 0 0 12px rgba(204,0,11,0.04), 0 0 0 28px rgba(1,4,99,0.03);
            animation: ntd-ring-pulse 3s ease-in-out infinite;
            z-index: 1;
        }

        @keyframes ntd-ring-pulse {
            0%, 100% {
                transform: scale(1);
                box-shadow: 0 0 0 12px rgba(204,0,11,0.06), 0 0 0 28px rgba(1,4,99,0.03);
            }

            50% {
                transform: scale(1.04);
                box-shadow: 0 0 0 20px rgba(204,0,11,0.03), 0 0 0 40px rgba(1,4,99,0.02);
            }
        }

        .ntd-hero-logo-img {
            width: 280px;
            height: 280px;
            object-fit: cover;
            border-radius: 50%;
            border: 4px solid #ffffff;
            box-shadow: 0 0 0 8px rgba(204,0,11,0.08), 0 20px 60px rgba(1,4,99,0.15), 0 8px 24px rgba(204,0,11,0.12);
            position: relative;
            z-index: 2;
        }

        @media (max-width: 991px) {
            .ntd-hero-logo-img {
                width: 180px;
                height: 180px;
            }

            .ntd-hero-logo-ring {
                width: 210px;
                height: 210px;
            }
        }
        /* Floating stat badges — glassmorphism */
        /* ── Floating stat badges ── */
        .ntd-hero-badge {
            position: absolute;
            border-radius: 20px;
            padding: 14px 20px;
            text-align: center;
            z-index: 5;
            min-width: 90px;
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            animation: ntd-badge-float 4s ease-in-out infinite;
            transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
        }

            .ntd-hero-badge:hover {
                transform: translateY(-8px) scale(1.08) !important;
                animation-play-state: paused;
            }
        /* Badge 1 — 75+ Years — Red */
        .ntd-hb-1 {
            top: 10px;
            right: -28px;
            animation-delay: 0s;
            background: linear-gradient(135deg, #CC000B 0%, #ff1a24 100%);
            border: 1px solid rgba(255,255,255,0.25);
            box-shadow: 0 8px 28px rgba(204,0,11,0.45), 0 0 0 6px rgba(204,0,11,0.1);
        }
        /* Badge 2 — 77 Districts — Navy */
        .ntd-hb-2 {
            bottom: 40px;
            right: -32px;
            animation-delay: 1.4s;
            background: linear-gradient(135deg, #010463 0%, #1a2d9e 100%);
            border: 1px solid rgba(255,255,255,0.2);
            box-shadow: 0 8px 28px rgba(1,4,99,0.45), 0 0 0 6px rgba(1,4,99,0.1);
        }
        /* Badge 3 — 100K+ Members — Amber/Gold */
        .ntd-hb-3 {
            bottom: 6px;
            left: -20px;
            animation-delay: 2.8s;
            background: linear-gradient(135deg, #b45309 0%, #f59e0b 100%);
            border: 1px solid rgba(255,255,255,0.25);
            box-shadow: 0 8px 28px rgba(245,158,11,0.45), 0 0 0 6px rgba(245,158,11,0.12);
        }

        @keyframes ntd-badge-float {
            0%, 100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-7px);
            }
        }

        @media (max-width: 991px) {
            .ntd-hero-badge {
                display: none;
            }
        }

        .ntd-hb-num {
            display: block;
            font-size: 24px;
            font-weight: 900;
            color: #ffffff !important;
            line-height: 1;
            text-shadow: 0 2px 8px rgba(0,0,0,0.15);
        }

        .ntd-hb-label {
            display: block;
            font-size: 9px;
            color: rgba(255,255,255,0.85) !important;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 4px;
        }
        /* Bottom wave */
        .ntd-hero-wave {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            line-height: 0;
            z-index: 10;
        }

            .ntd-hero-wave svg {
                width: 100%;
                height: 80px;
                display: block;
            }

        @media (max-width: 768px) {
            .ntd-hero-title-np {
                font-size: 38px;
            }

            .ntd-hero-title-en {
                font-size: 18px;
            }

            .ntd-hero-desc {
                font-size: 14px;
            }

            .ntd-hero-flex {
                padding: 50px 0 80px;
            }
        }
        /* ── Rising stars animation ── */
        .ntd-hero-stars {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: hidden;
            z-index: 2;
        }

        @keyframes ntd-star-rise {
            0% {
                transform: translateY(0px) scale(0.6) rotate(0deg);
                opacity: 0;
            }

            8% {
                opacity: 1;
            }

            85% {
                opacity: 0.75;
            }

            100% {
                transform: translateY(-700px) scale(1.15) rotate(25deg);
                opacity: 0;
            }
        }

        .ntd-star {
            position: absolute;
            bottom: 0;
            animation: ntd-star-rise ease-in-out infinite;
            line-height: 1;
            display: block;
        }
        /* Left side stars — spread across 0–22% of width */
        .ntd-stars-left .ntd-s1 {
            left: 2%;
            font-size: 13px;
            color: rgba(204,0,11,0.65);
            animation-duration: 9s;
            animation-delay: 0s;
        }

        .ntd-stars-left .ntd-s2 {
            left: 6%;
            font-size: 18px;
            color: rgba(255,255,255,0.55);
            animation-duration: 7s;
            animation-delay: 1.4s;
        }

        .ntd-stars-left .ntd-s3 {
            left: 10%;
            font-size: 10px;
            color: rgba(204,0,11,0.5);
            animation-duration: 11s;
            animation-delay: 0.6s;
        }

        .ntd-stars-left .ntd-s4 {
            left: 14%;
            font-size: 22px;
            color: rgba(255,255,255,0.35);
            animation-duration: 8s;
            animation-delay: 3s;
        }

        .ntd-stars-left .ntd-s5 {
            left: 4%;
            font-size: 16px;
            color: rgba(245,158,11,0.6);
            animation-duration: 10s;
            animation-delay: 2s;
        }

        .ntd-stars-left .ntd-s6 {
            left: 18%;
            font-size: 12px;
            color: rgba(255,255,255,0.5);
            animation-duration: 6s;
            animation-delay: 4.5s;
        }

        .ntd-stars-left .ntd-s7 {
            left: 8%;
            font-size: 20px;
            color: rgba(204,0,11,0.4);
            animation-duration: 13s;
            animation-delay: 1s;
        }
        /* Right side stars — spread across 78–98% of width */
        .ntd-stars-right .ntd-s8 {
            right: 2%;
            font-size: 16px;
            color: rgba(255,255,255,0.5);
            animation-duration: 8s;
            animation-delay: 0.3s;
        }

        .ntd-stars-right .ntd-s9 {
            right: 7%;
            font-size: 11px;
            color: rgba(204,0,11,0.6);
            animation-duration: 10s;
            animation-delay: 1.8s;
        }

        .ntd-stars-right .ntd-s10 {
            right: 12%;
            font-size: 20px;
            color: rgba(255,255,255,0.4);
            animation-duration: 7s;
            animation-delay: 0.9s;
        }

        .ntd-stars-right .ntd-s11 {
            right: 4%;
            font-size: 14px;
            color: rgba(245,158,11,0.55);
            animation-duration: 12s;
            animation-delay: 3.5s;
        }

        .ntd-stars-right .ntd-s12 {
            right: 17%;
            font-size: 10px;
            color: rgba(204,0,11,0.5);
            animation-duration: 9s;
            animation-delay: 2.5s;
        }

        .ntd-stars-right .ntd-s13 {
            right: 9%;
            font-size: 18px;
            color: rgba(255,255,255,0.45);
            animation-duration: 6s;
            animation-delay: 5s;
        }

        .ntd-stars-right .ntd-s14 {
            right: 21%;
            font-size: 13px;
            color: rgba(204,0,11,0.35);
            animation-duration: 11s;
            animation-delay: 1.2s;
        }
        /* hide on very small screens to avoid clutter */
        @media (max-width: 600px) {
            .ntd-hero-stars {
                display: none;
            }
        }