* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html {
            font-size: 14px;
            scroll-behavior: smooth;
            width: 100%;
            max-width: 100vw;
            overflow-x: clip !important;
        }

        body {
            font-family: 'Noto Sans', sans-serif;
            background: #070a12;
            color: #cbd5e1;
            line-height: 1.8;
            overflow-x: clip !important;
            transition: background 0.3s ease, color 0.3s ease;
        }

        body.dark-mode {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }

        /* ========== STICKY NAVBAR ========== */
        #header {
            position: sticky !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            background: rgba(9, 13, 26, 0.96) !important;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
            z-index: 999999 !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
            transition: all 0.3s ease;
        }
        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.85rem 2rem;
            max-width: 86rem;
            margin: 0 auto;
        }
        .brand-logo {
            display: flex;
            align-items: center;
            text-decoration: none;
            gap: 0.75rem;
        }
        .logo-icon {
            width: 2.8rem;
            height: 2.8rem;
            background: #607FE0;
            border-radius: 0.6rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-family: 'Suez One', serif;
            font-size: 1.6rem;
            box-shadow: 0 4px 10px rgba(96, 127, 224, 0.3);
        }
        .logo-text {
            font-family: 'Suez One', serif;
            font-size: 1.6rem;
            color: #ffffff;
            line-height: 1.1;
            display: flex;
            flex-direction: column;
        }
        .logo-subtext {
            font-family: 'Noto Sans', sans-serif;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.08rem;
            text-transform: uppercase;
            color: #00bcff;
        }
        .header-right {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
        #menu ul.menu {
            display: flex;
            list-style: none;
            gap: 1.75rem;
            margin: 0;
            padding: 0;
        }
        #menu ul.menu li a {
            text-decoration: none;
            color: #ffffff;
            font-size: 1rem;
            font-weight: 600;
            transition: color 0.25s ease;
            position: relative;
        }
        #menu ul.menu li a:hover,
        #menu ul.menu li a.active {
            color: #00bcff;
        }
        #menu ul.menu li a.active::after {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 100%;
            height: 2.5px;
            background: #00bcff;
            border-radius: 2px;
        }
        .header-controls {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .ctrl-btn {
            width: 2.4rem;
            height: 2.4rem;
            border-radius: 50%;
            background: #0d1222;
            color: #00bcff;
            border: 1px solid rgba(0, 188, 255, 0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 1rem;
            transition: all 0.25s ease;
        }
        .ctrl-btn:hover {
            transform: scale(1.08);
            box-shadow: 0 0 15px rgba(0, 188, 255, 0.4);
        }
        .mobile-menu-btn { display: none; }

        /* Floating WhatsApp Button */
        .floating-whatsapp-circle {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 3.8rem;
            height: 3.8rem;
            background: #25D366;
            color: #ffffff !important;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
            z-index: 99999;
            transition: all 0.3s ease;
            text-decoration: none;
        }
        .floating-whatsapp-circle:hover {
            transform: scale(1.1) translateY(-4px);
            background: #1eb954;
            box-shadow: 0 12px 30px rgba(37, 211, 102, 0.7);
        }
        .floating-whatsapp-dot {
            position: absolute;
            top: 0.2rem;
            right: 0.2rem;
            width: 0.9rem;
            height: 0.9rem;
            background: #ff3b30;
            border: 2px solid #ffffff;
            border-radius: 50%;
            animation: pulse-dot 2s infinite;
        }
        @keyframes pulse-dot {
            0% { transform: scale(0.9); opacity: 0.8; }
            50% { transform: scale(1.3); opacity: 1; }
            100% { transform: scale(0.9); opacity: 0.8; }
        }

        /* Container */
        .container {
            max-width: 84rem;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        /* ========== HERO SECTION ========== */
        .training-hero {
            padding: 5rem 0 4rem 0;
            background: radial-gradient(circle at 80% 20%, rgba(0, 188, 255, 0.08) 0%, transparent 60%), #070a12;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            position: relative;
        }
        .hero-grid {
            display: grid;
            grid-template-columns: 1.25fr 0.9fr;
            gap: 3.5rem;
            align-items: center;
        }
        .hero-badge-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            background: rgba(0, 188, 255, 0.12);
            color: #00bcff;
            border: 1px solid rgba(0, 188, 255, 0.35);
            padding: 0.4rem 1.1rem;
            border-radius: 2rem;
            font-size: 0.85rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
        }
        .hero-title {
            font-family: 'Suez One', serif;
            font-size: 3.2rem;
            color: #ffffff;
            line-height: 1.2;
            margin-bottom: 1.25rem;
        }
        .hero-title span {
            color: #00bcff;
            text-shadow: 0 0 20px rgba(0, 188, 255, 0.3);
        }
        .hero-subtitle {
            font-size: 1.15rem;
            color: #cbd5e1;
            line-height: 1.7;
            margin-bottom: 2rem;
        }
        .hero-stats-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            background: #0d1222;
            padding: 1.25rem 1.5rem;
            border-radius: 1.25rem;
            border: 1px solid rgba(0, 188, 255, 0.2);
            margin-bottom: 2.25rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }
        .hero-stat-item {
            text-align: center;
            border-right: 1px solid rgba(255, 255, 255, 0.08);
        }
        .hero-stat-item:last-child { border-right: none; }
        .hero-stat-num {
            font-family: 'Suez One', serif;
            font-size: 1.7rem;
            color: #00bcff;
            line-height: 1.1;
        }
        .hero-stat-lbl {
            font-size: 0.78rem;
            color: #94a3b8;
            font-weight: 600;
            margin-top: 0.3rem;
        }
        .hero-btn-row {
            display: flex;
            gap: 1.25rem;
            align-items: center;
        }
        .btn-primary {
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            background: #00bcff;
            color: #070a12;
            font-weight: 800;
            font-size: 1.05rem;
            padding: 0.9rem 2rem;
            border-radius: 2.5rem;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 6px 20px rgba(0, 188, 255, 0.4);
        }
        .btn-primary:hover {
            background: #38bdf8;
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.6);
        }
        .btn-outline {
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            background: #0d1222;
            color: #ffffff;
            font-weight: 700;
            font-size: 1.05rem;
            padding: 0.9rem 1.8rem;
            border-radius: 2.5rem;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, 0.15);
            transition: all 0.3s ease;
        }
        .btn-outline:hover {
            border-color: #00bcff;
            color: #00bcff;
            transform: translateY(-3px);
        }

        /* Hero Right Card */
        .hero-preview-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.35);
            border-radius: 2rem;
            padding: 2.5rem;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
            position: relative;
            overflow: hidden;
            transition: all 0.35s ease;
        }
        .hero-preview-card:hover {
            border-color: #00bcff;
            box-shadow: 0 25px 60px rgba(0, 188, 255, 0.25);
            transform: translateY(-5px);
        }
        .hero-preview-card::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: rgba(0, 188, 255, 0.15);
            border-radius: 50%;
            filter: blur(40px);
        }
        .mentor-badge-row {
            display: flex;
            align-items: center;
            gap: 1.25rem;
            margin-bottom: 2rem;
        }
        .mentor-avatar {
            width: 5.5rem;
            height: 5.5rem;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #00bcff;
            box-shadow: 0 0 20px rgba(0, 188, 255, 0.4);
        }
        .mentor-meta h3 {
            font-family: 'Suez One', serif;
            font-size: 1.4rem;
            color: #ffffff;
            line-height: 1.2;
        }
        .mentor-meta p {
            color: #00bcff;
            font-size: 0.88rem;
            font-weight: 700;
        }
        .live-batch-info-box {
            background: #090d1a;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 1.25rem;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }
        .batch-info-line {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.6rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            font-size: 0.95rem;
        }
        .batch-info-line:last-child { border-bottom: none; }
        .batch-info-line span:first-child { color: #94a3b8; }
        .batch-info-line span:last-child { color: #ffffff; font-weight: 700; }

        /* ========== STICKY IN-PAGE ANCHOR NAV ========== */
        .quick-nav-bar {
            background: #090d1a;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            position: sticky;
            top: 4.8rem;
            z-index: 90 !important;
        }
        .quick-nav-inner {
            display: flex;
            gap: 1.5rem;
            overflow-x: auto;
            padding: 0.85rem 0;
            scrollbar-width: none;
        }
        .quick-nav-inner::-webkit-scrollbar { display: none; }
        .quick-nav-link {
            color: #cbd5e1;
            text-decoration: none;
            font-weight: 700;
            font-size: 0.92rem;
            white-space: nowrap;
            padding: 0.45rem 1.1rem;
            border-radius: 2rem;
            transition: all 0.25s ease;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }
        .quick-nav-link:hover,
        .quick-nav-link.active {
            background: rgba(0, 188, 255, 0.15);
            color: #00bcff;
            box-shadow: 0 0 10px rgba(0, 188, 255, 0.2);
        }

        /* Section Headings */
        .section-header-center {
            text-align: center;
            max-width: 48rem;
            margin: 0 auto 3.5rem auto;
        }
        .section-tag {
            display: inline-block;
            color: #00bcff;
            font-weight: 800;
            font-size: 0.85rem;
            letter-spacing: 0.1rem;
            text-transform: uppercase;
            margin-bottom: 0.75rem;
        }
        .section-title {
            font-family: 'Suez One', serif;
            font-size: 2.6rem;
            color: #ffffff;
            line-height: 1.2;
            margin-bottom: 1rem;
        }
        .section-subtitle {
            color: #94a3b8;
            font-size: 1.05rem;
            line-height: 1.6;
        }

        /* ========== SECTION: WHY THIS MASTERCLASS ========== */
        .why-section {
            padding: 5.5rem 0;
            background: #070a12;
        }
        .why-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.75rem;
        }
        .why-card {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.5rem;
            padding: 2.25rem 1.75rem;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        }
        .why-card:hover {
            transform: translateY(-8px);
            border-color: #00bcff;
            box-shadow: 0 15px 35px rgba(0, 188, 255, 0.25);
        }
        .why-icon {
            width: 3.6rem;
            height: 3.6rem;
            border-radius: 1rem;
            background: rgba(0, 188, 255, 0.12);
            color: #00bcff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            border: 1px solid rgba(0, 188, 255, 0.3);
        }
        .why-card h3 {
            font-family: 'Suez One', serif;
            font-size: 1.25rem;
            color: #ffffff;
            margin-bottom: 0.85rem;
        }
        .why-card p {
            color: #94a3b8;
            font-size: 0.92rem;
            line-height: 1.65;
        }

        /* ========== SECTION: 2026 CURRICULUM (ACCORDION) ========== */
        .curriculum-section {
            padding: 5.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .accordion-container {
            max-width: 62rem;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }
        .accordion-item {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .accordion-item.active {
            border-color: #00bcff;
            box-shadow: 0 10px 30px rgba(0, 188, 255, 0.15);
        }
        .accordion-header {
            padding: 1.5rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
            gap: 1rem;
        }
        .accordion-header-left {
            display: flex;
            align-items: center;
            gap: 1.25rem;
        }
        .module-badge {
            background: rgba(0, 188, 255, 0.15);
            color: #00bcff;
            border: 1px solid rgba(0, 188, 255, 0.35);
            font-size: 0.78rem;
            font-weight: 800;
            padding: 0.3rem 0.8rem;
            border-radius: 1.5rem;
            text-transform: uppercase;
        }
        .accordion-header h3 {
            font-family: 'Suez One', serif;
            font-size: 1.2rem;
            color: #ffffff;
        }
        .accordion-header-right {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            color: #94a3b8;
            font-size: 0.9rem;
        }
        .accordion-icon {
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            background: #090d1a;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00bcff;
            transition: transform 0.3s ease;
        }
        .accordion-item.active .accordion-icon {
            transform: rotate(180deg);
            background: #00bcff;
            color: #070a12;
        }
        .accordion-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            background: #090d1a;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        .accordion-body-inner {
            padding: 1.75rem 2rem;
        }
        .lesson-list {
            list-style: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
        .lesson-list li {
            color: #cbd5e1;
            font-size: 0.92rem;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }
        .lesson-list li i {
            color: #22c55e;
            margin-top: 0.3rem;
            font-size: 0.85rem;
        }

        /* ========== SECTION: TOOLS COVERED ========== */
        .tools-section {
            padding: 5.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .tools-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
        }
        .tool-card {
            background: #0d1222;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 1.25rem;
            padding: 2rem;
            text-align: center;
            transition: all 0.3s ease;
        }
        .tool-card:hover {
            border-color: #00bcff;
            transform: translateY(-6px);
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.2);
        }
        .tool-icon-box {
            font-size: 2.4rem;
            color: #00bcff;
            margin-bottom: 1rem;
        }
        .tool-card h4 {
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            color: #ffffff;
            margin-bottom: 0.4rem;
        }
        .tool-card p {
            font-size: 0.85rem;
            color: #94a3b8;
        }

        /* ========== SECTION: PRICING & BATCHES ========== */
        .pricing-section {
            padding: 5.5rem 0;
            background: radial-gradient(circle at 50% 50%, rgba(0, 188, 255, 0.06) 0%, transparent 70%), #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .pricing-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            max-width: 66rem;
            margin: 0 auto;
        }
        .pricing-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.25);
            border-radius: 2rem;
            padding: 3rem 2.5rem;
            position: relative;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .pricing-card.featured {
            border-color: #00bcff;
            box-shadow: 0 20px 50px rgba(0, 188, 255, 0.25), 0 0 0 1px #00bcff;
        }
        .pricing-badge {
            position: absolute;
            top: -14px;
            right: 2.5rem;
            background: #00bcff;
            color: #070a12;
            font-weight: 800;
            font-size: 0.78rem;
            padding: 0.35rem 1.1rem;
            border-radius: 1.5rem;
            text-transform: uppercase;
            box-shadow: 0 4px 15px rgba(0, 188, 255, 0.4);
        }
        .pricing-title {
            font-family: 'Suez One', serif;
            font-size: 1.8rem;
            color: #ffffff;
            margin-bottom: 0.5rem;
        }
        .pricing-desc {
            color: #94a3b8;
            font-size: 0.95rem;
            margin-bottom: 2rem;
        }
        .price-box {
            display: flex;
            align-items: baseline;
            gap: 0.75rem;
            margin-bottom: 2rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .price-current {
            font-family: 'Suez One', serif;
            font-size: 2.8rem;
            color: #00bcff;
        }
        .price-original {
            font-size: 1.2rem;
            color: #64748b;
            text-decoration: line-through;
        }
        .pricing-features {
            list-style: none;
            margin-bottom: 2.5rem;
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        .pricing-features li {
            display: flex;
            align-items: center;
            gap: 0.85rem;
            font-size: 0.95rem;
            color: #cbd5e1;
        }
        .pricing-features li i {
            color: #22c55e;
            font-size: 1.05rem;
        }

        /* ========== SECTION: FAQ ========== */
        .faq-section {
            padding: 5.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        /* Responsive Breakpoints */
        @media (max-width: 1024px) {
            .hero-grid { grid-template-columns: 1fr; }
            .why-grid { grid-template-columns: 1fr 1fr; }
            .tools-grid { grid-template-columns: 1fr 1fr; }
            .pricing-grid { grid-template-columns: 1fr; }
            .lesson-list { grid-template-columns: 1fr; }
        }
        @media (max-width: 768px) {
            #menu { display: none; }
            .mobile-menu-btn { display: flex; }
            .why-grid { grid-template-columns: 1fr; }
            .tools-grid { grid-template-columns: 1fr; }
            .hero-title { font-size: 2.4rem; }
            .hero-stats-row { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
            .hero-stat-item:nth-child(2) { border-right: none; }
            .hero-btn-row { flex-direction: column; align-items: stretch; }
        }
            /* ========== MASTER UNIFIED DARK THEME (LOCKED TO ABOUT & REVIEWS) ========== */
        body.dark-mode {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode #header {
            background: rgba(9, 13, 26, 0.96) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
        }
        body.dark-mode #menu ul.menu li a {
            color: #ffffff !important;
        }
        body.dark-mode #menu ul.menu li a.active,
        body.dark-mode #menu ul.menu li a:hover {
            color: #00bcff !important;
        }
        body.dark-mode .ctrl-btn {
            background: #0d1222 !important;
            color: #00bcff !important;
            border: 1px solid rgba(0, 188, 255, 0.25) !important;
        }

        /* Card Surfaces (Deep Charcoal Navy, NOT Blue) */
        body.dark-mode .post-card,
        body.dark-mode .blog-card,
        body.dark-mode .service-card,
        body.dark-mode .review-card,
        body.dark-mode .stat-card-light,
        body.dark-mode .contact-hero-card,
        body.dark-mode .counter-box,
        body.dark-mode .author-card-inner,
        body.dark-mode .sidebar-card,
        body.dark-mode .toc-box,
        body.dark-mode .article-content,
        body.dark-mode .post-hero-section,
        body.dark-mode .hover-card,
        body.dark-mode .section-box-txt,
        body.dark-mode .logo-card,
        body.dark-mode .testimonials-card,
        body.dark-mode .contact-form,
        body.dark-mode .hero-preview-card,
        body.dark-mode .why-card,
        body.dark-mode .tool-card,
        body.dark-mode .pricing-card,
        body.dark-mode .accordion-item {
            background: #0d1222 !important;
            border-color: rgba(0, 188, 255, 0.22) !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
        }

        /* Section Backgrounds (Pure Deep Black) */
        body.dark-mode section,
        body.dark-mode .gradient-bg,
        body.dark-mode .section-podcast,
        body.dark-mode .section-articles,
        body.dark-mode .section-contact,
        body.dark-mode .section-entrepreneur,
        body.dark-mode .section-testimonials,
        body.dark-mode .contact-hero-wrap,
        body.dark-mode .main-content-card,
        body.dark-mode .hero-text-bg::before {
            background: #070a12 !important;
        }

        /* Headings & Texts */
        body.dark-mode h1,
        body.dark-mode h2,
        body.dark-mode h3,
        body.dark-mode h4,
        body.dark-mode .testimonials-heading {
            color: #ffffff !important;
        }

        /* Chat/Star Icons & Badges */
        body.dark-mode .star-icon { color: #00bcff !important; }
        body.dark-mode .chat-icon { background: #00bcff !important; }
        body.dark-mode .chat-icon::after { border-top-color: #00bcff !important; }

        /* Hover states */
        body.dark-mode .service-card:hover,
        body.dark-mode .blog-card:hover,
        body.dark-mode .hover-card:hover,
        body.dark-mode .why-card:hover,
        body.dark-mode .tool-card:hover {
            border-color: #00bcff !important;
            box-shadow: 0 14px 35px rgba(0, 188, 255, 0.25) !important;
        }

        /* Forms, Inputs, Inner Boxes */
        body.dark-mode input,
        body.dark-mode textarea,
        body.dark-mode select,
        body.dark-mode .search-bar-container,
        body.dark-mode .live-batch-info-box,
        body.dark-mode .accordion-body {
            background: #090d1a !important;
            border-color: rgba(0, 188, 255, 0.25) !important;
            color: #ffffff !important;
        }
            /* ========== UPPER SECTIONS ENHANCEMENT (MATCHING SCREENSHOT WITH SITE THEME) ========== */
        .rating-enrolled-row {
            display: flex;
            align-items: center;
            gap: 1.25rem;
            margin-bottom: 1rem;
            flex-wrap: wrap;
        }
        .enrolled-tag {
            color: #00bcff;
            font-weight: 700;
            font-size: 0.95rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .rating-stars {
            color: #ffb703;
            font-size: 0.95rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }
        .delivery-modes-row {
            display: flex;
            gap: 0.6rem;
            flex-wrap: wrap;
            margin-bottom: 1.5rem;
        }
        .delivery-mode-pill {
            background: rgba(0, 188, 255, 0.1);
            color: #ffffff;
            border: 1px solid rgba(0, 188, 255, 0.25);
            font-size: 0.78rem;
            font-weight: 700;
            padding: 0.3rem 0.85rem;
            border-radius: 2rem;
            transition: all 0.25s ease;
        }
        .delivery-mode-pill:hover {
            border-color: #00bcff;
            background: rgba(0, 188, 255, 0.2);
            transform: translateY(-2px);
        }

        /* Exclusive Solutions Strip */
        .exclusive-solutions-section {
            padding: 2.5rem 0 3.5rem 0;
            background: #070a12;
        }
        .exclusive-solutions-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.25);
            border-radius: 1.5rem;
            padding: 2rem 2.5rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
            transition: all 0.3s ease;
        }
        .exclusive-solutions-card:hover {
            border-color: #00bcff;
            box-shadow: 0 15px 35px rgba(0, 188, 255, 0.2);
        }
        .exclusive-title {
            font-family: 'Suez One', serif;
            font-size: 1.3rem;
            color: #ffffff;
            margin-bottom: 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }
        .exclusive-title span {
            color: #00bcff;
        }
        .exclusive-pills-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 0.85rem 1.5rem;
        }
        .exclusive-item {
            color: #cbd5e1;
            font-size: 0.92rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .exclusive-item i {
            color: #22c55e;
            font-size: 1rem;
        }

        /* Highlights & Class Distribution Section */
        .highlights-distribution-section {
            padding: 4rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .hd-grid {
            display: grid;
            grid-template-columns: 1.25fr 1fr;
            gap: 3rem;
            align-items: start;
        }
        .hd-col-title {
            font-family: 'Suez One', serif;
            font-size: 1.6rem;
            color: #ffffff;
            margin-bottom: 1.75rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }
        .highlights-list {
            display: flex;
            flex-direction: column;
            gap: 1.25rem;
        }
        .highlight-item {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.18);
            border-radius: 1.15rem;
            padding: 1.25rem 1.5rem;
            display: flex;
            gap: 1rem;
            align-items: flex-start;
            transition: all 0.3s ease;
        }
        .highlight-item:hover {
            border-color: #00bcff;
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0, 188, 255, 0.18);
        }
        .highlight-icon {
            width: 2.4rem;
            height: 2.4rem;
            border-radius: 50%;
            background: rgba(0, 188, 255, 0.15);
            color: #00bcff;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-size: 1rem;
            margin-top: 0.15rem;
        }
        .highlight-item p {
            font-size: 0.92rem;
            color: #cbd5e1;
            line-height: 1.6;
            margin: 0;
        }
        .highlight-item p strong {
            color: #ffffff;
            font-weight: 700;
        }

        /* Class Distribution Cards */
        .class-dist-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.25rem;
            margin-bottom: 1.5rem;
        }
        .dist-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            padding: 1.5rem 1.25rem;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }
        .dist-card:hover {
            border-color: #00bcff;
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 188, 255, 0.25);
        }
        .dist-icon {
            font-size: 2rem;
            color: #00bcff;
            margin-bottom: 0.75rem;
        }
        .dist-card h4 {
            font-family: 'Suez One', serif;
            font-size: 1.05rem;
            color: #ffffff;
            margin-bottom: 0.35rem;
        }
        .dist-card span {
            font-size: 0.82rem;
            color: #94a3b8;
            font-weight: 600;
        }

        /* Career Outcomes Section */
        .career-outcomes-section {
            padding: 4.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .career-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.25rem;
        }
        .career-pill-card {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.2);
            border-radius: 1rem;
            padding: 1.15rem 1.35rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: #ffffff;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }
        .career-pill-card i {
            color: #22c55e;
            font-size: 1.05rem;
        }
        .career-pill-card:hover {
            border-color: #00bcff;
            background: rgba(0, 188, 255, 0.1);
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0, 188, 255, 0.2);
        }

        /* Course Prerequisite Banner */
        .prereq-banner {
            background: rgba(34, 197, 94, 0.08);
            border: 1px solid rgba(34, 197, 94, 0.3);
            border-radius: 1.25rem;
            padding: 1.25rem 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 3rem;
            flex-wrap: wrap;
            gap: 1rem;
        }
        .prereq-label {
            font-family: 'Suez One', serif;
            color: #22c55e;
            font-size: 1.05rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .prereq-items {
            display: flex;
            gap: 1.75rem;
            flex-wrap: wrap;
        }
        .prereq-item {
            color: #cbd5e1;
            font-size: 0.92rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .hd-grid { grid-template-columns: 1fr; }
            .career-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 600px) {
            .career-grid { grid-template-columns: 1fr; }
            .class-dist-grid { grid-template-columns: 1fr; }
            .prereq-banner { flex-direction: column; align-items: flex-start; }
        }
    
        /* ========== DESIGNED FOR SECTION ========== */
        .designed-for-section {
            padding: 4.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .designed-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.25rem;
            margin-top: 2.5rem;
        }
        .designed-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            padding: 2rem 1.25rem;
            text-align: center;
            transition: all 0.35s ease;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .designed-card:hover {
            border-color: #00bcff;
            transform: translateY(-6px);
            box-shadow: 0 12px 30px rgba(0, 188, 255, 0.25);
        }
        .designed-icon-box {
            width: 4.5rem;
            height: 4.5rem;
            border-radius: 1.25rem;
            background: rgba(0, 188, 255, 0.1);
            border: 1px solid rgba(0, 188, 255, 0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: #00bcff;
            margin-bottom: 1.25rem;
            transition: all 0.3s ease;
        }
        .designed-card:hover .designed-icon-box {
            background: #00bcff;
            color: #070a12;
            transform: scale(1.08);
        }
        .designed-card h4 {
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            color: #ffffff;
            margin-bottom: 0.5rem;
        }
        .designed-card p {
            font-size: 0.86rem;
            color: #94a3b8;
            line-height: 1.5;
            margin: 0;
        }

        /* ========== SOFTWARES YOU'LL LEARN STRIP ========== */
        .softwares-section {
            padding: 4rem 0;
            background: #090d1a;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .software-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.25rem;
            margin-top: 2.5rem;
        }
        .software-card {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            padding: 1.5rem 1rem;
            text-align: center;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.75rem;
        }
        .software-card:hover {
            border-color: #00bcff;
            transform: translateY(-4px);
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.2);
        }
        .software-icon {
            font-size: 2.2rem;
            color: #00bcff;
        }
        .software-card h5 {
            font-family: 'Suez One', serif;
            font-size: 1rem;
            color: #ffffff;
            margin: 0;
        }
        .software-card span {
            font-size: 0.78rem;
            color: #94a3b8;
            font-weight: 600;
        }

        /* ========== COURSE OUTLINE STRUCTURE BANNER & METRICS ========== */
        .outline-notice-card {
            background: rgba(15, 21, 98, 0.4);
            border: 1.5px solid rgba(0, 188, 255, 0.35);
            border-radius: 1.5rem;
            padding: 1.5rem 2rem;
            margin-bottom: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1.25rem;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        }
        .outline-notice-left {
            display: flex;
            align-items: center;
            gap: 1rem;
            color: #cbd5e1;
            font-size: 0.95rem;
            font-weight: 600;
        }
        .outline-notice-left i {
            font-size: 1.8rem;
            color: #ef4444;
        }
        .download-syllabus-btn {
            background: rgba(0, 188, 255, 0.15);
            color: #00bcff;
            border: 1px solid #00bcff;
            font-size: 0.85rem;
            font-weight: 700;
            padding: 0.5rem 1.25rem;
            border-radius: 2rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            text-decoration: none;
            transition: all 0.25s ease;
        }
        .download-syllabus-btn:hover {
            background: #00bcff;
            color: #070a12;
            box-shadow: 0 0 15px rgba(0, 188, 255, 0.4);
        }

        /* 5-Metrics Badges Grid */
        .outline-metrics-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1rem;
            margin-bottom: 2.5rem;
        }
        .metric-badge-box {
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.2);
            border-radius: 1rem;
            padding: 1.15rem 1rem;
            text-align: center;
            transition: all 0.3s ease;
        }
        .metric-badge-box:hover {
            border-color: #00bcff;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 188, 255, 0.15);
        }
        .metric-badge-icon {
            font-size: 1.4rem;
            color: #00bcff;
            margin-bottom: 0.35rem;
        }
        .metric-badge-box h4 {
            font-family: 'Suez One', serif;
            font-size: 1.2rem;
            color: #ffffff;
            margin: 0;
        }
        .metric-badge-box span {
            font-size: 0.78rem;
            color: #94a3b8;
            font-weight: 600;
            text-transform: uppercase;
        }

        /* Responsive */
        @media (max-width: 992px) {
            .designed-grid { grid-template-columns: repeat(3, 1fr); }
            .software-grid { grid-template-columns: repeat(3, 1fr); }
            .outline-metrics-grid { grid-template-columns: repeat(3, 1fr); }
        }
        @media (max-width: 600px) {
            .designed-grid { grid-template-columns: 1fr; }
            .software-grid { grid-template-columns: repeat(2, 1fr); }
            .outline-metrics-grid { grid-template-columns: repeat(2, 1fr); }
            .outline-notice-card { flex-direction: column; align-items: flex-start; }
        }

    
        /* ========== ACCORDION CLASS SCHEDULE MATRIX TABLE (MATCHING SCREENSHOT 2) ========== */
        .module-table-wrapper {
            overflow-x: auto;
            border-radius: 0.85rem;
            border: 1px solid rgba(0, 188, 255, 0.2);
            background: #070a12;
            margin-top: 0.5rem;
        }
        .module-class-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            font-size: 0.9rem;
            min-width: 600px;
        }
        .module-class-table th {
            background: #0d1222;
            color: #00bcff;
            font-family: 'Suez One', serif;
            font-size: 0.85rem;
            font-weight: 400;
            letter-spacing: 0.05rem;
            padding: 1rem 1.25rem;
            border-bottom: 2px solid rgba(0, 188, 255, 0.3);
            text-transform: uppercase;
        }
        .module-class-table td {
            padding: 0.95rem 1.25rem;
            color: #cbd5e1;
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            vertical-align: middle;
        }
        .module-class-table tbody tr:hover {
            background: rgba(0, 188, 255, 0.04);
        }
        .module-class-table tbody tr:last-child td {
            border-bottom: none;
        }
        .class-no-tag {
            font-weight: 700;
            color: #ffffff;
            white-space: nowrap;
        }
        .class-type-pill {
            display: inline-block;
            font-size: 0.78rem;
            font-weight: 700;
            padding: 0.25rem 0.65rem;
            border-radius: 1rem;
            white-space: nowrap;
        }
        .class-type-pill.theory {
            background: rgba(0, 188, 255, 0.12);
            color: #00bcff;
            border: 1px solid rgba(0, 188, 255, 0.3);
        }
        .class-type-pill.lab {
            background: rgba(34, 197, 94, 0.12);
            color: #22c55e;
            border: 1px solid rgba(34, 197, 94, 0.3);
        }
        .class-type-pill.video {
            background: rgba(168, 85, 247, 0.12);
            color: #c084fc;
            border: 1px solid rgba(168, 85, 247, 0.3);
        }
        .class-type-pill.project {
            background: rgba(245, 158, 11, 0.12);
            color: #f59e0b;
            border: 1px solid rgba(245, 158, 11, 0.3);
        }
        .res-type-tag {
            font-size: 0.82rem;
            color: #94a3b8;
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
        }
        .res-type-tag i {
            color: #00bcff;
        }

        /* ========== SECTION: ADMISSION IS GOING ON (MATCHING SCREENSHOT 1 & 2) ========== */
        .admission-going-on-section {
            padding: 5rem 0;
            background: radial-gradient(circle at 50% 50%, rgba(15, 21, 98, 0.6) 0%, #070a12 80%);
            border-top: 1px solid rgba(0, 188, 255, 0.2);
            border-bottom: 1px solid rgba(0, 188, 255, 0.2);
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .admission-going-on-box {
            background: #0d1222;
            border: 2px solid #00bcff;
            border-radius: 2rem;
            padding: 3.5rem 2.5rem;
            max-width: 65rem;
            margin: 0 auto;
            box-shadow: 0 15px 45px rgba(0, 188, 255, 0.25), 0 0 25px rgba(0, 188, 255, 0.15);
            position: relative;
        }
        .admission-badge-pulse {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(255, 59, 48, 0.15);
            color: #ff3b30;
            border: 1px solid #ff3b30;
            font-size: 0.82rem;
            font-weight: 800;
            padding: 0.35rem 1rem;
            border-radius: 2rem;
            text-transform: uppercase;
            letter-spacing: 0.08rem;
            margin-bottom: 1.25rem;
        }
        .admission-title {
            font-family: 'Suez One', serif;
            font-size: clamp(2.2rem, 4.5vw, 3.2rem);
            color: #ffffff;
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        .admission-title span {
            color: #00bcff;
        }
        .admission-subtitle {
            font-size: 1.1rem;
            color: #cbd5e1;
            max-width: 48rem;
            margin: 0 auto 2.5rem auto;
            line-height: 1.7;
        }
        .admission-features-row {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-bottom: 2.5rem;
        }
        .admission-feature-item {
            display: flex;
            align-items: center;
            gap: 0.6rem;
            color: #ffffff;
            font-weight: 600;
            font-size: 0.95rem;
            background: rgba(0, 188, 255, 0.08);
            padding: 0.6rem 1.25rem;
            border-radius: 1.5rem;
            border: 1px solid rgba(0, 188, 255, 0.2);
        }
        .admission-feature-item i {
            color: #22c55e;
            font-size: 1.1rem;
        }
        .admission-btn-row {
            display: flex;
            justify-content: center;
            gap: 1.25rem;
            flex-wrap: wrap;
        }
        .btn-admission-primary {
            background: #00bcff;
            color: #070a12;
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            padding: 1rem 2.5rem;
            border-radius: 3rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.35);
            transition: all 0.3s ease;
        }
        .btn-admission-primary:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px rgba(0, 188, 255, 0.5);
            background: #38bdf8;
        }
        .btn-admission-whatsapp {
            background: #25D366;
            color: #ffffff;
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            padding: 1rem 2.25rem;
            border-radius: 3rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.6rem;
            box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);
            transition: all 0.3s ease;
        }
        .btn-admission-whatsapp:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 35px rgba(37, 211, 102, 0.5);
        }

        /* ========== UNIVERSAL FOOTER EXACT MATCH ========== */
        footer, footer#footer {
            background: #080b1e !important;
            color: #94a3b8 !important;
            padding: 4.5rem 1.5rem 2rem 1.5rem !important;
            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
            width: 100% !important;
            display: block !important;
        }
        .footer-inner {
            max-width: 82rem;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
            gap: 3rem;
            margin-bottom: 3.5rem;
        }
        .footer-col h4 {
            font-family: 'Suez One', serif;
            font-size: 1.2rem;
            color: #ffffff !important;
            margin-bottom: 1.25rem;
        }
        .footer-col p {
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 1.25rem;
            color: #cbd5e1 !important;
        }
        .footer-links {
            list-style: none !important;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            padding: 0 !important;
            margin: 0 !important;
        }
        .footer-links li a {
            color: #94a3b8 !important;
            text-decoration: none !important;
            font-size: 0.95rem;
            transition: color 0.25s ease;
        }
        .footer-links li a:hover {
            color: #00bcff !important;
            text-decoration: underline !important;
        }
        .footer-social-row {
            display: flex;
            gap: 0.75rem;
        }
        .footer-social-box {
            width: 2.4rem;
            height: 2.4rem;
            border-radius: 50%;
            background: #141943;
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #00bcff !important;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.05rem;
            text-decoration: none;
            transition: all 0.25s ease;
        }
        .footer-social-box:hover {
            background: #00bcff;
            color: #080b1e !important;
            transform: scale(1.1);
        }
        .footer-bottom {
            max-width: 82rem;
            margin: 0 auto;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.88rem;
            color: #94a3b8 !important;
        }

    
        /* ========== COMPREHENSIVE 10-QUESTION FAQ (MATCHING FULL SCREENSHOT) ========== */
        .my-faq-section {
            padding: 5.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .faq-header-box {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.25);
            border-radius: 1rem;
            padding: 1rem 2rem;
            margin-bottom: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .faq-header-title {
            font-family: 'Suez One', serif;
            font-size: 1.8rem;
            color: #ffffff;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
        .faq-header-title span {
            color: #00bcff;
        }
        .faq-full-list {
            display: flex;
            flex-direction: column;
            gap: 1.15rem;
            max-width: 72rem;
            margin: 0 auto;
        }
        .faq-card-row {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
        }
        .faq-card-row:hover {
            border-color: #00bcff;
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(0, 188, 255, 0.2);
        }
        .faq-card-row.active {
            border-color: #00bcff;
            box-shadow: 0 10px 35px rgba(0, 188, 255, 0.25), 0 0 0 1px #00bcff;
        }
        .faq-card-header {
            padding: 1.35rem 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
            gap: 1rem;
        }
        .faq-card-header h4 {
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            color: #ffffff;
            margin: 0;
            line-height: 1.4;
        }
        .faq-toggle-icon {
            width: 2.2rem;
            height: 2.2rem;
            border-radius: 50%;
            background: rgba(0, 188, 255, 0.1);
            border: 1px solid rgba(0, 188, 255, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00bcff;
            font-size: 1rem;
            flex-shrink: 0;
            transition: all 0.3s ease;
        }
        .faq-card-row.active .faq-toggle-icon {
            background: #00bcff;
            color: #070a12;
            transform: rotate(45deg);
        }
        .faq-card-body {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease;
            background: #090d1a;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }
        .faq-card-body-inner {
            padding: 1.5rem 2rem;
            font-size: 0.98rem;
            line-height: 1.75;
            color: #cbd5e1;
        }
        .faq-ans-label {
            color: #00bcff;
            font-weight: 700;
            margin-right: 0.35rem;
        }

        /* ========== SUCCESS STORIES STRIP (MATCHING SCREENSHOT) ========== */
        .success-stories-section {
            padding: 4.5rem 0;
            background: #090d1a;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .success-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.25rem;
            margin-top: 2.5rem;
        }
        .success-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.2);
            border-radius: 1.25rem;
            padding: 1.75rem 1.5rem;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .success-card:hover {
            border-color: #00bcff;
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 188, 255, 0.2);
        }
        .success-quote {
            font-size: 0.92rem;
            color: #cbd5e1;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            font-style: italic;
        }
        .success-user-meta {
            display: flex;
            align-items: center;
            gap: 0.85rem;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            padding-top: 1rem;
        }
        .success-avatar {
            width: 2.8rem;
            height: 2.8rem;
            border-radius: 50%;
            background: #141943;
            color: #00bcff;
            border: 1.5px solid #00bcff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 1.1rem;
        }
        .success-info h5 {
            font-family: 'Suez One', serif;
            font-size: 1rem;
            color: #ffffff;
            margin: 0;
        }
        .success-info span {
            font-size: 0.78rem;
            color: #22c55e;
            font-weight: 700;
        }

        /* ========== PAYMENT METHODS (BKASH, NAGAD, ROCKET) STRIP ========== */
        .payment-methods-strip {
            padding: 3rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            text-align: center;
        }
        .payment-title {
            font-family: 'Suez One', serif;
            font-size: 1.2rem;
            color: #ffffff;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.6rem;
        }
        .payment-title span {
            color: #00bcff;
        }
        .payment-boxes-row {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            flex-wrap: wrap;
        }
        .payment-box {
            background: #0d1222;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 1rem;
            padding: 1rem 1.75rem;
            display: flex;
            align-items: center;
            gap: 0.85rem;
            transition: all 0.3s ease;
        }
        .payment-box:hover {
            border-color: #00bcff;
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0, 188, 255, 0.2);
        }
        .payment-box-name {
            font-weight: 700;
            font-size: 1rem;
            color: #ffffff;
        }
        .payment-box-num {
            font-size: 0.85rem;
            color: #94a3b8;
        }

        @media (max-width: 992px) {
            .success-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 600px) {
            .success-grid { grid-template-columns: 1fr; }
            .faq-card-header { padding: 1.25rem 1.25rem; }
            .faq-card-body-inner { padding: 1.25rem 1.25rem; }
        }

    
        /* ========== MODULE ACCORDION OUTLINE & HOVER GLOW ANIMATION ========== */
        .accordion-item,
        body.dark-mode .accordion-item {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.35) !important;
            border-radius: 1.25rem !important;
            overflow: hidden !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 188, 255, 0.05) !important;
            margin-bottom: 1.25rem !important;
            position: relative;
        }
        .accordion-item:hover,
        body.dark-mode .accordion-item:hover {
            border-color: #00bcff !important;
            transform: translateY(-4px) !important;
            box-shadow: 0 12px 35px rgba(0, 188, 255, 0.3), 0 0 20px rgba(0, 188, 255, 0.2) !important;
        }
        .accordion-item.active,
        body.dark-mode .accordion-item.active {
            border: 2px solid #00bcff !important;
            box-shadow: 0 12px 40px rgba(0, 188, 255, 0.35), 0 0 25px rgba(0, 188, 255, 0.25) !important;
            background: #0d1326 !important;
        }
        .accordion-header {
            transition: background 0.3s ease;
        }
        .accordion-item:hover .accordion-header {
            background: rgba(0, 188, 255, 0.04);
        }
        .accordion-item.active .accordion-header {
            background: rgba(0, 188, 255, 0.08);
            border-bottom: 1px solid rgba(0, 188, 255, 0.2);
        }
        .accordion-icon {
            width: 2.2rem;
            height: 2.2rem;
            border-radius: 50%;
            background: rgba(0, 188, 255, 0.1);
            border: 1px solid rgba(0, 188, 255, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #00bcff;
            transition: all 0.3s ease;
        }
        .accordion-item:hover .accordion-icon {
            background: #00bcff;
            color: #070a12;
            transform: scale(1.1);
        }
        .accordion-item.active .accordion-icon {
            background: #00bcff;
            color: #070a12;
            transform: rotate(180deg);
        }

        /* ========== YOUTUBE PODCAST & VIDEOS SECTION STYLING ========== */
        .section-podcast.yt-bottom-section {
            padding: 5.5rem 0;
            background: #070a12;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .section-podcast-content-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-bottom: 2.5rem;
            flex-wrap: wrap;
            gap: 1.5rem;
        }
        .yt-header-left h2 {
            font-family: 'Suez One', serif;
            font-size: 2.2rem;
            color: #ffffff;
            margin: 0.5rem 0 0 0;
        }
        .yt-header-left h2 span {
            color: #00bcff;
        }
        .youtube-video-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
        }
        .yt-video-card {
            background: #0d1222;
            border: 1.5px solid rgba(0, 188, 255, 0.25);
            border-radius: 1.5rem;
            overflow: hidden;
            transition: all 0.35s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            display: flex;
            flex-direction: column;
        }
        .yt-video-card:hover {
            border-color: #00bcff;
            transform: translateY(-6px);
            box-shadow: 0 15px 40px rgba(0, 188, 255, 0.3);
        }
        .yt-video-card a {
            text-decoration: none;
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .yt-thumb-wrapper {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
            overflow: hidden;
            background: #000;
        }
        .yt-thumb-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        .yt-video-card:hover .yt-thumb-wrapper img:not(.emoji) {
            transform: scale(1.06);
        }
        .yt-play-btn-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 3.2rem;
            height: 3.2rem;
            border-radius: 50%;
            background: rgba(255, 0, 0, 0.85);
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 4px 20px rgba(255, 0, 0, 0.6);
            transition: all 0.3s ease;
            pointer-events: none;
        }
        .yt-video-card:hover .yt-play-btn-overlay {
            background: #ff0000;
            transform: translate(-50%, -50%) scale(1.15);
            box-shadow: 0 6px 25px rgba(255, 0, 0, 0.8);
        }
        .yt-video-card p {
            padding: 1.35rem 1.5rem;
            font-family: 'Suez One', serif;
            font-size: 1.05rem;
            color: #e2e8f0;
            margin: 0;
            line-height: 1.5;
            flex-grow: 1;
        }
        .yt-channel-btn {
            background: #ef4444;
            color: #ffffff;
            font-family: 'Suez One', serif;
            font-size: 0.95rem;
            padding: 0.75rem 1.5rem;
            border-radius: 2rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
        }
        .yt-channel-btn:hover {
            background: #dc2626;
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(239, 68, 68, 0.5);
            color: #ffffff;
        }
        @media (max-width: 991px) {
            .youtube-video-list { grid-template-columns: 1fr; }
        }

    
        /* ========== SECTION PODCAST / YOUTUBE EXACT HOMEPAGE STYLING ========== */
        .section-podcast {
            padding: 5.5rem 0 !important;
            background: #070a12 !important;
        }
        .gradient-bg, 
        .section-podcast .gradient-bg,
        body.dark-mode .section-podcast .gradient-bg {
            border-radius: 3rem !important;
            padding: 3.5rem !important;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
            margin-bottom: 4rem !important;
            width: 100% !important;
        }
        .section-podcast-header {
            display: grid;
            grid-template-columns: 1fr 1.3fr;
            gap: 4rem;
            align-items: center;
        }
        .section-podcast__title,
        body.dark-mode .section-podcast__title {
            color: #0F1562 !important;
            font-size: clamp(2.4rem, 4.5vw, 3.8rem) !important;
            line-height: 1.1 !important;
            font-family: 'Suez One', serif !important;
            margin: 0 !important;
        }
        .section-podcast__subtitle,
        body.dark-mode .section-podcast__subtitle {
            color: #1e293b !important;
            font-size: 1.35rem !important;
            margin-top: 0.5rem !important;
            margin-bottom: 0 !important;
            font-weight: 600 !important;
        }
        .section-podcast-text p,
        body.dark-mode .section-podcast-text p {
            font-size: 1.05rem !important;
            line-height: 1.65rem !important;
            color: #1e293b !important;
            margin: 0 !important;
        }
        .podcast-links,
        body.dark-mode .podcast-links {
            display: flex !important;
            gap: 1rem !important;
            margin-top: 2rem !important;
            flex-wrap: wrap !important;
            list-style: none !important;
            padding: 0 !important;
        }
        .podcast-links li a,
        body.dark-mode .podcast-links li a {
            display: flex !important;
            align-items: center !important;
            gap: 0.5rem !important;
            background: rgba(255, 255, 255, 0.9) !important;
            color: #0F1562 !important;
            font-size: 0.95rem !important;
            font-weight: 700 !important;
            padding: 0.5rem 1.1rem !important;
            border-radius: 2rem !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            text-decoration: none !important;
            transition: all 0.3s ease !important;
        }
        .podcast-links li a:hover,
        body.dark-mode .podcast-links li a:hover {
            background: #0F1562 !important;
            color: #ffffff !important;
            transform: translateY(-3px) !important;
        }
        .section-podcast-content-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
            width: 100%;
        }
        .section-podcast-content-header h4,
        body.dark-mode .section-podcast-content-header h4 {
            color: #ffffff !important;
            font-size: 1.6rem !important;
            font-family: 'Suez One', serif !important;
            margin: 0 !important;
        }
        .section-podcast-content-header .button {
            background: #00bcff;
            color: #070a12;
            padding: 0.65rem 1.5rem;
            border-radius: 2rem;
            font-weight: 700;
            font-size: 0.95rem;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        .section-podcast-content-header .button:hover {
            background: #38bdf8;
            transform: translateY(-2px);
        }
        .youtube-video-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2rem;
            width: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .youtube-video-list li.hover-card.yt-video-card,
        body.dark-mode .hover-card.yt-video-card {
            background: #0d1222 !important;
            border: 1px solid rgba(0, 188, 255, 0.2) !important;
            border-radius: 1.5rem !important;
            overflow: hidden !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }
        .youtube-video-list li.hover-card.yt-video-card:hover,
        body.dark-mode .hover-card.yt-video-card:hover {
            border-color: #00bcff !important;
            box-shadow: 0 10px 30px rgba(0, 188, 255, 0.25) !important;
            transform: translateY(-6px) !important;
        }
        .youtube-video-list li a {
            display: block;
            text-decoration: none;
        }
        .youtube-video-list li a .yt-thumb-wrapper > img:not(.emoji),
        .youtube-video-list li a > img:not(.emoji) {
            width: 100%;
            height: 13.5rem;
            object-fit: cover;
            transition: transform 0.4s ease;
            display: block;
        }
        .youtube-video-list li a:hover .yt-thumb-wrapper > img:not(.emoji),
        .youtube-video-list li a:hover > img:not(.emoji) {
            transform: scale(1.05);
        }
        .youtube-video-list li p,
        body.dark-mode .hover-card.yt-video-card p {
            color: #e2e8f0 !important;
            padding: 1.25rem !important;
            font-size: 0.95rem !important;
            font-weight: 600 !important;
            line-height: 1.45rem !important;
            margin: 0 !important;
        }

        @media (max-width: 992px) {
            .section-podcast-header {
                grid-template-columns: 1fr !important;
                gap: 2rem !important;
            }
        }
        @media (max-width: 768px) {
            .youtube-video-list {
                grid-template-columns: 1fr !important;
            }
            .section-podcast .gradient-bg {
                padding: 2rem 1.25rem !important;
                border-radius: 1.75rem !important;
            }
        }

    
        /* ========== UPGRADED ADMISSION IS GOING ON CARDS (MATCHING REFERENCE) ========== */
        .admission-going-on-section {
            padding: 5.5rem 0;
            background: radial-gradient(circle at 50% 50%, rgba(15, 21, 98, 0.45) 0%, #070a12 85%);
            border-top: 1px solid rgba(0, 188, 255, 0.2);
            border-bottom: 1px solid rgba(0, 188, 255, 0.2);
        }
        .admission-container-wrap {
            max-width: 78rem;
            margin: 0 auto;
        }
        .admission-main-header {
            text-align: center;
            margin-bottom: 3.5rem;
        }
        .admission-cards-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 2.5rem;
            margin-bottom: 3rem;
        }
        .admission-tier-card {
            background: #0d1222;
            border: 2px solid rgba(0, 188, 255, 0.25);
            border-radius: 1.75rem;
            padding: 2.5rem;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: all 0.35s ease;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
        }
        .admission-tier-card:hover {
            border-color: #00bcff;
            transform: translateY(-6px);
            box-shadow: 0 15px 45px rgba(0, 188, 255, 0.25);
        }
        .admission-tier-card.featured-card {
            border-color: #00bcff;
            box-shadow: 0 12px 40px rgba(0, 188, 255, 0.2), 0 0 0 1px #00bcff;
        }
        .tier-badge {
            position: absolute;
            top: -14px;
            right: 2rem;
            background: linear-gradient(135deg, #00bcff, #0F1562);
            color: #ffffff;
            font-size: 0.78rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.06rem;
            padding: 0.35rem 1rem;
            border-radius: 2rem;
            box-shadow: 0 4px 15px rgba(0, 188, 255, 0.4);
        }
        .tier-title-row {
            display: flex;
            align-items: center;
            gap: 0.85rem;
            margin-bottom: 0.75rem;
        }
        .tier-icon-circle {
            width: 3.2rem;
            height: 3.2rem;
            border-radius: 50%;
            background: rgba(0, 188, 255, 0.12);
            border: 1.5px solid #00bcff;
            color: #00bcff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
        }
        .tier-title-row h3 {
            font-family: 'Suez One', serif;
            font-size: 1.55rem;
            color: #ffffff;
            margin: 0;
        }
        .tier-desc {
            color: #94a3b8;
            font-size: 0.95rem;
            line-height: 1.6;
            margin-bottom: 1.75rem;
        }
        .tier-price-box {
            background: #070a12;
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 1.25rem;
            padding: 1.25rem 1.5rem;
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            margin-bottom: 2rem;
        }
        .price-label-side {
            font-size: 0.88rem;
            color: #94a3b8;
            font-weight: 600;
        }
        .price-numbers {
            text-align: right;
        }
        .current-tk {
            font-family: 'Suez One', serif;
            font-size: 1.9rem;
            color: #22c55e;
            font-weight: 700;
        }
        .regular-tk {
            font-size: 0.95rem;
            color: #64748b;
            text-decoration: line-through;
            margin-left: 0.5rem;
        }
        .tier-features-list {
            list-style: none;
            padding: 0;
            margin: 0 0 2.25rem 0;
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }
        .tier-features-list li {
            display: flex;
            align-items: flex-start;
            gap: 0.65rem;
            color: #cbd5e1;
            font-size: 0.93rem;
            line-height: 1.5;
        }
        .tier-features-list li i {
            color: #00bcff;
            margin-top: 0.2rem;
            font-size: 0.95rem;
        }
        .tier-btn-row {
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }
        .btn-bkash-pay {
            background: #e2136e;
            color: #ffffff !important;
            font-family: 'Suez One', serif;
            font-size: 1.05rem;
            padding: 0.95rem 1.5rem;
            border-radius: 3rem;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            width: 100%;
            text-decoration: none;
            box-shadow: 0 8px 25px rgba(226, 19, 110, 0.35);
            transition: all 0.3s ease;
        }
        .btn-bkash-pay:hover {
            background: #c20f5d;
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(226, 19, 110, 0.5);
        }
        .btn-bkash-pay img {
            height: 1.5rem;
            width: auto;
            object-fit: contain;
        }
        .btn-tier-whatsapp {
            background: rgba(37, 211, 102, 0.1);
            color: #22c55e !important;
            border: 1.5px solid #22c55e;
            font-family: 'Suez One', serif;
            font-size: 0.98rem;
            padding: 0.85rem 1.5rem;
            border-radius: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.6rem;
            width: 100%;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        .btn-tier-whatsapp:hover {
            background: #25D366;
            color: #070a12 !important;
            transform: translateY(-2px);
        }

        /* ========== BKASH CHECKOUT MODAL (INTERACTIVE DESIGN READY) ========== */
        .bkash-modal-backdrop {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(6px);
            z-index: 99999;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
        }
        .bkash-modal-backdrop.active {
            display: flex;
        }
        .bkash-modal-card {
            background: #ffffff;
            color: #1e293b;
            width: 100%;
            max-width: 25rem;
            border-radius: 1.5rem;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
            animation: modalFadeIn 0.3s ease-out;
            position: relative;
        }
        @keyframes modalFadeIn {
            from { opacity: 0; transform: scale(0.92); }
            to { opacity: 1; transform: scale(1); }
        }
        .bkash-modal-top {
            background: #e2136e;
            padding: 1.75rem 1.5rem;
            text-align: center;
            color: #ffffff;
            position: relative;
        }
        .bkash-modal-close {
            position: absolute;
            top: 1rem;
            right: 1rem;
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: none;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            cursor: pointer;
            font-size: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }
        .bkash-modal-close:hover {
            background: rgba(255, 255, 255, 0.4);
        }
        .bkash-modal-logo {
            font-family: 'Suez One', serif;
            font-size: 1.8rem;
            letter-spacing: 0.05rem;
            margin-bottom: 0.25rem;
        }
        .bkash-modal-merchant {
            font-size: 0.85rem;
            opacity: 0.9;
        }
        .bkash-modal-amount-strip {
            background: #c20f5d;
            padding: 0.75rem 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 700;
            font-size: 0.95rem;
        }
        .bkash-modal-body {
            padding: 2rem 1.75rem;
            text-align: center;
        }
        .bkash-input-label {
            display: block;
            text-align: left;
            font-size: 0.88rem;
            font-weight: 700;
            color: #475569;
            margin-bottom: 0.5rem;
        }
        .bkash-input-field {
            width: 100%;
            padding: 0.85rem 1rem;
            border: 2px solid #e2e8f0;
            border-radius: 0.75rem;
            font-size: 1rem;
            margin-bottom: 1.25rem;
            outline: none;
            transition: border-color 0.2s;
        }
        .bkash-input-field:focus {
            border-color: #e2136e;
        }
        .bkash-modal-btn-row {
            display: flex;
            gap: 0.75rem;
        }
        .btn-bkash-confirm {
            flex: 1;
            background: #e2136e;
            color: #ffffff;
            border: none;
            padding: 0.85rem;
            border-radius: 0.75rem;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: background 0.2s;
        }
        .btn-bkash-confirm:hover {
            background: #c20f5d;
        }
        .btn-bkash-cancel {
            background: #f1f5f9;
            color: #64748b;
            border: none;
            padding: 0.85rem 1.25rem;
            border-radius: 0.75rem;
            font-weight: 600;
            cursor: pointer;
        }
        .bkash-modal-note {
            font-size: 0.78rem;
            color: #94a3b8;
            margin-top: 1.25rem;
            line-height: 1.4;
        }

        @media (max-width: 860px) {
            .admission-cards-grid {
                grid-template-columns: 1fr;
            }
        }

    
        /* ========== SEARCH BAR OVERLAY & LANG SWITCH STYLES ========== */
        .search-bar-container {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #0d1222;
            padding: 1.25rem 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            border-bottom: 1px solid rgba(0, 188, 255, 0.25);
            z-index: 9999;
        }
        .search-bar-container.active {
            display: flex;
            justify-content: center;
        }
        .search-bar-container form {
            display: flex;
            width: 100%;
            max-width: 42rem;
            gap: 0.75rem;
        }
        .search-bar-container input {
            flex: 1;
            padding: 0.85rem 1.4rem;
            border-radius: 2rem;
            border: 1.5px solid rgba(0, 188, 255, 0.35);
            background: #070a12;
            color: #ffffff;
            font-size: 1rem;
            outline: none;
            transition: border-color 0.25s ease;
        }
        .search-bar-container input:focus {
            border-color: #00bcff;
            box-shadow: 0 0 15px rgba(0, 188, 255, 0.25);
        }
        .search-bar-container button {
            padding: 0.85rem 1.75rem;
            border-radius: 2rem;
            background: #00bcff;
            color: #070a12;
            border: none;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .search-bar-container button:hover {
            background: #38bdf8;
            transform: translateY(-2px);
        }
        .lang-switch {
            background: rgba(0, 188, 255, 0.1);
            border: 1px solid rgba(0, 188, 255, 0.25);
            border-radius: 0.75rem;
            padding: 0.4rem 0.75rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.25s ease;
        }
        .lang-switch:hover {
            border-color: #00bcff;
            background: rgba(0, 188, 255, 0.2);
            transform: translateY(-2px);
        }
        .lang-switch img {
            width: 1.5rem;
            height: auto;
            display: block;
        }

        /* ========== HERO STAT CARDS OUTLINE & HOVER GLOW ANIMATION ========== */
        .hero-stats-row {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 1.15rem !important;
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            margin-bottom: 2.5rem !important;
        }
        .hero-stat-item {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.28) !important;
            border-radius: 1.25rem !important;
            padding: 1.25rem 0.85rem !important;
            text-align: center !important;
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
            border-right: 1.5px solid rgba(0, 188, 255, 0.28) !important;
            position: relative;
            overflow: hidden;
        }
        .hero-stat-item:hover {
            border-color: #00bcff !important;
            box-shadow: 0 12px 35px rgba(0, 188, 255, 0.28), 0 0 0 1px #00bcff !important;
            transform: translateY(-6px) !important;
        }
        .hero-stat-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0, 188, 255, 0.1), transparent);
            transition: left 0.6s ease;
        }
        .hero-stat-item:hover::before {
            left: 100%;
        }
        .hero-stat-num {
            font-family: 'Suez One', serif !important;
            font-size: 1.85rem !important;
            color: #00bcff !important;
            line-height: 1.1 !important;
        }
        .hero-stat-lbl {
            font-size: 0.82rem !important;
            color: #94a3b8 !important;
            font-weight: 600 !important;
            margin-top: 0.4rem !important;
        }

        /* Hero Delivery Mode Pills Glowing Outlines */
        .delivery-mode-pill {
            display: inline-flex !important;
            align-items: center !important;
            gap: 0.45rem !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            color: #00bcff !important;
            background: rgba(0, 188, 255, 0.08) !important;
            border: 1.5px solid rgba(0, 188, 255, 0.25) !important;
            padding: 0.45rem 1rem !important;
            border-radius: 2rem !important;
            transition: all 0.3s ease !important;
        }
        .delivery-mode-pill:hover {
            background: rgba(0, 188, 255, 0.18) !important;
            border-color: #00bcff !important;
            box-shadow: 0 4px 15px rgba(0, 188, 255, 0.3) !important;
            transform: translateY(-3px) !important;
        }

        /* Hero CTAs Glowing Outlines */
        .hero-btn-admission {
            background: #00bcff !important;
            color: #070a12 !important;
            border: 2px solid #00bcff !important;
            box-shadow: 0 8px 25px rgba(0, 188, 255, 0.35) !important;
            transition: all 0.3s ease !important;
        }
        .hero-btn-admission:hover {
            background: #38bdf8 !important;
            border-color: #38bdf8 !important;
            box-shadow: 0 12px 30px rgba(0, 188, 255, 0.5) !important;
            transform: translateY(-4px) !important;
        }
        .hero-btn-seminar {
            background: rgba(34, 197, 94, 0.1) !important;
            color: #22c55e !important;
            border: 1.5px solid #22c55e !important;
            box-shadow: 0 6px 20px rgba(34, 197, 94, 0.2) !important;
            transition: all 0.3s ease !important;
        }
        .hero-btn-seminar:hover {
            background: #22c55e !important;
            color: #070a12 !important;
            box-shadow: 0 10px 25px rgba(34, 197, 94, 0.4) !important;
            transform: translateY(-4px) !important;
        }

        /* Hero Right Preview Card Glowing Outlines */
        .live-syllabus-card {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.28) !important;
            border-radius: 1.5rem !important;
            box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45) !important;
            transition: all 0.35s ease !important;
        }
        .live-syllabus-card:hover {
            border-color: #00bcff !important;
            box-shadow: 0 15px 45px rgba(0, 188, 255, 0.25), 0 0 0 1px #00bcff !important;
            transform: translateY(-5px) !important;
        }
        .preview-schedule-box {
            background: #070a12 !important;
            border: 1px solid rgba(0, 188, 255, 0.22) !important;
            border-radius: 1.25rem !important;
            transition: all 0.3s ease !important;
        }
        .preview-schedule-box:hover {
            border-color: #00bcff !important;
            box-shadow: 0 4px 15px rgba(0, 188, 255, 0.2) !important;
        }

    
        /* ========== PERFECT CONTRAST LIGHT / DARK THEME FOR SEO-TRAINING.HTML ========== */
        /* LIGHT THEME (DEFAULT / WHEN NOT DARK-MODE) */
        body:not(.dark-mode) {
            background: #f8fafc !important;
            color: #1e293b !important;
        }
        body:not(.dark-mode) #header {
            background: #ffffff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
        }
        body:not(.dark-mode) #menu ul.menu li a {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) #menu ul.menu li a.active {
            color: #00bcff !important;
        }
        body:not(.dark-mode) .ctrl-btn {
            background: #f1f5f9 !important;
            color: #0F1562 !important;
            border-color: #cbd5e1 !important;
        }
        body:not(.dark-mode) .quick-nav-bar {
            background: #ffffff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
        }
        body:not(.dark-mode) .quick-nav-link {
            color: #475569 !important;
        }
        body:not(.dark-mode) .quick-nav-link.active {
            color: #0F1562 !important;
            background: rgba(15, 21, 98, 0.08) !important;
        }
        body:not(.dark-mode) .training-hero {
            background: linear-gradient(135deg, #eef4ff 0%, #f8fafc 100%) !important;
        }
        body:not(.dark-mode) h1,
        body:not(.dark-mode) h2,
        body:not(.dark-mode) h3,
        body:not(.dark-mode) h4,
        body:not(.dark-mode) h5,
        body:not(.dark-mode) h6,
        body:not(.dark-mode) .section-title,
        body:not(.dark-mode) .admission-title {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) h1 span,
        body:not(.dark-mode) h2 span,
        body:not(.dark-mode) h3 span,
        body:not(.dark-mode) .section-title span,
        body:not(.dark-mode) .admission-title span {
            color: #00bcff !important;
        }
        body:not(.dark-mode) p,
        body:not(.dark-mode) .hero-subtitle,
        body:not(.dark-mode) .section-subtitle,
        body:not(.dark-mode) .tier-desc {
            color: #475569 !important;
        }
        body:not(.dark-mode) .hero-stat-item {
            background: #ffffff !important;
            border: 1.5px solid #e2e8f0 !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
        }
        body:not(.dark-mode) .hero-stat-num {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .hero-stat-lbl {
            color: #64748b !important;
        }
        body:not(.dark-mode) .live-syllabus-card {
            background: #ffffff !important;
            border: 1.5px solid #e2e8f0 !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
        }
        body:not(.dark-mode) .preview-schedule-box {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #1e293b !important;
        }
        body:not(.dark-mode) .preview-schedule-box span,
        body:not(.dark-mode) .preview-schedule-box strong {
            color: #1e293b !important;
        }
        body:not(.dark-mode) .exclusive-solutions-section,
        body:not(.dark-mode) .career-outcomes-section,
        body:not(.dark-mode) .softwares-section,
        body:not(.dark-mode) .curriculum-section,
        body:not(.dark-mode) .admission-going-on-section,
        body:not(.dark-mode) .success-stories-section,
        body:not(.dark-mode) .section-podcast {
            background: #ffffff !important;
        }
        body:not(.dark-mode) .highlights-distribution-section,
        body:not(.dark-mode) .designed-for-section,
        body:not(.dark-mode) .why-section,
        body:not(.dark-mode) .my-faq-section {
            background: #f8fafc !important;
        }
        body:not(.dark-mode) .exclusive-solution-card,
        body:not(.dark-mode) .highlight-stat-card,
        body:not(.dark-mode) .career-path-card,
        body:not(.dark-mode) .target-persona-card,
        body:not(.dark-mode) .tool-enterprise-card,
        body:not(.dark-mode) .why-card,
        body:not(.dark-mode) .admission-tier-card,
        body:not(.dark-mode) .success-card,
        body:not(.dark-mode) .yt-video-card {
            background: #ffffff !important;
            border: 1.5px solid #e2e8f0 !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
            color: #334155 !important;
        }
        body:not(.dark-mode) .exclusive-solution-card h4,
        body:not(.dark-mode) .career-path-card h4,
        body:not(.dark-mode) .target-persona-card h3,
        body:not(.dark-mode) .tool-enterprise-card h4,
        body:not(.dark-mode) .why-card h3,
        body:not(.dark-mode) .admission-tier-card h3,
        body:not(.dark-mode) .success-info h5,
        body:not(.dark-mode) .yt-video-card p {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .tier-price-box {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
        }
        body:not(.dark-mode) .price-label-side {
            color: #64748b !important;
        }
        body:not(.dark-mode) .tier-features-list li {
            color: #334155 !important;
        }
        body:not(.dark-mode) .accordion-header {
            background: #ffffff !important;
            border: 1.5px solid #e2e8f0 !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .accordion-header h3 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .accordion-body {
            background: #f8fafc !important;
            border: 1.5px solid #e2e8f0 !important;
            color: #334155 !important;
        }
        body:not(.dark-mode) .module-class-table thead tr {
            background: #e2e8f0 !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .module-class-table tbody tr {
            background: #ffffff !important;
            color: #334155 !important;
            border-bottom: 1px solid #e2e8f0 !important;
        }
        body:not(.dark-mode) .module-class-table tbody td {
            color: #334155 !important;
        }
        body:not(.dark-mode) .faq-card-row {
            background: #ffffff !important;
            border: 1.5px solid #e2e8f0 !important;
        }
        body:not(.dark-mode) .faq-card-header h4 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .faq-card-body {
            background: #f8fafc !important;
            color: #334155 !important;
        }
        
        body:not(.dark-mode) .section-podcast__title {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .section-podcast__subtitle {
            color: #00bcff !important;
        }
        body:not(.dark-mode) footer {
            background: #0F1562 !important;
            color: #cbd5e1 !important;
        }
        body:not(.dark-mode) footer h3,
        body:not(.dark-mode) footer h4,
        body:not(.dark-mode) footer .footer-brand-title {
            color: #ffffff !important;
        }
        body:not(.dark-mode) .footer-developer-credit {
            color: #94a3b8 !important;
        }
        body:not(.dark-mode) .footer-developer-credit a {
            color: #00bcff !important;
        }

        /* DARK THEME (WHEN BODY HAS .dark-mode) */
        body.dark-mode {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode #header {
            background: rgba(9, 13, 26, 0.96) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        body.dark-mode #menu ul.menu li a {
            color: #ffffff !important;
        }
        body.dark-mode #menu ul.menu li a.active {
            color: #00bcff !important;
        }
        body.dark-mode .quick-nav-bar {
            background: rgba(13, 18, 34, 0.95) !important;
            border-bottom: 1px solid rgba(0, 188, 255, 0.2) !important;
        }
        body.dark-mode .quick-nav-link {
            color: #cbd5e1 !important;
        }
        body.dark-mode .training-hero,
        body.dark-mode .exclusive-solutions-section,
        body.dark-mode .highlights-distribution-section,
        body.dark-mode .career-outcomes-section,
        body.dark-mode .designed-for-section,
        body.dark-mode .softwares-section,
        body.dark-mode .curriculum-section,
        body.dark-mode .why-section,
        body.dark-mode .admission-going-on-section,
        body.dark-mode .my-faq-section,
        body.dark-mode .success-stories-section,
        body.dark-mode .section-podcast {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode h1,
        body.dark-mode h2,
        body.dark-mode h3,
        body.dark-mode h4,
        body.dark-mode h5,
        body.dark-mode h6,
        body.dark-mode .section-title,
        body.dark-mode .admission-title {
            color: #ffffff !important;
        }
        body.dark-mode h1 span,
        body.dark-mode h2 span,
        body.dark-mode h3 span,
        body.dark-mode .section-title span,
        body.dark-mode .admission-title span {
            color: #00bcff !important;
        }
        body.dark-mode p,
        body.dark-mode .hero-subtitle,
        body.dark-mode .section-subtitle,
        body.dark-mode .tier-desc {
            color: #94a3b8 !important;
        }
        body.dark-mode .hero-stat-item,
        body.dark-mode .live-syllabus-card,
        body.dark-mode .exclusive-solution-card,
        body.dark-mode .highlight-stat-card,
        body.dark-mode .career-path-card,
        body.dark-mode .target-persona-card,
        body.dark-mode .tool-enterprise-card,
        body.dark-mode .why-card,
        body.dark-mode .admission-tier-card,
        body.dark-mode .success-card,
        body.dark-mode .yt-video-card {
            background: #0d1222 !important;
            border-color: rgba(0, 188, 255, 0.25) !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode .exclusive-solution-card h4,
        body.dark-mode .career-path-card h4,
        body.dark-mode .target-persona-card h3,
        body.dark-mode .tool-enterprise-card h4,
        body.dark-mode .why-card h3,
        body.dark-mode .admission-tier-card h3,
        body.dark-mode .success-info h5,
        body.dark-mode .yt-video-card p {
            color: #ffffff !important;
        }
        body.dark-mode .tier-price-box {
            background: #070a12 !important;
            border-color: rgba(255, 255, 255, 0.08) !important;
        }
        body.dark-mode .accordion-header {
            background: #0d1222 !important;
            border-color: rgba(0, 188, 255, 0.2) !important;
            color: #ffffff !important;
        }
        body.dark-mode .accordion-header h3 {
            color: #ffffff !important;
        }
        body.dark-mode .accordion-body {
            background: #070a12 !important;
            border-color: rgba(0, 188, 255, 0.2) !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode .faq-card-row {
            background: #0d1222 !important;
            border-color: rgba(0, 188, 255, 0.2) !important;
        }
        body.dark-mode .faq-card-header h4 {
            color: #ffffff !important;
        }
        body.dark-mode .faq-card-body {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }

    
        
        /* ========== ULTIMATE FLAWLESS LIGHT & DARK MODE FOR SEO-TRAINING.HTML ========== */
        /* LIGHT MODE (DEFAULT / WHEN NOT .dark-mode) */
        body:not(.dark-mode) {
            background: #f8fafc !important;
            color: #334155 !important;
        }
        body:not(.dark-mode) #header {
            background: #ffffff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
        }
        body:not(.dark-mode) #menu ul.menu li a {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) #menu ul.menu li a.active {
            color: #00bcff !important;
        }
        body:not(.dark-mode) .ctrl-btn {
            background: #f1f5f9 !important;
            color: #0F1562 !important;
            border-color: #cbd5e1 !important;
        }
        body:not(.dark-mode) .quick-nav-bar {
            background: #ffffff !important;
            border-bottom: 1px solid #e2e8f0 !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
        }
        body:not(.dark-mode) .quick-nav-link {
            color: #475569 !important;
        }
        body:not(.dark-mode) .quick-nav-link.active {
            color: #0F1562 !important;
            background: rgba(15, 21, 98, 0.08) !important;
        }

        /* Light Sections in seo-training.html */
        body:not(.dark-mode) .training-hero {
            background: linear-gradient(135deg, #eef4ff 0%, #f8fafc 100%) !important;
        }
        body:not(.dark-mode) .exclusive-solutions-section,
        body:not(.dark-mode) .career-outcomes-section,
        body:not(.dark-mode) .softwares-section,
        body:not(.dark-mode) .curriculum-section,
        body:not(.dark-mode) .admission-going-on-section,
        body:not(.dark-mode) .success-stories-section,
        body:not(.dark-mode) .section-podcast {
            background: #ffffff !important;
            color: #334155 !important;
        }
        body:not(.dark-mode) .highlights-distribution-section,
        body:not(.dark-mode) .designed-for-section,
        body:not(.dark-mode) .why-section,
        body:not(.dark-mode) .my-faq-section {
            background: #f8fafc !important;
            color: #334155 !important;
        }

        /* Headings in Light Mode */
        body:not(.dark-mode) h1,
        body:not(.dark-mode) h2,
        body:not(.dark-mode) h3,
        body:not(.dark-mode) h4,
        body:not(.dark-mode) h5,
        body:not(.dark-mode) h6,
        body:not(.dark-mode) .hero-title,
        body:not(.dark-mode) .section-title,
        body:not(.dark-mode) .admission-title,
        body:not(.dark-mode) .section-podcast__title,
        body:not(.dark-mode) .exclusive-title,
        body:not(.dark-mode) .hd-col-title,
        body:not(.dark-mode) .faq-header-title,
        body:not(.dark-mode) .payment-title,
        body:not(.dark-mode) .pricing-title,
        body:not(.dark-mode) .testimonials-heading {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) h1 span,
        body:not(.dark-mode) h2 span,
        body:not(.dark-mode) h3 span,
        body:not(.dark-mode) .section-title span,
        body:not(.dark-mode) .admission-title span,
        body:not(.dark-mode) .exclusive-title span,
        body:not(.dark-mode) .section-podcast__subtitle {
            color: #00bcff !important;
        }
        body:not(.dark-mode) p,
        body:not(.dark-mode) .hero-subtitle,
        body:not(.dark-mode) .section-subtitle,
        body:not(.dark-mode) .tier-desc,
        body:not(.dark-mode) .admission-subtitle,
        body:not(.dark-mode) .pricing-desc,
        body:not(.dark-mode) .section-podcast-text p {
            color: #475569 !important;
        }
        body:not(.dark-mode) .delivery-mode-pill {
            background: #eef4ff !important;
            border: 1.5px solid #cce0ff !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .rating-enrolled-row .enrolled-tag {
            background: #eef4ff !important;
            border: 1px solid #cce0ff !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .rating-stars span {
            color: #64748b !important;
        }

        /* ALL CARDS IN LIGHT MODE - PURE WHITE WITH ANIMATIONS & OUTLINES */
        body:not(.dark-mode) .hero-stat-item,
        body:not(.dark-mode) .live-syllabus-card,
        body:not(.dark-mode) .exclusive-solutions-card,
        body:not(.dark-mode) .exclusive-item,
        body:not(.dark-mode) .highlight-item,
        body:not(.dark-mode) .dist-card,
        body:not(.dark-mode) .next-batch-card,
        body:not(.dark-mode) .career-pill-card,
        body:not(.dark-mode) .prereq-item,
        body:not(.dark-mode) .designed-card,
        body:not(.dark-mode) .software-card,
        body:not(.dark-mode) .outline-notice-card,
        body:not(.dark-mode) .why-card,
        body:not(.dark-mode) .admission-tier-card,
        body:not(.dark-mode) .success-card,
        body:not(.dark-mode) .yt-video-card,
        body:not(.dark-mode) .faq-card-row {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            border-radius: 1.5rem !important;
            box-shadow: 0 6px 20px rgba(15, 21, 98, 0.05) !important;
            color: #334155 !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }

        /* Card Hover Animation & Glowing Outlines in Light Mode */
        body:not(.dark-mode) .hero-stat-item:hover,
        body:not(.dark-mode) .live-syllabus-card:hover,
        body:not(.dark-mode) .exclusive-solutions-card:hover,
        body:not(.dark-mode) .exclusive-item:hover,
        body:not(.dark-mode) .highlight-item:hover,
        body:not(.dark-mode) .dist-card:hover,
        body:not(.dark-mode) .next-batch-card:hover,
        body:not(.dark-mode) .career-pill-card:hover,
        body:not(.dark-mode) .prereq-item:hover,
        body:not(.dark-mode) .designed-card:hover,
        body:not(.dark-mode) .software-card:hover,
        body:not(.dark-mode) .outline-notice-card:hover,
        body:not(.dark-mode) .why-card:hover,
        body:not(.dark-mode) .admission-tier-card:hover,
        body:not(.dark-mode) .success-card:hover,
        body:not(.dark-mode) .yt-video-card:hover,
        body:not(.dark-mode) .faq-card-row:hover {
            transform: translateY(-8px) scale(1.01) !important;
            border-color: #00bcff !important;
            box-shadow: 0 16px 36px rgba(0, 188, 255, 0.22), 0 0 0 1px #00bcff !important;
        }

        body:not(.dark-mode) .exclusive-item,
        body:not(.dark-mode) .exclusive-item h4,
        body:not(.dark-mode) .dist-card h4,
        body:not(.dark-mode) .career-pill-card h4,
        body:not(.dark-mode) .designed-card h3,
        body:not(.dark-mode) .software-card h4,
        body:not(.dark-mode) .why-card h3,
        body:not(.dark-mode) .admission-tier-card h3,
        body:not(.dark-mode) .success-info h5,
        body:not(.dark-mode) .yt-video-card p,
        body:not(.dark-mode) .faq-card-header h4,
        body:not(.dark-mode) .class-no-tag {
            color: #0F1562 !important;
        }

        body:not(.dark-mode) .highlight-item p strong {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .highlight-item p {
            color: #475569 !important;
        }
        body:not(.dark-mode) .dist-card span,
        body:not(.dark-mode) .res-type-tag,
        body:not(.dark-mode) .batch-info-line span {
            color: #64748b !important;
        }
        body:not(.dark-mode) .preview-schedule-box,
        body:not(.dark-mode) .tier-price-box,
        body:not(.dark-mode) .live-batch-info-box,
        body:not(.dark-mode) .faq-card-body,
        body:not(.dark-mode) .accordion-body {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #334155 !important;
        }
        body:not(.dark-mode) .accordion-header {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            color: #0F1562 !important;
            transition: all 0.3s ease !important;
        }
        body:not(.dark-mode) .accordion-header:hover {
            border-color: #00bcff !important;
        }
        body:not(.dark-mode) .accordion-header h3 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .module-class-table thead tr {
            background: #e2e8f0 !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .module-class-table tbody tr {
            background: #ffffff !important;
            color: #334155 !important;
            border-bottom: 1px solid #e2e8f0 !important;
        }
        body:not(.dark-mode) .module-class-table tbody td {
            color: #334155 !important;
        }
        
        body:not(.dark-mode) footer {
            background: #0F1562 !important;
            color: #cbd5e1 !important;
        }
        body:not(.dark-mode) footer h3,
        body:not(.dark-mode) footer h4,
        body:not(.dark-mode) footer .footer-brand-title {
            color: #ffffff !important;
        }
        body:not(.dark-mode) .footer-developer-credit {
            color: #94a3b8 !important;
        }
        body:not(.dark-mode) .footer-developer-credit a {
            color: #00bcff !important;
        }

        /* DARK MODE (WHEN BODY HAS .dark-mode) */
        body.dark-mode {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode #header {
            background: rgba(9, 13, 26, 0.96) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        body.dark-mode .quick-nav-bar {
            background: rgba(13, 18, 34, 0.95) !important;
            border-bottom: 1px solid rgba(0, 188, 255, 0.2) !important;
        }
        body.dark-mode .training-hero,
        body.dark-mode .exclusive-solutions-section,
        body.dark-mode .highlights-distribution-section,
        body.dark-mode .career-outcomes-section,
        body.dark-mode .designed-for-section,
        body.dark-mode .softwares-section,
        body.dark-mode .curriculum-section,
        body.dark-mode .why-section,
        body.dark-mode .admission-going-on-section,
        body.dark-mode .my-faq-section,
        body.dark-mode .success-stories-section,
        body.dark-mode .section-podcast {
            background: #070a12 !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode h1,
        body.dark-mode h2,
        body.dark-mode h3,
        body.dark-mode h4,
        body.dark-mode h5,
        body.dark-mode h6,
        body.dark-mode .hero-title,
        body.dark-mode .section-title,
        body.dark-mode .admission-title,
        body.dark-mode .section-podcast__title,
        body.dark-mode .exclusive-title,
        body.dark-mode .hd-col-title,
        body.dark-mode .faq-header-title,
        body.dark-mode .payment-title,
        body.dark-mode .pricing-title,
        body.dark-mode .testimonials-heading {
            color: #ffffff !important;
        }
        body.dark-mode h1 span,
        body.dark-mode h2 span,
        body.dark-mode h3 span,
        body.dark-mode .section-title span,
        body.dark-mode .admission-title span,
        body.dark-mode .exclusive-title span,
        body.dark-mode .section-podcast__subtitle {
            color: #00bcff !important;
        }
        body.dark-mode p,
        body.dark-mode .hero-subtitle,
        body.dark-mode .section-subtitle,
        body.dark-mode .tier-desc,
        body.dark-mode .admission-subtitle,
        body.dark-mode .pricing-desc,
        body.dark-mode .section-podcast-text p {
            color: #94a3b8 !important;
        }
        body.dark-mode .hero-stat-item,
        body.dark-mode .live-syllabus-card,
        body.dark-mode .exclusive-solutions-card,
        body.dark-mode .exclusive-item,
        body.dark-mode .highlight-item,
        body.dark-mode .dist-card,
        body.dark-mode .next-batch-card,
        body.dark-mode .career-pill-card,
        body.dark-mode .prereq-item,
        body.dark-mode .designed-card,
        body.dark-mode .software-card,
        body.dark-mode .outline-notice-card,
        body.dark-mode .why-card,
        body.dark-mode .admission-tier-card,
        body.dark-mode .success-card,
        body.dark-mode .yt-video-card,
        body.dark-mode .faq-card-row {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.28) !important;
            border-radius: 1.5rem !important;
            box-shadow: 0 6px 25px rgba(0, 0, 0, 0.4) !important;
            color: #cbd5e1 !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }
        body.dark-mode .hero-stat-item:hover,
        body.dark-mode .live-syllabus-card:hover,
        body.dark-mode .exclusive-solutions-card:hover,
        body.dark-mode .exclusive-item:hover,
        body.dark-mode .highlight-item:hover,
        body.dark-mode .dist-card:hover,
        body.dark-mode .next-batch-card:hover,
        body.dark-mode .career-pill-card:hover,
        body.dark-mode .prereq-item:hover,
        body.dark-mode .designed-card:hover,
        body.dark-mode .software-card:hover,
        body.dark-mode .outline-notice-card:hover,
        body.dark-mode .why-card:hover,
        body.dark-mode .admission-tier-card:hover,
        body.dark-mode .success-card:hover,
        body.dark-mode .yt-video-card:hover,
        body.dark-mode .faq-card-row:hover {
            transform: translateY(-8px) scale(1.01) !important;
            border-color: #00bcff !important;
            box-shadow: 0 16px 40px rgba(0, 188, 255, 0.38), 0 0 0 1px #00bcff !important;
        }
        body.dark-mode .exclusive-item,
        body.dark-mode .exclusive-item h4,
        body.dark-mode .dist-card h4,
        body.dark-mode .career-pill-card h4,
        body.dark-mode .designed-card h3,
        body.dark-mode .software-card h4,
        body.dark-mode .why-card h3,
        body.dark-mode .admission-tier-card h3,
        body.dark-mode .success-info h5,
        body.dark-mode .yt-video-card p,
        body.dark-mode .faq-card-header h4,
        body.dark-mode .class-no-tag {
            color: #ffffff !important;
        }
        body.dark-mode .highlight-item p strong {
            color: #00bcff !important;
        }
        body.dark-mode .highlight-item p {
            color: #94a3b8 !important;
        }
        body.dark-mode .dist-card span,
        body.dark-mode .res-type-tag,
        body.dark-mode .batch-info-line span {
            color: #00bcff !important;
        }
        body.dark-mode .preview-schedule-box,
        body.dark-mode .tier-price-box,
        body.dark-mode .live-batch-info-box,
        body.dark-mode .faq-card-body,
        body.dark-mode .accordion-body {
            background: #070a12 !important;
            border-color: rgba(0, 188, 255, 0.2) !important;
            color: #cbd5e1 !important;
        }
        body.dark-mode .accordion-header {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.2) !important;
            color: #ffffff !important;
        }
        body.dark-mode .accordion-header:hover {
            border-color: #00bcff !important;
        }
        body.dark-mode .accordion-header h3 {
            color: #ffffff !important;
        }
        

        /* ========== SIGNATURE AKASHI (SKY BLUE) GRADIENT RESTORATION FOR SEO-TRAINING ========== */
        .gradient-bg,
        .section-podcast .gradient-bg,
        body:not(.dark-mode) .gradient-bg,
        body:not(.dark-mode) .section-podcast .gradient-bg,
        body.dark-mode .gradient-bg,
        body.dark-mode .section-podcast .gradient-bg {
            background-color: #acdaf6 !important;
            background-image: 
                radial-gradient(ellipse at 9% 11%, #a0e1f3 0px, transparent 50%),
                radial-gradient(ellipse at 87% 6%, #b6e6f6 0px, transparent 50%),
                radial-gradient(ellipse at 9% 89%, #567cdc 0px, transparent 50%),
                radial-gradient(ellipse at 26% 28%, #577cdb 0px, transparent 50%),
                radial-gradient(ellipse at 57% 50%, #bfc8fd 0px, transparent 50%),
                radial-gradient(ellipse at 11% 43%, #577cdb 0px, transparent 50%),
                radial-gradient(ellipse at 83% 77%, #bfc6fd 0px, transparent 50%) !important;
            position: relative !important;
            overflow: hidden !important;
            border-radius: 3rem !important;
            padding: 3.5rem !important;
            box-shadow: 0 15px 35px rgba(15, 21, 98, 0.18) !important;
            margin-bottom: 4rem !important;
            border: none !important;
        }
        .section-podcast__title,
        body.dark-mode .section-podcast__title,
        body:not(.dark-mode) .section-podcast__title {
            color: #0F1562 !important;
        }
        .section-podcast__subtitle,
        body.dark-mode .section-podcast__subtitle,
        body:not(.dark-mode) .section-podcast__subtitle {
            color: #0F1562 !important;
            font-weight: 700 !important;
        }
        .section-podcast-text p,
        body.dark-mode .section-podcast-text p,
        body:not(.dark-mode) .section-podcast-text p {
            color: #1e293b !important;
        }
        .podcast-links li a,
        body.dark-mode .podcast-links li a,
        body:not(.dark-mode) .podcast-links li a {
            background: rgba(255, 255, 255, 0.95) !important;
            color: #0F1562 !important;
            font-weight: 700 !important;
            border-radius: 2rem !important;
            box-shadow: 0 4px 15px rgba(15, 21, 98, 0.15) !important;
        }
        .podcast-links li a:hover,
        body.dark-mode .podcast-links li a:hover,
        body:not(.dark-mode) .podcast-links li a:hover {
            background: #0F1562 !important;
            color: #ffffff !important;
        }

    
        /* ========== FIX FOR THE 4 AREAS IN SEO-TRAINING.HTML ========== */
        /* PLACE 1: HERO RIGHT LEARN CARD & PREVIEW CARD */
        .hero-preview-card {
            background: #ffffff;
            border-radius: 2rem;
            padding: 2.25rem;
            border: 1.5px solid #dbeafe;
            box-shadow: 0 10px 30px rgba(15, 21, 98, 0.08);
            transition: all 0.35s ease;
        }
        .hero-learn-card {
            position: relative;
            background: #f8fafc;
            border: 1.5px solid #e2e8f0;
            border-radius: 1.25rem;
            padding: 1.25rem;
            margin-bottom: 1.5rem;
            transition: all 0.35s ease;
        }
        body:not(.dark-mode) .hero-preview-card {
            background: #ffffff !important;
            border-color: #dbeafe !important;
            box-shadow: 0 10px 30px rgba(15, 21, 98, 0.08) !important;
        }
        body:not(.dark-mode) .hero-preview-card .mentor-meta h3 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .hero-preview-card .mentor-meta p {
            color: #475569 !important;
        }
        body:not(.dark-mode) .hero-learn-card {
            background: #f8fafc !important;
            border-color: #e2e8f0 !important;
        }
        body:not(.dark-mode) .hero-learn-card span {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .hero-learn-card ul li {
            color: #334155 !important;
        }
        body:not(.dark-mode) .live-batch-info-box {
            background: #f8fafc !important;
            border: 1.5px solid #e2e8f0 !important;
        }
        body:not(.dark-mode) .batch-info-line span {
            color: #334155 !important;
        }

        body.dark-mode .hero-preview-card {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.35) !important;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
            transition: all 0.35s ease !important;
        }
        body.dark-mode .hero-preview-card:hover {
            border-color: #00bcff !important;
            box-shadow: 0 25px 60px rgba(0, 188, 255, 0.25), 0 0 25px rgba(0, 188, 255, 0.15) !important;
            transform: translateY(-5px) !important;
        }
        body.dark-mode .hero-learn-card {
            background: #090d1a !important;
            border: 1px solid rgba(0, 188, 255, 0.3) !important;
        }
        body.dark-mode .hero-learn-card span {
            color: #00bcff !important;
        }
        body.dark-mode .hero-learn-card ul li {
            color: #cbd5e1 !important;
        }
        body.dark-mode .live-batch-info-box {
            background: #070a12 !important;
            border-color: rgba(0, 188, 255, 0.2) !important;
        }
        body.dark-mode .batch-info-line span {
            color: #cbd5e1 !important;
        }

        /* PLACE 2: NEXT LIVE BATCH PROMO CARD */
        .next-batch-promo-card {
            border-radius: 1.25rem;
            padding: 1.75rem;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        .next-batch-promo-card h4 {
            font-family: 'Suez One', serif;
            font-size: 1.15rem;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .next-batch-promo-card p {
            font-size: 0.9rem;
            line-height: 1.6;
            margin-bottom: 1.25rem;
        }
        body:not(.dark-mode) .next-batch-promo-card {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            box-shadow: 0 8px 25px rgba(15, 21, 98, 0.06) !important;
        }
        body:not(.dark-mode) .next-batch-promo-card h4 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .next-batch-promo-card p {
            color: #475569 !important;
        }
        body:not(.dark-mode) .next-batch-promo-card:hover {
            transform: translateY(-6px) !important;
            border-color: #00bcff !important;
            box-shadow: 0 14px 35px rgba(0, 188, 255, 0.22), 0 0 0 1px #00bcff !important;
        }

        body.dark-mode .next-batch-promo-card {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.3) !important;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
        }
        body.dark-mode .next-batch-promo-card h4 {
            color: #ffffff !important;
        }
        body.dark-mode .next-batch-promo-card p {
            color: #94a3b8 !important;
        }
        body.dark-mode .next-batch-promo-card:hover {
            transform: translateY(-6px) !important;
            border-color: #00bcff !important;
            box-shadow: 0 14px 35px rgba(0, 188, 255, 0.35), 0 0 0 1px #00bcff !important;
        }

        /* PLACE 3: 5 METRIC BADGE BOXES */
        body:not(.dark-mode) .metric-badge-box {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            box-shadow: 0 4px 15px rgba(15, 21, 98, 0.05) !important;
            border-radius: 1rem !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }
        body:not(.dark-mode) .metric-badge-box h4 {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .metric-badge-box span {
            color: #64748b !important;
        }
        body:not(.dark-mode) .metric-badge-box:hover {
            transform: translateY(-6px) scale(1.02) !important;
            border-color: #00bcff !important;
            box-shadow: 0 12px 28px rgba(0, 188, 255, 0.2), 0 0 0 1px #00bcff !important;
        }

        body.dark-mode .metric-badge-box {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.25) !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
            border-radius: 1rem !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        }
        body.dark-mode .metric-badge-box h4 {
            color: #ffffff !important;
        }
        body.dark-mode .metric-badge-box span {
            color: #94a3b8 !important;
        }
        body.dark-mode .metric-badge-box:hover {
            transform: translateY(-6px) scale(1.02) !important;
            border-color: #00bcff !important;
            box-shadow: 0 14px 35px rgba(0, 188, 255, 0.35), 0 0 0 1px #00bcff !important;
        }

        /* PLACE 4: 100% SECURE BANNER & FAQ HEADER BANNER */
        .admission-guarantee-banner {
            border-radius: 1.25rem;
            padding: 1.25rem 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 1rem;
            transition: all 0.35s ease;
        }
        .admission-guarantee-banner .guarantee-left {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.92rem;
        }
        .admission-guarantee-banner .guarantee-left i {
            color: #22c55e;
            font-size: 1.3rem;
        }
        .admission-guarantee-banner .guarantee-right {
            font-size: 0.88rem;
        }
        .admission-guarantee-banner .guarantee-right a {
            color: #00bcff;
            text-decoration: none;
            font-weight: 700;
        }

        body:not(.dark-mode) .admission-guarantee-banner {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            box-shadow: 0 4px 20px rgba(15, 21, 98, 0.05) !important;
        }
        body:not(.dark-mode) .admission-guarantee-banner .guarantee-left span {
            color: #0F1562 !important;
            font-weight: 600 !important;
        }
        body:not(.dark-mode) .admission-guarantee-banner .guarantee-right {
            color: #475569 !important;
        }
        body:not(.dark-mode) .admission-guarantee-banner:hover {
            border-color: #00bcff !important;
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.18) !important;
        }

        body.dark-mode .admission-guarantee-banner {
            background: #0d1222 !important;
            border: 1px solid rgba(0, 188, 255, 0.25) !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
        }
        body.dark-mode .admission-guarantee-banner .guarantee-left span {
            color: #ffffff !important;
        }
        body.dark-mode .admission-guarantee-banner .guarantee-right {
            color: #94a3b8 !important;
        }
        body.dark-mode .admission-guarantee-banner:hover {
            border-color: #00bcff !important;
            box-shadow: 0 10px 25px rgba(0, 188, 255, 0.28) !important;
        }

        /* FAQ Header Banner in Light/Dark Mode */
        body:not(.dark-mode) .faq-header-box {
            background: #ffffff !important;
            border: 1.5px solid #dbeafe !important;
            box-shadow: 0 4px 20px rgba(15, 21, 98, 0.05) !important;
            border-radius: 1rem !important;
        }
        body:not(.dark-mode) .faq-header-box h3,
        body:not(.dark-mode) .faq-header-title {
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .faq-header-box span {
            color: #64748b !important;
        }

        body.dark-mode .faq-header-box {
            background: #0d1222 !important;
            border: 1.5px solid rgba(0, 188, 255, 0.25) !important;
            border-radius: 1rem !important;
        }
        body.dark-mode .faq-header-box h3,
        body.dark-mode .faq-header-title {
            color: #ffffff !important;
        }
        body.dark-mode .faq-header-box span {
            color: #94a3b8 !important;
        }

            /* MOBILE MENU, LOGO WHITE LINE & FOOTER WHATSAPP CLEARANCE FIXES */
        #header {
            overflow: visible !important;
        }
        @media (max-width: 991px) {
            .mobile-menu-btn {
                display: flex !important;
            }
            .header-controls {
                border-left: none !important;
                padding-left: 0 !important;
            }
            #menu {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: #ffffff;
                padding: 1.25rem 2rem;
                box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
                z-index: 999999;
                border-bottom: 2px solid #e2ebfd;
            }
            body.dark-mode #menu {
                background: #0b0e28 !important;
                border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
            }
            #menu.active {
                display: block !important;
            }
            #menu ul.menu {
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 0.85rem !important;
                width: 100% !important;
            }
            #menu ul.menu li {
                width: 100% !important;
            }
            #menu ul.menu li a {
                display: block !important;
                width: 100% !important;
                padding: 0.6rem 0 !important;
                font-size: 1.1rem !important;
            }
        }
        @media (max-width: 768px) {
            footer, footer#footer {
                padding-bottom: 1.25rem !important;
            }
            .footer-developer-credit {
                padding-bottom: 0 !important;
                text-align: center !important;
            }
            .floating-whatsapp-circle {
                bottom: 1.25rem !important;
                right: 1.25rem !important;
                width: 3.25rem !important;
                height: 3.25rem !important;
            }
            .floating-whatsapp-circle i {
                font-size: 1.75rem !important;
            }
        }
    
        /* ========== SERVICES DROPDOWN MENU (MATCHING REFERENCE EXACTLY) ========== */
        .nav-item-dropdown {
            position: relative;
        }
        .nav-dropdown-toggle {
            display: inline-flex !important;
            align-items: center !important;
            gap: 0.4rem !important;
        }
        .nav-dropdown-toggle i {
            font-size: 0.72rem !important;
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }
        .nav-item-dropdown:hover .nav-dropdown-toggle i,
        .nav-item-dropdown.mobile-open .nav-dropdown-toggle i {
            transform: rotate(180deg) !important;
        }
        .nav-dropdown-menu {
            position: absolute;
            top: calc(100% + 0.65rem);
            left: 50%;
            transform: translateX(-50%) translateY(8px);
            width: 17rem;
            background: #0d1222;
            border: 1px solid rgba(0, 188, 255, 0.25);
            border-radius: 1.25rem;
            padding: 1.2rem;
            box-shadow: 0 16px 45px rgba(0, 0, 0, 0.65), 0 0 25px rgba(0, 188, 255, 0.08);
            backdrop-filter: blur(14px);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s ease;
            z-index: 1000;
        }
        .nav-item-dropdown:hover .nav-dropdown-menu,
        .nav-item-dropdown:focus-within .nav-dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }
        body:not(.dark-mode) .nav-dropdown-menu {
            background: #ffffff;
            border: 1px solid #dbeafe;
            box-shadow: 0 16px 40px rgba(15, 21, 98, 0.12);
        }
        .dropdown-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 0.75rem;
            margin-bottom: 0.6rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        body:not(.dark-mode) .dropdown-header {
            border-bottom: 1px solid #eef2f9;
        }
        .dropdown-title {
            font-size: 0.72rem;
            font-weight: 800;
            letter-spacing: 0.1em;
            color: #00bcff;
            text-transform: uppercase;
        }
        body:not(.dark-mode) .dropdown-title {
            color: #607fe0;
        }
        .dropdown-badge {
            font-size: 0.72rem;
            color: #64748b;
            font-weight: 600;
        }
        .dropdown-list {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 0.35rem !important;
        }
        .dropdown-list li {
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }
        .dropdown-list li a {
            display: flex !important;
            align-items: center !important;
            gap: 0.6rem !important;
            padding: 0.55rem 0.85rem !important;
            border-radius: 0.6rem !important;
            font-size: 0.92rem !important;
            font-weight: 500 !important;
            color: #cbd5e1 !important;
            text-decoration: none !important;
            transition: all 0.22s ease !important;
        }
        body:not(.dark-mode) .dropdown-list li a {
            color: #334155 !important;
        }
        .dropdown-dot {
            font-size: 1rem;
            line-height: 1;
            color: #475569;
            transition: color 0.22s ease, transform 0.22s ease;
        }
        .dropdown-list li a:hover,
        .dropdown-list li a.active {
            background: rgba(0, 188, 255, 0.12) !important;
            color: #00bcff !important;
            transform: translateX(4px);
        }
        .dropdown-list li a:hover .dropdown-dot,
        .dropdown-list li a.active .dropdown-dot {
            color: #00bcff !important;
        }
        body:not(.dark-mode) .dropdown-list li a:hover,
        body:not(.dark-mode) .dropdown-list li a.active {
            background: #f0f6ff !important;
            color: #0F1562 !important;
        }
        body:not(.dark-mode) .dropdown-list li a:hover .dropdown-dot,
        body:not(.dark-mode) .dropdown-list li a.active .dropdown-dot {
            color: #0F1562 !important;
        }

        /* Mobile Dropdown */
        @media (max-width: 991px) {
            .nav-item-dropdown {
                width: 100% !important;
            }
            .nav-dropdown-toggle {
                justify-content: space-between !important;
                width: 100% !important;
            }
            .nav-dropdown-menu {
                position: static !important;
                transform: none !important;
                opacity: 1 !important;
                visibility: visible !important;
                width: 100% !important;
                box-shadow: none !important;
                border: none !important;
                border-left: 2px solid rgba(0, 188, 255, 0.35) !important;
                border-radius: 0 !important;
                padding: 0.4rem 0 0.4rem 1rem !important;
                margin-top: 0.4rem !important;
                background: transparent !important;
                display: none !important;
            }
            .nav-item-dropdown.mobile-open .nav-dropdown-menu {
                display: block !important;
            }
            .dropdown-header {
                display: none !important;
            }
            .dropdown-list li a {
                padding: 0.45rem 0.5rem !important;
                font-size: 0.95rem !important;
            }
        }

/* ===================================== */

/* ========== STICKY IN-PAGE QUICK NAVIGATION BAR (ANIMATION & OUTLINE ENHANCED) ========== */
        .quick-nav-bar {
            background: rgba(7, 10, 18, 0.98) !important;
            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
            border-bottom: 1.5px solid rgba(0, 188, 255, 0.35) !important;
            padding: 0.55rem 0 !important;
            width: 100% !important;
            position: relative !important;
            z-index: 90 !important;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
        }
        body:not(.dark-mode) .quick-nav-bar {
            background: rgba(255, 255, 255, 0.98) !important;
            border-top: 1px solid #eef2f9 !important;
            border-bottom: 1.5px solid rgba(0, 188, 255, 0.4) !important;
            box-shadow: 0 6px 20px rgba(15, 21, 98, 0.08) !important;
        }
        .quick-nav-inner {
            display: flex !important;
            align-items: center !important;
            gap: 0.85rem !important;
            overflow-x: auto !important;
            padding: 0.35rem 0.6rem !important;
            scrollbar-width: none !important;
        }
        .quick-nav-inner::-webkit-scrollbar { display: none !important; }

        /* ALL NAV LINKS: Visible Outline & Shining Sweep Animation */
        .quick-nav-bar .quick-nav-link {
            color: #e2e8f0 !important;
            background: rgba(13, 18, 34, 0.75) !important;
            border: 1.5px solid rgba(0, 188, 255, 0.38) !important;
            border-radius: 2rem !important;
            padding: 0.48rem 1.15rem !important;
            font-size: 0.88rem !important;
            font-weight: 700 !important;
            white-space: nowrap !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 0.55rem !important;
            position: relative !important;
            overflow: hidden !important;
            transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
            text-decoration: none !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), 0 0 10px rgba(0, 188, 255, 0.1) !important;
        }
        body:not(.dark-mode) .quick-nav-bar .quick-nav-link {
            color: #0f172a !important;
            background: #ffffff !important;
            border: 1.5px solid rgba(0, 188, 255, 0.45) !important;
            box-shadow: 0 4px 12px rgba(15, 21, 98, 0.08) !important;
        }

        .quick-nav-bar .quick-nav-link i {
            color: #38bdf8 !important;
            font-size: 0.92rem !important;
            transition: transform 0.3s ease, color 0.3s ease !important;
        }
        body:not(.dark-mode) .quick-nav-bar .quick-nav-link i {
            color: #0284c7 !important;
        }

        /* Shining Sweep Light Animation Effect */
        .quick-nav-bar .quick-nav-link::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: -130% !important;
            width: 100% !important;
            height: 100% !important;
            background: linear-gradient(90deg, transparent, rgba(0, 188, 255, 0.35), transparent) !important;
            transition: left 0.65s ease !important;
            pointer-events: none !important;
            z-index: 2 !important;
        }
        .quick-nav-bar .quick-nav-link:hover::before {
            left: 130% !important;
        }

        /* Hover Animation & Glow Lift */
        .quick-nav-bar .quick-nav-link:hover {
            transform: translateY(-3px) scale(1.03) !important;
            color: #ffffff !important;
            background: rgba(0, 188, 255, 0.22) !important;
            border-color: #00bcff !important;
            box-shadow: 0 8px 24px rgba(0, 188, 255, 0.4), 0 0 0 1px #00bcff !important;
        }
        .quick-nav-bar .quick-nav-link:hover i {
            color: #00bcff !important;
            transform: scale(1.15) rotate(5deg) !important;
        }
        body:not(.dark-mode) .quick-nav-bar .quick-nav-link:hover {
            background: #e0f2fe !important;
            border-color: #0284c7 !important;
            box-shadow: 0 8px 20px rgba(2, 132, 199, 0.25), 0 0 0 1px #0284c7 !important;
        }

        /* Active Navigation Tab Glow State */
        .quick-nav-bar .quick-nav-link.active {
            color: #ffffff !important;
            background: linear-gradient(135deg, rgba(0, 188, 255, 0.35) 0%, rgba(14, 116, 144, 0.4) 100%) !important;
            border-color: #00bcff !important;
            box-shadow: 0 0 20px rgba(0, 188, 255, 0.55), 0 0 0 1.5px #00bcff !important;
            transform: translateY(-2px) !important;
        }
        .quick-nav-bar .quick-nav-link.active i {
            color: #00bcff !important;
            text-shadow: 0 0 12px rgba(0, 188, 255, 0.8) !important;
        }
        body:not(.dark-mode) .quick-nav-bar .quick-nav-link.active {
            color: #ffffff !important;
            background: #0284c7 !important;
            border-color: #0369a1 !important;
            box-shadow: 0 6px 20px rgba(2, 132, 199, 0.4) !important;
        }
        body:not(.dark-mode) .quick-nav-bar .quick-nav-link.active i {
            color: #ffffff !important;
        }

        section[id], div[id] {
            scroll-margin-top: 9rem !important;
        }

/* ===================================== */

@media (max-width: 991px) {
            /* Quick Nav Bar Mobile Optimization */
            .quick-nav-bar {
                padding: 0.35rem 0 !important;
                position: sticky !important;
                top: var(--site-header-height, 4.4rem) !important;
                z-index: 990 !important;
            }
            .quick-nav-container, .quick-nav-inner {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0.3rem 0.75rem !important;
                gap: 0.45rem !important;
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch !important;
                scrollbar-width: none !important;
            }
            .quick-nav-container::-webkit-scrollbar, .quick-nav-inner::-webkit-scrollbar {
                display: none !important;
            }
            .quick-nav-link {
                font-size: 0.74rem !important;
                padding: 0.32rem 0.75rem !important;
                border-radius: 1.5rem !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
                gap: 0.35rem !important;
            }

            /* 1. General Section Spacing */
            .training-hero,
            .exclusive-solutions-section,
            .highlights-distribution-section,
            .career-outcomes-section,
            .designed-for-section,
            .softwares-section,
            .curriculum-section,
            .why-section,
            .admission-going-on-section,
            .my-faq-section,
            .success-stories-section,
            .section-podcast {
                padding: 1.35rem 0 !important;
            }

            /* Section Headers Centering */
            .section-header-center,
            .hd-col-title {
                margin-bottom: 1rem !important;
                text-align: center !important;
            }
            .section-header-center h2,
            .section-title {
                font-size: 1.15rem !important;
                line-height: 1.3 !important;
                margin-bottom: 0.35rem !important;
                text-align: center !important;
            }
            .section-header-center p,
            .section-subtitle {
                font-size: 0.76rem !important;
                line-height: 1.4 !important;
                text-align: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
                max-width: 100% !important;
            }
            .section-tag,
            .section-subpill {
                font-size: 0.62rem !important;
                padding: 0.18rem 0.55rem !important;
                margin-bottom: 0.35rem !important;
                display: inline-block !important;
                text-align: center !important;
            }

            /* Universal Card / Box Centering Override */
            [class*="-card"],
            [class*="-box"],
            .exclusive-solutions-card,
            .dist-card,
            .next-batch-promo-card,
            .career-pill-card,
            .designed-card,
            .software-card,
            .outline-notice-card,
            .metric-badge-box,
            .accordion-item,
            .why-card,
            .admission-card {
                padding: 0.8rem 0.75rem !important;
                border-radius: 0.8rem !important;
                text-align: center !important;
            }
            [class*="-card"] h2, [class*="-card"] h3, [class*="-card"] h4, [class*="-card"] p,
            [class*="-box"] h2, [class*="-box"] h3, [class*="-box"] h4, [class*="-box"] p {
                text-align: center !important;
            }

            /* 2. Hero Section */
            .hero-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 1.25rem !important;
                text-align: center !important;
            }
            .rating-enrolled-row {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 0.35rem !important;
                margin-bottom: 0.65rem !important;
                text-align: center !important;
            }
            .enrolled-tag {
                font-size: 0.68rem !important;
                padding: 0.2rem 0.6rem !important;
                text-align: center !important;
            }
            .rating-stars {
                font-size: 0.72rem !important;
                text-align: center !important;
            }
            .hero-title {
                font-size: 1.35rem !important;
                line-height: 1.25 !important;
                text-align: center !important;
                margin-bottom: 0.65rem !important;
            }
            .delivery-modes-row {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 0.35rem !important;
                margin-bottom: 0.65rem !important;
                text-align: center !important;
            }
            .delivery-mode-pill {
                font-size: 0.68rem !important;
                padding: 0.2rem 0.55rem !important;
                text-align: center !important;
            }
            .hero-subtitle {
                font-size: 0.78rem !important;
                line-height: 1.45 !important;
                text-align: center !important;
                margin: 0 auto 0.85rem auto !important;
            }
            .hero-stats-row {
                display: grid !important;
                grid-template-columns: repeat(4, 1fr) !important;
                padding: 0.55rem 0.35rem !important;
                margin: 0.85rem auto !important;
                gap: 0.35rem !important;
                border-radius: 0.75rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            .hero-stat-item {
                padding: 0.55rem 0.25rem !important;
                border-radius: 0.65rem !important;
                text-align: center !important;
            }
            .hero-stat-num {
                font-size: 1.05rem !important;
                line-height: 1 !important;
                text-align: center !important;
            }
            .hero-stat-lbl {
                font-size: 0.6rem !important;
                margin-top: 0.15rem !important;
                line-height: 1.2 !important;
                text-align: center !important;
            }
            @media (max-width: 380px) {
                .hero-stats-row {
                    grid-template-columns: repeat(2, 1fr) !important;
                    gap: 0.45rem !important;
                }
            }
            .hero-btn-row {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 0.45rem !important;
                text-align: center !important;
                width: 100% !important;
            }
            .hero-btn-row .btn-primary,
            .hero-btn-row .btn-outline {
                width: auto !important;
                max-width: 90% !important;
                justify-content: center !important;
                padding: 0.52rem 1.1rem !important;
                font-size: 0.75rem !important;
                border-radius: 1.5rem !important;
                text-align: center !important;
                gap: 0.4rem !important;
            }

            /* Hero Preview Card */
            .hero-preview-card {
                padding: 0.85rem 0.75rem !important;
                border-radius: 0.85rem !important;
                text-align: center !important;
            }
            .mentor-badge-row {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                gap: 0.45rem !important;
                margin-bottom: 0.65rem !important;
            }
            .mentor-avatar {
                width: 4.5rem !important;
                height: 4.5rem !important;
                border: 2.5px solid #00bcff !important;
                box-shadow: 0 0 16px rgba(0, 188, 255, 0.45) !important;
                border-radius: 50% !important;
                object-fit: cover !important;
                margin: 0 auto 0.25rem auto !important;
            }
            .mentor-meta {
                text-align: center !important;
            }
            .mentor-meta h3 {
                font-size: 1.05rem !important;
                line-height: 1.2 !important;
                text-align: center !important;
            }
            .mentor-meta p {
                font-size: 0.75rem !important;
                text-align: center !important;
            }
            .mentor-meta div {
                font-size: 0.68rem !important;
                margin-top: 0.05rem !important;
                text-align: center !important;
            }
            .hero-learn-card {
                padding: 0.65rem 0.6rem !important;
                border-radius: 0.65rem !important;
                margin-bottom: 0.55rem !important;
                text-align: center !important;
            }
            .hero-learn-card ul {
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                justify-content: center !important;
                width: fit-content !important;
                max-width: 100% !important;
                margin: 0 auto !important;
                gap: 0.3rem !important;
                font-size: 0.72rem !important;
                line-height: 1.35 !important;
                text-align: left !important;
            }
            .hero-learn-card ul li {
                display: flex !important;
                align-items: flex-start !important;
                text-align: left !important;
                gap: 0.45rem !important;
                width: 100% !important;
                font-size: 0.72rem !important;
            }
            .hero-learn-card ul li i {
                margin-top: 0.15rem !important;
                flex-shrink: 0 !important;
            }
            .live-batch-info-box {
                padding: 0.55rem 0.65rem !important;
                border-radius: 0.65rem !important;
                margin-bottom: 0.55rem !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 0.25rem !important;
            }
            .batch-info-line {
                display: flex !important;
                justify-content: space-between !important;
                font-size: 0.7rem !important;
                gap: 0.5rem !important;
            }
            .hero-preview-card .btn-primary {
                padding: 0.52rem 1.1rem !important;
                font-size: 0.75rem !important;
                border-radius: 1.5rem !important;
                margin: 0 auto !important;
                text-align: center !important;
                justify-content: center !important;
                max-width: 90% !important;
                width: auto !important;
                gap: 0.4rem !important;
                box-shadow: 0 0 16px rgba(0, 188, 255, 0.4) !important;
            }

            /* 3. Exclusive Solutions Section */
            .exclusive-solutions-card {
                padding: 0.85rem 0.75rem !important;
                border-radius: 0.8rem !important;
                text-align: center !important;
            }
            .exclusive-title {
                font-size: 1.05rem !important;
                text-align: center !important;
                margin-bottom: 0.65rem !important;
            }
            .exclusive-pills-grid {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                gap: 0.4rem !important;
            }
            .exclusive-item {
                font-size: 0.68rem !important;
                padding: 0.35rem 0.5rem !important;
                text-align: center !important;
                justify-content: center !important;
            }

            /* 4. Highlights & Distribution */
            .hd-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 1rem !important;
            }
            .hd-col-title {
                font-size: 1.1rem !important;
                text-align: center !important;
                margin-bottom: 0.75rem !important;
            }
            .highlights-list {
                display: flex !important;
                flex-direction: column !important;
                gap: 0.55rem !important;
            }
            .highlight-item {
                padding: 0.65rem !important;
                border-radius: 0.65rem !important;
                gap: 0.5rem !important;
                font-size: 0.72rem !important;
                text-align: left !important;
            }
            .highlight-icon {
                font-size: 1rem !important;
                flex-shrink: 0 !important;
            }
            .class-dist-grid {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                gap: 0.45rem !important;
            }
            .dist-card {
                padding: 0.65rem 0.5rem !important;
                border-radius: 0.65rem !important;
                text-align: center !important;
            }
            .dist-card h4 {
                font-size: 0.8rem !important;
                margin: 0.2rem 0 !important;
            }
            .dist-card span {
                font-size: 0.62rem !important;
            }
            .next-batch-promo-card {
                padding: 0.85rem 0.75rem !important;
                border-radius: 0.8rem !important;
                text-align: center !important;
                margin-top: 0.75rem !important;
            }

            /* 5. Career Outcomes & Prerequisites */
            .career-grid {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                gap: 0.5rem !important;
                align-items: stretch !important;
            }
            .career-pill-card {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
                gap: 0.45rem !important;
                font-size: 0.72rem !important;
                line-height: 1.25 !important;
                padding: 0.55rem 0.65rem !important;
                border-radius: 0.85rem !important;
                min-height: 3.2rem !important;
                box-sizing: border-box !important;
            }
            .career-pill-card i {
                flex-shrink: 0 !important;
                font-size: 0.95rem !important;
                color: #22c55e !important;
                margin: 0 !important;
            }

            /* 6. Designed For (3 Across Mobile Grid) & Softwares */
            .designed-grid {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 0.45rem !important;
                margin-top: 1.25rem !important;
            }
            .designed-card {
                flex: 0 0 calc((100% - 0.9rem) / 3) !important;
                max-width: calc((100% - 0.9rem) / 3) !important;
                padding: 0.65rem 0.3rem !important;
                border-radius: 0.65rem !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
                box-sizing: border-box !important;
            }
            .designed-icon-box {
                width: 2.1rem !important;
                height: 2.1rem !important;
                border-radius: 0.55rem !important;
                font-size: 0.95rem !important;
                margin: 0 auto 0.35rem auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
            }
            .designed-card h4 {
                font-size: 0.72rem !important;
                line-height: 1.2 !important;
                margin: 0 0 0.2rem 0 !important;
                text-align: center !important;
            }
            .designed-card p {
                font-size: 0.58rem !important;
                line-height: 1.25 !important;
                color: #94a3b8 !important;
                text-align: center !important;
                margin: 0 !important;
            }

            .software-grid {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.45rem !important;
            }
            .software-card {
                padding: 0.65rem 0.45rem !important;
                border-radius: 0.65rem !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
            }
            .software-icon {
                font-size: 1.35rem !important;
                margin: 0 auto 0.35rem auto !important;
                display: block !important;
            }
            .software-card h5 {
                font-size: 0.78rem !important;
                margin: 0 0 0.2rem 0 !important;
                text-align: center !important;
            }
            .software-card span {
                font-size: 0.62rem !important;
                color: #94a3b8 !important;
                text-align: center !important;
                display: block !important;
            }

            /* 7. Curriculum Accordion Mobile Optimization */
            .outline-notice-card {
                flex-direction: column !important;
                gap: 0.65rem !important;
                text-align: center !important;
                padding: 0.75rem !important;
            }
            .outline-notice-left {
                flex-direction: column !important;
                gap: 0.35rem !important;
                text-align: center !important;
                font-size: 0.74rem !important;
            }
            .download-syllabus-btn {
                padding: 0.45rem 1rem !important;
                font-size: 0.72rem !important;
                border-radius: 1.5rem !important;
                margin: 0 auto !important;
                display: inline-flex !important;
            }
            .outline-metrics-grid {
                grid-template-columns: repeat(3, 1fr) !important;
                gap: 0.35rem !important;
                margin-bottom: 1rem !important;
            }
            .metric-badge-box {
                padding: 0.5rem 0.35rem !important;
                text-align: center !important;
            }
            .metric-badge-box h4 {
                font-size: 1.15rem !important;
            }
            .metric-badge-box span {
                font-size: 0.62rem !important;
            }
            .accordion-item {
                border-radius: 0.65rem !important;
                margin-bottom: 0.5rem !important;
                overflow: hidden !important;
                text-align: left !important;
            }
            .accordion-header {
                display: flex !important;
                justify-content: space-between !important;
                align-items: flex-start !important;
                padding: 0.8rem 0.85rem !important;
                gap: 0.65rem !important;
                text-align: left !important;
            }
            .accordion-header-left {
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 0.3rem !important;
                flex: 1 !important;
                min-width: 0 !important;
                text-align: left !important;
            }
            .module-badge {
                display: inline-flex !important;
                align-items: center !important;
                white-space: nowrap !important;
                font-size: 0.62rem !important;
                font-weight: 700 !important;
                padding: 0.18rem 0.5rem !important;
                border-radius: 1rem !important;
                text-transform: uppercase !important;
                letter-spacing: 0.04em !important;
                line-height: 1.2 !important;
                margin: 0 !important;
            }
            .accordion-header h3 {
                font-family: 'Suez One', serif !important;
                font-size: 0.88rem !important;
                line-height: 1.35 !important;
                color: #ffffff !important;
                text-align: left !important;
                margin: 0 !important;
                word-break: normal !important;
                overflow-wrap: break-word !important;
            }
            .accordion-header-right {
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-end !important;
                gap: 0.35rem !important;
                flex-shrink: 0 !important;
                text-align: right !important;
                padding-top: 0.15rem !important;
            }
            .accordion-header-right span {
                font-size: 0.65rem !important;
                color: #94a3b8 !important;
                white-space: nowrap !important;
                font-weight: 500 !important;
            }
            .accordion-icon {
                width: 1.65rem !important;
                height: 1.65rem !important;
                font-size: 0.72rem !important;
                border-radius: 50% !important;
                background: #090d1a !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                color: #00bcff !important;
                margin: 0 !important;
            }
            .accordion-body,
            .accordion-content {
                padding: 0.65rem 0.75rem !important;
                font-size: 0.74rem !important;
                text-align: left !important;
            }

            /* 8. Why Hedayet Masterclass Cards (Center Icons & Text) */
            .why-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 0.75rem !important;
            }
            .why-card {
                padding: 1.1rem 0.9rem !important;
                border-radius: 0.85rem !important;
                text-align: center !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
            }
            .why-icon {
                margin: 0 auto 0.75rem auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 3rem !important;
                height: 3rem !important;
                font-size: 1.25rem !important;
                border-radius: 0.75rem !important;
                flex-shrink: 0 !important;
            }
            .why-card h3 {
                text-align: center !important;
                font-size: 1.05rem !important;
                line-height: 1.3 !important;
                color: #ffffff !important;
                margin: 0 0 0.4rem 0 !important;
            }
            .why-card p {
                text-align: center !important;
                font-size: 0.78rem !important;
                line-height: 1.45 !important;
                color: #94a3b8 !important;
                margin: 0 !important;
            }

            /* Admission Section - Compact Mobile Cards Formula */
            .admission-cards-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 0.85rem !important;
                margin-top: 1rem !important;
                margin-bottom: 1.5rem !important;
            }
            .admission-tier-card {
                padding: 1.1rem 0.85rem 0.95rem 0.85rem !important;
                border-radius: 0.9rem !important;
                text-align: left !important;
                position: relative !important;
            }
            .tier-badge {
                position: absolute !important;
                top: -10px !important;
                right: 1rem !important;
                font-size: 0.62rem !important;
                padding: 0.2rem 0.6rem !important;
                border-radius: 1rem !important;
                letter-spacing: 0.04em !important;
            }
            .tier-title-row {
                display: flex !important;
                align-items: center !important;
                gap: 0.55rem !important;
                margin-bottom: 0.35rem !important;
            }
            .tier-icon-circle {
                width: 2.2rem !important;
                height: 2.2rem !important;
                font-size: 1rem !important;
                flex-shrink: 0 !important;
            }
            .tier-title-row h3 {
                font-size: 1.05rem !important;
                margin: 0 !important;
                line-height: 1.2 !important;
            }
            .tier-title-row span {
                font-size: 0.68rem !important;
            }
            .tier-desc {
                font-size: 0.72rem !important;
                line-height: 1.35 !important;
                margin-bottom: 0.55rem !important;
                color: #94a3b8 !important;
            }
            .tier-price-box {
                padding: 0.45rem 0.75rem !important;
                margin-bottom: 0.65rem !important;
                border-radius: 0.65rem !important;
                display: flex !important;
                justify-content: space-between !important;
                align-items: baseline !important;
            }
            .price-label-side {
                font-size: 0.68rem !important;
            }
            .price-numbers {
                display: flex !important;
                align-items: baseline !important;
                gap: 0.4rem !important;
            }
            .current-tk {
                font-size: 1.25rem !important;
                line-height: 1 !important;
            }
            .regular-tk {
                font-size: 0.75rem !important;
                margin-left: 0 !important;
            }
            .tier-features-list {
                display: flex !important;
                flex-direction: column !important;
                gap: 0.35rem !important;
                margin: 0 0 0.75rem 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }
            .tier-features-list li {
                display: flex !important;
                align-items: flex-start !important;
                gap: 0.45rem !important;
                font-size: 0.72rem !important;
                line-height: 1.35 !important;
                color: #cbd5e1 !important;
                margin: 0 !important;
            }
            .tier-features-list li i {
                font-size: 0.75rem !important;
                margin-top: 0.15rem !important;
                flex-shrink: 0 !important;
            }
            .tier-btn-row {
                display: flex !important;
                flex-direction: column !important;
                gap: 0.45rem !important;
                width: 100% !important;
                margin-top: 0.35rem !important;
            }
            .btn-bkash-pay,
            .btn-tier-whatsapp {
                padding: 0.52rem 0.9rem !important;
                font-size: 0.75rem !important;
                border-radius: 1.5rem !important;
                width: 100% !important;
                justify-content: center !important;
                gap: 0.5rem !important;
            }
            .admission-guarantee-banner {
                flex-direction: column !important;
                gap: 0.5rem !important;
                text-align: center !important;
                font-size: 0.72rem !important;
                padding: 0.75rem !important;
            }

            /* 9. FAQ Accordion */
            .my-faq-section .faq-item {
                border-radius: 0.65rem !important;
                margin-bottom: 0.5rem !important;
            }
            .my-faq-section .faq-question {
                padding: 0.65rem 0.75rem !important;
                font-size: 0.8rem !important;
                gap: 0.45rem !important;
                text-align: left !important;
            }
            .my-faq-section .faq-answer {
                padding: 0 0.75rem 0.65rem 0.75rem !important;
                font-size: 0.72rem !important;
                line-height: 1.4 !important;
            }

            /* 10. Free SEO Classes Podcast / YouTube Akashi Card (Matching index.html Screenshot 2) */
            .section-podcast .gradient-bg,
            body.dark-mode .section-podcast .gradient-bg,
            body:not(.dark-mode) .section-podcast .gradient-bg {
                padding: 1.35rem 1.15rem !important;
                border-radius: 1.5rem !important;
                margin-bottom: 1.5rem !important;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
            }
            .section-podcast-header {
                grid-template-columns: 1fr !important;
                gap: 0.85rem !important;
                text-align: left !important;
            }
            .section-podcast-titles {
                margin-bottom: 0.25rem !important;
            }
            .section-podcast__title {
                font-size: 1.55rem !important;
                line-height: 1.2 !important;
                margin-bottom: 0.2rem !important;
                color: #0F1562 !important;
            }
            .section-podcast__subtitle {
                font-size: 0.95rem !important;
                margin-bottom: 0.45rem !important;
                color: #0F1562 !important;
                font-weight: 700 !important;
            }
            .section-podcast-text p {
                font-size: 0.82rem !important;
                line-height: 1.45 !important;
                color: #1e293b !important;
                margin: 0 !important;
                text-align: left !important;
            }
            .podcast-links {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important; /* STRICT SINGLE ROW */
                justify-content: space-between !important;
                gap: 0.45rem !important;
                width: 100% !important;
                padding: 0 !important;
                margin-top: 0.85rem !important;
                list-style: none !important;
                box-sizing: border-box !important;
            }
            .podcast-links li {
                flex: 1 1 0 !important;
                min-width: 0 !important;
                width: 50% !important;
                display: flex !important;
                justify-content: center !important;
            }
            .podcast-links li a,
            .podcast-links li a[href*="wa.me"],
            body.dark-mode .podcast-links li a,
            body:not(.dark-mode) .podcast-links li a {
                width: 100% !important;
                max-width: 100% !important;
                padding: 0.45rem 0.35rem !important;
                font-size: 0.74rem !important;
                font-weight: 700 !important;
                gap: 0.3rem !important;
                white-space: nowrap !important;
                justify-content: center !important;
                border-radius: 2rem !important;
                text-align: center !important;
                display: flex !important;
                align-items: center !important;
                box-sizing: border-box !important;
                background: rgba(255, 255, 255, 0.95) !important;
                color: #0F1562 !important;
                box-shadow: 0 4px 12px rgba(15, 21, 98, 0.15) !important;
                margin: 0 !important;
            }
            .podcast-links li a i {
                font-size: 0.82rem !important;
            }
            .section-podcast-content-header {
                flex-direction: column !important;
                gap: 0.5rem !important;
                text-align: center !important;
                margin-bottom: 1rem !important;
            }
            .section-podcast-content-header h4 {
                font-size: 1.1rem !important;
            }
            .section-podcast-content-header .button {
                padding: 0.45rem 1rem !important;
                font-size: 0.72rem !important;
            }
            .youtube-video-list {
                grid-template-columns: 1fr !important;
                gap: 0.85rem !important;
            }
            .yt-video-card {
                border-radius: 0.75rem !important;
                padding: 0.5rem !important;
            }
            .yt-video-card p {
                font-size: 0.78rem !important;
                line-height: 1.35 !important;
                margin-top: 0.35rem !important;
            }

            /* 11. Universal Mobile WhatsApp & Action Buttons */
            a[href*="wa.me"]:not(.footer-social-box),
            a.button,
            a.btn-primary,
            a.btn-outline,
            a.btn-secondary,
            a.download-syllabus-btn {
                padding: 0.52rem 1.1rem !important;
                font-size: 0.75rem !important;
                border-radius: 1.5rem !important;
                max-width: 90% !important;
                gap: 0.4rem !important;
                width: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
                display: inline-flex !important;
                justify-content: center !important;
                align-items: center !important;
            }
            a[href*="wa.me"]:not(.footer-social-box) i,
            a.button i,
            a.btn-primary i,
            a.btn-outline i,
            a.btn-secondary i {
                font-size: 0.85rem !important;
            }

            /* 11. Floating WhatsApp Button */
            .floating-whatsapp-circle {
                width: 2.75rem !important;
                height: 2.75rem !important;
                bottom: 1rem !important;
                right: 1rem !important;
            }
            .floating-whatsapp-circle i {
                font-size: 1.45rem !important;
            }
        }