PageSourceSearch

https://nepalicongress.org/about/

html nepalicongress.org collected 2026-10-02 10:01:43 UTC 110,337 bytes, 1,808 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="ne" class="notranslate" translate="no">
5<head>
6  <meta charset="UTF-8">
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8  <meta name="theme-color" content="#2D6B28">
9
10  
11  
11<script>
12    (function () {
13      'use strict';
14      if (!('serviceWorker' in navigator)) return;
15      var RELOAD_FLAG = 'pwa_kill_switch_reloaded_v1';
16      function purgeCaches() {
17        if (!('caches' in window) || typeof caches.keys !== 'function') return Promise.resolve();
18        return caches.keys().then(function (names) {
19          return Promise.all(names.map(function (n) { return caches.delete(n); }));
20        }).catch(function () {});
21      }
22      function unregisterAll() {
23        return navigator.serviceWorker.getRegistrations().then(function (regs) {
24          if (!regs || regs.length === 0) return false;
25          return Promise.all(regs.map(function (r) {
26            return r.unregister().catch(function () { return false; });
27          })).then(function () { return true; });
28        }).catch(function () { return false; });
29      }
30      Promise.all([unregisterAll(), purgeCaches()]).then(function (results) {
31        if (results[0] === true && !sessionStorage.getItem(RELOAD_FLAG)) {
32          sessionStorage.setItem(RELOAD_FLAG, '1');
33          window.location.reload();
34        }
35      });
36      navigator.serviceWorker.addEventListener('message', function (event) {
37        if (event.data && event.data.type === 'SW_KILLED_RELOAD') {
38          if (!sessionStorage.getItem(RELOAD_FLAG)) {
39            sessionStorage.setItem(RELOAD_FLAG, '1');
40            window.location.reload();
41          }
42        }
43      });
44    })();
45  </script>
45
46
47  <title>परिचय · नेपाली कांग्रेस</title>
48  <link rel="icon" href="/media/cms/site/favicon.ico">
49  <meta name="description" content="आजभन्दा करिब ८० वर्षअघि स्थापित नेपाली कांग्रेसको परिचय, इतिहास र उद्देश्यहरू।">
50  <meta name="keywords" content="नेपाली कांग्रेस, Nepali Congress, नेपाल, लोकतन्त्र, राजनीतिक दल, कांग्रेस, democracy, Nepal politics">
51
52  
53  
54  <link rel="canonical" href="https://nepalicongress.org/about/">
55  <meta property="og:type" content="website">
56  <meta property="og:title" content="परिचय — नेपाली कांग्रेस">
57  <meta property="og:description" content="आजभन्दा करिब ८० वर्षअघि स्थापित नेपाली कांग्रेसको परिचय, इतिहास र उद्देश्यहरू।">
58  <meta property="og:image" content="https://nepalicongress.org/media/cms/site/logo.svg">
59  
60  <meta property="og:url" content="https://nepalicongress.org/about/">
61  <meta property="og:site_name" content="नेपाली कांग्रेस">
62  <meta property="og:locale" content="ne_NP">
63  <meta property="og:locale:alternate" content="en_US">
64  <meta name="twitter:card" content="summary_large_image">
65  <meta name="twitter:title" content="परिचय — नेपाली कांग्रेस">
66  <meta name="twitter:description" content="आजभन्दा करिब ८० वर्षअघि स्थापित नेपाली कांग्रेसको परिचय, इतिहास र उद्देश्यहरू।">
67  <meta name="twitter:image" content="https://nepalicongress.org/media/cms/site/logo.svg">
68  <meta name="author" content="नेपाली कांग्रेस">
69  
70
71  <link rel="preconnect" href="https://fonts.googleapis.com">
72  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
73  <link href="https://fonts.googleapis.com/css2?family=Khand:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Fustat:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap" rel="stylesheet">
74
75  
75<script src="https://cdn.tailwindcss.com/3.4.1"></script>
75
76  
76<script>
77    tailwind.config = {
78      theme: {
79        extend: {
80          colors: {
81            brand: {
82              DEFAULT: '#2D6B28',
83              50:  '#F0FDF4', 100: '#DCF2DC', 200: '#BBF7D0', 300: '#86EFAC',
84              400: '#5CB85C', 500: '#3D8037', 600: '#2D6B28', 700: '#245A20',
85              800: '#166534', 900: '#14532D', 950: '#1F471C',
86            },
87          },
88          fontFamily: {
89            khand:      ['Khand', 'Noto Sans Devanagari', 'system-ui', 'sans-serif'],
90            poppins:    ['Poppins', 'Noto Sans Devanagari', 'system-ui', 'sans-serif'],
91            fustat:     ['Fustat', 'Poppins', 'system-ui', 'sans-serif'],
92            devanagari: ['"Noto Sans Devanagari"', 'system-ui', 'sans-serif'],
93            noto_sans_devanagari: ['"Noto Sans Devanagari"', 'system-ui', 'sans-serif'],
94          },
95          fontSize: {
96            'bodySmall':    ['14px', '20px'],
97            'bodyMedium':   ['16px', '24px'],
98            'captionLarge': ['14px', '20px'],
99          },
100          lineHeight: {
101            '11': '2.75rem',
102          },
103          maxWidth: { 'container': '1280px' },
104          zIndex: { '80': '80' },
105          boxShadow: {
106            'dropdown': '0px 12px 20px 0px rgba(0,0,0,0.08)',
107            'book':     '0 10px 30px rgba(0,0,0,0.18)',
108            'cta-focus':'0 0 0 3px #C7D2FE',
109          },
110        },
111      },
112    };
113  </script>
113
114
115  <style>
116    body { font-family: 'Poppins', 'Noto Sans Devanagari', system-ui, sans-serif; }
117    [x-cloak] { display: none !important; }
118
119    /* "Type in Nepali" helper link — same rule as base.html, because the
120       nirwachan election card renders on this base too. */
121    .fl-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.375rem;
122               margin-bottom: 0.375rem; }
123    .fl-line .fl { margin-bottom: 0; }
124    .np-hint {
125      font-size: 0.6875rem;
126      font-weight: 500;
127      color: #245A20;
128      text-decoration: underline;
129      text-underline-offset: 2px;
130    }
131    .np-hint:hover { color: #2D6B28; }
132
133    /* Scroll-reveal — paired with the IntersectionObserver below. */
134    .reveal { opacity: 0; transform: translateY(2rem); transition: opacity .7s ease, transform .7s ease; }
135    .reveal.is-visible { opacity: 1; transform: none; }
136
137    .prose-body p { margin: 0 0 1rem 0; line-height: 1.75; }
138    .prose-body h2 { font-family: 'Khand', sans-serif; font-size: 1.75rem; font-weight: 600; margin: 1.75rem 0 .75rem; color: #111827; }
139    .prose-body h3 { font-family: 'Khand', sans-serif; font-size: 1.35rem; font-weight: 600; margin: 1.5rem 0 .5rem; color: #1f2937; }
140    .prose-body a { color: #2D6B28; text-decoration: underline; text-underline-offset: 3px; }
141    .prose-body ul { list-style: disc; padding-left: 1.5rem; margin: 0 0 1rem; }
142    .prose-body ol { list-style: decimal; padding-left: 1.5rem; margin: 0 0 1rem; }
143    .prose-body img { max-width: 100%; border-radius: 0.75rem; margin: 1rem 0; }
144    .prose-body blockquote { border-left: 4px solid #2D6B28; padding: .25rem 1rem; margin: 1rem 0; color: #475569; font-style: italic; }
145    .prose-body table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
146    .prose-body table th, .prose-body table td { border: 1px solid #e2e8f0; padding: .5rem .75rem; text-align: left; }
147    .prose-body table th { background: #f0fdf4; }
148
149    .hide-scrollbar::-webkit-scrollbar { display: none; }
150    .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
151
152    .nc-kicker { font-family:'Khand', sans-serif; font-weight:600; color:#2D6B28; }
153    .nc-h2 { font-family:'Khand', sans-serif; font-weight:600; color:#111827; }
154  </style>
155  
156</head>
157<body x-data="{ navOpen:false, scrolled:false, hero:false }"
158      @scroll.window="scrolled = (window.scrollY > 30)"
159      class="bg-white text-slate-800 min-h-screen flex flex-col font-poppins">
160
161  
162  <section class="bg-gray-100 relative z-[60]">
163    <div class="container mx-auto px-4">
164      <div class="flex flex-row justify-end sm:justify-between items-center text-gray-700 font-poppins text-sm leading-5 gap-2">
165        
166        
167        
168        
169        <span class="hidden sm:inline-block py-2 font-fustat text-[17px]">१६ असोज २०८३</span>
170        
171        
172        <div class="flex items-center gap-2 sm:gap-4 flex-nowrap justify-end">
173          <a href="/contact/" class="hidden sm:inline py-2 hover:text-brand transition-colors">सम्पर्क</a>
174          <span class="hidden lg:inline text-neutral-300">|</span>
175
176          
177          <div x-data="{ open:false }" @mouseleave="open=false" class="hidden lg:block relative">
178            <button @mouseenter="open=true" @click="open=!open"
179                    class="py-2 flex items-center gap-1 hover:text-brand transition-colors">
180              <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
181                <circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20"/><path d="M2 12h20"/>
182              </svg>
183              पहुँचता
184              <svg class="w-3 h-3" viewBox="0 0 20 20" fill="currentColor"><path d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.06l3.71-3.83a.75.75 0 1 1 1.08 1.04l-4.25 4.39a.75.75 0 0 1-1.08 0L5.21 8.27a.75.75 0 0 1 .02-1.06z"/></svg>
185            </button>
186            <div x-show="open" x-cloak @mouseenter="open=true"
187                 class="absolute right-0 top-full mt-1 bg-white/95 shadow-dropdown backdrop-blur-md rounded-md min-w-48 py-2 z-80">
188              <button class="block w-full text-left px-4 py-2 hover:bg-gray-100">सामान्य</button>
189              <button class="block w-full text-left px-4 py-2 hover:bg-gray-100">
189रङ्गान्धता</button>
190              <button class="block w-full text-left px-4 py-2 hover:bg-gray-100">रातो रङ्गको कमजोरी</button>
191            </div>
192          </div>
193
194          
195          <form method="post" action="/i18n/setlang/" class="inline">
196            <input type="hidden" name="csrfmiddlewaretoken" value="HtNrdV0Ag3avMHLVy3Ud78ztrJJwWFHAP1HN4ijuyBpxcaWoW4pmXD56tTWVYyp6">
197            <input type="hidden" name="next" value="/about/">
198            
199            <select name="language" onchange="this.form.submit()"
200                    class="bg-transparent text-gray-700 rounded px-1 py-0.5 hover:text-brand cursor-pointer">
201              
202                <option value="en" >अंग्रेजी</option>
203              
204                <option value="ne" selected>नेपाली</option>
205              
206            </select>
207          </form>
208
209          
210          
211          
212          
213          <a href="/membership/"
214             class="shrink-0 py-2 font-semibold text-brand hover:text-brand-700 transition-colors whitespace-nowrap">पार्टीमा जोडिनुहोस्</a>
215        </div>
216      </div>
217    </div>
218  </section>
219
220  
221  
222  <header class="sticky top-0 z-50 w-full font-poppins font-medium text-[15px] leading-6 transition-all duration-300 ease-out"
223          :class="(!hero || scrolled) ? 'bg-white shadow-md text-slate-800 py-2' : 'bg-transparent text-white py-3'">
224    <div class="container mx-auto px-4">
225      <div class="flex items-center justify-between gap-2 sm:gap-4">
226        
227        <a href="/" class="flex items-center min-w-0 shrink">
228          <img src="/media/cms/site/logo.svg"
229               alt="नेपाली कांग्रेस" class="h-9 sm:h-11 w-auto min-w-0 max-w-full object-contain"
230               :class="(!hero || scrolled) ? '' : 'brightness-0 invert'">
231        </a>
232
233        
234        <nav class="hidden xl:flex items-center gap-6">
235          
236            
237              
238              <div x-data="{ open:false, t:null }"
239                   @mouseenter="clearTimeout(t); open=true"
240                   @mouseleave="t=setTimeout(()=>open=false, 120)"
241                   class="relative">
242                <a href="/about/"
243                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
244                  <span>हाम्रो बारेमा</span>
245                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
246                       :class="open && 'rotate-180'"
247                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
248                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
249                  </svg>
250                </a>
251                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
252                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
253                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
254                    
255                      
256                        <a href="/about/"
257                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">परिचय</a>
258                      
259                    
260                      
261                        <a href="/history/"
262                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">इतिहास</a>
263                      
264                    
265                      
266                        <a href="/principle/"
267                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">सिद्धान्त</a>
268                      
269                    
270                      
271                        <a href="/achievements/"
272                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">योगदान एवं उपलब्धिहरु</a>
273                      
274                    
275                  </div>
276                </div>
277              </div>
278            
279          
280            
281              
282              <div x-data="{ open:false, t:null }"
283                   @mouseenter="clearTimeout(t); open=true"
284                   @mouseleave="t=setTimeout(()=>open=false, 120)"
285                   class="relative">
286                <a href="/central-committee/"
287                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
288                  <span>संगठन</span>
289                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
290                       :class="open && 'rotate-180'"
291                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
292                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
293                  </svg>
294                </a>
295                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
296                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
297                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
298                    
299                      
300                        <a href="/central-committee/"
301                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रिय कार्यसमिति</a>
302                      
303                    
304                      
305                        <a href="/provincial-committee/"
306                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">प्रदेश कार्यसमिति</a>
307                      
308                    
309                      
310                        <a href="/district/"
311                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">जिल्ला कार्यसमिति</a>
312                      
313                    
314                      
315                        <a href="/constituency-committee/"
316                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">क्षेत्रीय कार्यसमिति</a>
317                      
318                    
319                      
320                        <a href="/provincial-constituency-committee/"
321                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">प्रदेश क्षेत्रीय कार्यसमिति</a>
322                      
323                    
324                      
325                        <a href="/local-committee/"
326                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">पालिका कार्यसमिति</a>
327                      
328                    
329                      
330                        <a href="/ward-committee/"
331                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">वडा कार्यसमिति</a>
332                      
333                    
334                      
335                        <a href="/sister-organizations/"
336                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">भातृ संगठन</a>
337                      
338                    
339                      
340                        <a href="/wellwishers/"
341                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">शुभेच्छुक संघ-संस्था</a>
342                      
343                    
344                      
345                        <a href="/janasamparka-committees/"
346                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">जनसम्पर्क समिति</a>
347                      
348                    
349                  </div>
350                </div>
351              </div>
352            
353          
354            
355              
356              <div x-data="{ open:false, t:null }"
357                   @mouseenter="clearTimeout(t); open=true"
358                   @mouseleave="t=setTimeout(()=>open=false, 120)"
359                   class="relative">
360                <a href="/house-of-representatives/"
361                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
362                  <span>जनप्रतिनिधि</span>
363                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
364                       :class="open && 'rotate-180'"
365                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
366                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
367                  </svg>
368                </a>
369                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
370                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
371                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
372                    
373                      
374                        <a href="/house-of-representatives/"
375                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">प्रतिनिधि सभा</a>
376                      
377                    
378                      
379                        <a href="/national-assembly/"
380                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">राष्ट्रिय सभा</a>
381                      
382                    
383                      
384                        <a href="/provincial-assembly/"
385                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">प्रदेश सभा</a>
386                      
387                    
388                      
389                        <a href="/federal-government/"
390                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">संघीय सरकार</a>
391                      
392                    
393                      
394                        <a href="/committee/district-coordination-committees/"
395                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">जिल्ला समन्वय समिति</a>
396                      
397                    
398                      
399                        <a href="/committee/municipality-chiefs/"
400                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">पालिका प्रमुख/उपप्रमुख</a>
401                      
402                    
403                      
404                        <a href="/committee/ward-representatives/"
405                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">वडा प्रतिनिधि</a>
406                      
407                    
408                  </div>
409                </div>
410              </div>
411            
412          
413            
414              
415              <div x-data="{ open:false, t:null }"
416                   @mouseenter="clearTimeout(t); open=true"
417                   @mouseleave="t=setTimeout(()=>open=false, 120)"
418                   class="relative">
419                <a href="/committee/central-disciplinary-committee/"
420                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
421                  <span>केन्द्रीय निकाय</span>
422                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
423                       :class="open && 'rotate-180'"
424                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
425                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
426                  </svg>
427                </a>
428                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
429                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
430                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
431                    
432                      
433                        <a href="/committee/central-disciplinary-committee/"
434                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रीय अनुशासन समिति</a>
435                      
436                    
437                      
438                        <a href="/committee/central-election-committee/"
439                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रीय निर्वाचन समिति</a>
440                      
441                    
442                      
443                        <a href="/committee/central-accounts-committee/"
444                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रीय लेखा समिति</a>
445                      
446                    
447                      
448                        <a href="/committee/other-central-committees/"
449                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">अन्य समिति</a>
450                      
451                    
452                      
453                        <a href="/committee/central-departments/"
454                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रीय विभाग</a>
455                      
456                    
457                      
458                        <a href="/committee/central-policy-research-training-foundation/"
459                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">केन्द्रीय नीति, अनुसन्धान तथा प्रशिक्षण प्रतिष्ठान</a>
460                      
461                    
462                  </div>
463                </div>
464              </div>
465            
466          
467            
468              
469              <div x-data="{ open:false, t:null }"
470                   @mouseenter="clearTimeout(t); open=true"
471                   @mouseleave="t=setTimeout(()=>open=false, 120)"
472                   class="relative">
473                <a href="/books/"
474                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
475                  <span>दस्तावेज</span>
476                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
477                       :class="open && 'rotate-180'"
478                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
479                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
480                  </svg>
481                </a>
482                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
483                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
484                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
485                    
486                      
487                        <a href="/party/statutes-and-regulations/"
488                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">विधान / नियमावली</a>
489                      
490                    
491                      
492                        <a href="/documents/"
493                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">निर्देशिका / कार्यविधि</a>
494                      
495                    
496                      
497                        <a href="/party/accountingreport/"
498                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">लेखा परीक्षण प्रतिवेदन</a>
499                      
500                    
501                      
502                        <a href="/documents/"
503                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">अन्य प्रतिवेदन</a>
504                      
505                    
506                  </div>
507                </div>
508              </div>
509            
510          
511            
512              
513              <div x-data="{ open:false, t:null }"
514                   @mouseenter="clearTimeout(t); open=true"
515                   @mouseleave="t=setTimeout(()=>open=false, 120)"
516                   class="relative">
517                <a href="/activities/"
518                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
519                  <span>गतिविधि</span>
520                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
521                       :class="open && 'rotate-180'"
522                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
523                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
524                  </svg>
525                </a>
526                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
527                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
528                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
529                    
530                      
531                        <a href="/activities/"
532                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">सबै गतिविधि</a>
533                      
534                    
535                  </div>
536                </div>
537              </div>
538            
539          
540            
541              
542              <div x-data="{ open:false, t:null }"
543                   @mouseenter="clearTimeout(t); open=true"
544                   @mouseleave="t=setTimeout(()=>open=false, 120)"
545                   class="relative">
546                <a href="/press-releases/"
547                   class="flex items-center gap-1 py-4 hover:text-brand transition-colors">
548                  <span>मीडिया</span>
549                  <svg class="w-3.5 h-3.5 transition-transform duration-200"
550                       :class="open && 'rotate-180'"
551                       viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
552                    <path d="M19.92 8.95l-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" stroke-linecap="round" stroke-linejoin="round"/>
553                  </svg>
554                </a>
555                <div class="absolute top-full right-0 pt-2 z-80 min-w-48 transition-all duration-200 ease-out origin-top-right will-change-[transform,opacity]"
556                     :class="open ? 'opacity-100 scale-100 translate-y-0 pointer-events-auto' : 'opacity-0 scale-95 -translate-y-1 pointer-events-none'">
557                  <div class="rounded-md bg-white/[.66] shadow-[0px_12px_20px_0px_rgba(0,0,0,0.08)] backdrop-blur-[16px] overflow-hidden">
558                    
559                      
560                        <a href="/press-releases/"
561                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">प्रेस विज्ञप्ति</a>
562                      
563                    
564                      
565                        <a href="/party/circular/"
566                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">परिपत्र</a>
567                      
568                    
569                      
570                        <a href="/party/interviews/"
571                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">अन्तर्वार्ता, मन्तव्य एवं विचार</a>
572                      
573                    
574                      
575                        <a href="/events/gallery/"
576                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">ग्यालरी</a>
577                      
578                    
579                      
580                        <a href="/books/"
581                           class="block px-4 py-3 text-sm transition-colors duration-150 text-gray-700 hover:bg-gray-300">पुस्तकालय</a>
582                      
583                    
584                  </div>
585                </div>
586              </div>
587            
588          
589            
590              <a href="/mahadhiveshan/" class="py-4 hover:text-brand transition-colors">महाधिवेशन</a>
591            
592          
593        </nav>
594
595        <div class="flex items-center gap-2 sm:gap-3">
596          
597          
598          
599          
600          
601          
602          
603          
604            <a href="/login/"
605               class="inline-flex items-center justify-center font-medium transition-all duration-200 border py-2 px-3 sm:py-2.5 sm:px-4 text-sm rounded-lg"
606               :class="(!hero || scrolled) ? 'text-brand border-brand hover:bg-brand/5' : 'text-white border-white/70 hover:bg-white/10'">
607              लग इन
608            </a>
609          
610          
611          <button @click="navOpen=!navOpen" class="xl:hidden p-2" aria-label="Menu">
612            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 6h16M4 12h16M4 18h16"/></svg>
613          </button>
614        </div>
615      </div>
616    </div>
617
618    
619    <div x-show="navOpen" x-cloak x-transition class="xl:hidden bg-white text-slate-800 border-t border-slate-200 max-h-[80vh] overflow-y-auto">
620      <div class="container mx-auto px-4 py-3 flex flex-col">
621        
622          <a href="/about/" class="py-2 font-semibold hover:text-brand">हाम्रो बारेमा</a>
623          
624            
625              <a href="/about/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· परिचय</a>
626            
627          
628            
629              <a href="/history/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· इतिहास</a>
630            
631          
632            
633              <a href="/principle/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· सिद्धान्त</a>
634            
635          
636            
637              <a href="/achievements/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">
637· योगदान एवं उपलब्धिहरु</a>
638            
639          
640        
641          <a href="/central-committee/" class="py-2 font-semibold hover:text-brand">संगठन</a>
642          
643            
644              <a href="/central-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· केन्द्रिय कार्यसमिति</a>
645            
646          
647            
648              <a href="/provincial-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· प्रदेश कार्यसमिति</a>
649            
650          
651            
652              <a href="/district/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· जिल्ला कार्यसमिति</a>
653            
654          
655            
656              <a href="/constituency-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· क्षेत्रीय कार्यसमिति</a>
657            
658          
659            
660              <a href="/provincial-constituency-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· प्रदेश क्षेत्रीय कार्यसमिति</a>
661            
662          
663            
664              <a href="/local-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· पालिका कार्यसमिति</a>
665            
666          
667            
668              <a href="/ward-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· वडा कार्यसमिति</a>
669            
670          
671            
672              <a href="/sister-organizations/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· भातृ संगठन</a>
673            
674          
675            
676              <a href="/wellwishers/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· शुभेच्छुक संघ-संस्था</a>
677            
678          
679            
680              <a href="/janasamparka-committees/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· जनसम्पर्क समिति</a>
681            
682          
683        
684          <a href="/house-of-representatives/" class="py-2 font-semibold hover:text-brand">जनप्रतिनिधि</a>
685          
686            
687              <a href="/house-of-representatives/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· प्रतिनिधि सभा</a>
688            
689          
690            
691              <a href="/national-assembly/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· राष्ट्रिय सभा</a>
692            
693          
694            
695              <a href="/provincial-assembly/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· प्रदेश सभा</a>
696            
697          
698            
699              <a href="/federal-government/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· संघीय सरकार</a>
700            
701          
702            
703              <a href="/committee/district-coordination-committees/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· जिल्ला समन्वय समिति</a>
704            
705          
706            
707              <a href="/committee/municipality-chiefs/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· पालिका प्रमुख/उपप्रमुख</a>
708            
709          
710            
711              <a href="/committee/ward-representatives/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· वडा प्रतिनिधि</a>
712            
713          
714        
715          <a href="/committee/central-disciplinary-committee/" class="py-2 font-semibold hover:text-brand">केन्द्रीय निकाय</a>
716          
717            
718              <a href="/committee/central-disciplinary-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· केन्द्रीय अनुशासन समिति</a>
719            
720          
721            
722              <a href="/committee/central-election-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· केन्द्रीय निर्वाचन समिति</a>
723            
724          
725            
726              <a href="/committee/central-accounts-committee/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· केन्द्रीय लेखा समिति</a>
727            
728          
729            
730              <a href="/committee/other-central-committees/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· अन्य समिति</a>
731            
732          
733            
734              <a href="/committee/central-departments/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· केन्द्रीय विभाग</a>
735            
736          
737            
738              <a href="/committee/central-policy-research-training-foundation/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">
738· केन्द्रीय नीति, अनुसन्धान तथा प्रशिक्षण प्रतिष्ठान</a>
739            
740          
741        
742          <a href="/books/" class="py-2 font-semibold hover:text-brand">दस्तावेज</a>
743          
744            
745              <a href="/party/statutes-and-regulations/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· विधान / नियमावली</a>
746            
747          
748            
749              <a href="/documents/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· निर्देशिका / कार्यविधि</a>
750            
751          
752            
753              <a href="/party/accountingreport/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· लेखा परीक्षण प्रतिवेदन</a>
754            
755          
756            
757              <a href="/documents/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· अन्य प्रतिवेदन</a>
758            
759          
760        
761          <a href="/activities/" class="py-2 font-semibold hover:text-brand">गतिविधि</a>
762          
763            
764              <a href="/activities/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· सबै गतिविधि</a>
765            
766          
767        
768          <a href="/press-releases/" class="py-2 font-semibold hover:text-brand">मीडिया</a>
769          
770            
771              <a href="/press-releases/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· प्रेस विज्ञप्ति</a>
772            
773          
774            
775              <a href="/party/circular/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· परिपत्र</a>
776            
777          
778            
779              <a href="/party/interviews/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· अन्तर्वार्ता, मन्तव्य एवं विचार</a>
780            
781          
782            
783              <a href="/events/gallery/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· ग्यालरी</a>
784            
785          
786            
787              <a href="/books/" class="pl-4 py-1.5 text-sm text-slate-600 hover:text-brand">· पुस्तकालय</a>
788            
789          
790        
791          <a href="/mahadhiveshan/" class="py-2 font-semibold hover:text-brand">महाधिवेशन</a>
792          
793        
794        
795          <a href="/login/" class="mt-3 px-4 py-2.5 rounded-lg text-center font-medium text-sm border border-brand text-brand">लग इन</a>
796        
797        <a href="/membership/" class="mt-2 mb-2 px-4 py-2.5 rounded-lg text-center font-medium text-sm bg-brand text-white">पार्टीमा जोडिनुहोस्</a>
798      </div>
799    </div>
800  </header>
801
802  <main class="flex-1 ">
803    
804
805<div class="bg-[#1F471C] relative pt-32 md:pt-40 pb-52 overflow-hidden">
806  <div class="container mx-auto px-4 relative z-10">
807    <div class="max-w-[750px]">
808      <h1 class="text-[48px] leading-[60px] text-white font-semibold font-khand">परिचय</h1>
809      <p class="text-white text-[18px] leading-[28px] mt-3">
810        आजभन्दा करिब ८० वर्षअघि मुलुकमा विद्यमान जहाँनिया हुकुमी शासनको विरुद्ध नेपाली जनतालाई जनक्रान्तिको आह्वान गर्ने उद्देश्यका साथ नेपाली कांग्रेसको स्थापना भएको हो।
811      </p>
812    </div>
813  </div>
814  <img src="/static/img/flag-light.png" alt="Nepali Congress Flag"
815       class="object-cover w-auto h-full absolute top-0 bottom-0 right-0 z-0" loading="lazy">
816</div>
817
818
819<div class="container mx-auto px-4 -translate-y-1/2">
820  <div class="rounded-2xl p-6 md:p-12 lg:p-24 shadow-sm border bg-white border-transparent">
821    <div class="grid grid-cols-2 gap-6 sm:gap-8 lg:gap-4 lg:grid-cols-2">
822      <div class="flex flex-col items-center justify-center gap-2 sm:gap-3 text-center">
823        <h3 class="text-[24px] sm:text-[36px] lg:text-[48px] leading-[32px] sm:leading-[44px] lg:leading-[60px] font-semibold font-fustat text-[#111827]">२००३</h3>
824        <p class="text-[12px] sm:text-[14px] lg:text-[16px] leading-[18px] sm:leading-[20px] lg:leading-[24px] font-normal text-[#4B5563]">स्थापना</p>
825      </div>
826      <div class="flex flex-col items-center justify-center gap-2 sm:gap-3 text-center">
827        <h3 class="text-[24px] sm:text-[36px] lg:text-[48px] leading-[32px] sm:leading-[44px] lg:leading-[60px] font-semibold font-fustat text-[#111827]">८९७,०००</h3>
828        <p class="text-[12px] sm:text-[14px] lg:text-[16px] leading-[18px] sm:leading-[20px] lg:leading-[24px] font-normal text-[#4B5563]">सदस्य संख्या</p>
829      </div>
830    </div>
831  </div>
832</div>
833
834
835<div style="margin-top:-6rem">
836  
837  
838    <section class="timeline_sections relative"
839             x-data="{ active: 0, total: 11 }">
840      <div class="relative">
841        
842          <div x-show="active === 0"
843               x-transition:enter="transition ease-out duration-500"
844               x-transition:enter-start="opacity-0"
845               x-transition:enter-end="opacity-100"
846               >
847            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
848                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/congresshistory.jpg'); ">
849              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
850                <div class="max-w-xl space-y-1 sm:space-y-2">
851                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
852                    ०७ फाल्गुण २००७
853                  </div>
854                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
855                    राणा शासनविरुद्ध संघर्ष र प्रजातन्त्रको स्थापना
856                  </h3>
857                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
858                    नेपाली कांग्रेसको नेतृत्वमा भएको संघर्ष मार्फत राणा शासनको अन्त्य गर्दै नेपालमा प्रजातन्त्रको स्थापना।
859                  </p>
860                </div>
861              </div>
862            </div>
863          </div>
864        
865          <div x-show="active === 1"
866               x-transition:enter="transition ease-out duration-500"
867               x-transition:enter-start="opacity-0"
868               x-transition:enter-end="opacity-100"
869               x-cloak>
870            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
871                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/timeline2015.png'); ">
872              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
873                <div class="max-w-xl space-y-1 sm:space-y-2">
874                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
875                    ०७ फाल्गुण २०१५
876                  </div>
877                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
878                    पहिलो आमनिर्वाचन
879                  </h3>
880                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
881                    नेपालको पहिलो आमनिर्वाचनमा बीपी कोइराला नेतृत्à
881¤µà¤•ो नेपाली कांग्रेसले ७४ सिटसहित संसद्मा दुई तिहाइ बहुमत हासिल।
882                  </p>
883                </div>
884              </div>
885            </div>
886          </div>
887        
888          <div x-show="active === 2"
889               x-transition:enter="transition ease-out duration-500"
890               x-transition:enter-start="opacity-0"
891               x-transition:enter-end="opacity-100"
892               x-cloak>
893            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
894                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/timeline3.png'); ">
895              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
896                <div class="max-w-xl space-y-1 sm:space-y-2">
897                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
898                    ०१ पौष २०१७
899                  </div>
900                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
901                    राजा महेन्द्रद्वारा जननिर्वाचित सरकार भङ्ग, विपी कोइराला लगायत नेता जेल चलान
902                  </h3>
903                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
904                    राजा महेन्द्रद्वारा कोइराला नेतृत्वको सरकार भङ्ग गरी पञ्चायती व्यवस्था लागू, विपी कोइराला लगायतका नेतालाई कुनै मुद्दा बिना नै ८ वर्षसम्म कैद र तत्पश्चात भारत निर्वासन।
905                  </p>
906                </div>
907              </div>
908            </div>
909          </div>
910        
911          <div x-show="active === 3"
912               x-transition:enter="transition ease-out duration-500"
913               x-transition:enter-start="opacity-0"
914               x-transition:enter-end="opacity-100"
915               x-cloak>
916            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
917                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/timeline2017.png'); ">
918              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
919                <div class="max-w-xl space-y-1 sm:space-y-2">
920                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
921                    १६ पौष २०३३
922                  </div>
923                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
924                    राष्ट्रिय मेलमिलापको नीति अबलम्बन
925                  </h3>
926                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
927                    प्रजातन्त्रको पुनर्स्थापनाको लागि सम्पूर्ण राजनीतिक शक्तिबीच समझदारीको वकालत गर्दै राष्ट्रिय मेलमिलापको नयाँ नीति अनुसरण गर्दै भारतको निर्वासनबाट बी.पी. कोइरालाको स्वदेश फिर्ता।
928                  </p>
929                </div>
930              </div>
931            </div>
932          </div>
933        
934          <div x-show="active === 4"
935               x-transition:enter="transition ease-out duration-500"
936               x-transition:enter-start="opacity-0"
937               x-transition:enter-end="opacity-100"
938               x-cloak>
939            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
940                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/2036jestha.jpg'); ">
941              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
942                <div class="max-w-xl space-y-1 sm:space-y-2">
943                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
944                    २० बैशाख २०३७
945                  </div>
946                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
947                    विद्यार्थी आन्दोलन पछि राà
947¤·à¥à¤Ÿà¥à¤°à¤¿à¤¯ जनमत संग्रह घोषित
948                  </h3>
949                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
950                    नेपाल विद्यार्थी संघ सम्मेलित विद्यार्थी आन्दोलनपछि राजा वीरेन्द्रद्वारा घोषणा गरिएको राष्ट्रिय जनमत संग्रहमा नेपाली कांग्रेस सहभागी, बहुदलीय प्रणालीको पक्षमा उभिएको।
951                  </p>
952                </div>
953              </div>
954            </div>
955          </div>
956        
957          <div x-show="active === 5"
958               x-transition:enter="transition ease-out duration-500"
959               x-transition:enter-start="opacity-0"
960               x-transition:enter-end="opacity-100"
961               x-cloak>
962            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
963                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/timeline5.png'); ">
964              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
965                <div class="max-w-xl space-y-1 sm:space-y-2">
966                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
967                    २६ चैत्र २०४६
968                  </div>
969                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
970                    निर्दलिय पञ्चायती व्यवस्थाको अन्त्य भई बहुदलको स्थापना
971                  </h3>
972                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
973                    राजा महेन्द्रबाट लागू गरिएको निर्दलिय पञ्चायती व्यवस्था विरुद्ध नेपाली कांग्रेसले नेतृत्व गरेको जनआन्दोलन सफल।
974                  </p>
975                </div>
976              </div>
977            </div>
978          </div>
979        
980          <div x-show="active === 6"
981               x-transition:enter="transition ease-out duration-500"
982               x-transition:enter-start="opacity-0"
983               x-transition:enter-end="opacity-100"
984               x-cloak>
985            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
986                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/2046timeline.jpg'); ">
987              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
988                <div class="max-w-xl space-y-1 sm:space-y-2">
989                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
990                    २९ बैशाख २०४८
991                  </div>
992                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
993                    लोकतन्त्रको संस्थागत विकास
994                  </h3>
995                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
996                    २०४६ सालको जनआन्दोलनपछि २०४८ वैशाख २९ मा सम्पन्न भएको पहिलो आमनिर्वाचनबाट नेपाली कांग्रेस बहुमतका साथ विजयी।
997                  </p>
998                </div>
999              </div>
1000            </div>
1001          </div>
1002        
1003          <div x-show="active === 7"
1004               x-transition:enter="transition ease-out duration-500"
1005               x-transition:enter-start="opacity-0"
1006               x-transition:enter-end="opacity-100"
1007               x-cloak>
1008            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
1009                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/88888.jpg'); ">
1010              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
1011                <div class="max-w-xl space-y-1 sm:space-y-2">
1012                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
1013                    २० बैशाख २०५६
1014                  </div>
1015                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
1016                    आम निर्वाचनबाट नेपाली कांग्रेसलाई बहुमत प्राà
1016¤ªà¥à¤¤
1017                  </h3>
1018                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
1019                    २०५६ सालमा सम्पन्न आम निर्वाचनमा कृष्णप्रसाद भट्टराईको सभापतित्वमा नेपाली कांग्रेसद्वारा संसदमा बहुमत (२०५ मध्ये ११३ सिट) प्राप्त।
1020                  </p>
1021                </div>
1022              </div>
1023            </div>
1024          </div>
1025        
1026          <div x-show="active === 8"
1027               x-transition:enter="transition ease-out duration-500"
1028               x-transition:enter-start="opacity-0"
1029               x-transition:enter-end="opacity-100"
1030               x-cloak>
1031            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
1032                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/2063timeline.jpg'); ">
1033              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
1034                <div class="max-w-xl space-y-1 sm:space-y-2">
1035                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
1036                    ०५ मंसिर २०६३
1037                  </div>
1038                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
1039                    शान्ति प्रक्रिया र गणतन्त्रको यात्रा
1040                  </h3>
1041                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
1042                    तत्कालीन प्रधानमन्त्री गिरिजा प्रसाद कोइरालाको नेतृत्वमा भएको विस्तृत शान्ति सम्झौताबाट १० वर्षे जनयुद्धको अन्त्य, दोस्रो जनआन्दोलनको नेतृत्व गर्दै राजतन्त्रको अन्त्य र संविधानसभाको मार्ग प्रशस्त।
1043                  </p>
1044                </div>
1045              </div>
1046            </div>
1047          </div>
1048        
1049          <div x-show="active === 9"
1050               x-transition:enter="transition ease-out duration-500"
1051               x-transition:enter-start="opacity-0"
1052               x-transition:enter-end="opacity-100"
1053               x-cloak>
1054            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
1055                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/2072timeline.jpg'); ">
1056              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
1057                <div class="max-w-xl space-y-1 sm:space-y-2">
1058                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
1059                    ०३ आश्विन २०७२
1060                  </div>
1061                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
1062                    संविधान निर्माण र संघीय लोकतन्त्र कार्यान्वयन
1063                  </h3>
1064                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
1065                    तत्कालीन प्रधानमन्त्री सुशील कोइरालाको नेतृत्à
1065¤µà¤®à¤¾ संविधान जारी, शेरबहादुर देउवाको नेतृत्वमा २०७४ मा प्रदेश र प्रतिनिधि सभाको निर्वाचन सम्पन्न र संघीय लोकतान्त्रिक गणतन्त्रको कार्यान्वयन।
1066                  </p>
1067                </div>
1068              </div>
1069            </div>
1070          </div>
1071        
1072          <div x-show="active === 10"
1073               x-transition:enter="transition ease-out duration-500"
1074               x-transition:enter-start="opacity-0"
1075               x-transition:enter-end="opacity-100"
1076               x-cloak>
1077            <div class="bg-cover bg-top bg-no-repeat h-[300px] sm:h-[400px] md:h-[500px] lg:h-[570px] xl:h-[650px] 2xl:h-[750px] relative overflow-hidden shadow-book"
1078                 style="background-image:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url('/media/cms/timeline/bieshesh.png'); ">
1079              <div class="container mx-auto px-4 py-8 sm:py-12 md:py-16 lg:py-24">
1080                <div class="max-w-xl space-y-1 sm:space-y-2">
1081                  <div class="font-semibold text-[18px] sm:text-[26px] md:text-[38px] lg:text-[50px] text-white font-fustat">
1082                    २७ पौष २०८२
1083                  </div>
1084                  <h3 class="font-semibold text-[18px] sm:text-[22px] md:text-[28px] lg:text-[36px] leading-tight text-white font-khand">
1085                    नेपाली कांग्रेस विशेष महाधिवेशन आयोजना
1086                  </h3>
1087                  <p class="text-[14px] sm:text-[16px] md:text-[16px] lg:text-[18px] leading-relaxed text-[#D1D5DB]">
1088                    नवयुवा पुस्ताको आह्वानमा बदलिएको देश, बदल्नुपर्ने कांग्रेस भन्ने आवश्यकतालाई आत्मसात् गर्दै नेपाली कांग्रेसद्वारा विशेष महाधिवेशनको आयोजना गरी पार्टीमा नयाँ नेतृत्व चयन।
1089                  </p>
1090                </div>
1091              </div>
1092            </div>
1093          </div>
1094        
1095
1096        <div class="absolute bottom-4 sm:bottom-6 md:bottom-8 left-0 right-0 z-10">
1097          <div class="container mx-auto px-4">
1098            <div class="flex items-end w-full">
1099              
1100                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1101                     @click="active = 0">
1102                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1103                       :class="active === 0 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1104                    २००७
1105                  </div>
1106                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1107                       :class="active === 0 ? 'text-red-600' : 'text-[#5CB85C]'">
1108                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1109                  </div>
1110                </div>
1111                
1112                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1113                
1114              
1115                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1116                     @click="active = 1">
1117                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1118                       :class="active === 1 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1119                    २०१५
1120                  </div>
1121                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1122                       :class="active === 1 ? 'text-red-600' : 'text-[#5CB85C]'">
1123                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24">
1123<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1124                  </div>
1125                </div>
1126                
1127                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1128                
1129              
1130                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1131                     @click="active = 2">
1132                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1133                       :class="active === 2 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1134                    २०१७
1135                  </div>
1136                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1137                       :class="active === 2 ? 'text-red-600' : 'text-[#5CB85C]'">
1138                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1139                  </div>
1140                </div>
1141                
1142                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1143                
1144              
1145                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1146                     @click="active = 3">
1147                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1148                       :class="active === 3 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1149                    २०३३
1150                  </div>
1151                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1152                       :class="active === 3 ? 'text-red-600' : 'text-[#5CB85C]'">
1153                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1154                  </div>
1155                </div>
1156                
1157                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1158                
1159              
1160                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1161                     @click="active = 4">
1162                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1163                       :class="active === 4 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1164                    २०३७
1165                  </div>
1166                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1167                       :class="active === 4 ? 'text-red-600' : 'text-[#5CB85C]'">
1168                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1169                  </div>
1170                </div>
1171                
1172                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1173                
1174              
1175                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1176                     @click="active = 5">
1177                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1178                       :class="active === 5 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1179                    २०४६
1180                  </div>
1181                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1182                       :class="active === 5 ? 'text-red-600' : 'text-[#5CB85C]'">
1183                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1184                  </div>
1185                </div>
1186                
1187                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1188                
1189              
1190                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1191                     @click="active = 6">
1192                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1193                       :class="active === 6 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1194                    २०४८
1195                  </div>
1196                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1197                       :class="active === 6 ? 'text-red-600' : 'text-[#5CB85C]'">
1198                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1199                  </div>
1200                </div>
1201                
1202                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1203                
1204              
1205                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1206                     @click="active = 7">
1207                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1208                       :class="active === 7 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1209                    २०५६
1210                  </div>
1211                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1212                       :class="active === 7 ? 'text-red-600' : 'text-[#5CB85C]'">
1213                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1214                  </div>
1215                </div>
1216                
1217                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1218                
1219              
1220                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1221                     @click="active = 8">
1222                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1223                       :class="active === 8 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1224                    २०६३
1225                  </div>
1226                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1227                       :class="active === 8 ? 'text-red-600' : 'text-[#5CB85C]'">
1228                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1229                  </div>
1230                </div>
1231                
1232                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1233                
1234              
1235                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1236                     @click="active = 9">
1237                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1238                       :class="active === 9 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1239                    २०७२
1240                  </div>
1241                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1242                       :class="active === 9 ? 'text-red-600' : 'text-[#5CB85C]'">
1243                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1244                  </div>
1245                </div>
1246                
1247                  <div class="flex-1 h-[3px] mb-1 sm:mb-1.5 bg-[#9CA3AF]"></div>
1248                
1249              
1250                <div class="flex flex-col items-center cursor-pointer transition-all duration-300"
1251                     @click="active = 10">
1252                  <div class="hidden md:block font-semibold mb-1 transition-colors duration-300 font-fustat text-base lg:text-[24px] lg:leading-[32px]"
1253                       :class="active === 10 ? 'text-[#5CB85C]' : 'text-[#9CA3AF]'">
1254                    २०८२
1255                  </div>
1256                  <div class="w-3 h-3 sm:w-4 sm:h-4 transition-all duration-300"
1257                       :class="active === 10 ? 'text-red-600' : 'text-[#5CB85C]'">
1258                    <svg class="w-full h-full" fill="currentColor" viewBox="0 0 24 24">
1258<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
1259                  </div>
1260                </div>
1261                
1262              
1263            </div>
1264          </div>
1265        </div>
1266      </div>
1267    </section>
1268  
1269</div>
1270
1271
1272
1273  <section class="py-8 md:py-10 lg:py-12">
1274    <div class="container mx-auto px-4">
1275      <div>
1276        <div class="text-sm font-medium text-[#2D6B28] mb-2 tracking-wide">हाम्रो दृष्टिकोण</div>
1277        <h2 class="text-[#111827] font-bold text-3xl md:text-4xl leading-tight font-khand mb-4">नेपाली कांग्रेसको परिचय</h2>
1278        <div class="text-[#4B5563] text-lg prose-body mb-8">
1279          <p>आजभन्दा करिब ८० वर्षअघि मुलुकमा विद्यमान जहाँनिया हुकुमी शासनको विरुद्ध नेपाली जनतालाई जनक्रान्तिको आह्वान गर्ने उद्देश्यका साथ नेपाली कांग्रेसको स्थापना भएको हो। त्यसयता नेपालको इतिहासका हरेक ठूला लोकतान्त्रिक आन्दोलनको नेतृत्व नेपाली कांग्रेसले गरेको छ।</p>
1280        </div>
1281      </div>
1282    </div>
1283  </section>
1284
1285
1286
1287<section class="py-8 md:py-10 lg:py-12 bg-[#14532D]">
1288  <div class="container mx-auto px-4">
1289    <div class="mb-8">
1290      <div class="text-sm font-medium text-white/80 mb-2 tracking-wide">हाम्रो संगठनात्मक शक्ति</div>
1291      <div class="text-[#BBF7D0] font-bold text-3xl md:text-4xl leading-tight font-khand mb-4">संगठनात्मक संरचना</div>
1292      <div class="text-white/90 text-lg leading-relaxed mb-8 max-w-3xl">
1293        <p>केन्द्रीय कार्यसमिति नेपाली कांग्रेसको सर्वोच्च कार्यकारी निकाय हो, जसमा १६७ निर्वाचित र मनोनित सदस्यहरू छन् जसले पार्टीको दिशानिर्देश गर्छन् र नेपालभर लोकतान्त्रिक नीतिहरू कार्यान्वयन गर्छन्।</p>
1294      </div>
1295    </div>
1296    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
1297      <div class="bg-[#BBF7D0] p-6 rounded-xl text-black">
1298        <div class="text-4xl md:text-5xl font-bold text-red-600 font-fustat mb-4">१३४</div>
1299        <h3 class="text-xl font-bold text-gray-700 font-khand mb-3">केन्द्रीय सदस्यहरू</h3>
1300        <p class="text-gray-500">पार्टीको केन्द्रीय कार्यसमितिका सदस्यहरू</p>
1301      </div>
1302      <div class="bg-[#BBF7D0] p-6 rounded-xl text-black">
1303        <div class="text-4xl md:text-5xl font-bold text-red-600 font-fustat mb-4">७७</div>
1304        <h3 class="text-xl font-bold text-gray-700 font-khand mb-3">जिल्ला समितिहरू</h3>
1305        <p class="text-gray-500">देशभरका जिल्ला कार्यसमितिहरू</p>
1306      </div>
1307      <div class="bg-[#BBF7D0] p-6 rounded-xl text-black">
1308        <div class="text-4xl md:text-5xl font-bold text-red-600 font-fustat mb-4">७५३</div>
1309        <h3 class="text-xl font-bold text-gray-700 font-khand mb-3">स्थानीय समितिहरू</h3>
1310        <p class="text-gray-500">पालिका तहका कार्यसमितिहरू</p>
1311      </div>
1312      <div class="bg-[#BBF7D0] p-6 rounded-xl text-black">
1313        <div class="text-4xl md:text-5xl font-bold text-red-600 font-fustat mb-4">६,७४३</div>
1314        <h3 class="text-xl font-bold text-gray-700 font-khand mb-3">वडा समितिहरू</h3>
1315        <p class="text-gray-500">वडा तहका कार्यसमितिहरू</p>
1316      </div>
1317    </div>
1318  </div>
1319</section>
1320
1321  </main>
1322
1323  
1324  <footer>
1325    
1326    <div class="pt-8 md:pt-16"
1327         style="background-color:#166534;background:linear-gradient(135deg, rgba(22,101,52,0.8), rgba(22,101,52,0.8)), url('/static/img/footer1.jpg') center/cover no-repeat;">
1328      <div class="container mx-auto px-4 relative z-10">
1329        <div class="max-w-[700px] space-y-4 text-center md:text-left">
1330          <h2 class="text-white font-semibold font-khand text-[24px] md:text-[36px] leading-[32px] md:leading-[44px]">
1331            लोकतान्त्रिक आन्दोलनमा सहभागी बनौँ
1332          </h2>
1333          <p class="text-[#E5E7EB] font-regular text-[16px] md:text-[18px] leading-[24px] md:leading-[28px]">
1334            नेपालको लोकतान्त्रिक भविष्यको हिस्सा बन्नुहोस्। प्रत्येक आवाज महत्वपूर्ण छ, प्रत्येक कदमको अर्थ हुन्छ।
1335          </p>
1336        </div>
1337        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-4 mt-6 md:mt-8 -mb-12 md:-mb-24 relative z-30">
1338          
1339<div class="rounded-2xl p-6 relative overflow-hidden flex flex-col h-full" style="background-color:#15803d">
1340  <div class="space-y-3 flex-grow mb-8">
1341    <h3 class="font-khand text-white font-semibold text-[20px] leading-[30px]">सदस्य बन्नुहोस्</h3>
1342    <p class="text-[#E5E7EB] text-base">
1342लाखौँ नेपालीहरुसंगै तपाईं पनि हाम्रो अभियानमा जोडिनुहोस्।</p>
1343  </div>
1344  <a href="/membership/" class="text-white font-medium text-bodySmall inline-flex items-center gap-1 whitespace-nowrap group">
1345    अनलाइन सदस्यता फारम
1346    <svg class="w-5 h-5 -rotate-45 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83" stroke-linecap="round" stroke-linejoin="round"/></svg>
1347  </a>
1348  <div class="w-36 h-36 text-white absolute -bottom-6 -right-6 opacity-20">
1349    
1350      
1351      <svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 24 24" fill="none">
1352        <path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10ZM3.41 22c0-3.87 3.85-7 8.59-7 .96 0 1.89.13 2.76.37" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1353        <path d="M22 18c0 .32-.04.63-.12.93-.09.4-.25.79-.46 1.13A3.97 3.97 0 0 1 18 22a3.92 3.92 0 0 1-2.66-1.03c-.3-.26-.56-.57-.76-.91A3.92 3.92 0 0 1 14 18a3.995 3.995 0 0 1 4-4c1.18 0 2.25.51 2.97 1.33.64.71 1.03 1.65 1.03 2.67ZM19.49 17.98h-2.98M18 16.52v2.99" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
1354      </svg>
1355    
1356  </div>
1357</div>
1358
1359          
1360<div class="rounded-2xl p-6 relative overflow-hidden flex flex-col h-full" style="background-color:#15803d">
1361  <div class="space-y-3 flex-grow mb-8">
1362    <h3 class="font-khand text-white font-semibold text-[20px] leading-[30px]">सुझाव दिनुहोस्</h3>
1363    <p class="text-[#E5E7EB] text-base">पार्टी नेतृत्वलाई आफ्नो अमूल्य सुझाव दिनुहोस्।</p>
1364  </div>
1365  <a href="/contact/" class="text-white font-medium text-bodySmall inline-flex items-center gap-1 whitespace-nowrap group">
1366    सुझाव दिनुहोस्
1367    <svg class="w-5 h-5 -rotate-45 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83" stroke-linecap="round" stroke-linejoin="round"/></svg>
1368  </a>
1369  <div class="w-36 h-36 text-white absolute -bottom-6 -right-6 opacity-20">
1370    
1371      <svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 24 24" fill="none">
1372        <path d="M22 7.43v6c0 1.5-.5 2.75-1.38 3.63-.87.87-2.12 1.37-3.62 1.37v2.13c0 .8-.89 1.28-1.55.84L11 18.43H8.88c.08-.3.12-.61.12-.93 0-1.02-.39-1.96-1.03-2.67A3.944 3.944 0 0 0 5 13.5c-1.12 0-2.14.46-2.87 1.21-.09-.4-.13-.81-.13-1.28v-6C2 2.93 3.5 1.43 7 1.43h10c3.5 0 5 1.5 5 5Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1373        <path d="M9 18.43c-1.12 0-2.14.46-2.87 1.21A3.984 3.984 0 0 0 5 22.5l-3-2.25c-.21-.34-.37-.73-.46-1.13-.08-.3-.12-.61-.12-.93 0-1.02.39-1.96 1.03-2.67A3.992 3.992 0 0 1 5 14.5c1.18 0 2.25.51 2.97 1.33.64.71 1.03 1.65 1.03 2.67Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1374      </svg>
1375    
1376  </div>
1377</div>
1378
1379          
1380<div class="rounded-2xl p-6 relative overflow-hidden flex flex-col h-full" style="background-color:#15803d">
1381  <div class="space-y-3 flex-grow mb-8">
1382    <h3 class="font-khand text-white font-semibold text-[20px] leading-[30px]">स्वयंसेवक बन्नुहोस्</h3>
1383    <p class="text-[#E5E7EB] text-base">हाम्रो कार्यक्रम र अभियानहरूमा स्वयंसेवक भएर योगदान गर्नुहोस्।</p>
1384  </div>
1385  <a href="/membership/" class="text-white font-medium text-bodySmall inline-flex items-center gap-1 whitespace-nowrap group">
1386    स्वयंसेवक फारम
1387    <svg class="w-5 h-5 -rotate-45 transition-transform group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path d="M14.43 5.93L20.5 12l-6.07 6.07M3.5 12h16.83" stroke-linecap="round" stroke-linejoin="round"/></svg>
1388  </a>
1389  <div class="w-36 h-36 text-white absolute -bottom-6 -right-6 opacity-20">
1390    
1391      <svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 24 24" fill="none">
1392        <path d="M17 21H7c-4 0-5-1-5-5V8c0-4 1-5 5-5h10c4 0 5 1 5 5v8c0 4-1 5-5 5ZM14 8h5M15 12h4M17 16h2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1393        <path d="M8.5 11.29a1.81 1.81 0 1 0 0-3.62 1.81 1.81 0 0 0 0 3.62ZM12 16.33a3.02 3.02 0 0 0-2.74-2.72 7.72 7.72 0 0 0-1.52 0A3.03 3.03 0 0 0 5 16.33" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1394      </svg>
1395    
1396  </div>
1397</div>
1398
1399        </div>
1400      </div>
1401    </div>
1402
1403    
1404    <div class="bg-white pt-20 md:pt-40 relative">
1405      <div class="container mx-auto px-4 relative z-20">
1406        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-10 gap-4">
1407          <div class="space-y-6 md:space-y-8 col-span-1 lg:col-span-4">
1408            <div class="text-center md:text-left">
1409              <img src="/media/cms/site/logo.svg"
1410                   alt="नेपाली कांग्रेस" class="mx-auto md:mx-0 h-[50px] w-auto">
1411            </div>
1412            <p class="text-[#4B5563] text-center md:text-left text-sm md:text-base">
1413              विगत ८० वर्षदेखि राà
1413¤·à¥à¤Ÿà¥à¤°à¤¿à¤¯à¤¤à¤¾, लोकतन्त्र र समाजवादका लागि प्रतिबद्ध राजनीतिक अभियान — नेपाली कांग्रेस।
1414              
1415            </p>
1416            <div class="flex gap-3 justify-center md:justify-start">
1417              
1418                <a href="https://www.facebook.com/nepalicongresshq" target="_blank" rel="noopener" class="w-8 h-8 rounded-full flex items-center justify-center hover:scale-110 transition-transform text-white" style="background-color:#1877F2" aria-label="Facebook">
1419                  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
1420                </a>
1421              
1422              
1423                <a href="https://x.com/NepaliCongress" target="_blank" rel="noopener" class="w-8 h-8 rounded-full flex items-center justify-center hover:scale-110 transition-transform text-white bg-black" aria-label="X / Twitter">
1424                  <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
1425                </a>
1426              
1427              
1428                <a href="https://www.youtube.com/channel/UCbEMIE6Zz1IFX-F2u2dbTWw" target="_blank" rel="noopener" class="w-8 h-8 rounded-full flex items-center justify-center hover:scale-110 transition-transform text-white" style="background-color:#FF0000" aria-label="YouTube">
1429                  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
1430                </a>
1431              
1432            </div>
1433            <div class="space-y-2 text-center md:text-left">
1434              <div class="text-[#6B7280] flex items-center gap-1 text-[14px] leading-[20px] font-regular">
1435                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M12 13.43a3.12 3.12 0 1 0 0-6.24 3.12 3.12 0 0 0 0 6.24Z" stroke="currentColor" stroke-width="1.5"/><path d="M3.62 8.49c1.97-8.66 14.8-8.65 16.76.01 1.15 5.08-2.01 9.38-4.78 12.04a5.193 5.193 0 0 1-7.21 0c-2.76-2.66-5.92-6.97-4.77-12.05Z" stroke="currentColor" stroke-width="1.5"/></svg>
1436                <span>नेपाली काँग्रेस केन्द्रीय कार्यालय, सानेपा, लालितपुर, काठमाडौं, नेपाल</span>
1437              </div>
1438              
1439              <div class="text-[#6B7280] flex items-center gap-1 text-[14px] leading-[20px] font-regular">
1440                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m17 9-3.13 2.5c-1.03.82-2.72.82-3.75 0L7 9" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
1441                <a href="/cdn-cgi/l/email-protection#b5dcdbd3daf5dbd0c5d4d9dcd6dadbd2c7d0c6c69bdac7d2" class="hover:text-brand"><span class="__cf_email__" data-cfemail="3e575058517e505b4e5f52575d5150594c5b4d4d10514c59">[email&#160;protected]</span></a>
1442              </div>
1443              
1444              
1445              <div class="text-[#6B7280] flex items-center gap-1 text-[14px] leading-[20px] font-regular">
1446                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1446ox="0 0 24 24" fill="none"><path d="M21.97 18.33c0 .36-.08.71-.25 1.05-.17.34-.39.66-.68.96-.49.54-1.03.8-1.6.8-.21 0-.43-.04-.63-.13l-2.06-.87c-.32-.13-.58-.37-.72-.69l-1.64-3.94a.979.979 0 0 1 .08-.87L16 13.4c-.46-.86-1.07-1.67-1.82-2.43-.75-.76-1.56-1.37-2.41-1.83l-1.61 1.52a.977.977 0 0 1-.87.09L5.35 9.11a1.26 1.26 0 0 1-.69-.72l-.87-2.07c-.09-.21-.13-.43-.13-.64 0-.56.26-1.1.79-1.59.29-.27.61-.5.96-.67.34-.17.7-.25 1.07-.25.52 0 1 .2 1.37.57l2.86 3.59c.28.35.37.83.22 1.26L9.6 9.89c.76.42 1.47.97 2.12 1.63.65.66 1.2 1.37 1.62 2.13l1.42-.36c.43-.14.91-.06 1.26.22l3.59 2.86c.37.37.56.85.56 1.36Z" stroke="currentColor" stroke-width="1.5"/></svg>
1447                <span>+977-1-5545330</span>
1448              </div>
1449              
1450            </div>
1451          </div>
1452
1453          <div class="lg:col-span-2">
1454            <h4 class="text-[#111827] font-khand font-semibold mb-3 text-lg">द्रुत पहुँच</h4>
1455            <ul class="space-y-2 text-sm text-[#4B5563]">
1456              
1457                <li><a href="/about/" class="hover:text-brand">हाम्रो बारेमा</a></li>
1458              
1459                <li><a href="/leadership/" class="hover:text-brand">नेतृत्व</a></li>
1460              
1461                <li><a href="/news/" class="hover:text-brand">समाचार</a></li>
1462              
1463                <li><a href="/events/" class="hover:text-brand">कार्यक्रम</a></li>
1464              
1465                <li><a href="/contact/" class="hover:text-brand">सम्पर्क</a></li>
1466              
1467                <li><a href="/contact/" class="hover:text-brand">केन्द्रीय कार्यालय</a></li>
1468              
1469            </ul>
1470          </div>
1471          <div class="lg:col-span-2">
1472            <h4 class="text-[#111827] font-khand font-semibold mb-3 text-lg">मीडिया</h4>
1473            <ul class="space-y-2 text-sm text-[#4B5563]">
1474              <li><a href="/news/" class="hover:text-brand">प्रेस विज्ञप्ति</a></li>
1475              <li><a href="/events/gallery/" class="hover:text-brand">ग्यालरी</a></li>
1476              <li><a href="/documents/" class="hover:text-brand">पुस्तकालय</a></li>
1477              <li><a href="/events/" class="hover:text-brand">कार्यक्रम</a></li>
1478            </ul>
1479          </div>
1480          <div class="lg:col-span-2">
1481            <h4 class="text-[#111827] font-khand font-semibold mb-3 text-lg">संलग्न हुनुहोस्</h4>
1482            <ul class="space-y-2 text-sm text-[#4B5563]">
1483              <li><a href="/membership/" class="hover:text-brand">पार्टीमा जोडिनुहोस्</a></li>
1484              <li><a href="/donation/" class="hover:text-brand">दान दिनुहोस्</a></li>
1485              <li><a href="/portal/" class="hover:text-brand">सदस्य पोर्टल</a></li>
1486            </ul>
1487          </div>
1488        </div>
1489
1490        <div class="text-[#4B5563] h-auto md:h-[88px] flex items-center justify-center md:justify-start mt-8 md:mt-16 pb-4 md:pb-0 text-sm md:text-base">
1491          © 2026 नेपाली कांग्रेस। सबै अधिकार सुरक्षित।
1492          <span class="mx-2 text-[#9CA3AF]">·</span>
1493          Powered By:
1494          <a href="https://sahasratech.com.np" target="_blank" rel="noopener noreferrer"
1495             class="ml-1 hover:text-brand">Sahasra Tech</a>
1496        </div>
1497      </div>
1498      <img alt="Footer Background" loading="lazy" class="absolute bottom-0 left-0 z-[12] right-0 w-full h-auto object-cover" src="/static/img/footer2.gif">
1499      <img alt="Footer Background" loading="lazy" class="absolute bottom-0 left-0 z-10 right-0 w-full h-auto object-cover" src="/static/img/footer1.png">
1500    </div>
1501  </footer>
vendor: 112 bytes, lines 1501-1503
1501
1502
1503  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1503<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" defer></script>
1503
1504  
1504<script>
1505    // Scroll-reveal: fade `.reveal` elements in as they enter the viewport.
1506    document.addEventListener('DOMContentLoaded', function () {
1507      var io = new IntersectionObserver(function (entries) {
1508        entries.forEach(function (e) {
1509          if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
1510        });
1511      }, { threshold: 0.12 });
1512      document.querySelectorAll('.reveal').forEach(function (el) { io.observe(el); });
1513    });
1514  </script>
1514
1515  
1516  
1517  
1518  
1519  
1520  <div x-data="leaderBioModal()" x-cloak
1521       x-show="open"
1522       @keydown.escape.window="close()"
1523       @click.self="close()"
1524       class="fixed inset-0 z-[100] flex items-center justify-center bg-black/60 p-4">
1525    <div class="bg-white rounded-2xl max-w-3xl w-full max-h-[85vh] overflow-y-auto shadow-xl"
1526         @click.stop>
1527      <div class="sticky top-0 bg-white border-b border-gray-100 px-6 py-4 flex items-center justify-between gap-4">
1528        <h3 class="font-khand font-semibold text-xl text-emerald-950" x-text="title"></h3>
1529        <button type="button" @click="close()" aria-label="बन्द गर्नुहोस्"
1530                class="text-gray-400 hover:text-gray-700 text-2xl leading-none p-1">×</button>
1531      </div>
1532      <div class="px-6 py-6 prose prose-emerald max-w-none font-fustat text-[15px] leading-7">
1533        <template x-if="loading"><p class="text-gray-500 italic">लोड हुँदै…</p></template>
1534        <template x-if="!loading"><div x-html="body"></div></template>
1535      </div>
1536    </div>
1537  </div>
1538  
1538<script>
1539    function leaderBioModal() {
1540      return {
1541        open: false, title: '', body: '', loading: false,
1542        close() { this.open = false; this.body = ''; this.title = ''; },
1543        async load(url, fallbackTitle) {
1544          this.open = true; this.loading = true; this.title = fallbackTitle || '';
1545          try {
1546            const sep = url.includes('?') ? '&' : '?';
1547            const r = await fetch(url + sep + 'modal=1', { credentials: 'same-origin' });
1548            const html = await r.text();
1549            // Parse the returned fragment; expect <h3 data-modal-title> + <div data-modal-body>
1550            const tmp = document.createElement('div'); tmp.innerHTML = html;
1551            const t = tmp.querySelector('[data-modal-title]');
1552            const b = tmp.querySelector('[data-modal-body]');
1553            if (t) this.title = t.textContent.trim();
1554            this.body = b ? b.innerHTML : html;
1555          } catch (e) {
1556            this.body = '<p class="text-red-600">विवरण लोड गर्न सकिएन।</p>';
1557          } finally { this.loading = false; }
1558        }
1559      };
1560    }
1561    document.addEventListener('click', function (e) {
1562      const el = e.target.closest('.js-leader-modal');
1563      if (!el) return;
1564      e.preventDefault();
1565      const url = el.dataset.leaderUrl
1566        || (el.dataset.leaderSlug ? '/leader/' + el.dataset.leaderSlug + '/' : el.getAttribute('href'));
1567      const title = el.dataset.leaderName || el.textContent.trim();
1568      const root = document.querySelector('[x-data^="leaderBioModal"]');
1569      if (root && root.__x) root.__x.$data.load(url, title);
1570      else {
1571        // Alpine not yet initialised — fall back to navigation
1572        window.location.href = url;
1573      }
1574    });
1575  </script>
1575
1576  
1577  
1578
1579
1580<div id="hf-countdown-pill" class="print:hidden fixed z-30 flex flex-col items-end gap-1 select-none touch-none"
1581     x-data="hfFloatingCountdown(0)"
1582     x-show="ready && election" x-cloak
1583     :style="`right:${pos.right}px;bottom:${pos.bottom}px`"
1584     @pointerdown="dragStart($event)" @pointermove="dragMove($event)"
1585     @pointerup="dragEnd($event)" @pointercancel="dragEnd($event)"
1586     @resize.window="clamp()" @click.outside="open = false">
1587  <template x-if="election">
1588    <div class="contents">
1589      <div x-show="open" x-cloak
1590           class="w-max max-w-[14rem] rounded-lg bg-white shadow-lg border border-brand-200 px-3 py-2 text-left">
1591        <p class="text-[10px] font-medium text-brand-700">आगामी अधिवेशन</p>
1592        <p class="text-xs font-semibold text-gray-900 leading-snug" x-text="election.scope_label"></p>
1593        <p class="text-[10px] text-gray-500" x-show="election.level_np" x-text="election.level_np"></p>
1594        <p class="text-[11px] text-gray-700 mt-1" x-text="election.held_on_np"></p>
1595        <p class="text-[10px] text-gray-500" x-show="election.venue" x-text="election.venue"></p>
1596      </div>
1597      
1598      <button type="button" @click="toggle()"
1599              :aria-expanded="open.toString()" aria-label="आगामी अधिवेशन — तान्न सकिन्छ, थिच्दा विवरण"
1600              class="flex items-center gap-2 rounded-full bg-brand-700/95 text-white shadow-lg px-3.5 py-2 text-xs leading-tight cursor-grab active:cursor-grabbing">
1601        <span class="inline-block w-2 h-2 rounded-full bg-white/80 animate-pulse"></span>
1602        <span>अधिवेशन</span>
1603        <span class="font-semibold tabular-nums" x-show="remaining" x-text="compact"></span>
1604        <span class="font-semibold" x-show="!remaining">आज</span>
1605      </button>
1606    </div>
1607  </template>
1608</div>
1609
1610
1611<script>
1612  
1613  function hfCountdownFetch() {
1614    if (!window._hfCountdownPromise) {
1615      window._hfCountdownPromise = fetch('/api/v1/nirwachan/member-countdown/', { credentials: 'same-origin' })
1616        .then(function (r) { return r.ok ? r.json() : { election: null }; })
1617        .catch(function () { return { election: null }; });
1618    }
1619    return window._hfCountdownPromise;
1620  }
1621
1622  function hfElectionCountdown() {
1623    return {
1624      ready: false,
1625      election: null,
1626      remaining: null,   // {days, hours, minutes, seconds} or null once due
1627      timer: null,
1628
1629      async init() {
1630        try {
1631          const data = await hfCountdownFetch();
1632          this.election = data.election || null;
1633        } catch (e) {
1634          this.election = null;
1635        }
1636        this.ready = true;
1637        if (this.election) {
1638          this.tick();
1639          // One second is the only interval that makes a seconds cell
1640          // honest; the whole thing is arithmetic on a cached timestamp,
1641          // so it costs nothing and never touches the network again.
1642          this.timer = setInterval(() => this.tick(), 1000);
1643        }
1644      },
1645
1646      tick() {
1647        const target = new Date(this.election.starts_at).getTime();
1648        let delta = Math.floor((target - Date.now()) / 1000);
1649        if (delta <= 0) {
1650          this.remaining = null;
1651          if (this.timer) { clearInterval(this.timer); this.timer = null; }
1652          return;
1653        }
1654        this.remaining = {
1655          days: Math.floor(delta / 86400),
1656          hours: Math.floor((delta % 86400) / 3600),
1657          minutes: Math.floor((delta % 3600) / 60),
1658          seconds: delta % 60,
1659        };
1660      },
1661
1662      // Devanagari digits, because every other number on this page is in
1663      // them — an ASCII countdown beside a BS date looks like a bug.
1664      np(n) {
1665        return String(n).replace(/[0-9]/g, function (d) {
1666          return '०१२३४५६७८९'[Number(d)];
1667        });
1668      },
1669
1670      get cells() {
1671        const r = this.remaining;
1672        if (!r) return [];
1673        return [
1674          { label: 'दिन', value: this.np(r.days) },
1675          { label: 'घण्टा', value: this.np(r.hours) },
1676          { label: 'मिनेट', value: this.np(r.minutes) },
1677          { label: 'सेकेन्ड', value: this.np(r.seconds) },
1678        ];
1679      },
1680
1681      get todayLabel() {
1682        // The card only ever shows a FUTURE अधिवेशन (the API filters on
1683        // date), so reaching zero means the day has arrived while the page
1684        // was open — not that it is long past.
1685        return 'अधिवेशन आज हुँदैछ।';
1686      },
1687    };
1688  }
1689
1690  // The phone's pill: the same countdown, fixed to the screen and draggable.
1691  // `tabbarHeight` is the member bottom bar's height where that bar is drawn
1692  // (0 inside the app's WebView, which draws its own bar outside the page),
1693  // so the pill can never be dropped behind it.
1694  function hfFloatingCountdown(tabbarHeight) {
1695    const KEY = 'hf-countdown-pos';
1696    const EDGE = 8;
1697    const floor = tabbarHeight + EDGE;
1698    // Kept outside Alpine's reactive state: a proxied DOM node throws on
1699    // native calls like setPointerCapture.
1700    let el = null;
1701
1702    const base = hfElectionCountdown();
1703    const baseInit = base.init;
1704    // defineProperties, not Object.assign: assign would copy the `cells` and
1705    // `compact` getters as the values they had at that moment, and freeze them.
1706    return Object.defineProperties(base, Object.getOwnPropertyDescriptors({
1707      open: false,
1708      // Starts above the WhatsApp button (partials/_whatsapp_contact.html),
1709      // which holds the corner itself: its 48px plus a gap either side.
1710      pos: { right: 12, bottom: tabbarHeight + 76 },
1711      drag: null,
1712      moved: false,
1713
1714      async init() {
1715        el = this.$el;
1716        try {
1717          const saved = JSON.parse(localStorage.getItem(KEY) || 'null');
1718          if (saved && isFinite(saved.right) && isFinite(saved.bottom)) this.pos = saved;
1719        } catch (e) { /* no storage: the pill starts in its corner */ }
1720        await baseInit.call(this);
1721        this.$nextTick(() => this.clamp());
1722      },
1723
1724      // "१२ दिन ०६:३४:१२" — one line, so the pill stays small.
1725      get compact() {
1726        const r = this.remaining;
1727        if (!r) return '';
1728        const two = (n) => this.np(String(n).padStart(2, '0'));
1729        return (r.days ? this.np(r.days) + ' दिन ' : '') +
1730          two(r.hours) + ':' + two(r.minutes) + ':' + two(r.seconds);
1731      },
1732
1733      dragStart(e) {
1734        if (e.button) return;
1735        this.drag = { x: e.clientX, y: e.clientY, right: this.pos.right, bottom: this.pos.bottom };
1736        this.moved = false;
1737      },
1738
1739      dragMove(e) {
1740        if (!this.drag) return;
1741        const dx = e.clientX - this.drag.x;
1742        const dy = e.clientY - this.drag.y;
1743        // A few pixels of slop, so a tap that wobbles is still a tap.
1744        if (!this.moved && Math.abs(dx) + Math.abs(dy) < 6) return;
1745        if (!this.moved) {
1746          this.moved = true;
1747          try { e.currentTarget.setPointerCapture(e.pointerId); } catch (err) {}
1748        }
1749        this.pos = { right: this.drag.right - dx, bottom: this.drag.bottom - dy };
1750        this.clamp();
1751      },
1752
1753      dragEnd() {
1754        if (!this.drag) return;
1755        this.drag = null;
1756        if (!this.moved) return;
1757        try { localStorage.setItem(KEY, JSON.stringify(this.pos)); } catch (e) {}
1758      },
1759
1760      toggle() {
1761        // The click a drag ends with is not a tap.
1762        if (this.moved) { this.moved = false; return; }
1763        this.open = !this.open;
1764        this.$nextTick(() => this.clamp());
1765      },
1766
1767      // Keep the whole pill (and its open details) on screen and above the
1768      // bottom bar — after a drag, a rotation, or opening the details.
1769      clamp() {
1770        if (!el) return;
1771        const maxRight = Math.max(EDGE, window.innerWidth - el.offsetWidth - EDGE);
1772        const maxBottom = Math.max(floor, window.innerHeight - el.offsetHeight - EDGE);
1773        this.pos = {
1774          right: Math.min(Math.max(this.pos.right, EDGE), maxRight),
1775          bottom: Math.min(Math.max(this.pos.bottom, floor), maxBottom),
1776        };
1777      },
1778    }));
1779  }
1780</script>
1780
1781
1782  
1783
1784
1785<style>@media (max-width: 767px) { body.dm-thread-open #wa-contact, body.dm-thread-open #hf-countdown-pill { display: none !important; } }</style>
1786
1787<a id="wa-contact" href="https://wa.me/9779712056351" target="_blank" rel="noopener"
1788   aria-label="Message us on WhatsApp (+977 9712056351)"
1789   title="Message us on WhatsApp"
1790   class="print:hidden fixed z-30 right-4 bottom-[calc(1rem_+_env(safe-area-inset-bottom))] md:bottom-5 flex h-12 w-12 items-center justify-center rounded-full bg-[#25D366] text-white shadow-lg ring-1 ring-black/5 transition hover:bg-[#1ebe5b] hover:scale-105 focus:outline-none focus-visible:ring-4 focus-visible:ring-[#25D366]/40">
1791  <svg class="h-7 w-7" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.59-5.945C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 0 1 8.413 3.488 11.82 11.82 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
1792</a>
1793
1794
1795
1796  
1797
1798
1799  
1800
1801
1802  
1803
1804
1805  
1806<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4a1659a416dc42a9a8740fa389316aa8","r":1,"spa":2}' crossorigin="anonymous"></script>
1806
1807</body>
1808</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.