PageSourceSearch

https://genetix.in/index.html

html genetix.in collected 2026-10-02 01:55:52 UTC 139,268 bytes, 1,540 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <link rel="preload" href="assets/logo.webp" as="image" type="image/webp">
7    <!-- Primary SEO Optimization -->
8    <title>DMIT Test Know Your Inborn talent - SWOT Analysis by GENetiX.in</title>
9    <meta name="description" content="Discover inborn talents, career paths, hidden potentials, and SWOT analysis scientifically with GENetiX.in. Get a 69-page DMIT Report, 15-min demo, or 1-on-1 counseling with Dr. Bijal Dalal!">
10    <meta name="keywords" content="DMIT Test, Inborn Talent, SWOT Analysis, Multiple Intelligence, Career Counselling, Dr. Bijal Dalal, Genetix, Biometrics, Inborn Talent Mapping">
11    
12    <!-- JSON-LD Google Maps Local Search & Google Play Store Optimization Schemas -->
13    
13<script type="application/ld+json">
14    {
15      "@context": "https://schema.org",
16      "@type": "LocalBusiness",
17      "name": "GENetiX DMIT Test & Counseling Center",
18      "alternateName": "Genetix Biometrics",
19      "url": "https://genetix.in",
20      "logo": "https://genetix.in/assets/logo.webp",
21      "image": "https://genetix.in/assets/logo.webp",
22      "description": "Certified Dermatoglyphics Multiple Intelligence Test (DMIT), Career Guidance, Graphology, and Numerology center in Mumbai by Dr. Bijal Viral Dalal.",
23      "telephone": "+91-9221100951",
24      "priceRange": "$$",
25      "address": {
26        "@type": "PostalAddress",
27        "streetAddress": "S-5 SEJ Plaza, Marve Road, Malad West",
28        "addressLocality": "Mumbai",
29        "addressRegion": "MH",
30        "postalCode": "400064",
31        "addressCountry": "IN"
32      },
33      "geo": {
34        "@type": "GeoCoordinates",
35        "latitude": 19.1944,
36        "longitude": 72.8311
37      },
38      "openingHoursSpecification": {
39        "@type": "OpeningHoursSpecification",
40        "dayOfWeek": [
41          "Monday",
42          "Tuesday",
43          "Wednesday",
44          "Thursday",
45          "Friday",
46          "Saturday"
47        ],
48        "opens": "10:00",
49        "closes": "18:00"
50      },
51      "founder": {
52        "@type": "Person",
53        "name": "Dr. Bijal Viral Dalal"
54      },
55      "sameAs": [
56        "https://www.facebook.com/dmitgenetix",
57        "https://www.youtube.com/@DMITGENetiX",
58        "https://www.instagram.com/dmit.genetix",
59        "https://www.linkedin.com/in/dr-bijal-viral-dalal-16357b282"
60      ]
61    }
62    </script>
62
63    
63<script type="application/ld+json">
64    {
65      "@context": "https://schema.org",
66      "@type": "SoftwareApplication",
67      "name": "GENetiX Biometric Fingerprint Scanner",
68      "operatingSystem": "Android",
69      "applicationCategory": "EducationApplication",
70      "downloadUrl": "https://play.google.com/store/apps/details?id=com.brainvita.dmit",
71      "aggregateRating": {
72        "@type": "AggregateRating",
73        "ratingValue": "4.8",
74        "ratingCount": "240"
75      },
76      "offers": {
77        "@type": "Offer",
78        "price": "0",
79        "priceCurrency": "INR"
80      }
81    }
82    </script>
82
83
84    <!-- Fonts & Icons -->
85    <link rel="preconnect" href="https://fonts.googleapis.com">
86    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
87    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800;900&display=swap" rel="stylesheet">
88    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
89    <link rel="stylesheet" href="index.css?v=1.1">
90</head>
91<body>
92    <!-- Background glowing meshes -->
93    <div class="mesh bg-coral"></div>
94    <div class="mesh bg-turquoise"></div>
95
96    <!-- Sticky Frictionless Reviews Floating Bar (Satisfies: customer can easily review) -->
97    <div class="reviews-floating-widget">
98        <a href="https://g.page/r/CWv0PEqoS_wkEAE/review" target="_blank" class="btn-float-review g-review">
99            <i class="fa-brands fa-google"></i> Review on Google
100        </a>
101        <a href="https://play.google.com/store/apps/details?id=com.brainvita.dmit&showAllReviews=true" target="_blank" class="btn-float-review app-review">
102            <i class="fa-brands fa-google-play"></i> Rate App
103        </a>
104    </div>
105
106    <!-- Navigation Header -->
107    <header class="navbar">
108        <div class="nav-container">
109            <!-- Row 1: Logo, Flipping Highlight (Center), and Highest Download (Right) -->
110            <div class="navbar-top-row" style="display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; gap: 1rem; padding-bottom: 0.5rem;">
111                <a href="index.html" style="display: flex; align-items: center; gap: 0.75rem; text-decoration: none;">
112                    <img src="assets/logo.webp" alt="GENetiX Logo" style="height: 48px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15);">
113                    <div class="logo">
114                        <span class="logo-coral" style="font-size: 1.5rem; font-weight: 900; font-family: var(--font-heading); letter-spacing: 0.5px; white-space: nowrap;">GEN</span><span class="logo-light" style="font-size: 1.5rem; font-weight: 500; font-family: var(--font-heading); color: rgba(255,255,255,0.65); white-space: nowrap;">eti</span><span class="logo-turquoise" style="font-size: 1.5rem; font-weight: 900; font-family: var(--font-heading); letter-spacing: 0.5px; white-space: nowrap;">X</span>
115                    </div>
116                </a>
117                
118                <!-- Mobile Navigation Toggle Button -->
119                <button class="mobile-nav-toggle" id="mobile-nav-toggle" aria-label="Toggle Navigation">
120                    <i class="fa-solid fa-bars"></i>
121                </button>
122                
123                <!-- Center: Flipping highlight key feature banner in Neon Green -->
124                <div class="feature-flipping-banner" style="display: flex; align-items: center; gap: 0.5rem; background: rgba(57, 255, 20, 0.08); border: 1px solid rgba(57, 255, 20, 0.35); padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; color: #39ff14; max-width: 440px; overflow: hidden; height: 28px; white-space: nowrap; box-shadow: 0 0 10px rgba(57, 255, 20, 0.15); margin: 0 auto;">
125                    <i class="fa-solid fa-bolt" style="color: #39ff14; animation: pulsePlay 1.5s infinite;"></i>
126                    <span id="header-flipping-text" class="feature-flip-text" style="display: inline-block; transition: all 0.3s ease-in-out;">DMIT test is a Science # Know your Inborn Talent</span>
127                </div>
128                
129                <!-- Right: Play Store Stats -->
130                <div class="header-playstore-stats" style="font-size: 0.78rem; font-weight: 700; color: #00e5ff; background: rgba(0, 229, 255, 0.08); border: 1px solid rgba(0, 229, 255, 0.35); padding: 0.4rem 1rem; border-radius: 50px; display: flex; align-items: center; gap: 0.5rem; box-shadow: 0 0 10px rgba(0, 229, 255, 0.15);">
131                    <i class="fa-solid fa-trophy" style="color: #00e5ff;"></i>
132                    <span>Highest Download in Our Category, 4.8★ Rating</span>
133                </div>
134                
135                
135<script>
136                    document.addEventListener('DOMContentLoaded', () => {
137                        const flipTexts = [
138                            "DMIT test is a Science # Know your Inborn Talent",
139                            "DMIT test is a Science # Explore Inner Strength",
140                            "DMIT test is a Science # Hidden Potential",
141                            "DMIT test is a Science # SWOT Analysis",
142                            "DMIT test is a Science # Powerful Personality Assessment",
143                            "DMIT test is a Science # Greater Professional Success",
144                            "DMIT test is a Science # See yourself in a new Avatar"
145                        ];
146                        let activeIdx = 0;
147                        const el = document.getElementById('header-flipping-text');
148                        if (el) {
149                            setInterval(() => {
150                                el.style.opacity = '0';
151                                el.style.transform = 'translateY(-10px)';
152                                setTimeout(() => {
153                                    activeIdx = (activeIdx + 1) % flipTexts.length;
154                                    el.innerHTML = flipTexts[activeIdx];
155                                    el.style.opacity = '1';
156                                    el.style.transform = 'translateY(0)';
157                                }, 300);
158                            }, 3500);
159                        }
160                    });
161                </script>
161
162            </div>
163
164
165            <!-- Row 2: Menu with all sitting cleanly on a single line -->
166            <div class="navbar-bottom-row" style="display: flex; justify-content: center; align-items: center; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 0.65rem; margin-top: 0.25rem;">
167                <nav class="nav-links" style="display: flex; align-items: center; gap: 1.75rem;">
168                    <a href="index.html">Home</a>
169                    <a href="about.html">About Dr. Bijal</a>
170                    <a href="#swot">DMIT Test & SWOT</a>
171                    <a href="#counselor-curriculum">Learn DMIT</a>
172                    <a href="#pricing">Pricing</a>
173                    <a href="#youtube-hub">Testimonials</a>
174                    <a href="#app-download">App Scan</a>
175                    <a href="#contact">Contact & Help</a>
176                    <a href="#booking" class="btn btn-nav">Book Session (Rs. 100)</a>
177                </nav>
178            </div>
179        </div>
180        <div class="nav-overlay" id="nav-overlay"></div>
181    </header>
182
183    <!-- Hero Section -->
184    <section class="hero">
185        <div class="container hero-grid">
186            <div class="hero-text">
187                <span class="eyebrow"><i class="fa-solid fa-brain"></i> DMIT TEST FOR ALL AGE GROUPS (TODDLERS TO ADULTS)</span>
188                <h1 class="hero-animated-title">
189                    Stop Guessing.<br>
190                    Unlock Your <span class="word-cycler" id="word-cycler">Inborn Genius.</span>
191                </h1>
192                
193                <p class="hero-intro-p">
194                    Is there a scientific way to unlock native potential? <strong>Yes. DMIT fingerprint biometrics decodes your cognitive neocortex map in minutes.</strong>
195                </p>
196                
197                <div class="hero-pointers-grid">
198                    <div class="hero-pill-card c-coral">
199                        <i class="fa-solid fa-wand-magic-sparkles" style="color: var(--coral-color);"></i>
200                        <div class="hero-pill-content">
201                            <strong>Reclaim Your Genius</strong>
202                            <p>Identify and master your native biological talents.</p>
203                        </div>
204                    </div>
205                    <div class="hero-pill-card c-turquoise">
206                        <i class="fa-solid fa-brain" style="color: var(--turquoise-color);"></i>
207                        <div class="hero-pill-content">
208                            <strong>Native Learning Speed</strong>
209                            <p>Map your child's cognitive learning style scientifically.</p>
210                        </div>
211                    </div>
212                    <div class="hero-pill-card c-warning">
213                        <i class="fa-solid fa-graduation-cap" style="color: var(--warning-color);"></i>
214                        <div class="hero-pill-content">
215                            <strong>Stream & Career Match</strong>
216                            <p>End school subject guesswork for lifetime success.</p>
217                        </div>
218                    </div>
219                    <div class="hero-pill-card c-fire">
220                        <i class="fa-solid fa-fire" style="color: #ff563f;"></i>
221                        <div class="hero-pill-content">
222                            <strong>End Stagnation & Burnout</strong>
223                            <p>Align your career path with biological SWOT metrics.</p>
224                        </div>
225                    </div>
226                </div>
227                
228                <div class="hero-actions">
229                    <a href="#quiz" class="btn btn-primary btn-large">Take Free Learning Style Quiz <i class="fa-solid fa-arrow-right"></i></a>
230                    <a href="https://play.google.com/store/apps/details?id=com.brainvita.dmit" target="_blank" class="btn btn-secondary btn-large">
231                        <i class="fa-brands fa-google-play"></i> Download Android App
232                    </a>
233                </div>
234
235                <div class="hero-features" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 2.25rem; border: 1px solid rgba(0, 229, 255, 0.25); background: rgba(0, 229, 255, 0.02); padding: 1.5rem; border-radius: 16px; text-align: left; box-shadow: 0 0 15px rgba(0, 229, 255, 0.05);">
236                    <div style="font-weight: 700; color: #00e5ff; grid-column: span 2; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px;"><i class="fa-solid fa-brain"></i> DMIT test Helps Us Know:</div>
237                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i> Know your Inborn Talent</div>
238                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i> Explore Inner Strength</div>
239                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i> Hidden Potential</div>
240                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i> Powerful Personality Assessment</div>
241                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i> Greater Professional Success</div>
242                    <div class="h-feat" style="font-size: 0.88rem; display: flex; align-items: center; gap: 0.5rem; color: #ffffff;"><i class="fa-solid fa-circle-check text-turquoise" style="color: #00e5ff; font-size: 0.85rem;"></i>
242 See yourself in a new Avatar</div>
243                </div>
244            </div>
245
246            <!-- Visual Graphic Panel representing child intelligences -->
247            <div class="hero-visual">
248                <div class="glass-orb">
249                    <div class="intelligence-wheel">
250                        <div class="segment word-smart" data-smart="Linguistic"><i class="fa-solid fa-book"></i><span>Word</span></div>
251                        <div class="segment number-smart" data-smart="Logical"><i class="fa-solid fa-calculator"></i><span>Number</span></div>
252                        <div class="segment picture-smart" data-smart="Spatial"><i class="fa-solid fa-palette"></i><span>Picture</span></div>
253                        <div class="segment music-smart" data-smart="Musical"><i class="fa-solid fa-music"></i><span>Music</span></div>
254                        <div class="segment body-smart" data-smart="Kinesthetic"><i class="fa-solid fa-child-reaching"></i><span>Body</span></div>
255                        <div class="segment people-smart" data-smart="Interpersonal"><i class="fa-solid fa-users"></i><span>People</span></div>
256                        <div class="segment self-smart" data-smart="Intrapersonal"><i class="fa-solid fa-user-gear"></i><span>Self</span></div>
257                        <div class="segment nature-smart" data-smart="Naturalist"><i class="fa-solid fa-tree"></i><span>Nature</span></div>
258                        <div class="wheel-center">
259                            <i class="fa-solid fa-fingerprint font-finger"></i>
260                            <span class="center-text">DMIT</span>
261                        </div>
262                    </div>
263                </div>
264            </div>
265        </div>
266    </section>
267
268    <!-- Services Grid section -->
269    <section id="services" class="services">
270        <div class="container text-center">
271            <span class="section-tag">SERVICES</span>
272            <h2>Our Core DMIT Test & Counseling Verticals</h2>
273            <p class="section-subtitle">Scientifically validated methodologies guided by professional counselor Dr. Bijal Dalal.</p>
274            
275            <div class="services-grid">
276                <div class="service-card">
277                    <div class="icon-box"><i class="fa-solid fa-dna"></i></div>
278                    <h3>DMIT Analysis</h3>
279                    <p>Complete fingerprint scanning and multiple intelligence profiling to identify children's learning speed, brain lobe dominance, and natural learning styles.</p>
280                </div>
281                <div class="service-card">
282                    <div class="icon-box"><i class="fa-solid fa-signature"></i></div>
283                    <h3>Graphology</h3>
284                    <p>Scientific analysis of handwriting structures to decode core behavioral personality, subconscious thought processes, anxiety levels, and emotional strengths.</p>
285                </div>
286                <div class="service-card">
287                    <div class="icon-box"><i class="fa-solid fa-hashtag"></i></div>
288                    <h3>Scientific Numerology</h3>
289                    <p>Vedic and Western calculations to map Life Path numbers and coordinate names/dates with supportive vibrational energies for life progression.</p>
290                </div>
291                <div class="service-card font-highlight">
292                    <div class="icon-box"><i class="fa-solid fa-user-tie"></i></div>
293                    <h3>Stream & Career Guidance</h3>
294                    <p>Specialized subject counseling for high schoolers (7th-12th) to select the perfect stream (Science, Commerce, Arts) to optimize future success.</p>
295                </div>
296            </div>
297        </div>
298    </section>
299
300    <!-- 🧠 Why Pursue DMIT Section -->
301    <section class="why-pursue-section" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, transparent 0%, rgba(15, 163, 177, 0.02) 100%);">
302        <div class="container text-center">
303            <span class="section-tag" style="background: rgba(16, 163, 177, 0.12); border-color: rgba(15, 163, 177, 0.3); color: var(--turquoise-color);">THE ADVANTAGES</span>
304            <h2>Why You Should Pursue a DMIT Test</h2>
305            <p class="section-subtitle">Discover the scientific, lifelong benefits of brain neocortex lobe mapping.</p>
306            
307            <div class="services-grid" style="margin-top: 3.5rem;">
308                <div class="service-card">
309                    <div class="icon-box" style="background: rgba(247, 111, 87, 0.08); border-color: rgba(247, 111, 87, 0.2); color: var(--coral-color);"><i class="fa-solid fa-shield-heart"></i></div>
310                    <h3>Stop Trial-and-Error Parenting</h3>
311                    <p>Quit guessing your child's innate behavioral traits or learning capabilities. DMIT maps cognitive lobe capacity permanently in the womb.</p>
312                </div>
313                <div class="service-card">
314                    <div class="icon-box" style="background: rgba(16, 185, 129, 0.08); border-color: rgba(16, 185, 129, 0.2); color: var(--success-color);"><i class="fa-solid fa-graduation-cap"></i></div>
315                    <h3>Discover Native Learning Styles</h3>
316                    <p>Reveal whether your child processes information best visually, auditorily, or kinesthetically to customize homework routines.</p>
317                </div>
318                <div class="service-card">
319                    <div class="icon-box" style="background: rgba(16, 163, 177, 0.08); border-color: rgba(16, 163, 177, 0.2); color: var(--turquoise-color);"><i class="fa-solid fa-chart-line"></i></div>
320                    <h3>Lifelong SWOT & Career Roadmap</h3>
321                    <p>Identify biological strengths, latent weaknesses, and stream matching (Arts vs Scie
321nce) to resolve corporate burnout early.</p>
322                </div>
323                <div class="service-card font-highlight">
324                    <div class="icon-box" style="background: rgba(245, 158, 11, 0.08); border-color: rgba(245, 158, 11, 0.2); color: var(--warning-color);"><i class="fa-solid fa-indian-rupee-sign"></i></div>
325                    <h3>Maximize Financial Education ROI</h3>
326                    <p>Avoid wasting lakhs of rupees on private tuitions, hobby classes, or stream changes that conflict with native lobe dominances.</p>
327                </div>
328            </div>
329        </div>
330    </section>
331
332    <!-- 🏆 Award & Credibility Banner (Satisfies: dr. bijal dalal pillars of maharashtra award) -->
333    <section class="credibility-banner">
334        <div class="container credibility-grid">
335            <div class="award-badge-container">
336                <div class="award-ribbon"><i class="fa-solid fa-trophy"></i> Pillars of Maharashtra Award Winner</div>
337                <h3>Scientifically Proven, Award-Winning Mentorship</h3>
338                <p>Our founder Dr. Bijal Viral Dalal was honored with the prestigious Pillars of Maharashtra Award for excellence in educational development, counseling, and multiple intelligence biometrics. With over 10,000+ consultations, we provide deep-diving neurological guidance trusted across India.</p>
339                <div class="cred-stats">
340                    <div class="c-stat"><strong>10k+</strong><span>Profiles Mapped</span></div>
341                    <div class="c-stat"><strong>4.9★</strong><span>Google Business Rating</span></div>
342                    <div class="c-stat"><strong>20+ Hrs</strong><span>Counselor Training</span></div>
343                </div>
344            </div>
345            <div class="award-visual">
346                <!-- Visual placeholder representing the Pillars of Maharashtra award stage photograph -->
347                <div class="stage-mockup">
348                    <i class="fa-solid fa-award award-icon"></i>
349                    <p class="award-name">Pillars of Maharashtra Award 2023</p>
350                    <p class="award-org">Organized by Red Ant & IEM</p>
351                </div>
352            </div>
353        </div>
354    </section>
355
356    <!-- 👩‍🏫 Know Your Mentor Section (Satisfies: brief note from whom u r taking advice from) -->
357    <section class="mentor-section" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, transparent 0%, rgba(247, 111, 87, 0.01) 100%);">
358        <div class="container">
359            <div class="mentor-details-grid glass-card" style="display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 3.5rem; padding: 3.5rem; border-radius: 24px; align-items: start;">
360                <div class="mentor-profile-left" style="display: flex; flex-direction: column; gap: 1.25rem; text-align: left;">
361                    <span class="quiz-badge" style="background: rgba(247, 111, 87, 0.12); border-color: rgba(247, 111, 87, 0.3); color: var(--coral-color); margin-bottom: 0.5rem; display: inline-block; width: max-content;">KNOW YOUR MENTOR</span>
362                    <h2 style="font-family: var(--font-heading); font-size: 2.25rem; font-weight: 800; color: white; line-height: 1.2;">Dr. Bijal Viral Dalal</h2>
363                    <p style="color: var(--turquoise-color); font-weight: 700; font-size: 1.05rem;"><i class="fa-solid fa-graduation-cap"></i> Ph.D. (Honorary) Dermatoglyphics-based Multiple Intelligence Trainer & Career Counsellor</p>
364                    
365                    <p style="font-size: 1.15rem; font-style: italic; border-left: 3px solid var(--coral-color); padding-left: 1.25rem; color: #ffffff; margin: 0.5rem 0;">
366                        "Success is no accident. It is hard work, perseverance, learning, studying, sacrifice and most of all, love for what you are doing or learning to do."
367                    </p>
368                    
369                    <p style="font-size: 0.92rem; color: var(--text-secondary); line-height: 1.6;">
370                        From housewife to a self-made entrepreneur, Dr. Bijal Viral Dalal has spent over **9+ years** pioneering biometrics and signature analysis across India. Supported by a robust network of **80+ Franchise channel partners**, she has mapped and served over **5,000+ direct clients** through scientific consultations.
371                    </p>
372                    
373                    <div style="display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem;">
374                        <span style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); padding: 0.4rem 0.8rem; border-radius: 50px; font-size: 0.78rem; color: white;"><i class="fa-solid fa-pen-nib text-turquoise"></i> Certified Graphologist</span>
375                        <span style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); padding: 0.4rem 0.8rem; border-radius: 50px; font-size: 0.78rem; color: white;"><i class="fa-solid fa-calculator text-coral"></i> Professional Numerologist</span>
376                        <span style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); padding: 0.4rem 0.8rem; border-radius: 50px; font-size: 0.78rem; color: white;"><i class="fa-solid fa-earth-americas text-turquoise"></i> English, Hindi, Gujarati & Marathi</span>
377                    </div>
378                </div>
379                
380                <div class="mentor-profile-right" style="display: flex; flex-direction: column; gap: 1.5rem; background: rgba(255, 255, 255, 0.01); border: 1px solid var(--bg-border); padding: 2rem; border-radius: 20px; text-align: left;">
381                    <h3 style="font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; color: white;"><i class="fa-solid fa-award text-coral"></i> Professional Qualifications & Skillsets</h3>
382                    <div style="display: flex; flex-direction: column; gap: 1rem; font-size: 0.85rem; color: var(--text-secondary);">
383                        <div style="display: flex; justify-content: space-between; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.5rem;">
384                            <span>Bachelors of Commerce:</span>
385                            <strong style="color: white;">Nagpur University</strong>
386                        </div>
387                        <div style="display: flex; justify-content: space-between; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.5rem;">
388                            <span>Doctor of Philosophy (Hon. Ph.D):</span>
389                            <strong style="color: white;">IEMS Association</strong>
390                        </div>
391                        <div style="display: flex; justify-content: space-between; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.5rem;">
392                            <span>Active Consultancy Reach:</span>
393                            <strong style="color: white;">5,000+ Profiles Mapped</strong>
394                        </div>
395                        <div style="display: flex; justify-content: space-between; padding-bottom: 0.5rem;">
396                            <span>Key Business Skillsets:</span>
397                            <strong style="color: white;">Negotiation, Critical Thinking</strong>
398                        </div>
399                    </div>
400                    
401                    <a href="about.html" class="btn btn-secondary w-full text-center" style="display: block; text-decoration: none;"><i class="fa-solid fa-arrow-right-to-bracket"></i> Read My Story & View Resume</a>
402                </div>
403            </div>
404        </div>
405    </section>
406
407    <!-- 📊 The Hero Product Showcase: Personal SWOT Analysis Section (Satisfies: SWOT is hero product) -->
408    <section id="swot" class="swot-section">
409        <div class="container text-center">
410            <span class="section-tag">HERO PRODUCT</span>
411            <h2>Personal SWOT Analysis: A Deep Neurological Dive</h2>
412            <p class="section-subtitle">DMIT in India is widely used for career guidance, but our report goes much deeper. We map your innate Strengths, Weaknesses, Opportunities, and Threats based on biological brain lobe patterns.</p>
413            
414            <div class="swot-grid">
415                <!-- S: Strengths -->
416                <div class="swot-card strength">
417                    <div class="swot-letter">S</div>
418                    <h4>Innate Strengths</h4>
419                    <p>Discover your dominant brain lobes, active intelligences (e.g., Logical, Musical, Spatial), natural learning speed, and inherent talents that make you excel effortlessly in specific roles.</p>
420                </div>
421                <!-- W: Weaknesses -->
422                <div class="swot-card weakness">
423                    <div class="swot-letter">W</div>
424                    <h4>Cognitive Weaknesses</h4>
425                    <p>Pinpoint innate learning style processing blockages (visual, auditory, or physical touch bottlenecks), concentration focus-traps, and areas requiring deliberate practice and structural adjustments.</p>
426                </div>
427                <!-- O: Opportunities -->
428                <div class="swot-card opportunity">
429                    <div class="swot-letter">O</div>
430                    <h4>Strategic Opportunities</h4>
431                    <p>Align with high-growth, modern career verticals in India (AI, Design, Data, Management) matching your biological profile. Makes stream selection (Arts vs Commerce vs Science) stress-free.</p>
432                </div>
433                <!-- T: Threats -->
434                <div class="swot-card threat">
435                    <div class="swot-letter">T</div>
436                    <h4>Operational Threats</h4>
437                    <p>Map your inherent stress-response style to avoid school burnout, parent-child communication gaps, and adult 9-to-5 career stagnation caused by a peg-in-a-round-hole job mismatch.</p>
438                </div>
439            </div>
440            
441            <!-- All Age Segmentation (Satisfies: dmit test is for all age group) -->
442            <div class="swot-segmentation glass-card">
443                <h3>DMIT is for All Stages of Life</h3>
444                <p>Fingerprints are formed in the womb and never change. We leverage our biometrics report differently across your life stages:</p>
445                <div class="stages-grid">
446                    <div class="stage-item">
447                        <h5>Ages 2-5: Toddlers</h5>
448                        <p>Unlock innate learning styles (Visual, Auditory, Kinesthetic) to customize parenting and preschool environments.</p>
449                    </div>
450                    <div class="stage-item">
451                        <h5>Ages 7-18: Students</h5>
452                        <p>Take the anxiety out of Stream Selection after 10th and map college plans to inborn cognitive lobe dominance.</p>
453                    </div>
454                    <div class="stage-item">
455                        <h5>Ages 18+: Adults & SWOT</h5>
456                        <p>Analyze adult personality types, leadership styles, relationship dynamics, and resolve corporate burnout.</p>
457                    </div>
458                </div>
459            </div>
460        </div>
461    </section>
462
463    <!-- 🐦 The 4 Biological Bird Personality Types Section -->
464    <section class="personality-section" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, rgba(7, 9, 14, 0.2) 0%, rgba(247, 111, 87, 0.02) 100%);">
465        <div class="container text-center">
466            <span class="section-tag" style="background: rgba(247, 111, 87, 0.12); border-color: rgba(247, 111, 87, 0.3); color: var(--coral-color);">BEHAVIORAL PROFILING</span>
467            <h2>The 4 Biological Bird Personality Types</h2>
468            <p class="section-subtitle">Dermatoglyphics scientists categorize human behavioral styles into four native avian profiles.</p>
469            
470            <div class="services-grid" style="margin-top: 3.5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;">
471                <!-- Dove -->
472                <div class="service-card glass-card" style="text-align: center; padding: 2.5rem 1.5rem;">
473                    <img src="assets/dove.webp" alt="Dove Personality avatar" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; border: 2px solid var(--success-color); box-shadow: 0 0 15px rgba(16, 185, 129, 0.25);">
474                    <h3 style="color: var(--success-color); font-size: 1.25rem; margin-bottom: 0.75rem;"><i class="fa-solid fa-dove"></i> Dove (Steady)</h3>
475                    <p style="font-size: 0.82rem; line-height: 1.6; color: var(--text-secondary);">Doves represent the Steady and supportive personality. Peaceful, cooperative, and highly patient, they prioritize emotional connection, harmony, and group cohesion. They are amazing team players, empathetic listeners, and prefer a steady, stress-free environment. However, they may struggle with sudden changes and assertive decision-making.</p>
476                </div>
477                <!-- Eagle -->
478                <div class="service-card glass-card" style="text-align: center; padding: 2.5rem 1.5rem;">
479                    <img src="assets/eagle.webp" alt="Eagle Personality avatar" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; border: 2px solid var(--coral-color); box-shadow: 0 0 15px rgba(247, 111, 87, 0.25);">
480                    <h3 style="color: var(--coral-color); font-size: 1.25rem; margin-bottom: 0.75rem;"><i class="fa-solid fa-feather-pointed"></i> Eagle (Dominant)</h3>
481                    <p style="font-size: 0.82rem; line-height: 1.6; color: var(--text-secondary);">Eagles represent the Dominant and results-oriented personality. Highly vision-focused, decisive, and ambitious, they thrive on challenges, direct leadership, and fast-paced environments. They possess massive goal focus and determination. However, they can sometimes appear impatient or overly demanding when dealing with slower, more deliberate paces.</p>
482                </div>
483                <!-- Owl -->
484                <div class="service-card glass-card" style="text-align: center; padding: 2.5rem 1.5rem;">
485                    <img src="assets/owl.webp" alt="Owl Personality avatar" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; border: 2px solid var(--turquoise-color); box-shadow: 0 0 15px rgba(16, 163, 177, 0.25);">
486                    <h3 style="color: var(--turquoise-color); font-size: 1.25rem; margin-bottom: 0.75rem;"><i class="fa-solid fa-eye"></i> Owl (Conscientious)</h3>
487                    <p style="font-size: 0.82rem; line-height: 1.6; color: var(--text-secondary);">Owls represent the Conscientious and detail-oriented personality. Analytical, precise, and highly logical, they value data correctness, calculated planning, and procedural depth. They are natural problem solvers who seek systematic truths. However, their high standard for detail can sometimes lead to analysis paralysis or hesitation.</p>
488                </div>
489                <!-- Peacock -->
490                <div class="service-card glass-card" style="text-align: center; padding: 2.5rem 1.5rem;">
491                    <img src="assets/peacock.webp" alt="Peacock Personality avatar" style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-bottom: 1.25rem; border: 2px solid var(--warning-color); box-shadow: 0 0 15px rgba(245, 158, 11, 0.25);">
492                    <h3 style="color: var(--warning-color); font-size: 1.25rem; margin-bottom: 0.75rem;"><i class="fa-solid fa-paper-plane"></i> Peacock (Influential)</h3>
493                    <p style="font-size: 0.82rem; line-height: 1.6; color: var(--text-secondary);">Peacocks represent the Influential and expressive personality. Charismatic, optimistic, and highly social, they excel at verbal communication, persuasion, and motivating others with infectious energy. They love recognition and active participation. However, they may struggle with highly repetitive tasks, strict technical detail, or long silences.</p>
494                </div>
495            </div>
496        </div>
497    </section>
498
499    <!-- 📖 The Interactive Digital PDF Flipbook Section -->
500    <section id="demo-flipbook" class="flipbook-section" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, transparent 0%, rgba(247, 111, 87, 0.01) 100%);">
501        <div class="container text-center">
502            <span class="section-tag" style="background: rgba(15, 163, 177, 0.12); border-color: rgba(15, 163, 177, 0.3); color: var(--turquoise-color);"><i class="fa-solid fa-book-open"></i> REPORT PREVIEW</span>
503            <h2>Interactive DMIT Demo Report Flipbook</h2>
504            <p class="section-subtitle">Experience a page-by-page digital preview of our certified 69-Page DMIT Report Book. Click pages below to inspect core sections.</p>
505            
506            <div class="flipbook-wrapper glass-card">
507                <!-- Flipbook Pages container -->
508                <div class="flipbook-container">
509                    <!-- Left Mockup Page -->
510                    <div class="flipbook-page left-page">
511                        <div>
512                            <span style="font-family: var(--font-heading); font-size: 0.72rem; letter-spacing: 1px; color: var(--coral-color); font-weight: 700; text-transform: uppercase;">GENetiX DMIT TEST</span>
513                            <h3 style="font-family: var(--font-heading); font-size: 1.45rem; font-weight: 800; color: white; margin-top: 0.5rem; line-height: 1.3;">69-Page Comprehensive DMIT Report</h3>
514                            <p style="font-size: 0.82rem; color: var(--text-secondary); line-height: 1.6; margin-top: 1rem;">This biological blueprint outlines the lifelong structure of your brain neocortex. By mapping 10 fingerprints ridges, dermatoglyphics scientists calculate relative intelligence coefficients and mental learning speeds permanently.</p>
515                        </div>
516                        <div style="border-top: 1px dashed var(--bg-border); padding-top: 1.25rem; font-size: 0.75rem; color: var(--text-secondary); line-height: 1.4;">
517                            <strong style="color: white;"><i class="fa-solid fa-book text-turquoise"></i> Certified Sample Book</strong><br>
518                            These dynamic highlights are flipped directly from our certified sample book which you can view here: <a href="https://genetix.in/demo.pdf" target="_blank" style="color: var(--turquoise-color); font-weight: 700; text-decoration: underline;">https://genetix.in/demo.pdf</a>
519                        </div>
520                    </div>
521
522                    <!-- Book Center Spine visual -->
523                    <div class="book-spine"></div>
524
525                    <!-- Right Dynamic Page (Turns page-by-page) -->
526                    <div class="flipbook-page right-page" id="flipbook-dynamic-page">
527                        <!-- Page Content loaded dynamically by JS -->
528                        <div id="flipbook-page-content">
529                            <!-- Page 13 default -->
530                        </div>
531                        <div class="page-footer" style="display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed var(--bg-border); padding-top: 1.25rem; font-size: 0.75rem;">
532                            <span style="color: var(--text-secondary); font-weight: 600;" id="flipbook-page-num">PAGE 13</span>
533                            <span style="color: var(--coral-color); font-weight: 700;" id="flipbook-page-tag">MULTIPLE INTELLIGENCE</span>
534                        </div>
535                    </div>
536                </div>
537
538                <!-- Previous & Next controls -->
539                <button class="slider-arrow prev" id="btn-prev-flip" style="position: absolute; left: -24px; top: 50%; transform: translateY(-50%); background: var(--bg-card); border: 1px solid var(--bg-border); color: white; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; box-shadow: var(--shadow-premium);"><i class="fa-solid fa-chevron-left"></i></button>
540                <button class="slider-arrow next" id="btn-next-flip" style="position: absolute; right: -24px; top: 50%; transform: translateY(-50%); background: var(--bg-card); border: 1px solid var(--bg-border); color: white; width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; box-shadow: var(--shadow-premium);"><i class="fa-solid fa-chevron-right"></i></button>
541
542                <!-- Page indicator tabs -->
543                <div class="flipbook-tabs" style="display: flex; justify-content: center; gap: 0.75rem; margin-top: 2rem;">
544                    <button class="flipbook-tab-btn active" data-page="13" style="background: rgba(16, 163, 177, 0.12); border: 1px solid rgba(16, 163, 177, 0.25); color: var(--turquoise-color); font-size: 0.75rem; font-weight: 600; padding: 0.4rem 1rem; border-radius: 8px; cursor: pointer; transition: all 0.3s;">Page 13: 8 Intelligences</button>
545                    <button class="flipbook-tab-btn" data-page="17" style="background: rgba(255,255,255,0.05); border: 1px solid var(--bg-border); color: white; font-size: 0.75rem; font-weight: 600; padding: 0.4rem 1rem; border-radius: 8px; cursor: pointer; transition: all 0.3s;">Page 17: 4 Personality Birds</button>
546                    <button class="flipbook-tab-btn" data-page="18" style="background: rgba(255,255,255,0.05); border: 1px solid var(--bg-border); color: white; font-size: 0.75rem; font-weight: 600; padding: 0.4rem 1rem; border-radius: 8px; cursor: pointer; transition: all 0.3s;">Page 18: Personality SWOT</button>
547                </div>
548            </div>
549
550            <!-- Download Button & Action Prompt -->
551            <div style="margin-top: 1.5rem; text-align: center;">
552                <p style="font-size: 1rem; color: white; font-weight: 600; margin-bottom: 1.5rem;"><i class="fa-solid fa-circle-question text-coral"></i>
552 Which one is yours? How good if you come to know your SWOT analysis!</p>
553                <a href="https://genetix.in/DEMO.pdf" target="_blank" class="btn btn-primary btn-large" style="display: inline-flex; align-items: center; gap: 0.75rem; animation: pulsePlay 2s infinite;">
554                    <i class="fa-solid fa-file-pdf" style="font-size: 1.2rem;"></i> Download Full 69-Page Demo PDF <i class="fa-solid fa-download"></i>
555                </a>
556                <p style="font-size: 0.78rem; color: var(--success-color); font-weight: 600; margin-top: 0.75rem;"><i class="fa-solid fa-shield-halved"></i> Immediate 100% Refund if u r not satisfied by demo!</p>
557            </div>
558        </div>
559    </section>
560
561    <!-- Pricing & Plans Section -->
562    <section id="pricing" class="pricing-section">
563        <div class="container text-center">
564            <span class="section-tag">PRICING PLANS</span>
565            <h2>Select Your Path to Scientific Self-Discovery</h2>
566            <p class="section-subtitle">Choose the perfect plan to unlock your inborn talents, map your SWOT analysis, or join as a certified practitioner.</p>
567            
568            <div class="pricing-grid">
569                <!-- Column 1: Personalised Demo -->
570                <div class="pricing-card glass-card">
571                    <div class="plan-header">
572                        <h3>Personalised Demo</h3>
573                        <div class="price"><span class="currency">Rs.</span> 100<span class="term">/-</span></div>
574                        <p class="desc" style="color: var(--success-color); font-weight: 600; margin-bottom: 0.25rem;">🎁 100% Refund & No Risk!</p>
575                    </div>
576                    <div class="plan-divider"></div>
577                    <ul class="plan-features">
578                        <li><i class="fa-solid fa-circle-check"></i> Know your core personality</li>
579                        <li><i class="fa-solid fa-circle-check"></i> What is DMIT test</li>
580                        <li><i class="fa-solid fa-circle-check"></i> How its useful for all age group</li>
581                        <li><i class="fa-solid fa-circle-check"></i> 5 mins session will blow up your mind</li>
582                        <li><i class="fa-solid fa-circle-check"></i> Its personalised demo</li>
583                    </ul>
584                    <p class="desc" style="font-size: 0.72rem; color: #cbd5e1; line-height: 1.4; margin: 1rem 0; text-align: left; background: rgba(0, 229, 255, 0.05); border: 1px dashed rgba(0, 229, 255, 0.2); padding: 0.5rem; border-radius: 8px;">❓ <strong>Do you know it reveals all this?</strong> If our Rs. 100 Demo is so in-depth, imagine how powerful your full biological report will be!</p>
585                    <button type="button" class="btn btn-secondary w-full btn-add-to-cart" data-package="demo">Add to Cart <i class="fa-solid fa-cart-plus"></i></button>
586                </div>
587
588                <!-- Column 2: DMIT Report Book -->
589                <div class="pricing-card glass-card">
590                    <div class="plan-header">
591                        <h3>DMIT Report Book</h3>
592                        <div class="price"><span class="currency">Rs.</span> 1,500<span class="term">/-</span></div>
593                        <p class="desc" style="color: var(--turquoise-color); font-weight: 600; margin-bottom: 0.25rem;">⚡ Value Added Advantage Price!</p>
594                    </div>
595                    <div class="plan-divider"></div>
596                    <ul class="plan-features">
597                        <li><i class="fa-solid fa-circle-check"></i> Know your core personality</li>
598                        <li><i class="fa-solid fa-circle-check"></i> What is DMIT test</li>
599                        <li><i class="fa-solid fa-circle-check"></i> How its useful for all age group</li>
600                        <li><i class="fa-solid fa-circle-check"></i> 5 mins session will blow up your mind</li>
601                        <li><i class="fa-solid fa-circle-check"></i> Its personalised demo</li>
602                        <li><i class="fa-solid fa-circle-check"></i> Plus 1 important question of your life</li>
603                        <li><i class="fa-solid fa-circle-check"></i> 15 mins personalised counselling</li>
604                        <li><i class="fa-solid fa-circle-check"></i> Your personalised 69 pages report</li>
605                        <li><i class="fa-solid fa-circle-check"></i> Counselling done by Dr Bijal Dalal</li>
606                    </ul>
607                    <p class="desc" style="margin: 1rem 0; font-size: 0.82rem; line-height: 1.4; color: #cbd5e1; text-align: left; background: rgba(0, 229, 255, 0.05); border: 1px dashed rgba(0, 229, 255, 0.2); padding: 0.5rem; border-radius: 8px;">Includes printed 69-page sample book + digital PDF copy (Reference: <a href="https://genetix.in/demo.pdf" target="_blank" style="color: #00e5ff; text-decoration: underline; font-weight: 700;">demo.pdf</a>)</p>
608                    <button type="button" class="btn btn-secondary w-full btn-add-to-cart" data-package="report">Add to Cart <i class="fa-solid fa-cart-plus"></i></button>
609                </div>
610
611                <!-- Column 3: DMIT Report Plus [HERO PRODUCT] -->
612                <div class="pricing-card glass-card featured">
613                    <div class="badge-featured" style="background: linear-gradient(135deg, var(--coral-color) 0%, #ff563f 100%); font-weight: 800;">HERO / BEST VALUE</div>
614                    <div class="plan-header">
615                        <h3>DMIT Report Plus</h3>
616                        <div class="price"><span class="currency">Rs.</span> 7,200<span class="term">/-</span></div>
617                        <p class="desc" style="color: var(--turquoise-color); font-weight: 600; margin-bottom: 0.25rem;">✨ Rebirth & Re-Gen Your Inborn Talent!</p>
618                    </div>
619                    <div class="plan-divider"></div>
620                    <ul class="plan-features">
621                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> Know your core personality</li>
622                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> What is DMIT test</li>
623                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> Your personalised 69 pages report</li>
624                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> How its useful for all age group</li>
625                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> 5 mins session will blow up your mind</li>
626                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> Its personalised demo</li>
627                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> Plus 1 important question of your life</li>
628                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> 90 mins personalised counselling</li>
629                        <li style="line-height: 1.4; background: rgba(57, 255, 20, 0.08); border: 1px dashed rgba(57, 255, 20, 0.35); padding: 0.5rem; border-radius: 8px; font-weight: 700; color: #39ff14; margin-top: 0.5rem; margin-bottom: 0.5rem;">
630                            <i class="fa-solid fa-gift" style="color: #39ff14;"></i> <span>FREE Bonus: Includes Remedial Graphology & Remedial Numerology (worth Rs. 3,000–4,000) at NO extra cost!</span>
631                        </li>
632                        <li style="line-height: 1.4;"><i class="fa-solid fa-hand-point-right pointer-icon"></i> Touching all aspects of life, nature, personality, learning patterns, thinking patterns, detailed SWOT analysis, will guide your life path</li>
633                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> 2 follow up sessions free</li>
634                        <li><i class="fa-solid fa-hand-point-right pointer-icon"></i> Counselling done by Dr Bijal Dalal</li>
635                    </ul>
636                    <p class="desc" style="margin: 1rem 0; font-size: 0.82rem; line-height: 1.4; color: #cbd5e1; text-align: left; background: rgba(0, 229, 255, 0.05); border: 1px dashed rgba(0, 229, 255, 0.2); padding: 0.5rem; border-radius: 8px;">
636Comprehensive biometrics report + expert personal counseling. Includes premium printed 69-page sample book (Reference: <a href="https://genetix.in/demo.pdf" target="_blank" style="color: #00e5ff; text-decoration: underline; font-weight: 700;">demo.pdf</a>)</p>
637                    <button type="button" class="btn btn-primary w-full btn-add-to-cart" data-package="plus">Add to Cart <i class="fa-solid fa-cart-plus"></i></button>
638                </div>
639
640                <!-- Column 4: DMIT Counselor Training -->
641                <div class="pricing-card glass-card">
642                    <div class="plan-header">
643                        <h3>DMIT Counselor</h3>
644                        <div class="price"><span class="currency">Rs.</span> 15,000<span class="term">/-</span></div>
645                        <p class="desc">Learn to interpret reports, consult, and earn.</p>
646                    </div>
647                    <div class="plan-divider"></div>
648                    <ul class="plan-features">
649                        <li><i class="fa-solid fa-circle-check"></i> Know your core personality</li>
650                        <li><i class="fa-solid fa-circle-check"></i> What is DMIT test</li>
651                        <li><i class="fa-solid fa-circle-check"></i> How its useful for all age group</li>
652                        <li><i class="fa-solid fa-circle-check"></i> 5 mins session will blow up your mind</li>
653                        <li><i class="fa-solid fa-circle-check"></i> Its personalised demo</li>
654                        <li><i class="fa-solid fa-circle-check"></i> Plus 1 important question of your life</li>
655                        <li><i class="fa-solid fa-circle-check"></i> 20 hours of training</li>
656                        <li><i class="fa-solid fa-circle-check"></i> How to explain, read & channelise</li>
657                        <li><i class="fa-solid fa-circle-check"></i> Handholding</li>
658                        <li><i class="fa-solid fa-circle-check"></i> Dashboard + app usage</li>
659                        <li><i class="fa-solid fa-circle-check"></i> Inbuilt social media marketing</li>
660                        <li style="line-height: 1.4;"><i class="fa-solid fa-circle-check"></i> Touching all aspects of life, nature, personality, learning patterns, thinking patterns, detailed SWOT analysis, will guide your life path</li>
661                        <li><i class="fa-solid fa-circle-check"></i> Learn from Dr Bijal Dalal</li>
662                    </ul>
663                    <button type="button" class="btn btn-secondary w-full btn-add-to-cart" data-package="counselor">Add to Cart <i class="fa-solid fa-cart-plus"></i></button>
664                </div>
665
666                <!-- Column 5: Existing DMIT Counsellors (Migration Offer) -->
667                <div class="pricing-card glass-card">
668                    <div class="badge-featured" style="background: linear-gradient(135deg, #00e5ff 0%, #00a8cc 100%); font-weight: 800; color: #07090e;
668 left: auto; right: 20px; border-radius: 50px; font-size: 0.65rem; padding: 0.25rem 0.75rem;">50% MIGRATION OFF</div>
669                    <div class="plan-header">
670                        <h3>Migration Offer</h3>
671                        <div class="price"><span class="currency">Rs.</span> 7,500<span class="term">/-</span></div>
672                        <p class="desc" style="color: var(--turquoise-color); font-weight: 600; margin-bottom: 0.25rem;">🌐 For Existing DMIT Counsellors</p>
673                        <p class="desc" style="font-size: 0.78rem; color: #cbd5e1; line-height: 1.4; margin-top: 0.5rem; text-align: left; background: rgba(0, 229, 255, 0.05); border: 1px dashed rgba(0, 229, 255, 0.2); padding: 0.5rem; border-radius: 8px;">Migrate from other DMIT brands with our scalability options!</p>
674                    </div>
675                    <div class="plan-divider"></div>
676                    <ul class="plan-features">
677                        <li><i class="fa-solid fa-circle-check"></i> Migrate from other DMIT brands</li>
678                        <li><i class="fa-solid fa-circle-check"></i> Robust App + Live Dashboard options</li>
679                        <li><i class="fa-solid fa-circle-check"></i> 1 day crisp training of 3-4 hours</li>
680                        <li><i class="fa-solid fa-circle-check"></i> Detailed reports understanding</li>
681                        <li><i class="fa-solid fa-circle-check"></i> Learn which specific points to be taken care of</li>
682                        <li><i class="fa-solid fa-circle-check"></i> Full system panel migration support</li>
683                    </ul>
684                    <button type="button" class="btn btn-secondary w-full btn-add-to-cart" data-package="migration">Add to Cart <i class="fa-solid fa-cart-plus"></i></button>
685                </div>
686            </div>
687            
688            <!-- Privacy Shield Banner -->
689            <div style="background: rgba(16, 185, 129, 0.08); border: 1px dashed rgba(16, 185, 129, 0.3); border-radius: 12px; padding: 0.75rem 1rem; margin-top: 2rem; max-width: 800px; margin-left: auto; margin-right: auto; display: flex; align-items: center; gap: 0.5rem; justify-content: center; font-size: 0.85rem; color: var(--success-color); font-weight: 700;">
690                <i class="fa-solid fa-shield-halved"></i>
691                <span>🔒 Privacy Shield: We systematically delete all finger print data post work of 15 days with direct confirmation sent to you via Email / WhatsApp. User can delete data within 15 days by themselves, or the system deletes it periodically.</span>
692            </div>
693        </div>
694    </section>
695            </div>
696        </div>
697    </section>
698
699    <!-- 🎓 Counselor Course Curriculum Section -->
700    <section class="counselor-curriculum-section" id="counselor-curriculum" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, rgba(7, 9, 14, 0.2) 0%, rgba(15, 163, 177, 0.02) 100%);">
701        <div class="container">
702            <div class="text-center" style="margin-bottom: 3.5rem;">
703                <span class="section-tag" style="background: rgba(15, 163, 177, 0.12); border-color: rgba(15, 163, 177, 0.3); color: var(--turquoise-color);"><i class="fa-solid fa-graduation-cap"></i> COURSE DETAILS & DAY-WISE BREAKUP</span>
704                <h2>Be DMIT Counsellor</h2>
705                <p class="section-subtitle">Become a certified professional. Explore our full DMIT online course structure and day-wise training breakup below.</p>
706                <div style="display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(247, 111, 87, 0.12); border: 1px solid rgba(247, 111, 87, 0.25); color: var(--coral-color); padding: 0.4rem 1rem; border-radius: 50px; font-size: 0.8rem; font-weight: 700; margin-top: 1rem;">
707                    <i class="fa-regular fa-clock"></i> 15 - 20 Hours Live Online Course
708                </div>
709            </div>
710
711            <!-- Double-column syllabus and Day-by-Day schedule -->
712            <div class="curriculum-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 3.5rem; align-items: start;">
713                <!-- Left Column: Syllabus Levels -->
714                <div class="syllabus-levels-panel" style="display: flex; flex-direction: column; gap: 1.5rem; text-align: left;">
715                    <h3 style="font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700; color: white; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-list-check text-turquoise"></i> Course Syllabus & Domain Levels</h3>
716                    
717                    <!-- Level 1 Card -->
718                    <div class="syllabus-level-card glass-card" style="padding: 2rem; border-radius: 20px;">
719                        <h4 style="color: var(--turquoise-color); font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;">
720                            <span>Level 1: Core Fundamentals</span>
721                            <span style="font-size: 0.72rem; background: rgba(16, 163, 177, 0.12); padding: 0.2rem 0.5rem; border-radius: 4px;">Topics 1 - 6</span>
722                        </h4>
723                        <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.85rem; color: var(--text-secondary); padding-left: 0;">
724                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>1.</strong> Fundamentals of Dermatoglyphics & Multiple Intelligence</span></li>
725                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>2.</strong> Brain Structures and Lobe Functions</span></li>
726                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>3.</strong> Fingerprints and Brain Lobes Correlations</span></li>
727                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>4.</strong> Types of Fingerprints Patterns and Personality Types</span></li>
728                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>5.</strong> Types of Learning and Acquiring Styles</span></li>
729                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-turquoise" style="margin-top:3px;"></i> <span><strong>6.</strong> Understanding Neuron Distribution & Functions</span></li>
730                        </ul>
731                    </div>
732
733                    <!-- Level 2 Card -->
734                    <div class="syllabus-level-card glass-card" style="padding: 2rem; border-radius: 20px;">
735                        <h4 style="color: var(--coral-color); font-size: 1.15rem; font-weight: 700; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;">
736                            <span>Level 2: Advanced Counseling</span>
737                            <span style="font-size: 0.72rem; background: rgba(247, 111, 87, 0.12); padding: 0.2rem 0.5rem; border-radius: 4px;">Topics 7 - 12</span>
738                        </h4>
739                        <ul style="list-style: none; display: flex; flex-direction: column; gap: 0.75rem; font-size: 0.85rem; color: var(--text-secondary); padding-left: 0;">
740                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>7.</strong> Theory of Multiple Intelligence (Howard Gardner M.I. Theory)</span></li>
741                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>8.</strong> Advanced Fingerprint Analysis</span></li>
742                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>9.</strong> Types of Personal Quotients (IQ, EQ, AQ, CQ, SQ)</span></li>
743                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>10.</strong> Interpretation of DMIT Report and Counselling</span></li>
744                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>11.</strong> Career Counselling based on MI Composition Ratio</span></li>
745                            <li style="display: flex; gap: 0.5rem; align-items: flex-start;"><i class="fa-solid fa-circle-chevron-right text-coral" style="margin-top:3px;"></i> <span><strong>12.</strong> Effective Counselling Techniques & Guidelines</span></li>
746                        </ul>
747                    </div>
748                </div>
749
750                <!-- Right Column: 7-Day Day-by-Day schedule -->
751                <div class="day-schedule-panel" style="display: flex; flex-direction: column; gap: 1.5rem; text-align: left;">
752                    <h3 style="font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700; color: white; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-regular fa-calendar-days text-coral"></i> Day-by-Day Course Curriculum <span style="font-size: 0.8rem; background: rgba(247,111,87,0.15); padding: 0.2rem 0.6rem; border-radius: 4px; color: var(--coral-color); font-weight: 700;">(2 Hours Daily)</span></h3>
753                    
754                    <div class="curriculum-schedule-container glass-card" style="padding: 2rem; border-radius: 20px;">
755                        <div style="display: flex; flex-direction: column; gap: 1.25rem;">
756                            <!-- Day 1 -->
757                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
758                                <div style="background: rgba(16, 163, 177, 0.12); color: var(--turquoise-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 1</div>
759                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
760                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Fundamentals & Lobe Structures</strong>
761                                    Fundamentals of Dermatoglyphics & Multiple Intelligence • Brain Structures and Lobe Functions.
762                                </div>
763                            </div>
764                            <!-- Day 2 -->
765                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
766                                <div style="background: rgba(16, 163, 177, 0.12); color: var(--turquoise-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 2</div>
767                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
768                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Lobe Correlations & Personalities</strong>
769                                    Fingerprints and Brain Lobes Correlations • Types of Fingerprints Patterns and Personality Types.
770                                </div>
771                            </div>
772                            <!-- Day 3 -->
773                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
774                                <div style="background: rgba(16, 163, 177, 0.12); color: var(--turquoise-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 3</div>
775                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
776                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Learning Styles & Neurons</strong>
777                                    Types of Learning and Acquiring Styles • Understanding Neuron Distribution & Functions.
778                                </div>
779                            </div>
780                            <!-- Day 4 -->
781                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
782                                <div style="background: rgba(247, 111, 87, 0.12); color: var(--coral-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 4</div>
783                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
784                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Multiple Intelligences & Analysis</strong>
785                                    Theory of Multiple intelligence (Howard Gardner M.I. Theory) • Advanced Fingerprint Analysis.
786                                </div>
787                            </div>
788                            <!-- Day 5 -->
789                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
790                                <div style="background: rgba(247, 111, 87, 0.12); color: var(--coral-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 5</div>
791                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
792                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Personal Quotients & Report Interpretation</strong>
793                                    Types of Personal Quotients (IQ, EQ, AQ, CQ, SQ) • Interpretation of DMIT Report and Counselling.
794                                </div>
795                            </div>
796                            <!-- Day 6 -->
797                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
798                                <div style="background: rgba(247, 111, 87, 0.12); color: var(--coral-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 6</div>
799                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
800                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Career Guidance & Tech Guidelines</strong>
801                                    Career Counselling based on MI Composition Ratio • Effective Counselling Techniques & Guidelines.
802                                </div>
803                            </div>
804                            <!-- Day 7 -->
805                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
806                                <div style="background: rgba(16, 185, 129, 0.12); color: var(--success-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 7</div>
807                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
808                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Report Delivery & Practical Prep</strong>
809                                    Step-by-step report delivery mechanisms, practical hands-on exercises, and final preparations.
810                                </div>
811                            </div>
812                            <!-- Day 8 -->
813                            <div style="display: flex; gap: 1rem; align-items: flex-start; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem;">
814                                <div style="background: rgba(16, 185, 129, 0.12); color: var(--success-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 8</div>
815                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
816                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Questions & Queries</strong>
817                                    Doubt clearing and question/query sessions to ensure full clarity of concepts.
818                                </div>
819                            </div>
820                            <!-- Day 9 -->
821                            <div style="display: flex; gap: 1rem; align-items: flex-start; padding-bottom: 0.25rem;">
822                                <div style="background: rgba(16, 185, 129, 0.12); color: var(--success-color); font-weight: 800; border-radius: 8px; padding: 0.4rem 0.8rem; font-size: 0.8rem; flex-shrink: 0; min-width: 60px; text-align: center;">DAY 9</div>
823                                <div style="font-size: 0.82rem; line-height: 1.4; color: var(--text-secondary);">
824                                    <strong style="color: white; display: block; font-size: 0.88rem; margin-bottom: 2px;">Live Audited Counselling Testify</strong>
825                                    1 live counselling session conducted in front of us to testify your performance, ensuring your client is not at a loss and we assist you in corrections for improvising.
826                                </div>
827                            </div>
828                        </div>
829                    </div>
830                </div>
831            </div>
832
833            <!-- Highly Persuasive Family Value Callout Card -->
834            <div class="giving-back-panel glass-card" style="margin-top: 3.5rem; text-align: left; padding: 2.5rem; display: flex; gap: 1.5rem; align-items: center; border: 1px solid rgba(16, 163, 177, 0.2); background: linear-gradient(135deg, rgba(16, 163, 177, 0.02) 0%, rgba(7, 9, 14, 0.5) 100%);">
835                <div style="display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(16, 163, 177, 0.12); color: var(--turquoise-color); font-size: 2rem; flex-shrink: 0;"><i class="fa-solid fa-people-roof"></i></div>
836                <div>
837                    <h4 style="font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; color: white; margin-bottom: 0.35rem;">💡 Deepen Your Family Relationships & Bondings</h4>
838                    <p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; margin: 0;">
839                        <strong>Even if you do not plan to practice commercially</strong>, adding the DMIT Counselor skill to your profile is life-changing. It deeply enriches and improvises your family relationships by helping you scientifically map and understand the natural lobe strengths, learning blocks, and personality types of your own children, spouse, parents, and near and dear ones.
840                    </p>
841                </div>
842            </div>
843
844            <!-- New Age Counselor Dashboard Tech Callout Card -->
845            <div class="counselor-dashboard-panel glass-card" style="margin-top: 1.5rem; text-align: left; padding:
845 2.5rem; display: flex; gap: 1.5rem; align-items: center; border: 1px solid rgba(16, 185, 129, 0.2); background: linear-gradient(135deg, rgba(16, 185, 129, 0.02) 0%, rgba(7, 9, 14, 0.5) 100%); border-left: 4px solid var(--success-color);">
846                <div style="display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(16, 185, 129, 0.12); color: var(--success-color); font-size: 2rem; flex-shrink: 0;"><i class="fa-solid fa-earth-americas"></i></div>
847                <div>
848                    <h4 style="font-family: var(--font-heading); font-size: 1.15rem; font-weight: 700; color: white; margin-bottom: 0.35rem;">🌍 Why Join Us as a DMIT Counselor? Break the Geographical Boundaries!</h4>
849                    <p style="font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; margin: 0;">
850                        Traditional DMIT counselors are limited to working within a tiny <strong>2–10 km localized range</strong> due to physical scan hardware dependencies. With our state-of-the-art <strong>mobile biometric scanning App and digital Counselor Dashboard</strong>, we have opened the entire world for you! Our counselors can consult across multiple cities and multiple countries seamlessly without borders.<br>
851                        <span style="display: block; margin-top: 0.5rem; color: var(--turquoise-color); font-weight: 700;">💻 TECHNOLOGY PACK BONUS: 1st year Dashboard & Mobile App technology access is 100% FREE! From the second year onwards, a nominal AMC (Annual Maintenance Charge) will apply to keep your digital counselor suite active.</span>
852                    </p>
853                </div>
854            </div>
855        </div>
856    </section>
857
858    <!-- Interactive Teaser Lead Magnet: Quiz Section -->
859    <section id="quiz" class="quiz-section">
860        <div class="container">
861            <div class="quiz-container glass-card">
862                <div class="quiz-header">
863                    <span class="quiz-badge">Personality Survey</span>
864                    <h2>Interactive Avian Personality & SWOT Survey</h2>
865                    <p>Answer 5 quick behavioral questions to discover your dominant bird personality styles (Eagle, Owl, Peacock, Dove) and map your biological SWOT blueprint!</p>
866                </div>
867
868                <!-- Quiz Progress Bar -->
869                <div class="progress-bar-container">
870                    <div class="progress-bar-fill" style="width: 20%;"></div>
871                </div>
872
873                <!-- Active Question Screen -->
874                <div class="quiz-body" id="quiz-question-box">
875                    <h3 id="question-text">Question 1: In a group activity or project, what role do you naturally slide into?</h3>
876                    <div class="options-grid" id="options-box">
877                        <!-- Dynamic choices generated by index.js -->
878                        <button class="option-btn" data-weight="E">A) Taking charge, directing everyone, and driving towards fast results.</button>
879                        <button class="option-btn" data-weight="P">B) Inspiring the team, sharing creative ideas, and keeping energy high.</button>
880                        <button class="option-btn" data-weight="D">C) Supporting others, maintaining harmony, and helping coordinate peacefully.</button>
881                        <button class="option-btn" data-weight="O">D) Analyzing data, verifying facts, and building a detailed checklist.</button>
882                    </div>
883                </div>
884
885                <!-- Lead Form Screen (Hidden initially) -->
886                <div class="quiz-body hidden" id="quiz-lead-box">
887                    <h3>🎉 Survey Complete! We are calculating your Avian Profile.</h3>
888                    <p>Enter your details below to instantly calculate your dominant Avian Personality combination (Eagle, Owl, Peacock, Dove) and map your biological SWOT report!</p>
889                    
890                    <form id="quiz-lead-form">
891                        <div class="form-row">
892                            <div class="form-group">
893                                <label>Your Name</label>
894                                <input type="text" id="lead-parent-name" placeholder="e.g. Rahul Sharma" required>
895                            </div>
896                            <div class="form-group">
897                                <label>Your Age</label>
898                                <input type="number" id="lead-child-age" placeholder="e.g. 28" min="2" max="99" required>
899                            </div>
900                        </div>
901                        <div class="form-group">
902                            <label>WhatsApp Number (For instant results delivery)</label>
903                            <input type="tel" id="lead-whatsapp" placeholder="e.g. +91 98765 43210" required>
904                        </div>
905                        <button class="btn btn-primary w-full" t
905ype="submit">See Quiz Results & SWOT Blueprint <i class="fa-solid fa-bolt"></i></button>
906                    </form>
907                </div>
908
909                <!-- Results Screen (Hidden initially) -->
910                <div class="quiz-body hidden" id="quiz-result-box">
911                    <div class="result-display" style="max-width: 700px; margin: 0 auto; text-align: center;">
912                        <div class="result-icon" style="font-size: 3rem; color: var(--turquoise-color); margin-bottom: 1.5rem;"><i class="fa-solid fa-feather-pointed"></i></div>
913                        <h3 style="font-family: var(--font-heading); font-size: 1.85rem; font-weight: 800; color: white; margin-bottom: 1rem;">
914                            Your Biological Style: <span id="lbl-result-style" class="text-coral" style="display: block; margin-top: 0.5rem; font-size: 2.25rem;">Eagle & Owl Combination</span>
915                        </h3>
916                        <p id="lbl-result-desc" style="font-size: 0.95rem; line-height: 1.6; color: var(--text-secondary); margin-bottom: 2rem;">
917                            You are a highly analytical driver! Your dominant profile is Eagle (Goal-Oriented) and your secondary is Owl (Precision-Driven).
918                        </p>
919                        
920                        <!-- High impact conclusion box -->
921                        <div class="glass-card" style="background: rgba(247, 111, 87, 0.05); border: 1px solid rgba(247, 111, 87, 0.2); border-radius: 16px; padding: 2rem; margin-bottom: 2.5rem; text-align: left;">
922                            <h4 style="font-family: var(--font-heading); color: var(--coral-color); font-size: 1.1rem; font-weight: 700; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-circle-question"></i> Why Guesswork?</h4>
923                            <p style="font-size: 0.88rem; line-height: 1.6; color: var(--text-secondary); margin: 0;">
924                                You are a unique <strong>combination of personalities</strong>, but only a biological biometric scan maps your exact neocortex lobe c
924apacities. Why leave your career and life planning to online questionnaire guesswork? A <strong>Personalised Demo session</strong> will help you walk with absolute scientific clarity!
925                            </p>
926                        </div>
927                    </div>
928                    <div class="result-action-panel" style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
929                        <a href="#booking" class="btn btn-primary" style="display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.9rem 2rem; font-size: 0.95rem;"><i class="fa-solid fa-calendar-check"></i> Book Personalised Demo Call (Rs. 100/-)</a>
930                        <button class="btn btn-secondary" onclick="window.location.reload();" style="padding: 0.9rem 2rem; font-size: 0.95rem;">Retake Survey</button>
931                    </div>
932                </div>
933            </div>
934        </div>
935    </section>
936
937    <!-- 🎥 Client Testimonials & Success Stories Hub (Satisfies: played in different boxes, keep clients on site) -->
938    <section id="youtube-hub" class="youtube-hub-section">
939        <div class="container">
940            <div class="text-center">
941                <span class="section-tag" style="background: rgba(16, 163, 177, 0.12); border-color: rgba(15, 163, 177, 0.3); color: var(--turquoise-color);">CLIENT REVIEWS</span>
942                <h2>Client Testimonials & Success Stories</h2>
943                <p class="section-subtitle">Real scientific transformations! Watch and hear honest reactions from parents and children after taking our Personalised DMIT Demo and counseling.<br><span style="display:inline-block; margin-top:0.75rem; font-size:0.8rem; color:var(--coral-color); font-weight:600;"><i class="fa-solid fa-triangle-exclamation"></i> We are sorry to say we have just digitalised 10% of our actual reviews from the last 1 year, as thousands of parents share their handwriting, graphology, and multiple intelligence feedbacks offline at our Malad West center!</span></p>
944            </div>
945
946            <div class="yt-controls">
947                <div class="yt-tabs">
948                    <button class="yt-tab-btn active" data-filter="all">All Videos</button>
949                    <button class="yt-tab-btn" data-filter="testimonials">Testimonials</button>
950                    <button class="yt-tab-btn" data-filter="scope">Scope of DMIT Test</button>
951                </div>
952                <div class="yt-sort-box">
953                    <span class="live-site-counter"><span></span> <strong id="lbl-live-users">4</strong> active viewers</span>
954                    <button class="yt-sort-btn" id="btn-sort-views"><i class="fa-solid fa-arrow-down-wide-short"></i> Sort by Views</button>
955                </div>
956            </div>
957
958            <div class="yt-grid" id="yt-video-grid">
959                <!-- Testimonial Video Cards will be rendered dynamically in separate boxes by JS -->
960            </div>
961            
962            <div class="text-center mt-6">
963                <a href="https://www.youtube.com/channel/UCfU_GNW-hl3dSDpbFrkHE6w" target="_blank" class="btn btn-secondary" style="border-color: #ef4444; color: white;"><i class="fa-brands fa-youtube" style="color: #ef4444;"></i> Visit YouTube Channel for 50+ Testimonial Shorts & Videos</a>
964            </div>
965        </div>
966    </section>
967
968    <!-- 📱 Mobile App Promotion Section (Satisfies: pursue them to increase more downloads) -->
969    <section id="app-download" class="app-promo-section">
970        <div class="container">
971            <div class="app-promo-card">
972                <div class="app-promo-text">
973                    <span class="quiz-badge" style="background: rgba(16, 185, 129, 0.12); border-color: rgba(16, 185, 129, 0.3); color: var(--success-color);">HOME DMIT SCANNING</span>
974                    <h2>3 Steps Away From a Personalised Demo!</h2>
975                    <p>Forget traveling to scanning centers. Download our app and scan your prints from the comfort of your home. It takes under 5 minutes to submit your details and unlock scientific clarity.</p>
976                    
977                    <ul class="app-features-list" style="display: flex; flex-direction: column; gap: 1.25rem; margin-top: 1.5rem; text-align: left;">
978                        <li style="display: flex; gap: 1rem; align-items: flex-start; color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5;">
979                            <span style="display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(16, 185, 129, 0.15); color: var(--success-color); font-weight: 700; flex-shrink: 0;">1</span>
980                            <div><strong style="color: white; display: block; margin-bottom: 2px;">Download App:</strong> Get the certified GENetiX Android application from the Play Store.</div>
981                        </li>
982                        <li style="display: flex; gap: 1rem; align-items: flex-start; color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5;">
983                            <span style="display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(16, 185, 129, 0.15); color: var(--success-color); font-weight: 700; flex-shrink: 0;">2</span>
984                            <div><strong style="color: white; display: block; margin-bottom: 2px;">Sign Up:</strong> Register your parent profile and verify your WhatsApp number in seconds.</div>
985                        </li>
986                        <li style="display: flex; gap: 1rem; align-items: flex-start; color: var(--text-secondary); font-size: 0.9rem; line-height: 1.5;">
987                            <span style="display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(16, 185, 129, 0.15); color: var(--success-color); font-weight: 700; flex-shrink: 0;">3</span>
988                            <div><strong style="color: white; display: block; margin-bottom: 2px;">Upload right & left thumb:</strong> Capture high-resolution ridge patterns of your right & left thumb in seconds using your phone's camera.</div>
989                        </li>
990                    </ul>
991
992                    <div class="app-actions">
993                        <a href="https://play.google.com/store/apps/details?id=com.brainvita.dmit" target="_blank">
994                            <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Get it on Google Play Store" class="playstore-badge">
995                        </a>
996                        <div class="app-stats" style="align-items: center;">
997                            <div class="app-stat-item">
998                                <strong>5,000+</strong>
999                                <span>Downloads</span>
1000                            </div>
1001                            <div class="app-stat-item">
1002                                <strong>4.8★</strong>
1003                                <span>Reviews Rating</span>
1004                            </div>
1005                            <div class="app-stat-item" style="border-left: 1px solid var(--bg-border); padding-left: 1.25rem;">
1006                                <strong style="color: var(--success-color); font-size: 0.9rem; text-transform: uppercase;"><i class="fa-solid fa-trophy"></i> LEADING DOWNLOADS</strong>
1007                                <span style="font-size:0.7rem; color: #cbd5e1;">Active 8+ years on Play Store</span>
1008                            </div>
1009                        </div>
1010                    </div>
1011
1012                    <!-- Biometric Data Privacy & Autodelete Guarantee Box -->
1013                    <div style="background: rgba(16, 185, 129, 0.05); border: 1px dashed rgba(16, 185, 129, 0.25); border-radius: 16px; padding: 1.25rem; margin-top: 2rem; text-align: left; display: flex; gap: 1rem; align-items: flex-start;">
1014                        <i class="fa-solid fa-shield-halved" style="color: var(--success-color); font-size: 1.35rem; margin-top: 3px; flex-shrink: 0;"></i>
1015                        <div style="font-size: 0.8rem; color: var(--text-secondary); line-height: 1.5;">
1016                            <strong style="color: white; display: block; margin-bottom: 2px;">🔒 Biometric Data Privacy & Deletion Guarantee</strong>
1017                            We systematically delete all finger print data post work of 15 days with direct confirmation sent to you via Email / WhatsApp. User can delete data within 15 days by themselves, or the system deletes it periodically.
1018                        </div>
1019                    </div>
1020                </div>
1021                
1022                <div class="app-visual-mockup">
1023                    <div class="app-screen-glass">
1024                        <div style="display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--bg-border); padding-bottom: 0.75rem; margin-bottom: 0.75rem;">
1025                            <span style="font-size: 0.8rem; font-weight: 700; color: var(--success-color);"><i class="fa-solid fa-fingerprint"></i> APP SCAN SLIDER</span>
1026                            <span style="font-size: 0.65rem; background: rgba(16, 185, 129, 0.15); padding: 0.15rem 0.5rem; border-radius: 50px; color: var(--success-color);">Sample Ridges</span>
1027                        </div>
1028                        
1029                        <div class="scan-slider-container" style="position: relative; width: 100%; height: 260px; border-radius: 16px; overflow: hidden; border: 2px dashed rgba(16, 185, 129, 0.45); background: rgba(0,0,0,0.5);">
1030                            <div class="scan-slides" style="display: flex; width: 300%; height: 100%; transition: transform 0.5s ease-in-out;">
1031                                <div class="scan-slide" style="width: 33.333%; height: 100%; background: url('assets/scan-1.webp') center/cover no-repeat; position: relative;">
1032                                    <div class="scan-label" style="position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.75); padding: 4px 8px; border-radius: 6px; font-size: 0.62rem; color: #fff; width: 90%; text-align: center; border: 1px solid var(--bg-border);">Check Proper Finger Ridges Visible</div>
1033                                </div>
1034                                <div class="scan-slide" style="width: 33.333%; height: 100%; background: url('assets/scan-2.webp') center/cover no-repeat; position: relative;">
1035                                    <div class="scan-label" style="position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.75); padding: 4px 8px; border-radius: 6px; font-size: 0.62rem; color: #fff; width: 90%; text-align: center; border: 1px solid var(--bg-border);">Ridge Structure Processing Scan</div>
1036                                </div>
1037                                <div class="scan-slide" style="width: 33.333%; height: 100%; background: url('assets/scan-3.webp') center/cover no-repeat; position: relative;">
1038                                    <div class="scan-label" style="position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.75); padding: 4px 8px; border-radius: 6px; font-size: 0.62rem; color: #fff; width: 90%; text-align: center; border: 1px solid var(--bg-border);">Ridges Captured & Checked Clean</div>
1039                                </div>
1040                            </div>
1041                            
1042                            <!-- Laser line overlay animation -->
1043                            <div class="scan-laser-line" style="position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--success-color); box-shadow: 0 0 10px var(--success-color); animation: scanLaserAnim 3.5s linear infinite; pointer-events: none;"></div>
1044                            
1045                            <!-- Small Dots -->
1046                            <div class="slider-dots" style="position: absolute; top: 8px; right: 8px; display: flex; gap: 3px;">
1047                                <span class="slider-dot active" data-index="0" style="width: 5px; height: 5px; border-radius: 50%; background: var(--success-color); cursor: pointer; transition: all 0.3s;"></span>
1048                                <span class="slider-dot" data-index="1" style="width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; transition: all 0.3s;"></span>
1049                                <span class="slider-dot" data-index="2" style="width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; transition: all 0.3s;"></span>
1050                            </div>
1051                            
1052                            <!-- Arrows -->
1053                            <button type="button" class="slider-arrow prev" style="position: absolute; top: 50%; left: 6px; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.15); color: #fff; font-size: 0.65rem; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 6;"><i class="fa-solid fa-chevron-left"></i></button>
1054                            <button type="button" class="slider-arrow next" style="position: absolute; top: 50%; right: 6px; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.15); color: #fff; font-size: 0.65rem; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 6;"><i class="fa-solid fa-chevron-right"></i></button>
1055                        </div>
1056                        
1057                        <div style="text-align: center; font-size: 0.72rem; color: var(--text-secondary); margin-top: 0.5rem;">
1058                            <p style="margin-bottom: 0.5rem; line-height: 1.4;">Proper finger ridge details capture visible above in active slider check.</p>
1059                            <a href="https://play.google.com/store/apps/details?id=com.brainvita.dmit" target="_blank" class="btn btn-primary btn-small w-full" style="background: linear-gradient(135deg, var(--success-color) 0%, #059669 100%); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);">Install App to Scan Now</a>
1060                        </div>
1061                    </div>
1062                </div>
1063            </div>
1064        </div>
1065    </section>
1066
1067    <!-- Social Media Feed Section: Shows trending content and social proof -->
1068    <section id="social" class="social-section">
1069        <div class="container text-center">
1070            <span class="section-tag" style="background: rgba(247, 111, 87, 0.12); border-color: rgba(247, 111, 87, 0.3); color: var(--coral-color);">OUR COMMUNITY</span>
1071            <h2>Join 50,000+ Indian Parents on Social Media</h2>
1072            <p class="section-subtitle">We share daily scientific research, child development insights, and parent reels. Follow our networks to clear your doubts!</p>
1073            
1074            <div class="community-grid">
1075                <!-- YouTube -->
1076                <div class="comm-card yt">
1077                    <div class="comm-icon"><i class="fa-brands fa-youtube"></i></div>
1078                    <h4>YouTube Channel</h4>
1079                    <span>1,200+ Subs</span>
1080                    <p>Watch detailed streams, parent counseling recordings, and step-by-step biometric explanations by Dr. Bijal Dalal.</p>
1081                    <a href="https://www.youtube.com/@DMITGENetiX" target="_blank" class="btn btn-primary btn-small w-full" style="background: #ef4444; box-shadow: none;">Subscribe Channel</a>
1082                </div>
1083
1084                <!-- Instagram Featured Reel Highlight Card -->
1085                <div class="comm-card ig reel-highlight">
1086                    <span class="highlight-badge"><i class="fa-solid fa-star"></i> Featured Award Reel</span>
1087                    <h4 style="font-size: 1.35rem; margin-bottom: 0.75rem;">"Here is what 6,000+ DMIT reports taught me..."</h4>
1088                    <p style="font-size: 0.9rem; margin-bottom: 1.5rem; line-height: 1.5;">Watch Dr. Bijal Viral Dalal's highly viral, emotional Pillars of Maharashtra award letter on parenting trial-and-error. See the comments and share your story.</p>
1089                    <a href="https://www.instagram.com/p/DYr3grJllXk/?img_index=8" target="_blank" class="btn btn-primary w-full" style="background: linear-gradient(135deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%); border: none; box-shadow: 0 4px 15px rgba(253, 29, 29, 0.3);"><i class="fa-brands fa-instagram"></i> Watch Viral Reel (DYr3grJllXk)</a>
1090                </div>
1091
1092                <!-- Instagram Profile Card -->
1093                <div class="comm-card ig">
1094                    <div class="comm-icon"><i class="fa-brands fa-instagram"></i></div>
1095                    <h4>Instagram Feed</h4>
1096                    <span>2,400+ Followers</span>
1097                    <p>Get your daily dose of parenting tips, V-A-K studying methods, and real client reactions in micro-video formats.</p>
1098                    <a href="https://www.instagram.com/dmit.genetix" target="_blank" class="btn btn-primary btn-small w-full" style="background: linear-gradient(135deg, #c13584 0%, #e1306c 100%); box-shadow: none;">Follow Instagram</a>
1099                </div>
1100            </div>
1101        </div>
1102    </section>
1103
1104    <!-- Testimonials Section: HTML reviews with Review Schema -->
1105    <section id="testimonials" class="testimonials">
1106        <div class="container text-center">
1107            <span class="section-tag">TESTIMONIALS</span>
1108            <h2>Words from Our Happy Parents</h2>
1109            <p class="section-subtitle">Real feedback, fully readable by search engines to optimize organic local rankings.</p>
1110            
1111            <div class="testimonial-slider-container">
1112                <div class="testimonial-grid">
1113                    <!-- Card 1 -->
1114                    <div class="test-card glass-card" itemscope itemtype="https://schema.org/Review">
1115                        <div class="stars">
1116                            <i class="fa-solid fa-star"></i>
1117                            <i class="fa-solid fa-star"></i>
1118                            <i class="fa-solid fa-star"></i>
1119                            <i class="fa-solid fa-star"></i>
1120                            <i class="fa-solid fa-star"></i>
1121                        </div>
1122                        <p class="review-text" itemprop="reviewBody">"We were struggling with our 6-year-old's homework routines daily. The DMIT test showed he had extremely high kinesthetic intelligence and low auditory processing. Simply letting him stand and write solved everything!"</p>
1123                        <div class="author-info">
1124                            <strong itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">Priya Deshmukh</span></strong>
1125                            <span>Mother of Kabir (Pune)</span>
1126                        </div>
1127                    </div>
1128
1129                    <!-- Card 2 -->
1130                    <div class="test-card glass-card" itemscope itemtype="https://schema.org/Review">
1131                        <div class="stars">
1132                            <i class="fa-solid fa-star"></i>
1133                            <i class="fa-solid fa-star"></i>
1134                            <i class="fa-solid fa-star"></i>
1135                            <i class="fa-solid fa-star"></i>
1136                            <i class="fa-solid fa-star"></i>
1137                        </div>
1138                        <p class="review-text" itemprop="reviewBody">"My daughter was highly confused between Commerce and Design for 11th standard. Dr. Bijal Dalal explained her fingerprint lobes in a scientific, clear manner. She is now happily studying Design!"</p>
1139                        <div class="author-info">
1140                            <strong itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">Amit Verma</span></strong>
1141                            <span>Father of Riya (Mumbai)</span>
1142                        </div>
1143                    </div>
1144
1145                    <!-- Card 3 -->
1146                    <div class="test-card glass-card" itemscope itemtype="https://schema.org/Review">
1147                        <div class="stars">
1148                            <i class="fa-solid fa-star"></i>
1149                            <i class="fa-solid fa-star"></i>
1150                            <i class="fa-solid fa-star"></i>
1151                            <i class="fa-solid fa-star"></i>
1152                            <i class="fa-solid fa-star"></i>
1153                        </div>
1154                        <p class="review-text" itemprop="reviewBody">"Highly professional analysis. The 69-page report is extremely comprehensive and the counseling session gave us actionable parenting strategies. Highly recommend Dr. Bijal Dalal."</p>
1155                        <div class="author-info">
1156                            <strong itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">Sanjana Mehta</span></strong>
1157                            <span>Mother of Anya (Nashik)</span>
1158                        </div>
1159                    </div>
1160                </div>
1161            </div>
1162
1163            <!-- Interactive Client Consultation Session Gallery -->
1164            <div class="client-sessions-gallery" style="margin-top: 4.5rem; border-top: 1px dashed var(--bg-border); padding-top: 4rem;">
1165                <h3 style="color: var(--text-primary); font-family: var(--font-heading); font-size: 1.8rem; margin-bottom: 0.5rem; font-weight: 700;">Real Consultation Sessions</h3>
1166                <p class="section-subtitle" style="color: var(--text-secondary); max-width: 600px; margin: 0 auto 2.5rem; font-size: 0.95rem; line-height: 1.5;">Behind the scenes: Empowering parents and children through scientific biometric mapping.</p>
1167                
1168                <div class="gallery-wrapper" style="position: relative;">
1169                    <!-- Glassmorphic Navigation Buttons -->
1170                    <button class="gallery-nav-btn prev-btn" id="btn-prev-gallery" aria-label="Previous image">
1171                        <i class="fa-solid fa-chevron-left"></i>
1172                    </button>
1173                    
1174                    <div class="gallery-scroll-track" id="gallery-scroll-track">
1175                        <!-- Gallery Item 1 -->
1176                        <div class="gallery-item">
1177                            <div class="gallery-img-container">
1178                                <img src="assets/counseling-1.webp" alt="Parent-Child Cognitive Mapping Session" loading="lazy">
1179                            </div>
1180                            <div class="gallery-caption">
1181                                <h4>Parent-Child Cognitive Mapping</h4>
1182                                <p>Decoding learning styles & cognitive profiles in a live, interactive session.</p>
1183                            </div>
1184                        </div>
1185                        
1186                        <!-- Gallery Item 2 -->
1187                        <div class="gallery-item">
1188                            <div class="gallery-img-container">
1189                                <img src="assets/counseling-2.webp" alt="Biometric Report Analysis Session" loading="lazy">
1190                            </div>
1191                            <div class="gallery-caption">
1192                                <h4>Biometric Report Analysis</h4>
1193                                <p>Detailing custom action plans for behavior and academic optimization.</p>
1194                            </div>
1195                        </div>
1196                        
1197                        <!-- Gallery Item 3 -->
1198                        <div class="gallery-item">
1199                            <div class="gallery-img-container">
1200                                <img src="assets/counseling-3.webp" alt="Empowering Young Minds Consultation" loading="lazy">
1201                            </div>
1202                            <div class="gallery-caption">
1203                                <h4>Empowering Young Minds</h4>
1204                                <p>Helping children understand their natural intelligence and innate talents.</p>
1205                            </div>
1206                        </div>
1207                        
1208                        <!-- Gallery Item 4 -->
1209                        <div class="gallery-item">
1210                            <div class="gallery-img-container">
1211                                <img src="assets/counseling-4.webp" alt="Parental Guidance & Behavioral Session" loading="lazy">
1212                            </div>
1213                            <div class="gallery-caption">
1214                                <h4>Parental Guidance Session</h4>
1215                                <p>Actionable parenting advice to prevent trial-and-error teaching methodologies.</p>
1216                            </div>
1217                        </div>
1218                        
1219                        <!-- Gallery Item 5 -->
1220                        <div class="gallery-item">
1221                            <div class="gallery-img-container">
1222                                <img src="assets/counseling-5.webp" alt="Family Academic & Career Mapping Consultation" loading="lazy">
1223                            </div>
1224                            <div class="gallery-caption">
1225                                <h4>Career Mapping Consultation</h4>
1226                                <p>Enabling science-backed academic and career path mapping.</p>
1227                            </div>
1228                        </div>
1229                    </div>
1230                    
1231                    <button class="gallery-nav-btn next-btn" id="btn-next-gallery" aria-label="Next image">
1232                        <i class="fa-solid fa-chevron-right"></i>
1233                    </button>
1234                </div>
1235            </div>
1236        </div>
1237    </section>
1238
1239    <!-- Actionable Booking Section: Inline direct booking integration -->
1240    <section id="booking" class="booking-section">
1241        <div class="container">
1242            <div class="booking-card glass-card">
1243                <div class="booking-info-panel">
1244                    <span class="quiz-badge">APPOINTMENT ENGINE</span>
1245                    <h2>Secure Your Personalized Consultation</h2>
1246                    <p>Pick a convenient slot directly on the calendar to align with Dr. Bijal Dalal or our certified senior biometric counselors. Select your packages directly below.</p>
1247                    
1248                    <div class="benefits-row">
1249                        <div class="b-card"><i class="fa-solid fa-phone-volume"></i> <span>Live Call Scheduling</span></div>
1250                        <div class="b-card"><i class="fa-solid fa-chart-pie"></i> <span>Personalized Demo Bookings</span></div>
1251                        <div class="b-card"><i class="fa-solid fa-user-shield"></i> <span>Secure WhatsApp Lead Routing</span></div>
1252                    </div>
1253                </div>
1254
1255                <!-- Custom Inline Scheduler form -->
1256                <div class="scheduler-panel">
1257                    <div style="margin-bottom: 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed var(--bg-border); padding-bottom: 1rem;">
1258                        <span style="font-size: 0.9rem; font-weight: 700; color: white;"><i class="fa-regular fa-clock"></i> Calendly Booking Engine</span>
1259                        <span id="slots-remaining-lbl" style="font-size: 0.75rem; background: rgba(247, 111, 87, 0.15); padding: 0.25rem 0.75rem; border-radius: 50px; color: var(--coral-color); font-weight: 600;">5 slots available today</span>
1260                    </div>
1261                    <form class="booking-form" id="calendly-booking-form">
1262                        <!-- 3-Column Responsive Personal Details Grid (Phone First for Login) -->
1263                        <div class="form-row" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 1.25rem;">
1264                            <div class="form-group" style="text-align: left;">
1265                                <label for="b-phone" style="font-size: 0.8rem; font-weight: 600; color: white;">WhatsApp Number (Login / Sync)</label>
1266                                <input type="tel" id="b-phone" placeholder="e.g. 9876543210" required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s; width: 100%;">
1267                                <div id="profile-sync-status" style="margin-top: 6px; font-size: 0.72rem; font-weight: 700; color: var(--success-color); min-height: 18px; display: flex; align-items: center; gap: 0.3rem;"></div>
1268                            </div>
1269                            <div class="form-group" style="text-align: left;">
1270                                <label for="b-name" style="font-size: 0.8rem; font-weight: 600; color: white;">Full Name</label>
1271                                <input type="text" id="b-name" placeholder="e.g. Anil Sharma" required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s; width: 100%;">
1272                            </div>
1273                            <div class="form-group" style="text-align: left;">
1274                                <label for="b-email" style="font-size: 0.8rem; font-weight: 600; color: white;">Email Address</label>
1275                                <input type="email" id="b-email" placeholder="e.g. [email protected]" required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s; width: 100%;">
1276                            </div>
1277                        </div>
1278
1279                        <!-- Visual Shopping Cart Panel -->
1280                        <div class="cart-widget-panel glass-card" id="cart-widget-container" style="padding: 1.25rem; border-radius: 20px; margin-bottom: 1.25rem; text-align: left; border: 1px dashed rgba(255, 255, 255, 0.15); background: rgba(15, 22, 38, 0.25);">
1281                            <h5 style="font-family: var(--font-heading); font-size: 0.95rem; font-weight: 700; color: white; margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between;">
1282                                <span><i class="fa-solid fa-cart-shopping text-coral" style="margin-right: 0.25rem;"></i> Your Active Shopping Cart</span>
1283                                <span id="cart-badge-count" style="font-size: 0.72rem; background: var(--coral-color); color: white; padding: 0.15rem 0.5rem; border-radius: 50px; font-weight: 700;">0 Items</span>
1284                            </h5>
1285                            <div id="cart-items-list" style="display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.25rem;">
1286                                <!-- Cart items loaded dynamically by JavaScript -->
1287                            </div>
1288                            
1289                            <!-- Add Extra Package dropdown right within checkout -->
1290                            <div style="display: flex; gap: 0.75rem; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 1rem; flex-wrap: wrap;">
1291                                <div style="flex: 1; min-width: 200px;">
1292                                    <label for="b-add-to-cart-select" style="font-size: 0.75rem; font-weight: 700; color: var(--text-secondary); display: block; margin-bottom: 4px;">Add another package / combo:</label>
1293                                    <select id="b-add-to-cart-select" style="background: #07090e; border: 1px solid var(--bg-border); border-radius: 8px; padding: 0.45rem 0.75rem; color: white; font-size: 0.8rem; outline: none; transition: border-color 0.3s; width: 100%;">
1294                                        <option value="demo">Personalised Demo - Rs. 100/-</option>
1295                                        <option value="report">DMIT Report Book - Rs. 1,500/-</option>
1296                                        <option value="plus" selected>DMIT Report Plus - Rs. 7,200/-</option>
1297                                        <option value="counselor">DMIT Counselor Training - Rs. 15,000/-</option>
1298                                        <option value="migration">Existing DMIT Counsellor (Migration Offer) - Rs. 7,500/-</option>
1299                                        <option value="demo_report_combo">1 Member Combo: Demo + DMIT Report - Rs. 1,440/-</option>
1300                                        <option value="demo_plus_combo">1 Member Combo: Demo + DMIT Plus - Rs. 6,570/-</option>
1301                                        <option value="demo_counselor_combo">1 Member Combo: Demo + Counselor - Rs. 15,100/-</option>
1302                                    </select>
1303                                </div>
1304                                <button type="button" id="btn-add-to-cart-manual" class="btn btn-secondary" style="padding: 0.5rem 1rem; border-radius: 8px; font-size: 0.8rem; font-weight: 700; margin-top: 1.25rem;">
1305                                    <i class="fa-solid fa-plus"></i> Add to Cart
1306                                </button>
1307                            </div>
1308                        </div>
1309
1310                        <!-- Row 2: Select Date (Full Width) -->
1311                        <div class="form-row" style="display: block; margin-bottom: 1.25rem;">
1312                            <div class="form-group" style="text-align: left; width: 100%;">
1313                                <label for="b-date" style="font-size: 0.8rem; font-weight: 600; color: white;">Select Appointment Date</label>
1314                                <input type="date" id="b-date" required min="2026-05-24" style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s; width: 100%;">
1315                            </div>
1316                        </div>
1317
1318                        <div class="form-group" style="margin-bottom: 1.25rem;">
1319                            <label style="font-size: 0.8rem; font-weight: 600; color: white;">Select Time Slot (Max 5 Daily Bookings)</label>
1320                            <div class="time-slots-grid" id="booking-slots-container" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-top: 0.5rem;">
1321                                <button type="button" class="slot-btn active" data-time="10:15 AM">10:15 AM</button>
1322                                <button type="button" class="slot-btn" data-time="10:45 AM">10:45 AM</button>
1323                                <button type="button" class="slot-btn" data-time="11:15 AM">
132311:15 AM</button>
1324                                <button type="button" class="slot-btn" data-time="11:45 AM">11:45 AM</button>
1325                                <button type="button" class="slot-btn" data-time="12:30 PM">12:30 PM</button>
1326                            </div>
1327                        </div>
1328
1329                        <!-- Live Pricing, Discount & UPI Payment ID Summary Box -->
1330                        <div class="live-pricing-summary" style="background: rgba(255,255,255,0.015); border: 1px dashed var(--bg-border); border-radius: 16px; padding: 1.25rem; margin-bottom: 1.25rem; text-align: left;">
1331                            <h5 style="font-family: var(--font-heading); font-size: 0.92rem; font-weight: 700; color: white; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-cart-shopping text-coral"></i> Live Checkout summary</h5>
1332                            <div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.82rem; color: var(--text-secondary);">
1333                                <div style="display: flex; justify-content: space-between;">
1334                                    <span>Base Package Price:</span>
1335                                    <span id="summary-base-price">Rs. 0/-</span>
1336                                </div>
1337                                <div style="display: flex; justify-content: space-between; color: var(--success-color);">
1338                                    <span>Volume Discount Applied:</span>
1339                                    <span id="summary-discount">0% (Rs. 0/-)</span>
1340                                </div>
1341                                <div style="display: flex; justify-content: space-between; border-top: 1px solid var(--bg-border); padding-top: 0.5rem; font-weight: 700; color: white;">
1342                                    <span>Final Total Amount to Pay:</span>
1343                                    <span id="summary-total-price" style="color: var(--coral-color); font-size: 0.95rem;">Rs. 0/-</span>
1344                                </div>
1345                                
1346                                <!-- Wallet Points cashback disclaimer -->
1347                                <div id="summary-points-promo" class="hidden" style="background: rgba(16, 163, 177, 0.1); border: 1px solid rgba(16, 163, 177, 0.25); border-radius: 10px; padding: 0.5rem 0.75rem; margin-top: 0.5rem; display: flex; gap: 0.5rem; align-items: center; color: var(--turquoise-color); font-size: 0.75rem; line-height: 1.4;">
1348                                    <i class="fa-solid fa-gift" style="flex-shrink:0;"></i>
1349                                    <span><strong>Cashback Bonus:</strong> Rs. 100 Demo fee is refunded fully as points in your wallet + additional 10% discount on any other products (on following us on Instagram & Google Review)!</span>
1350                                </div>
1351                                
1352                                <!-- Scanned QR code & BHIM UPI instructions -->
1353                                <div style="margin-top: 1.25rem; background: rgba(255, 255, 255, 0.015); border: 1px solid var(--bg-border); border-radius: 16px; padding: 1.25rem; text-align: center; border-left: 3px solid #00e5ff;">
1354                                    <span style="font-size: 0.72rem; font-weight: 800; color: #00e5ff; display: inline-flex; align-items: center; gap: 0.3rem; background: rgba(0, 229, 255, 0.1); padding: 0.25rem 0.6rem; border-radius: 4px; text-transform: uppercase; margin-bottom: 0.85rem;"><i class="fa-solid fa-qrcode"></i> Scan BHIM QR to Pay</span>
1355                                    <div style="width: 150px; height: 150px; margin: 0 auto 0.85rem; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 0.5rem; background: #ffffff; box-shadow: 0 0 15px rgba(0, 229, 255, 0.15);">
1356                                        <img src="assets/qr_code.webp" alt="BHIM UPI QR Scanner" style="width: 100%; height: 100%; object-fit: contain; border-radius: 6px;">
1357                                    </div>
1358                                    <p style="font-size: 0.76rem; color: var(--text-secondary); line-height: 1.5; margin: 0 0 0.85rem; padding: 0 0.5rem;">
1359                                        Hi, You can send me money using this BHIM QR or using my UPI ID <strong style="color: white; user-select: all;">genetix@upi</strong>. Use BHIM or any other UPI App to make transactions.
1360                                    </p>
1361                                    <p style="font-size: 0.72rem; color: var(--success-color); font-weight: 600; margin-top: 0.50rem;"><i class="fa-solid fa-shield-halved"></i> Immediate 100% Refund if u r not satisfied by demo!</p>
1362                                    <button type="button" id="btn-copy-upi" style="background: rgba(0, 229, 255, 0.12); border: 1px solid rgba(0, 229, 255, 0.25); color: #00e5ff; font-size: 0.75rem; font-weight: 700; padding: 0.5rem 1rem; border-radius: 8px; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 0.4rem; justify-content: center; width: 100%;">
1363                                        <i class="fa-regular fa-copy"></i> Copy UPI Handle (genetix@upi)
1364                                    </button>
1365                                </div>
1366                            </div>
1367                        </div>
1368
1369                        <!-- Refund Trust note -->
1370                        <div style="display: flex; gap: 0.5rem; align-items: center; justify-content: center; font-size: 0.78rem; color: var(--success-color); font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem;">
1371                            <i class="fa-solid fa-shield-halved"></i>
1372                            <span>100% No-Questions-Asked Refund Policy Guaranteed</span>
1373                        </div>
1374
1375                        <button class="btn btn-primary w-full" type="submit">Schedule Call & Block Slot via UPI <i class="fa-solid fa-calendar-check"></i></button>
1376                    </form>
1377
1378                    <!-- Privacy Shield Banner -->
1379                    <div style="background: rgba(16, 185, 129, 0.08); border: 1px dashed rgba(16, 185, 129, 0.3); border-radius: 12px; padding: 0.75rem 1rem; margin-top: 1.25rem; display: flex; align-items: center; gap: 0.5rem; justify-content: center; font-size: 0.8rem; color: var(--success-color); font-weight: 700; text-align: center;">
1380                        <i class="fa-solid fa-shield-halved"></i>
1381                        <span>🔒 Privacy Shield: We systematically delete all finger print data post work of 15 days with direct confirmation sent to you via Email / WhatsApp. User can delete data within 15 days by themselves, or the system deletes it periodically.</span>
1382                    </div>
1383
1384                    <!-- Active Bookings Client Dashboard -->
1385                    <div id="my-bookings-container" class="my-bookings-dashboard hidden" style="margin-top: 2rem; border-top: 1px dashed var(--bg-border); padding-top: 1.5rem; width: 100%;">
1386                        <h4 style="font-family: var(--font-heading); font-size: 1.05rem; font-weight: 700; color: white; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-calendar-check text-turquoise"></i> Your Scheduled Appointments</h4>
1387                        <div id="my-bookings-list" style="display: flex; flex-direction: column; gap: 0.75rem;">
1388                            <!-- Bookings will be dynamically loaded here by index.js -->
1389                        </div>
1390                    </div>
1391                </div>
1392            </div>
1393        </div>
1394    </section>
1395
1396    <!-- 🎫 Contact Us & Support Ticket System Section -->
1397    <section id="contact" class="contact-section" style="padding: 6rem 0; border-top: 1px solid var(--bg-border); background: linear-gradient(180deg, rgba(7, 9, 14, 0.2) 0%, rgba(247, 111, 87, 0.02) 100%);">
1398        <div class="container">
1399            <div class="contact-grid" style="display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; text-align: left; align-items: start;">
1400                <!-- Left side: Address & Maps Redirect -->
1401                <div class="contact-info-panel">
1402                    <span class="quiz-badge" style="background: rgba(247, 111, 87, 0.12); border-color: rgba(247, 111, 87, 0.3); color: var(--coral-color);">GET IN TOUCH</span>
1403                    <h2 style="font-family: var(--font-heading); font-size: 2.25rem; font-weight: 800; color: white; margin-top: 0.5rem; margin-bottom: 1rem; line-height: 1.3;">Our Center & Map Location</h2>
1404                    <p style="font-size: 0.95rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 2rem;">Have questions about pricing, report delivery timelines, or app scanner compatibility? Visit our counseling office or raise a direct support ticket below. We guarantee a response from the admin panel within 24 hours.</p>
1405                    
1406                    <div class="contact-details" style="display: flex; flex-direction: column; gap: 1.5rem;">
1407                        <div style="display: flex; gap: 1rem; align-items: flex-start;">
1408                            <span style="display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(247, 111, 87, 0.12); border: 1px solid rgba(247, 111, 87, 0.2); color: var(--coral-color); flex-shrink: 0; font-size: 1.25rem;"><i class="fa-solid fa-location-dot"></i></span>
1409                            <div>
1410                                <strong style="color: white; font-size: 0.95rem; display: block; margin-bottom: 4px;">GENetiX Head Office</strong>
1411                                <a href="https://maps.app.goo.gl/8izmyom7qGrF29zQ8" target="_blank" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; line-height: 1.5; transition: color 0.3s;" onmouseover="this.style.color='#ffffff'" onmouseout="this.style.color='var(--text-secondary)'">
1412                                    S-5 SEJ Plaza, Marve Road,<br>Malad West, Mumbai - 400064
1413                                </a>
1414                            </div>
1415                        </div>
1416                        <div style="display: flex; gap: 1rem; align-items: flex-start;">
1417                            <span style="display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(16, 163, 177, 0.12); border: 1px solid rgba(16, 163, 177, 0.2); color: var(--turquoise-color); flex-shrink: 0; font-size: 1.25rem;"><i class="fa-solid fa-envelope"></i></span>
1418                            <div>
1419                                <strong style="color: white; font-size: 0.95rem; display: block; margin-bottom: 4px;">Email Support</strong>
1420                                <span style="color: var(--text-secondary); font-size: 0.9rem;">[email protected]</span>
1421                            </div>
1422                        </div>
1423                        <div style="display: flex; gap: 1rem; align-items: flex-start;">
1424                            <span style="display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(16, 185, 129, 0.12); border: 1px solid rgba(16, 185, 129, 0.2); color: var(--success-color); flex-shrink: 0; font-size: 1.25rem;"><i class="fa-solid fa-phone"></i></span>
1425                            <div>
1426                                <strong style="color: white; font-size: 0.95rem; display: block; margin-bottom: 4px;">WhatsApp Helpdesk</strong>
1427                                <span style="color: var(--text-secondary); font-size: 0.9rem;">+91-9221100951</span>
1428                            </div>
1429                        </div>
1430                    </div>
1431                    
1432                    <div style="margin-top: 2.25rem; display: flex; gap: 1rem;">
1433                        <a href="https://maps.app.goo.gl/8izmyom7qGrF29zQ8" target="_blank" class="btn btn-secondary" style="display: flex; align-items: center; justify-content: center; gap: 0.5rem; flex-grow: 1; border-color: var(--coral-color); color: white; padding: 0.9rem 1.5rem; border-radius: 14px; font-weight: 600; text-decoration: none; font-size: 0.9rem; transition: background 0.3s; cursor: pointer;">
1434                            <i class="fa-solid fa-map-location-dot" style="color: var(--coral-color);"></i> View on Google Maps
1435                        </a>
1436                    </div>
1437                    
1438                    <!-- Scrolling SEO Line below Google maps button to increase local search ranking -->
1439                    <div style="margin-top: 1.5rem; background: rgba(0, 229, 255, 0.03); border: 1px solid rgba(0, 229, 255, 0.15); border-radius: 12px; padding: 0.75rem 1rem; overflow: hidden; position: relative;">
1440                        <div style="font-size: 0.72rem; font-weight: 700; color: #00e5ff; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.5px;"><i class="fa-brands fa-google"></i> Google Business Local Optimization Tags:</div>
1441                        <div class="seo-marquee-container" style="width: 100%; overflow: hidden; white-space: nowrap; font-size: 0.7rem; color: rgba(255, 255, 255, 0.5);">
1442                            <div class="marquee-inner" style="display: inline-block; animation: marqueeAnim 20s linear infinite;">
1443                                <span>#parenting #lifecoach #counselling #academy #classes #tutions #teachers #lifepath #horoscope #dmitscience &nbsp;&nbsp;&bull;&nbsp;&nbsp; </span>
1444                                <span>#parenting #lifecoach #counselling #academy #classes #tutions #teachers #lifepath #horoscope #dmitscience &nbsp;&nbsp;&bull;&nbsp;&nbsp; </span>
1445                            </div>
1446                        </div>
1447                        <div style="font-size: 0.72rem; color: var(--text-secondary); margin-top: 0.4rem; line-height: 1.4;">
1448                            ⭐ <strong>5.0/5.0 Google Rating</strong> based on verified biometrics reviews in Malad West, Mumbai.
1449                        </div>
1450                    </div>
1451                </div>
1452                
1453                <!-- Right side: Support Ticket Engine -->
1454                <div class="contact-form-panel glass-card" style="padding: 2.5rem; border-radius: 20px;">
1455                    <h3 style="font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700; color: white; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-ticket text-coral"></i> Raise Admin Support Ticket</h3>
1456                    <p style="font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 1.5rem;">Fill out this form to register an official support ticket. You can track y
1456our ticket state locally in real time.</p>
1457                    
1458                    <form id="admin-ticket-form" style="display: flex; flex-direction: column; gap: 1.25rem;">
1459                        <div class="form-row" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
1460                            <div class="form-group" style="display: flex; flex-direction: column; gap: 0.5rem; text-align: left;">
1461                                <label for="t-name" style="font-size: 0.8rem; font-weight: 600; color: white;">Full Name</label>
1462                                <input type="text" id="t-name" placeholder="e.g. Rahul Sharma" required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s;">
1463                            </div>
1464                            <div class="form-group" style="display: flex; flex-direction: column; gap: 0.5rem; text-align: left;">
1465                                <label for="t-whatsapp" style="font-size: 0.8rem; font-weight: 600; color: white;">WhatsApp Number</label>
1466                                <input type="tel" id="t-whatsapp" placeholder="e.g. +91 98765 43210" required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s;">
1467                            </div>
1468                        </div>
1469                        
1470                        <div class="form-group" style="display: flex; flex-direction: column; gap: 0.5rem; text-align: left;">
1471                            <label for="t-purpose" style="font-size: 0.8rem; font-weight: 600; color: white;">Purpose of Ticket</label>
1472                            <select id="t-purpose" required style="background: #07090e; border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s;">
1473                                <option value="demo">Demo Booking & Refund / points Query (Rs. 100/-)</option>
1474                                <option value="report">DMIT Report Book Order Query (Rs. 1,500/-)</option>
1475                                <option value="plus">DMIT Report Plus Order Query (Rs. 7,200/-)</option>
1476                                <option value="counselor">Counselor Certification Program Query (Rs. 15,000/-)</option>
1477                                <option value="app">App Scan Slider & Finger Ridge Upload Support</option>
1478                                <option value="other">General Query / Other Support Request</option>
1479                            </select>
1480                        </div>
1481                        
1482                        <div class="form-group" style="display: flex; flex-direction: column; gap: 0.5rem; text-align: left;">
1483                            <label for="t-message" style="font-size: 0.8rem; font-weight: 600; color: white;">Your Question / Message</label>
1484                            <textarea id="t-message" rows="3" placeholder="Describe your question or issue in detail..." required style="background: rgba(255,255,255,0.03); border: 1px solid var(--bg-border); border-radius: 12px; padding: 0.75rem 1rem; color: white; font-size: 0.88rem; outline: none; transition: border-color 0.3s; resize: none;"></textarea>
1485                        </div>
1486                        
1487                        <button class="btn btn-primary w-full" type="submit" style="padding: 0.9rem; border-radius: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 0.5rem; border: none; cursor: pointer; transition: all 0.3s;"><i class="fa-solid fa-paper-plane"></i> Submit Query & Generate Ticket</button>
1488                    </form>
1489                    
1490                    <!-- Active Tickets Tracker -->
1491                    <div id="my-tickets-container" class="my-tickets-dashboard hidden" style="margin-top: 1.5rem; border-top: 1px dashed var(--bg-border); padding-top: 1.25rem; width: 100%;">
1492                        <h4 style="font-family: var(--font-heading); font-size: 0.95rem; font-weight: 700; color: white; margin-bottom: 0.75rem; text-align: left; display: flex; align-items: center; gap: 0.5rem;"><i class="fa-solid fa-ticket text-turquoise"></i> Active Support Tickets</h4>
1493                        <div id="my-tickets-list" style="display: flex; flex-direction: column; gap: 0.75rem;">
1494                            <!-- Tickets will be dynamically loaded here -->
1495                        </div>
1496                    </div>
1497                </div>
1498            </div>
1499        </div>
1500    </section>
1501
1502    <!-- Footer -->
1503    <footer class="footer">
1504        <div class="container footer-grid">
1505            <div class="foot-brand">
1506                <div class="logo" style="margin-bottom: 1.25rem;">
1507                    <span class="logo-coral" style="font-size: 1.5rem; font-weight: 900; font-family: var(--font-heading); letter-spacing: 0.5px; white-space: nowrap;">GEN</span><span class="logo-light" style="font-size: 1.5rem; font-weight: 500; font-family: var(--font-heading); color: rgba(255,255,255,0.65); white-space: nowrap;">eti</span><span class="logo-turquoise" style="font-size: 1.5rem; font-weight: 900; font-family: var(--font-heading); letter-spacing: 0.5px; white-space: nowrap;">X</span>
1508                </div>
1509                <p>Developing inborn intelligence mapping systems to prevent parenting trial-and-error.</p>
1510                <div class="foot-socials">
1511                    <a href="https://www.facebook.com/dmitgenetix" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
1512                    <a href="https://www.youtube.com/@DMITGENetiX" target="_blank"><i class="fa-brands fa-youtube"></i></a>
1513                    <a href="https://www.instagram.com/dmit.genetix" target="_blank"><i class="fa-brands fa-instagram"></i></a>
1514                    <a href="https://www.linkedin.com/in/dr-bijal-viral-dalal-16357b282" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
1515                </div>
1516            </div>
1517            <div class="foot-links">
1518                <h4>Services</h4>
1519                <a href="#swot">DMIT Test & SWOT</a>
1520                <a href="#booking">Career Guidance</a>
1521                <a href="#mentor">Graphology</a>
1522                <a href="#mentor">Numerology</a>
1523            </div>
1524            <div class="foot-links">
1525                <h4>Mobile App</h4>
1526                <a href="https://play.google.com/store/apps/details?id=com.brainvita.dmit" target="_blank">Download App</a>
1527                <a href="#booking">Book Personalised Demo</a>
1528                <a href="#quiz">Avian SWOT Survey</a>
1529            </div>
1530        </div>
1531        <div class="footer-bottom text-center">
1532            <p>&copy; 2026 GENETIX Copyright All Rights Reserved. Scientifically mapped multiple intelligences. | Google Profile: DMIT Test Know Your Inborn talent - SWOT Analysis by GENetiX.in</p>
1533        </div>
1534    </footer>
1535
1536    
1536<script src="index.js?v=1.1" defer></script>
1536
1537    
1537<script src="survey.js" defer></script>
1537
1538    
1538<script src="https://app.agentive.co.in/widget/cmotnlq0w001u04js2s1co6rj.js" defer></script>
1538
1539</body>
1540</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.