PageSourceSearch

https://nationalartmuseum.gov.np/pages/about_us/

html nationalartmuseum.gov.np collected 2026-10-04 21:26:22 UTC 146,976 bytes, 4,461 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5
6  <head>
7    <meta charset="UTF-8">
8    <meta name="viewport"
9        content="width=device-width, initial-scale=1.0">
10    <title>
11      हाम्रो बारेमा | National Art Museum Bhaktapur   
12    </title>
13
14    <link rel="icon" type="image/x-icon" href="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png">
15
16
17    
18
19
20
21
22
23    
24    <meta name="twitter:card" content="summary_large_image">
25
26
27    <meta name="twitter:title" content="हाम्रो बारेमा | | National Art Museum Bhaktapur">
28    <meta property="og:title" content="हाम्रो बारेमा | National Art Museum Bhaktapur">
29    <meta name="twitter:url" content="https://nationalartmuseum.gov.np/pages/about_us/">
30
31
32
33    <meta name="twitter:description" content="राष्ट्रिय कला संग्रहालय भक्तपुर दरबार क्षेत्र स्थित ऐतिहासिक सिंह ढोका दरबारमा नेपाल सरकार, पुरातत्व विभागद्वारा वि.सं २०१७ साल आषाढ १७ गते राष्ट्रिय कला संग्रहालयको स्थापना भएको हो । भक्तपुर राजदर">
34    <meta property="og:description" content="राष्ट्रिय कला संग्रहालय भक्तपुर दरबार क्षेत्र स्थित ऐतिहासिक सिंह ढोका दरबारमा नेपाल सरकार, पुरातत्व विभागद्वारा वि.सं २०१७ साल आषाढ १७ गते राष्ट्रिय कला संग्रहा…">
35
36
37<link rel="canonical" href="https://nationalartmuseum.gov.np/pages/about_us/">
38
39
40    <meta property="og:image" content="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png">
41    <meta name="twitter:image" content="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png">
42
43
44<meta name="twitter:image:width" content="1200">
45<meta name="twitter:image:height" content="800">
46
47
48
49<meta property="og:type" content="article">
50<meta property="og:url" content="https://nationalartmuseum.gov.np/pages/about_us/">
51<meta property="og:image:width" content="1200">
52<meta property="og:image:height" content="800">
53
54<meta name="description" content="राष्ट्रिय कला संग्रहालय भक्तपुर दरबार क्षेत्र स्थित ऐतिहासिक सिंह ढोका दरबारमा नेपाल सरकार, पुरातत्व विभागद्वारा वि.सं २०१७ साल आषाढ १७ गते राष्ट्रिय कला संग्रहा…">
55<meta name="keywords" content="संग्रहालय तथा स्मारक संरक्षण कार्यालय, भक्तपुर">
56
57    
58
59
60
61
62
63
64
65    
65<script src="https://unpkg.com/@phosphor-icons/web"></script>
65
66
67
68    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css" />
69
70    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" />
71    <link rel="stylesheet"
72            href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
73
74
75    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
76
77    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
78
79    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
80        integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
81        crossorigin="anonymous" referrerpolicy="no-referrer" />
82
83    <link rel="stylesheet"
84    href="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/css/nice-select.min.css"
85    integrity="sha512-CruCP+TD3yXzlvvijET8wV5WxxEh5H8P4cmz0RFbKK6FlZ2sYl3AEsKlLPHbniXKSrDdFewhbmBK5skbdsASbQ=="
86    crossorigin="anonymous"
87    referrerpolicy="no-referrer" />
88
89
90       
91
92    <link rel="stylesheet" href="https://giwmscdnone.gov.np/static/assets/css/detail-1.css?v=1">
93    <link rel="stylesheet" href="https://giwmscdnone.gov.np/static/assets/css/org-table.css">
94    <link rel="stylesheet" href="https://giwmscdnone.gov.np/static/assets/css/feedback.css">
95    
96    <link rel="stylesheet" href="https://giwmscdnone.gov.np/static/assets/css/style.css?v=3">
97    
98
99    <link rel="stylesheet"
100    href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css"
101    integrity="sha512-rd0qOHVMOcez6pLWPVFIv7EfSdGKLt+eafXh4RO/12Fgr41hDQxfGvoi1Vy55QIVcQEujUE1LQrATCLl2Fs+ag=="
102    crossorigin="anonymous"
103    referrerpolicy="no-referrer" />
104
105    
106
107<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dearhive/[email protected]/dflip/css/dflip.min.css" />
108<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dearhive/[email protected]/dflip/css/themify-icons.min.css" />
109<style>
110    .old__pmList td img {
111        min-width: 140px;
112    }
113
114    .old__pmList td h3 {
115        margin-bottom: 0;
116    }
117
118    @media (max-width: 992px) {
119        .old__pmList td img {
120            min-width: 120px;
121        }
122    }
123
124    @media (max-width: 768px) {
125        .old__pmList td img {
126            min-width: 100px;
127        }
128    }
129
130    @media (max-width: 575px) {
131        .old__pmList td h3 a {
132            font-size: 18px;
133            font-weight: 600;
134        }
135
136        .old__pmList table tbody td {
137            font-size: 14px;
138        }
139    }
140
141    .view__more{
142        display: none;
143    }
144</style>
145
146<style>
147    .custom-wrapper-ck {
148        padding-top: 20px;
149        width: 100%;
150    }
151
152    .custom-wrapper-ck input[type="text"] {
153        padding: 8px;
154        margin-bottom: 10px;
155        box-sizing: border-box;
156    }
157
158    .custom-wrapper-ck table {
159        width: 100%;
160        border-collapse: collapse;
161        margin-bottom: 20px;
162    }
163
164    .custom-wrapper-ck th,
165    .custom-wrapper-ck td {
166        padding: 8px;
167        border: 1px solid #ddd;
168    }
169
170    .custom-wrapper-ck th {
171        padding: 20px 15px;
172        font-size: 16px;
173        font-weight: 500;
174        color: #666;
175        border: 0;
176        border-bottom: 1px solid #ddd;
177    }
178
179    
180
181    /* Style for unordered list */
182    .table-responsive ul {
183        list-style-type: disc;
184        /* Bullet style */
185        margin-left: 20px;
186        /* Adjust margin as needed */
187    }
188
189    /* Style for ordered list */
190    .table-responsive ol {
191        list-style-type: decimal;
192        /* Numbering style */
193        margin-left: 20px;
194        /* Adjust margin as needed */
195    }
196
197    /* Style for list items */
198    .table-responsive li {
199        margin-bottom: 5px;
200        /* Adjust spacing between list items */
201    }
202
203    .custom-bs-table{
204        border: 1px solid var(--border-color);
205        border-radius: 4px;
206        padding: 20px;
207    }
208
209    .custom-bs-table h1{
210        margin-bottom: 20px;
211        font-size: 20px;
212        font-weight: 600;
213    }
214
215    .custom-bs-table table{
216        border: 0;
217    }
218
219    .custom-bs-table table tbody tr:not(:last-child) td{
220        border-bottom: 1px solid #ddd;
221    }
222
223    .custom-bs-table table tbody td{
224        border: 0;
225        padding: 20px 15px;
226        font-size: 16px;
227        font-weight: 500;
228        color: #666;
229    }
230
231    .custom-bs-table table tbody td[colspan]{
232        color: var(--theme-color);
233        font-weight: 600;
234        font-size: 16px;
235        background: var(--theme-light-color);
236        border-bottom: 0 !important;
237    }
238
239    .custom-bs-table table tbody td>a{
240        color: var(--secondary-color);
241    }
242
243    .custom-table-popup{
244        position: fixed;
245        top: 0;
246        left: 0;
247        width: 100%;
248        height: 100vh;
249        background: rgba(255, 255, 255, 0.2);
250        backdrop-filter: blur(5px);
251        z-index: 1000;
252        display: grid;
253        place-items: center;
254        display: none;
255    }
256
257    .custom-table-popup .popup-wrapper {
258        width: 80%;
259        height: 90%;
260    }
261
262    .custom-table-popup .popup-wrapper .popup-pdf-viewer{
263        width: 100%;
264        height: 100%;
265    }
266
267    .custom-table-popup .popup-wrapper .popup-pdf-viewer object{
268        width: 100%;
269        height: 100%;
270    }
271
272    .popup__dismiss{
273        position: absolute;
274        top: 20px;
275        right: 20px;
276        background: transparent;
277        display: flex;
278        border: 0;
279        outline: none;
280        opacity: .5;
281        transition: all 300ms ease-in-out;
282    }
283
284    .popup__dismiss:hover{
285        opacity: 1;
286    }
287
288    .popup__dismiss svg{
289        color: var(--secondary-color);
290        display: flex;
291        font-size: 22px;
292    }
293
294    .disabled__popup{
295        display: grid;
296        animation: revealPopup .5s forwards;
297    }
298
299    .custom__hide{
300        animation: hidePopup .5s forwards;
301    }
302
303    @media (max-width: 575px){
304        .custom-table-popup .popup-wrapper {
305            width: 95%;
306            height: 80%;
307        }
308    }
309
310    @keyframes revealPopup {
311        0%{
312            opacity:0;
313        }
314
315        100%{
316            opacity:1;
317        }
318    }
319
320    @keyframes hidePopup {
321        0%{
322            opacity:1;
323        }
324
325        100%{
326            opacity:0;
327        }
328    }
329</style>
330
331<style>
332    .fontsize__toggler {
333        display: flex;
334        grid-gap: 10px;
335        justify-content: start;
336        margin-bottom: 20px;
337    }
338
339    .fontsize__toggler .size__toggler {
340        display: flex;
341        align-items: center;
342        flex-direction: column;
343        justify-content: center;
344        grid-gap: 2px;
345        transition: all 300ms ease-in-out;
346        background: transparent;
347        position: relative;
348        font-family: "poppins", sans-serif;
349        font-size: 12px;
350        font-weight: 500;
351        color: var(--author-clr);
352        border: 0px;
353        text-indent: 0;
354        text-align: center;
355        transition: all 300ms ease-in-out;
356    }
357
358    .fontsize__toggler .size__toggler.reset__size .font__icon svg {
359        font-size: 14px;
360    }
361
362    .fontsize__toggler .size__toggler:hover .font__icon {
363        background: var(--theme-color-200);
364    }
365
366    .fontsize__toggler .size__toggler:active,
367    .fontsize__toggler .size__toggler.active {
368        color: var(--theme-color);
369    }
370
371    .fontsize__toggler .size__toggler:active .font__icon,
372    .fontsize__toggler .size__toggler.active .font__icon {
373        background: var(--theme-color);
374        color: white;
375    }
376
377    .fontsize__toggler .size__toggler:active .font__icon svg,
378    .fontsize__toggler .size__toggler.active .font__icon svg {
379        color: white;
380    }
381
382    .fontsize__toggler .size__toggler .font__icon {
383        background: var(--theme-color-100);
384        display: flex;
385        align-items: center;
386        justify-content: center;
387        grid-gap: 2px;
388        padding: 10px;
389        font-size: 18px;
390        font-weight: 500;
391        min-width: 40px;
392        height: 35px;
393        border-radius: 4px;
394        color: var(--theme-color);
395        transition: all 300ms ease-in-out;
396    }
397
398    .fontsize__toggler .size__toggler .font__icon svg {
399        font-size: 10px;
400        color: var(--theme-color);
401        transition: all 300ms ease-in-out;
402    }
403</style>
404
405<!-- riri css  -->
406<style>
407    :root {
408        --riri-color: #273c92;
409    }
410    @media (max-width: 550px) {
411     .riri__audio .audio__control-center .voice__play .playBtn {
412      background: var(--theme-color) !important;
413     }
414    }
415   
416    .riri__audio .audio__control-center .riri__logo {
417     justify-content: end;
418    }
419   
420    .riri__voice {
421     margin-top: 10px;
422    }
423   
424    :root {
425     --riri-color: #273c92
426    }
427   
428    .post__meta .author img {
429     width: 40px !important;
430    }
431   
432    .audio__control-center .row {
433     align-items: center;
434    }
435   
436    .riri__audio {
437     margin-top: 2rem;
438     margin-bottom: 20px;
439    }
440   
441    .riri__audio .audio__control-center .voice__play {
442     position: relative;
443     display: flex;
444     align-items: center;
445     grid-gap: 1rem;
446     cursor: pointer;
447    }
448   
449    @media (max-width: 400px) {
450     .riri__audio .audio__control-center .voice__play {
451      grid-gap: .5rem;
452     }
453    }
454   
455    .riri__audio .audio__control-center .voice__play .playBtn {
456     position: relative;
457     min-width: 4rem;
458     height: 4rem;
459     display: grid;
460     place-items: center;
461     border: 0;
462     outline: none;
463     background: var(--theme-color);
464     border-radius: 50px;
465     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
466    }
467   
468    @media (max-width: 550px) {
469     .riri__audio .audio__control-center .voice__play .playBtn {
470      background: var(--theme-color);
471      min-width: 3rem;
472      height: 3rem;
473     }
474    }
475   
476    @media (max-width: 400px) {
477     .riri__audio .audio__control-center .voice__play .playBtn {
478      min-width: 2.5rem;
479      height: 2.5rem;
480     }
481    }
482   
483    .riri__audio .audio__control-center .voice__play .playBtn img {
484     width: 20px;
485     height: 20px;
486     display: none;
487     filter: brightness(0) invert(1);
488    }
489   
490    @media (max-width: 550px) {
491     .riri__audio .audio__control-center .voice__play .playBtn img {
492      filter: brightness(0) invert(1);
493      width: 15px;
494      height: 15px;
495     }
496    }
497   
498    @media (max-width: 400px) {
499     .riri__audio .audio__control-center .voice__play .playBtn img {
500      width: 13px;
501      height: 13px;
502     }
503    }
504   
505    .riri__audio .audio__control-center .voice__play .playBtn img.play {
506     position: relative;
507     left: 0.1rem;
508    }
509   
510    .riri__audio .audio__control-center .voice__play .playBtn img.active {
511     display: flex;
512    }
513   
514    .riri__audio .audio__control-center .voice__play .playBtn img.pause {
515     width: 25px;
516     height: 25px;
517    }
518   
519    @media (max-width: 550px) {
520     .riri__audio .audio__control-center .voice__play .playBtn img.pause {
521      width: 20px;
522      height: 20px;
523     }
524    }
525   
526    @media (max-width: 400px) {
527     .riri__audio .audio__control-center .voice__play .playBtn img.pause {
528      width: 15px;
529      height: 15px;
530     }
531    }
532   
533    .riri__audio .audio__control-center .voice__play .playBtn img.pause.active {
534     animation: fadeEffect .5s linear;
535    }
536   
537    .riri__audio .audio__control-center .voice__play .text {
538     font-size: 20px;
539     color: var(--white-color);
540    }
541   
542    @media (max-width: 550px) {
543     .riri__audio .audio__control-center .voice__play .text {
544      color: var(--text-dark-color);
545      font-weight: 600;
546     }
547    }
548   
549    @media (max-width: 400px) {
550     .riri__audio .audio__control-center .voice__play .text {
551      font-size: 16px;
552     }
553    }
554   
555    .riri__audio .audio__control-center .riri__logo {
556     display: flex;
557     align-items: center;
558     grid-gap: .5rem;
559     position: relative;
560    }
561   
562    .riri__audio .audio__control-center .riri__logo .poweredBy {
563     color: var(--black-color);
564     font-family: var(--english-font);
565     font-size: 14px;
566     letter-spacing: 0.5px;
567    }
568   
569    @media (max-width: 550px) {
570     .riri__audio .audio__control-center .riri__logo .poweredBy {
571      color: var(--text-dark-color);
572      letter-spacing: 0;
573      font-weight: 500;
574      font-size: 14px;
575     }
576    }
577   
578    @media (max-width: 400px) {
579     .riri__audio .audio__control-center .riri__logo .poweredBy {
580      font-size: 12px;
581     }
582    }
583   
584    .riri__audio .audio__control-center .riri__logo .logo__img {
585     display: flex;
586     align-items: flex-end;
587     background: var(--riri-color);
588     padding: 0.1rem 0.5rem;
589     border-radius: 50px;
590    }
591   
592    .riri__audio .audio__control-center .riri__logo .logo__img svg {
593     width: 60px;
594    }
595   
596    @media (max-width: 550px) {
597     .riri__audio .audio__control-center .riri__logo .logo__img svg {
598      width: 40px;
599     }
600    }
601   
602    @media (max-width: 400px) {
603     .riri__audio .audio__control-center .riri__logo .logo__img svg {
604      width: 30px;
605     }
606    }
607   
608    .riri__audio .audio__control-center .riri__logo .logo__img svg path {
609     fill: white;
610    }
611   
612    .riri__audio .audio__control-center .riri__logo .logo__img svg path.ririAni {
613     animation: ririLogoAni 2s infinite linear;
614     animation-delay: 2s;
615    }
616   
617    .riri__audio .audio__control-center .riri__logo .logo__img svg path.small {
618     animation-delay: 50ms;
619    }
620   
621    .riri__audio .audio__control-center .riri__logo .logo__img svg path.medium {
622     animation-delay: 150ms;
623    }
624   
625    .riri__audio .audio__control-center .riri__logo .logo__img svg path.large {
626     animation-delay: 250ms;
627    }
628   
629    .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
630     position: relative;
631     color: white;
632     top: -6px;
633     left: -6px;
634     font-size: 12px;
635     font-weight: 300;
636     font-family: var(--english-font);
637     letter-spacing: 0.5px;
638    }
639   
640    @media (max-width: 550px) {
641     .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
642      font-size: 10px;
643      top: -4px;
644      left: -4px;
645     }
646    }
647   
648    @media (max-width: 400px) {
649     .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
650      top: -2px;
651      left: -2px;
652     }
653    }
654   
655    .riri__audio .riri__voice {
656     position: static !important;
657     padding: 0;
658    }
659   
660    .riri__audio .riri__voice #waveform {
661     margin-bottom: var(--md-gap);
662    }
663   
664    .riri__audio .audio__control-center .row {
665     align-items: center;
666    }
667   
668    .riri__audio .audio__control-center .voice__play {
669     position: relative;
670     display: flex;
671     align-items: center;
672     grid-gap: 1rem;
673     cursor: pointer;
674    }
675   
676    @media (max-width: 400px) {
677     .riri__audio .audio__control-center .voice__play {
678      grid-gap: .5rem;
679     }
680    }
681   
682    .riri__audio .audio__control-center .voice__play .playBtn {
683     position: relative;
684     min-width: 4rem;
685     height: 4rem;
686     display: grid;
687     place-items: center;
688     background: var(--theme-color);
689     border-radius: 50px;
690     box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
691    }
692   
693    @media (max-width: 550px) {
694     .riri__audio .audio__control-center .voice__play .playBtn {
695      background: var(--theme-color);
696      min-width: 3rem;
697      height: 3rem;
698     }
699    }
700   
701    @media (max-width: 400px) {
702     .riri__audio .audio__control-center .voice__play .playBtn {
703      min-width: 2.5rem;
704      height: 2.5rem;
705     }
706    }
707   
708    .riri__audio .audio__control-center .voice__play .playBtn img {
709     width: 20px;
710     height: 20px;
711     display: none;
712     filter: brightness(0) invert(1);
713    }
714   
715    @media (max-width: 550px) {
716     .riri__audio .audio__control-center .voice__play .playBtn img {
717      filter: brightness(0) invert(1);
718      width: 15px;
719      height: 15px;
720     }
721    }
722   
723    @media (max-width: 400px) {
724     .riri__audio .audio__control-center .voice__play .playBtn img {
725      width: 13px;
726      height: 13px;
727     }
728    }
729   
730    .riri__audio .audio__control-center .voice__play .playBtn img.play {
731     position: relative;
732     left: 0.1rem;
733    }
734   
735    .riri__audio .audio__control-center .voice__play .playBtn img.active {
736     display: flex;
737    }
738   
739    .riri__audio .audio__control-center .voice__play .playBtn img.pause {
740     width: 25px;
741     height: 25px;
742    }
743   
744    @media (max-width: 550px) {
745     .riri__audio .audio__control-center .voice__play .playBtn img.pause {
746      width: 20px;
747      height: 20px;
748     }
749    }
750   
751    @media (max-width: 400px) {
752     .riri__audio .audio__control-center .voice__play .playBtn img.pause {
753      width: 15px;
754      height: 15px;
755     }
756    }
757   
758    .riri__audio .audio__control-center .voice__play .playBtn img.pause.active {
759     animation: fadeEffect .5s linear;
760    }
761   
762    .riri__audio .audio__control-center .voice__play .text {
763     font-size: 20px;
764     color: var(--white-color);
765    }
766   
767    @media (max-width: 550px) {
768     .riri__audio .audio__control-center .voice__play .text {
769      color: var(--text-dark-color);
770      font-weight: 600;
771     }
772    }
773   
774    @media (max-width: 400px) {
775     .riri__audio .audio__control-center .voice__play .text {
776      font-size: 16px;
777     }
778    }
779   
780    .riri__audio .audio__control-center .riri__logo {
781     display: flex;
782     align-items: center;
783     grid-gap: .5rem;
784     position: relative;
785    }
786   
787    @media (max-width: 400px) {
788     .riri__audio .audio__control-center .riri__logo {
789      grid-gap: .5rem;
790     }
791    }
792   
793    .riri__audio .audio__control-center .riri__logo .poweredBy {
794     color: var(--text-dark-color);
795     font-family: var(--english-font);
796     font-size: 14px;
797    }
798
799    .riri__audio .audio__control-center .riri__logo .poweredBy-link {
800        color: var(--theme-color);
801        font-weight: 600;
802    }
803   
804    .riri__audio .audio__control-center .riri__logo .logo__img {
805     display: flex;
806     align-items: flex-end;
807     background: var(--riri-color);
808     padding: 0.3rem 1rem;
809     border-radius: 50px;
810    }
811   
812    .riri__audio .audio__control-center .riri__logo .logo__img svg {
813     width: 60px;
814    }
815
816
817    @media (max-width: 550px) {
818     .riri__audio .audio__control-center .riri__logo .logo__img svg {
819      width: 40px;
820     }
821    }
822   
823    @media (max-width: 400px) {
824     .riri__audio .audio__control-center .riri__logo .logo__img svg {
825      width: 30px;
826     }
827    }
828   
829    .riri__audio .audio__control-center .riri__logo .logo__img svg path {
830     fill: var(--white-color);
831    }
832   
833    .riri__audio .audio__control-center .riri__logo .logo__img svg path.ririAni {
834     animation: ririLogoAni 2s infinite linear;
835     animation-delay: 2s;
836    }
837   
838    .riri__audio .audio__control-center .riri__logo .logo__img svg path.small {
839     animation-delay: 50ms;
840    }
841   
842    .riri__audio .audio__control-center .riri__logo .logo__img svg path.medium {
843     animation-delay: 150ms;
844    }
845   
846    .riri__audio .audio__control-center .riri__logo .logo__img svg path.large {
847     animation-delay: 250ms;
848    }
849   
850    .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
851     position: relative;
852     color: var(--white-color);
853     top: -6px;
854     left: -6px;
855     font-size: 12px;
856     font-weight: 300;
857     font-family: var(--english-font);
858     letter-spacing: 0.5px;
859    }
860   
861    @media (max-width: 550px) {
862    .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
863      font-size: 10px;
864      top: -4px;
865      left: -4px;
866     }
867    }
868   
869    @media (max-width: 400px) {
870    .riri__audio .audio__control-center .riri__logo .logo__img .one__text {
871      top: -2px;
872      left: -2px;
873     }
874    }
875   
876    .riri__audio .audio__control-center .riri__voice {
877     position: static !important;
878     padding: 0;
879    }
880   
881   
882    @keyframes ririLogoAni {
883     0% {
884      opacity: 0;
885     }
886   
887     25% {
888      opacity: 0;
889     }
890   
891     50% {
892      opacity: 1;
893     }
894   
895     75% {
896      opacity: 0;
897     }
898   
899     100% {
900      opacity: 0;
901     }
902    }
903   </style>
904
905
906
907    
908   
909    
910
911    
911<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
911
912
913    
914    
914<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.min.js"></script>
914
915    
915<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mapael/2.2.0/js/jquery.mapael.min.js"></script>
915
916    
916<script src="https://giwmscdnone.gov.np/static/assets/js/npdist.js"></script>
916
917
918    
918<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js"></script>
918
919    
919<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.min.js"></script>
919
920    
920<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
920
921    
921<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.min.js"
922        integrity="sha512-GWzVrcGlo0TxTRvz9ttioyYJ+Wwk9Ck0G81D+eO63BaqHaJ3YZX9wuqjwgfcV/MrB2PhaVX9DkYVhbFpStnqpQ=="
923        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
923
924        
924<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-nice-select/1.1.0/js/jquery.nice-select.min.js"
925        integrity="sha512-NqYds8su6jivy1/WLoW8x1tZMRD7/1ZfhWG/jcRQLOzV1k1rIODCpMgoBnar5QXshKJGV7vi0LXLNXPoFsM5Zg=="
926        crossorigin="anonymous"
927        referrerpolicy="no-referrer"></script>
927
928
929    
929<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"
930        integrity="sha512-Ysw1DcK1P+uYLqprEAzNQJP+J4hTx4t/3X2nbVwszao8wD+9afLjBQYjz7Uk4ADP+Er++mJoScI42ueGtQOzEA=="
931        crossorigin="anonymous"
932        referrerpolicy="no-referrer"></script>
932
933
934
935        
935<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
936        integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
937        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
937
938
939        
939<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
940        integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="
941        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
941
942
943    
943<script>
944        $(document).ready(function() {
945            let is_show_news_author = 'False'
946            $('.toggle__author__data').hide();
947            
948            let is_allow_copypaste = 'True';
949            
950            // String to boolean conversion
951            let isAllowed = is_allow_copypaste.trim().toLowerCase() === 'true';
952            // console.log("disable copy paste: ", isAllowed);
953            
954            // is copy paste disabled == True so disable COPY paste. NOTE : This overwrites the child templates copy/paste disable
955            if (isAllowed) {
956                // Disable Right Click
957                $("body").on("contextmenu", function(e) {
958                    return false;
959                });
960                
961                // Disable Copy, Cut, and Paste
962                $('body').bind('cut copy paste', function(e) {
963                    e.preventDefault();
964                });
965            }
966        });
967    </script>
967
968
969
970<style>
971    .permalink-block-4-grid .grid__card .card__img a {
972    height: auto;
973}
974
975.permalink-block-4-grid .grid__card .card__img a img {
976    position: static;
977}
978</style>
979
980
981<style>
982    .permalink-block-4-grid .grid__card .card__img a {
983    height: auto;
984}
985
986.permalink-block-4-grid .grid__card .card__img a img {
987    position: static;
988}
989</style>
990
991<style>
992    .minister-4-grid-content .grid__card .about__img .about__img-size{
993        padding-bottom: 0px !important;
994        height: auto !important;
995    }
996    .minister-4-grid-content .grid__card .about__img .about__img-size img{
997        position: static !important;
998        aspect-ratio: 1/1 !important;
999        
1000    }
1001
1002    .about-pm-content-grid .about-pm-grid-content .grid__card .about__img .about__img-size img{
1003        position: static !important;
1004        aspect-ratio: 1/1 !important;
1005    }
1006
1007    .about-pm-content-grid .about-pm-grid-content .grid__card .about__img .about__img-size{
1008        padding-bottom: 0px !important;
1009        height: auto !important;
1010    }
1011</style>
1012
1013<style>
1014    [class^="header-"] .swiper{
1015        width: 100%;
1016    }
1017</style>
1018
1019<style>
1020    .about-pm-content-grid .about-pm-grid-content .grid__card .card__details .card__rank {
1021        color: #000000 !important;
1022    }
1023
1024    .about-pm-content-grid .about-pm-grid-detail p{
1025        color: #000000 !important;
1026    }
1027    .about-pm-content-bottom .bottom__content .grid__card .card__details .card__rank{
1028        color: #000000 !important;
1029    }
1030
1031    .about-pm-content-bottom .bottom__content .about-pm-box-grid .grid__card .card__details .post__meta .date{
1032        color: #000000 !important;
1033    }
1034
1035    .about-pm .detail__group{
1036        color: #000000 !important;
1037    }
1038
1039    .minister-4-grid-content .grid__card .card__details .card__desc p{
1040        color: #000000 !important;
1041    }
1042    .minister-4-grid-content .grid__card .card__details .card__rank{
1043        color: #000000 !important;
1044    }
1045    body{
1046        color: #000000 !important;
1047    }
1048    .block-106 .single__row-info .post-meta .date{
1049        color: #000000 !important;
1050    }
1051
1052    .block-107-grid .grid__card .card__details .post-meta .date{
1053        color: #000000 !important;
1054    }
1055    .block-108-grid .grid__card .card__group .card__details .post-meta .date{
1056        color: #000000 !important;
1057    }
1058
1059    .org-table .org-table-filter .org-table-wrapper table td{
1060        color: #000000 !important;
1061    }
1062
1063    .org-table .org-table-filter .org-table-wrapper table td:nth-child(2){
1064        color: #000000 !important;
1065    }
1066    .post__meta .post__date p{
1067        color: #000000 !important;
1068    }
1069    .contact-1-grid .contact__info .info__content .info__list li .list__item .list__text label{
1070        color: #000000 !important;
1071    }
1072    .feedback-form-1 .section__title .subSection__title{
1073        color: #000000 !important;
1074    }
1075    .block-120 .single__row-info p{
1076        color: #000000 !important;
1077    }
1078    .block-124-grid .customTab__content .block-124-tabGrid .grid__card .card__details .card__more a{
1079        color: #000000 !important;
1080    }
1081    .block-126-grid .grid__card .card__details .post__meta .date p{
1082        color: #000000 !important;
1083    }
1084
1085    .detail-4 .detail__page-inner-content .news__subTitle{
1086        color: #000000 !important;
1087    }
1088
1089    .custom-bs-table p{
1090        color: #000000 !important;
1091    }
1092    .team-10 .single__box-other a{
1093        color: #000000 !important;
1094    }
1095    .team-10 .single__box-position{
1096        color: #000000 !important;
1097    }
1098    .permalinks-2 .side__news-wrapper .post-meta{
1099        color: #000000 !important;
1100    }
1101
1102
1103    .global-search form .search__group .search-input input{
1104        color: #000000!important;
1105    }
1106
1107    .global-search form .search__group .search-input input::placeholder{
1108        color: #000000 !important;
1109    }
1110
1111    .global-search form .search__group .search-input .search__btn svg {
1112        color: #000000 !important;
1113    }
1114
1115    .header-7-slider .marquee-slider .infinite-slider .slider__item .item__details .item__title{
1116        color: #000000 !important;
1117    }
1118    .team-8 .single__box-position{
1119        color: #000000 !important;
1120    }
1121    .team-8 .single__box-other a{
1122        color: #000000 !important;
1123    }
1124    .former-minister-1-grid .pm__grid .pm__info .post__meta .date p{
1125        color: #000000 !important;
1126    }
1127    .block-93-grid .grid__card .card__details .post__meta .date{
1128        color: #000000 !important;
1129    }
1130    .block-92-customTab .customTab__nav .nav .nav-item .nav-link{
1131        color: #000000 !important;
1132    }
1133    .block-93-grid .grid__card .card__details .post__meta .date{
1134        color: #000000 !important;
1135    }
1136    .block-95 .post__meta .date p{
1137        color: #000000 !important;
1138    }
1139    .gallery-3-grid .grid__card .card__details .post__meta .date{
1140        color: #000000 !important;
1141    }
1142    .team-detail-1-wrapper .wrapper__card .info__group .card__details .team__designation .designation{
1143        color: #000000 !important;
1144    }
1145    .team-detail-1-wrapper .wrapper__card .info__group .card__details .team__c
1145ontact .contact__link a{
1146        color: #000000 !important;
1147    }
1148    .detail-4 .detail__page-inner .meta__group .post__meta .date p{
1149        color: #000000 !important;
1150    }
1151    .detail-4 .detail__page-inner-seperator .share__group .news__published-date label{
1152        color: #000000 !important;
1153    }
1154    .detail-4 .detail__page-inner-seperator .share__group .news__published-date .date{
1155        color: #000000 !important;
1156    }
1157    .custom-wrapper-ck input[type="text"]{
1158        color: #000000 !important;
1159    }
1160    .custom-wrapper-ck input[type="text"]::placeholder{
1161        color: #000000 !important;
1162    }
1163    .custom-wrapper-ck th{
1164        color: #000000 !important;
1165    }
1166    .custom-bs-table table tbody td{
1167        color: #000000 !important;
1168    }
1169    
1170    .custom-bs-table table tbody tr:not(:last-child) td{
1171        color: #000000 !important;
1172    }
1173    
1174    .former-minister-1-grid .pm__grid .pm__info .post__meta .date p{
1175        color: #000000 !important;
1176    }
1177    .gallery-1-wrapper .gallery-1-tabNav .nav .nav-item .nav-link{
1178        color: #000000 !important;
1179    }
1180    .block-92-customTab .customTab__content .block-92-grid .grid__card .card__details .post__meta .date p{
1181        color: #000000 !important;
1182    }
1183</style>
1184
1185<style>
1186    .minister-4-grid-content .grid_card .carddetails .card_rank{
1187	color: #000000 !important;
1188}
1189
1190.minister-4-grid-content .grid_card .carddetails .card_desc p{
1191	color: #000000 !important;
1192}
1193
1194.block-108-grid .grid_card .cardgroup .card_details .post-meta .date{
1195	color: #000000 !important;
1196}
1197
1198.block-107-grid .grid_card .card_details .post-meta .date{
1199	color: #000000 !important;
1200}
1201
1202.block-106 .single__row-info .post-meta .date{
1203	color: #000000 !important;
1204}
1205
1206.detail-4 .detail_page-inner .metagroup .post_meta .date p{
1207	color: #000000 !important;
1208}
1209
1210.detail-4 .detail_page-inner-seperator .sharegroup .news_published-date label{
1211	color: #000000 !important;
1212}
1213
1214.detail-4 .detail_page-inner-seperator .sharegroup .news_published-date .date{
1215	color: #000000 !important;
1216}
1217.detail-4 .detail_related-news .detailblock-grid .gridcard .carddetails .postmeta .post_date p{
1218	color: #000000 !important;
1219}
1220.post_meta .post_date p{
1221	color: #000000 !important;
1222}
1223
1224.photos-grid a figcaption{
1225	color: #000000 !important;
1226}
1227</style>
1228
1229
1230
1231
1232
1233
1234
1235
1236    <style>
1237        :root {
1238            --theme-color: #0447AF ;
1239            --theme-light-color:  #F4F8FF;
1240            --white-color: #fff;
1241            --secondary-color:  #CC1424; ;
1242            --title-mb:  30px !important ;
1243        }
1244    </style>
1245
1246
1247
1248
1249
1250
1251<style>
1252    .block-95 .post__meta .date p {
1253        font-size: 14px;
1254        font-weight: 500;
1255        margin-bottom: 0px  !important;
1256    }
1257</style>
1258
1259
1260<style>
1261    h3 a{
1262        color: inherit !important;
1263    }
1264</style>
1265
1266<style>
1267    .google-map-redirect, .google-map-redirect__parent {
1268        cursor: pointer ;
1269    }
1270    span:has(svg.google-map-redirect){
1271        cursor: pointer ;
1272    }
1273</style>
1274
1275
1276<style>
1277    :focus-visible{
1278        outline: 3px solid var(--theme-color) !important;
1279    }
1280</style>
1281
1282<script type="text/javascript">
1283    (function(c,l,a,r,i,t,y){
1284        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
1285        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
1286        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
1287    })(window, document, "clarity", "script", "m950osip6i");
1288</script>
1288
1289
1290
1291    
1292
1293</head>
1294
1295<body>
1296
1297    <div id="fb-root"></div>
1298    
1298<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v15.0" nonce="iMgMSN6H"></script>
1298
1299
1300    
1301    
1302        
1303            
1304            
1305
1306
1307<script>
1308  $(document).ready(function () {
1309    var currentLanguage = "ne";
1310
1311    // Set the dropdown selection for both language selects
1312    $('#language-select option[value="' + currentLanguage + '"]').prop('selected', true);
1313    $('#language-select-bottom option[value="' + currentLanguage + '"]').prop('selected', true);
1314
1315    // Optional: Cookie check fallback (only needed if JS runs before template renders)
1316    if (!currentLanguage) {
1317        currentLanguage = getCookie('preferred_language') || 'ne';
1318        $('#language-select option[value="' + currentLanguage + '"]').prop('selected', true);
1319        $('#language-select-bottom option[value="' + currentLanguage + '"]').prop('selected', true);
1320    }
1321
1322    // Function to get cookie value by name
1323    function getCookie(name) {
1324      var value = '; ' + document.cookie
1325      var parts = value.split('; ' + name + '=')
1326      if (parts.length == 2) return parts.pop().split(';').shift()
1327    }
1328
1329    /* Hide flags based on selected language
1330    $('#language-select').change(function() {
1331      var selectedLanguage = $(this).val();
1332      if (selectedLanguage === 'ne') {
1333        $('.nep-flag').removeClass('d-none');
1334        $('.eng-flag').addClass('d-none');
1335      } else if (selectedLanguage === 'en') {
1336        $('.eng-flag').removeClass('d-none');
1337        $('.nep-flag').addClass('d-none');
1338      }
1339    }); */
1340
1341    /* Initially hide flags based on the initial selected language
1342    var initialSelectedLanguage = $('#language-select').val();
1343    if (initialSelectedLanguage === 'ne') {
1344        $('.nep-flag').removeClass('d-none');
1345        $('.eng-flag').addClass('d-none');
1346    } else if (initialSelectedLanguage === 'en') {
1347        $('.eng-flag').removeClass('d-none');
1348        $('.nep-flag').addClass('d-none');
1349    } */
1350
1351    $(document).on('click', 'a.skip-link[href="#skip-to-main-navigation"]', function (e) {
1352      e.preventDefault();
1353      var navBlock = document.getElementById('skip-to-main-navigation');
1354      if (!navBlock) return;
1355      var firstMenuLink = navBlock.querySelector('.header__menu > li > a.nav__link');
1356      if (!firstMenuLink || typeof firstMenuLink.focus !== 'function') return;
1357      try {
1358        history.replaceState(null, '', '#skip-to-main-navigation');
1359      } catch (err) {}
1360      try {
1361        firstMenuLink.focus({ preventScroll: true });
1362      } catch (err) {
1363        firstMenuLink.focus();
1364      }
1365    });
1366  })
1367</script>
1367
1368
1369<link rel="stylesheet" href="https://giwmscdnone.gov.np/static/grapejs/css/header-7.css?v=14" />
1370
1371<style>
1372  /* ===== Accessibility Additions ===== */
1373  :focus-visible {
1374    outline: 3px solid var(--theme-color);
1375    outline-offset: 2px;
1376    background: #0447af1f;
1377  }
1378  .skip-link {
1379    position: absolute;
1380    top: -40px;
1381    left: 0;
1382    background: var(--theme-color);
1383    color: white;
1384    padding: 8px;
1385    z-index: 100;
1386    text-decoration: none;
1387  }
1388  .skip-link:focus-visible {
1389    top: 0;
1390  }
1391  .marquee-slider {
1392    position: relative;
1393  }
1394  /* Visually hidden until focused (top:-40px alone was still visible in this layout) */
1395  .marquee-slider .skip-link:not(:focus) {
1396    position: absolute;
1397    left: 0;
1398    top: 0;
1399    width: 1px;
1400    height: 1px;
1401    margin: -1px;
1402    padding: 0;
1403    overflow: hidden;
1404    clip: rect(0, 0, 0, 0);
1405    clip-path: inset(50%);
1406    white-space: nowrap;
1407    border: 0;
1408    z-index: 200;
1409  }
1410  .marquee-slider .skip-link:focus {
1411    position: absolute;
1412    top: 0;
1413    left: 0;
1414    width: auto;
1415    height: auto;
1416    margin: 0;
1417    padding: 8px;
1418    overflow: visible;
1419    clip: auto;
1420    clip-path: none;
1421    white-space: normal;
1422    background: var(--theme-color);
1423    color: white;
1424    text-decoration: none;
1425    z-index: 200;
1426  }
1427  .visually-hidden {
1428    position: absolute;
1429    width: 1px;
1430    height: 1px;
1431    margin: -1px;
1432    padding: 0;
1433    overflow: hidden;
1434    clip: rect(0, 0, 0, 0);
1435    border: 0;
1436  }
1437  [hidden] {
1438    display: none !important;
1439  }
1440  /* End of accessibility additions */
1441
1442  .header-7-top .top__group {
1443    flex-basis: 30%;
1444  }
1445
1446  .marquee-slider .infinite-slider .slider__item .item__details .item__title a,
1447  .former-minister-1-grid .pm__grid .pm__info .pm__title a {
1448    font-size: inherit;
1449  }
1450
1451  .former-minister-1-grid .pm__grid .pm__info .post__meta .date p {
1452    font-weight: 500;
1453    font-size: 14px !important;
1454  }
1455
1456  @media (max-width: 575px) {
1457    .team-8 .single__box-name {
1458      font-size: 18px !important;
1459      text-align: center;
1460    }
1461
1462    .block-106 .tab__box .nav-tabs .nav-link {
1463      text-align: left;
1464    }
1465
1466    .team-8 .team__box-content:first-child .single__box-wrapper .wrapper__right .wrapper__link li a span {
1467      font-size: 16px !important;
1468    }
1469
1470    .marquee-slider .header__title {
1471      font-size: 16px !important;
1472    }
1473
1474    .marquee-slider .infinite-slider .slider__item .item__details .item__title {
1475      font-size: 16px !important;
1476    }
1477
1478    .minister-4-grid-links .grid__link .link__card .link__title a span {
1479      font-size: 16px !important;
1480    }
1481
1482    .former-minister-1-grid .pm__grid .pm__info .pm__title {
1483      font-size: 16px !important;
1484    }
1485
1486    .header-7-top .top-logo-box img {
1487      width: 80px;
1488      height: 80px;
1489    }
1490
1491    .header-7-slider {
1492      padding: 10px;
1493    }
1494  }
1495
1496  .header-7-top .top-logo-box .logo-info h2 {
1497    margin-bottom: 5px;
1498  }
1499
1500  .header-7-top .decorative__img img {
1501    object-fit: cover !important;
1502  }
1503</style>
1504
1505
1506<style>
1507  .header-7-top-right .decorative__img.hidden__img {
1508    display: none;
1509  }
1510
1511  @media (max-width: 1199px) {
1512    .header-7-top .decorative__img {
1513      position: absolute;
1514      bottom: 0;
1515      left: 50%;
1516      transform: translateX(-50%);
1517      width: 100%;
1518      height: 100%;
1519      opacity: 0.5;
1520    }
1521
1522    @media (max-width: 1199px) {
1523      .header-7-top .decorative__img {
1524        display: none;
1525      }
1526    }
1527
1528    .header-7-top .decorative__img img {
1529      width: 100%;
1530      height: 100%;
1531      object-fit: contain;
1532    }
1533
1534    .header-7-top-right .decorative__img.hidden__img {
1535      display: block;
1536      position: absolute;
1537      bottom: 0;
1538      left: 50%;
1539      transform: translateX(-50%);
1540      width: 100%;
1541      height: 100%;
1542      opacity: 0.5;
1543    }
1544
1545    .header-7-top-right .decorative__img.hidden__img img {
1546      width: 100%;
1547      height: 100%;
1548      object-fit: contain;
1549    }
1550  }
1551
1552  @media (max-width: 575px) {
1553    .marquee-slider {
1554      flex-direction: column;
1555      align-items: flex-start;
1556    }
1557  }
1558</style>
1559
1560
1561<style>
1562  .toggleSubHeader {
1563    color: var(--theme-color);
1564    font-size: 16px;
1565  }
1566
1567  .toggleSubHeader svg {
1568    display: flex;
1569  }
1570
1571  .header-7-bottom .header__menu {
1572    flex-wrap: nowrap;
1573    align-items: flex-start;
1574  }
1575
1576  .header-7-bottom .header__menu .nav__list .nav__link {
1577    white-space: revert;
1578  }
1579
1580  .header-7-bottom .secondary__headerMenu {
1581    display: none;
1582    padding: 15px 0;
1583    border-bottom: 1px solid var(--border-color);
1584  }
1585</style>
1586
1587<!-- theme layout -->
1588<style>
1589  .themeLayout__template {
1590    position: relative;
1591  }
1592
1593  .themeLayout__template-toggler {
1594    display: flex;
1595    align-items: center;
1596    grid-gap: 5px;
1597    cursor: pointer;
1598  }
1599
1600  .themeLayout__options {
1601    display: none;
1602    position: absolute;
1603    top: 150%;
1604    right: 0;
1605    min-width: 8rem;
1606    background: white;
1607    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
1608    padding: 15px;
1609  }
1610
1611  .themeLayout__options ul {
1612    display: flex;
1613    flex-direction: column;
1614    grid-gap: 10px;
1615  }
1616
1617  .themeLayout__options ul li .option__link {
1618    display: flex;
1619    grid-gap: 10px;
1620    color: black;
1621    transition: all 300ms ease-in-out;
1622  }
1623
1624  .themeLayout__options ul li .option__link .layout__radio {
1625    width: 12px;
1626    max-width: 100%;
1627    height: 12px;
1628    border: 1px solid #ddd;
1629    border-radius: 100px;
1630    position: relative;
1631    top: 5px;
1632    transition: all 300ms ease-in-out;
1633  }
1634
1635  .themeLayout__options ul li .option__link .layout__radio::before {
1636    content: '';
1637    position: absolute;
1638    top: 50%;
1639    left: 50%;
1640    transform: translate(-50%, -50%) scale(0.5);
1641    background: var(--theme-color);
1642    width: 60%;
1643    height: 60%;
1644    border-radius: 100px;
1645    opacity: 0;
1646    transition: all 300ms ease-in-out;
1647  }
1648
1649  .themeLayout__options ul li.active .option__link {
1650    color: var(--theme-color);
1651  }
1652
1653  .themeLayout__options ul li.active .option__link .layout__radio {
1654    border-color: var(--theme-color);
1655  }
1656
1657  .themeLayout__options ul li.active .option__link .layout__radio::before {
1658    transform: translate(-50%, -50%) scale(1);
1659    opacity: 1;
1660  }
1661 </style>
1662 <!-- election countdown button -->
1663 <style>
1664    .election__btn {
1665        position: relative;
1666    }
1667
1668  .election__btn::before {
1669    content: '';
1670    position: absolute;
1671    bottom: 0;
1672    left: 0;
1673    width: 100%;
1674    height: 80%;
1675    background: url(https://giwmscdnone.gov.np/static/assets/images/topbg.png);
1676    z-index: 1;
1677    opacity: .2;
1678    background-size: contain;
1679    background-position: bottom;
1680  }
1681
1682  .election__btn .election__btn-inner {
1683    position: relative;
1684    z-index: 2;
1685    padding: 10px 30px;
1686    display: flex;
1687    align-items: center;
1688    justify-content: center;
1689    grid-gap: 10px;
1690    font-size: 24px;
1691    font-weight: bold;
1692    background: #e7f1ffad;
1693    color: var(--theme-color);
1694    color: #000;
1695  }
1696
1697  .election__btn .election__btn-inner::after {
1698    content: '';
1699    position: absolute;
1700    top: 0;
1701    left: -0;
1702    width: 150px;
1703    height: 100%;
1704    background: linear-gradient(to left, rgba(255, 255, 255, .1), rgba(255, 255, 255, 1));
1705    backdrop-filter: blur(0);
1706    z-index: 1;
1707  }
1708
1709  .election__btn .election__btn-inner::before {
1710    content: '';
1711    position: absolute;
1712    top: 0;
1713    right: -0;
1714    width: 150px;
1715    height: 100%;
1716    background: linear-gradient(to right, rgba(255, 255, 255, .1), rgba(255, 255, 255, 1));
1717    backdrop-filter: blur(0);
1718    z-index: 1;
1719  }
1720
1721  .election__btn .countdown-box {
1722    color: var(--theme-color);
1723    font-size: 32px;
1724    font-weight: bold;
1725    min-width: 82px;
1726    height: 82px;
1727    border-radius: 100vmax;
1728    display: flex;
1729    align-items: center;
1730    justify-content: center;
1731    flex-direction: column;
1732    border: 1px dashed #9bc5ff;
1733  }
1734
1735  .election__btn .dateCountdown {
1736    line-height: 1;
1737  }
1738
1739  .election__btn .thin__text {
1740    color: #666;
1741    font-size: 14px;
1742  }
1743
1744  .election__btn .dateCountdown b {
1745    position: relative;
1746  }
1747
1748  .stickyHeader .election__btn {
1749    display: none;
1750  }
1751
1752  .election__btn .election__btn-inner img {
1753    width: 80px;
1754    height: 80px;
1755    object-fit: contain;
1756  }
1757
1758  @media (max-width: 1536px) {
1759    .bottom-right .social__media {
1760      display: none;
1761    }
1762
1763    .global-search form .search__group .search-input {
1764      width: 200px;
1765    }
1766
1767    .election__btn .election__btn-inner {
1768      font-size: 18px;
1769      font-weight: 600;
1770    }
1771
1772    .election__btn .dateCountdown {
1773      font-size: 24px;
1774    }
1775  }
1776
1777  @media (max-width: 1336px) {
1778    .election__btn .countdown-box {
1779      min-width: 56px;
1780      height: 56px;
1781    }
1782
1783    .election__btn .dateCountdown {
1784      font-size: 20px;
1785    }
1786  }
1787
1788  @media (max-width: 768px) {
1789    .election__btn .thin__text {
1790      font-size: 12px;
1791      font-weight: 500;
1792    }
1793  }
1794
1795  @media (max-width: 650px) {
1796    .top__group .hidden__cta {
1797      flex-wrap: wrap-reverse;
1798      justify-content: flex-end;
1799    }
1800
1801    .top__group .hidden__cta .election__btn {
1802      justify-content: flex-end;
1803    }
1804  }
1805
1806  @media (max-width: 575px) {
1807
1808    .election__btn .election__btn-inner::after,
1809    .election__btn .election__btn-inner::before {
1810      display: none;
1811    }
1812
1813    .election__btn .election__btn-inner {
1814      font-size: 16px;
1815    }
1816  }
1817
1818  @media (max-width:450px) {
1819    .election__btn::before {
1820      background-repeat: no-repeat;
1821    }
1822  }
1823</style> 
1824
1825<style>
1826  button:focus,
1827  button:focus-visible{
1828    outline: 3px solid var(--theme-color) !important;
1829    outline-offset: -2px !important;
1830  }
1831
1832  .header-7-bottom .header__menu .dropdown .dropdown__link:focus-visible{
1833    outline-offset: -2px !important;
1834  }
1835</style>
1836
1837
1838
1839
1840
1841
1842<style>
1843  /* Base styles for dropdowns - hidden by default */
1844  .header-7-bottom .header__menu .dropdown > .dropdown__menu,
1845  .header-7-bottom .header__menu .has__dropdown .subDropdown__menu {
1846      opacity: 0;
1847      visibility: hidden;
1848      transition: opacity 0.2s ease, visibility 0.2s ease;
1849  }
1850  
1851  /* Show on hover */
1852  .header-7-bottom .header__menu .dropdown:hover > .dropdown__menu,
1853  .header-7-bottom .header__menu .has__dropdown:hover > .subDropdown__menu {
1854      opacity: 1;
1855      visibility: visible;
1856  }
1857  
1858  /* Show when active class is added (for keyboard) */
1859  .header-7-bottom .header__menu .dropdown > .dropdown__menu.active,
1860  .header-7-bottom .header__menu .has__dropdown .subDropdown__menu.active {
1861      opacity: 1 !important;
1862      visibility: visible !important;
1863  }
1864  
1865  /* Fix for the secondary header menu */
1866  .secondary__headerMenu {
1867      display: none;
1868  }
1869  
1870  .secondary__headerMenu.active {
1871      display: block !important;
1872  }
1873  
1874  /* Hide the hidden attribute styling since we're not using it */
1875  [hidden] {
1876      display: none !important;
1877  }
1878
1879  .toggleSubHeader{
1880    border: none;
1881    background: transparent;
1882    position: relative;
1883    top: 2px;
1884  }
1885</style>
1886
1887<style>
1888  /* Scroll the main panel; submenus stay visible via anchor positioning (no script). */
1889  header .header__menu .dropdown > .dropdown__menu {
1890    max-height: 350px;
1891    overflow-y: auto;
1892    overflow-x: hidden;
1893  }
1894
1895  /*
1896   * Browsers with CSS Anchor Positioning: pin .subDropdown__menu to its trigger with position:fixed
1897   * so it is not clipped by overflow-y on .dropdown__menu. Triggers/submenus set anchor-name /
1898   * position-anchor inline (unique per item).
1899   */
1900  @supports (position-anchor: --a) {
1901    /* Align to full row (li) like pre-anchor left:100%, not the shorter <a> box */
1902    header .header__menu .has__dropdown .subDropdown__menu {
1903      position: fixed !important;
1904      left: anchor(right) !important;
1905      top: anchor(top) !important;
1906      right: auto !important;
1907      z-index: 10000;
1908      max-height: min(350px, calc(100vh - 16px));
1909      overflow-y: auto;
1910    }
1911
1912    header .header__menu .has__dropdown:hover .subDropdown__menu,
1913    header .header__menu .has__dropdown .subDropdown__menu.active {
1914      left: anchor(right) !important;
1915    }
1916  }
1917
1918  /* No anchor API (e.g. older Firefox): drop max-height so flyout
1918s are not clipped. */
1919  @supports not (position-anchor: --a) {
1920    header .header__menu .dropdown > .dropdown__menu {
1921      max-height: none;
1922      overflow-x: visible;
1923      overflow-y: visible;
1924    }
1925  }
1926
1927  /* Invisible bridge so the cursor can cross the gap to the flyout without losing hover. */
1928  header .header__menu .has__dropdown::after {
1929    content: "";
1930    position: absolute;
1931    top: 0;
1932    right: -16px;
1933    width: 20px;
1934    height: 100%;
1935    z-index: 1;
1936  }
1937</style>
1938
1939<a href="#all-blocks" class="skip-link" aria-label="skip to main content button">मुख्य सामग्रीमा जानुहोस्</a>
1940<div id="srAnnouncer" role="alert" aria-live="assertive" aria-atomic="true" class="visually-hidden"></div>
1941</div>
1942<!-- election countdown button -->
1943<header class="header-7 header__title bg__image__required" id="i7r7c" role="banner">
1944  
1945
1946
1947  <div class="header-7-top">
1948    
1949    
1950    <div class="decorative__img">
1951      <img src="https://giwmscdn.prixacdn.net/media/albums/topbg_CUCDohGKGe.png" alt="" role="presentation">
1952    </div>
1953    
1954
1955    
1956
1957    <div class="top__group">
1958      <div class="top-logo">
1959        <div class="top-logo-box">
1960          <a href="/" aria-label="Government of Nepal">
1961            <img src="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png" alt="Government of Nepal" />
1962          </a>
1963
1964          <div class="logo-info">
1965            
1966            
1967            
1968            <h3>नेपाल सरकार</h3>
1969            
1970            
1971            
1972            <h3> संस्कृति, पर्यटन तथा नागरिक उड्डयन मन्त्रालय</h3>
1973            
1974            
1975            
1976            <h3> पुरातत्त्व विभाग</h3>
1977            
1978            
1979            
1980
1981            
1982
1983            
1984            
1985
1986            
1987
1988            
1989            <h2>संग्रहालय तथा स्मारक संरक्षण कार्यालय, भक्तपुर</h2>
1990            
1991
1992            
1993
1994            
1995
1996            
1997
1998            
1999            <h3>दरबार स्क्वायर, भक्तपुर, नेपाल ।</h3>
2000            
2001            
2002          </div>
2003        </div>
2004      </div>
2005
2006      <div class="hidden__cta">
2007        <div class="language__translator">
2008          <div class="country__flag">
2009            
2010          </div>
2011
2012          <div class="language__translator">
2013            <div class="language__select">
2014              <form action="/change_language/" method="get">
2015                <input type="hidden" name="next" value="/pages/about_us/" />
2016                <input type="hidden" name="search_query" value="">
2017                <label for="language-select" class="visually-hidden">भाषा चयन गर्नुहोस्</label>
2018                <select name="lang" id="language-select" aria-label="भाषा" onchange="this.form.submit()">
2019                  <option value="ne">NEP</option>
2020                  <option value="en">ENG</option>
2021                </select>
2022              </form>
2023            </div>
2024          </div>
2025        </div>
2026
2027        <div class="search__cta">
2028          <button class="cta__btn search__toggler" aria-label="खोजी पट्टी देखाउनुहोस्" aria-expanded="false" aria-controls="search-dropdown">
2029            <i class="fas fa-search" aria-hidden="true"></i>
2030          </button>
2031
2032          <div class="search__dropdown" id="search-dropdown">
2033            <form action="/search/" method="get" role="search">
2034              <div class="search__input">
2035                <label for="search-input-top" class="visually-hidden">खोज्नुहोस्</label>
2036                <input type="text" id="search-input-top" name="q" placeholder="खोज्नुहोस् ...">
2037                <button class="search__btn" type="submit" aria-label="खोजी गर्नुहोस्">
2038                  <i class="fas fa-search" aria-hidden="true"></i>
2039                </button>
2040              </div>
2041            </form>
2042          </div>
2043        </div>
2044
2045        <button class="hamburger__toggler" aria-label="मुख्य मेनु" aria-expanded="false" aria-controls="sidebar-nav">
2046          <i class="fas fa-bars" aria-hidden="true"></i>
2047        </button>
2048      </div>
2049    </div>
2050
2051    <div class="header-7-top-right">
2052      
2053      
2054      <div class="decorative__img hidden__img">
2055        <img src="https://giwmscdn.prixacdn.net/media/albums/topbg_CUCDohGKGe.png" alt="" role="presentation">
2056      </div>
2057      
2058
2059      
2060
2061      
2062      <div class="marquee-slider" role="region" aria-labelledby="global-notices-heading" aria-live="polite" aria-atomic="false">
2063        <a href="#skip-to-main-navigation" class="skip-link" aria-label="skip to main navigation button">मुख्य नेभिगेसनमा जानुहोस्</a>
2064        <h2 class="header__title" id="global-notices-heading">महत्त्वपूर्ण सूचना</h2>
2065
2066        <div class="swiper marqueeSwiper1" aria-live="off">
2067          <div class="infinite-slider swiper-wrapper">
2068
2069            
2070            <div class="swiper-slide" role="group" aria-label="सूचना 1">
2071              <div class="slider__item">
2072                <div class="item__details">
2073                  <h3 class="item__title">
2074                    <a href="/content/8/national-art-museum-s-66th-anniversary-program-completed/">
2075                      राष्ट्रिय कला संग्रहालयको ६६औँ वार्षिकोत्सव कार्यक्रम सम्पन्न
2076                    </a>
2077                  </h3>
2078                </div>
2079              </div>
2080            </div>
2081            
2082            <div class="swiper-slide" role="group" aria-label="सूचना 2">
2083              <div class="slider__item">
2084                <div class="item__details">
2085                  <h3 class="item__title">
2086                    <a href="/content/4/bhaktapur-darbar-area-returning-to-its-historical/">
2087                      भक्तपुर दरबार क्षेत्र पुनः आफ्नो ऐतिहासिक स्वरूपमा फर्कँदै
2088                    </a>
2089                  </h3>
2090                </div>
2091              </div>
2092            </div>
2093            
2094
2095          </div>
2096        </div>
2097      </div>
2098      
2099
2100      <div class="animated__flag">
2101        
2102        <div class="flag__img">
2103          
2104          <img src="https://giwmscdnone.gov.np/static/grapejs/img/Nepal-flag.gif" alt="animated nepal flag">
2105          
2106        </div>
2107        
2108
2109        <div class="flag__info">
2110          <div class="date">
2111            <p>
2112              वि.सं:
2113              <span> <b id="nepaliDateBs"> </b> </span>
2114            </p>
2115            <p>
2116              नेपाल संवत:
2117              <span> <b> ११४६ ञलागा दशमी - २५ </b> </span>
2118            </p>
2119          </div>
2120        </div>
2121      </div>
2122    </div>
2123  </div>
2124
2125  <div class="header-7-bottom" id="skip-to-main-navigation">
2126    <div class="bottom-wrapper">
2127      <div class="bottom-left">
2128        <div class="sticky__miniLogo">
2129          <a href="/" aria-label="Government of Nepal">
2130            <img src="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png" alt="Government of Nepal">
2131          </a>
2132        </div>
2133
2134        <nav class="main__navMenu-bottom" role="navigation" aria-label="मुख्य नेभिगेसन">
2135          <ul class="header__menu" role="menubar" aria-label="मुख्य नेभिगेसन">
2136            
2137            
2138            <li class="nav__list dropdown" role="none">
2139              <a href="/pages/about_us" 
2140                class="nav__link" 
2141                role="menuitem"
2142                aria-haspopup="true" 
2143                aria-expanded="false"
2144                id="menu-button-8"
2145                aria-controls="dropdown-8">
2146                हाम्रो बारेमा
2147                <i class="fas fa-chevron-down" aria-hidden="true"></i>
2148              </a>
2149
2150              <div class="dropdown__menu" id="dropdown-8" role="menubar" aria-labelledby="menu-button-8">
2151                <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2152                  
2153                  
2154                  <li class="dropdown__list" role="none">
2155                    <a href="/pages/about_us/" class="dropdown__link" role="menuitem">परिचय</a>
2156                  </li>
2157                  
2158                  
2159                  
2160                  <li class="dropdown__list" role="none">
2161                    <a href="/our-team/" class="dropdown__link" role="menuitem">अधिकारी र कर्मचारी</a>
2162                  </li>
2163                  
2164                  
2165                  
2166                  <li class="dropdown__list" role="none">
2167                    <a href="/pages/citizen_charter" class="dropdown__link" role="menuitem">नागरिक बडापत्र</a>
2168                  </li>
2169                  
2170                  
2171                  
2172                  <li class="dropdown__list" role="none">
2173                    <a href="/pages/organization_structure" class="dropdown__link" role="menuitem">संगठन संरचना</a>
2174                  </li>
2175                  
2176                  
2177                  
2178                  <li class="dropdown__list" role="none">
2179                    <a href="/our-mission-detail/" class="dropdown__link" role="menuitem">लक्ष्य र दृष्टि</a>
2180                  </li>
2181                  
2182                  
2183                  
2184                  <li class="dropdown__list" role="none">
2185                    <a href="/pages/museum_branches" class="dropdown__link" role="menuitem">संग्रहालयका शाखा भवनहरु</a>
2186                  </li>
2187                  
2188                  
2189                  
2190                  <li class="dropdown__list" role="none">
2191                    <a href="/pages/museum_heads_so_far" class="dropdown__link" role="menuitem">हालसम्मका संग्रहालय प्रमुखहरु</a>
2192                  </li>
2193                  
2194                  
2195                </ul>
2196              </div>
2197            </li>
2198            
2199            
2200            
2201            <li class="nav__list dropdown" role="none">
2202              <a href="/services-list/" 
2203                class="nav__link" 
2204                role="menuitem"
2205                aria-haspopup="true" 
2206                aria-expanded="false"
2207                id="menu-button-65"
2208                aria-controls="dropdown-65">
2209                सेवाहरू
2210                <i class="fas fa-chevron-down" aria-hidden="true"></i>
2211              </a>
2212
2213              <div class="dropdown__menu" id="dropdown-65" role="menubar" aria-labelledby="menu-button-65">
2214                <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2215                  
2216                  
2217                  <li class="dropdown__list" role="none">
2218                    <a href="/pages/citizen_charter/" class="dropdown__link" role="menuitem">संग्रहालय प्रवेश शुल्क</a>
2219                  </li>
2220                  
2221                  
2222                  
2223                  <li class="dropdown__list" role="none">
2224                    <a href="/category/useful-information" class="dropdown__link" role="menuitem">उपयोगी जानकारी</a>
2225                  </li>
2226                  
2227                  
2228                  
2229                  <li class="dropdown__list" role="none">
2230                    <a href="https://drive.google.com/file/d/1VLEQBSQXpGZtYb1Ai97yWe8Yy67G7Yrs/view" class="dropdown__link" role="menuitem">डिजिटल इन्भेन्टरी</a>
2231                  </li>
2232                  
2233                  
2234                </ul>
2235              </div>
2236            </li>
2237            
2238            
2239            
2240            <li class="nav__list dropdown" role="none">
2241              <a href="#" 
2242                class="nav__link" 
2243                role="menuitem"
2244                aria-haspopup="true" 
2245                aria-expanded="false"
2246                id="menu-button-50"
2247                aria-controls="dropdown-50">
2248                सूचना केन्द्र
2249                <i class="fas fa-chevron-down" aria-hidden="true"></i>
2250              </a>
2251
2252              <div class="dropdown__menu" id="dropdown-50" role="menubar" aria-labelledby="menu-button-50">
2253                <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2254                  
2255                  
2256                  <li class="dropdown__list" role="none">
2257                    <a href="/category/notices/" class="dropdown__link" role="menuitem">सूचना</a>
2258                  </li>
2259                  
2260                  
2261                  
2262                  <li class="dropdown__list" role="none">
2263                    <a href="/category/news" class="dropdown__link" role="menuitem">समाचार</a>
2264                  </li>
2265                  
2266                  
2267                  
2268                  <li class="dropdown__list" role="none">
2269                    <a href="/category/progress_reports" class="dropdown__link" role="menuitem">संग्रहालयको प्रगति विवरण</a>
2270                  </li>
2271                  
2272                  
2273                  
2274                  <li class="dropdown__list" role="none">
2275                    <a href="/category/laws-and-acts/" class="dropdown__link" role="menuitem">
2275ऐन र कानुन</a>
2276                  </li>
2277                  
2278                  
2279                  
2280                  <li class="dropdown__list has__dropdown" role="none" style="anchor-name: --sub-50-126;">
2281                    <a href="/category/annual-reports" 
2282                      class="dropdown__link" 
2283                      role="menuitem"
2284                      aria-haspopup="true" 
2285                      aria-expanded="false"
2286                      id="submenu-button-126"
2287                      aria-controls="subdropdown-126">
2288                      बजेटहरू
2289                      <i class="fas fa-chevron-right" aria-hidden="true"></i>
2290                    </a>
2291
2292                    <div class="subDropdown__menu" id="subdropdown-126" role="menu" style="position-anchor: --sub-50-126;">
2293                      <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2294                        
2295                        <li class="dropdown__list" role="none">
2296                          <a href="/category/policy" class="dropdown__link" role="menuitem">नीति</a>
2297                        </li>
2298                        
2299                        <li class="dropdown__list" role="none">
2300                          <a href="/category/policy-plans" class="dropdown__link" role="menuitem">वार्षिक नीति, कार्यक्रम र योजनाहरू</a>
2301                        </li>
2302                        
2303                      </ul>
2304                    </div>
2305                  </li>
2306                  
2307                  
2308                  
2309                  <li class="dropdown__list has__dropdown" role="none" style="anchor-name: --sub-50-131;">
2310                    <a href="/category/others" 
2311                      class="dropdown__link" 
2312                      role="menuitem"
2313                      aria-haspopup="true" 
2314                      aria-expanded="false"
2315                      id="submenu-button-131"
2316                      aria-controls="subdropdown-131">
2317                      अरू
2318                      <i class="fas fa-chevron-right" aria-hidden="true"></i>
2319                    </a>
2320
2321                    <div class="subDropdown__menu" id="subdropdown-131" role="menu" style="position-anchor: --sub-50-131;">
2322                      <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2323                        
2324                        <li class="dropdown__list" role="none">
2325                          <a href="/category/statistics" class="dropdown__link" role="menuitem">कार्यालय सम्बन्धित तथ्याङ्क</a>
2326                        </li>
2327                        
2328                        <li class="dropdown__list" role="none">
2329                          <a href="/category/reports" class="dropdown__link" role="menuitem">प्रतिवेदन / प्रगति प्रतिवेदन</a>
2330                        </li>
2331                        
2332                        <li class="dropdown__list" role="none">
2333                          <a href="/category/annual-reports" class="dropdown__link" role="menuitem">कार्यालयको वार्षिक प्रतिवेदन</a>
2334                        </li>
2335                        
2336                      </ul>
2337                    </div>
2338                  </li>
2339                  
2340                  
2341                </ul>
2342              </div>
2343            </li>
2344            
2345            
2346            
2347            <li class="nav__list dropdown" role="none">
2348              <a href="/category/media-center" 
2349                class="nav__link" 
2350                role="menuitem"
2351                aria-haspopup="true" 
2352                aria-expanded="false"
2353                id="menu-button-51"
2354                aria-controls="dropdown-51">
2355                मिडिया केन्द्र
2356                <i class="fas fa-chevron-down" aria-hidden="true"></i>
2357              </a>
2358
2359              <div class="dropdown__menu" id="dropdown-51" role="menubar" aria-labelledby="menu-button-51">
2360                <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2361                  
2362                  
2363                  <li class="dropdown__list" role="none">
2364                    <a href="/category/publications/" class="dropdown__link" role="menuitem">प्रकाशनहरू</a>
2365                  </li>
2366                  
2367                  
2368                  
2369                  <li class="dropdown__list" role="none">
2370                    <a href="/category/bulletin" class="dropdown__link" role="menuitem">बुलेटिन</a>
2371                  </li>
2372                  
2373                  
2374                  
2375                  <li class="dropdown__list" role="none">
2376                    <a href="/category/journal-magazine" class="dropdown__link" role="menuitem">जर्नल/पत्रिका</a>
2377                  </li>
2378                  
2379                  
2380                </ul>
2381              </div>
2382            </li>
2383            
2384            
2385            
2386            <li class="nav__list" role="none">
2387              <a href="/category/downloads/" class="nav__link" role="menuitem">डाउनलोडहरु</a>
2388            </li>
2389            
2390            
2391            
2392            <li class="nav__list dropdown" role="none">
2393              <a href="/feedback/complaints/" 
2394                class="nav__link" 
2395                role="menuitem"
2396                aria-haspopup="true" 
2397                aria-expanded="false"
2398                id="menu-button-53"
2399                aria-controls="dropdown-53">
2400                सम्पर्क गर्नुहोस्
2401                <i class="fas fa-chevron-down" aria-hidden="true"></i>
2402              </a>
2403
2404              <div class="dropdown__menu" id="dropdown-53" role="menubar" aria-labelledby="menu-button-53">
2405                <ul role="menubar" aria-label="मुख्य नेभिगेसन">
2406                  
2407                  
2408                  <li class="dropdown__list" role="none">
2409                    <a href="/contact-us/" class="dropdown__link" role="menuitem">सम्पर्क ठेगाना</a>
2410                  </li>
2411                  
2412                  
2413                  
2414                  <li class="dropdown__list" role="none">
2415                    <a href="/feedback/complaints/" class="dropdown__link" role="menuitem">गुनासो / उजुरी</a>
2416                  </li>
2417                  
2418                  
2419                </ul>
2420              </div>
2421            </li>
2422            
2423            
2424
2425
2426            
2427            <li role="none">
2428              <button class="toggleSubHeader" role="menuitem" aria-label="थप मेनु देखाउनुहोस्" aria-expanded="true" aria-controls="secondary-menu">
2429                <i class="fa-solid fa-angles-right" aria-hidden="true"></i>
2430              </button>
2431            </li>
2432            
2433
2434          </ul>
2435        </nav>
2436      </div>
2437
2438      <div class="bottom-right">
2439        <div class="global-search">
2440          <form id="el__form" action="/search/" method="get" role="search">
2441
2442            <div class="search__group">
2443              <div class="search-input">
2444                <label for="global-search-input" class="visually-hidden">खोज्नुहोस्</label>
2445                <input type="text" id="global-search-input" name="q" placeholder="खोज्नुहोस्..." autocomplete="off">
2446                <button type="submit" class="search__btn" aria-label="खोजी गर्नुहोस्">
2447                  <i class="fas fa-search" aria-hidden="true">Submit</i>
2448                </button>
2449              </div>
2450            </div>
2451          </form>
2452        </div>
2453
2454        
2455
2456        <div class="language__translator">
2457
2458          <div class="language__select">
2459            <form action="/change_language/" method="get">
2460              <input type="hidden" name="next" value="/pages/about_us/" />
2461              <input type="hidden" name="search_query" value="">
2462              <label for="language-select-bottom" class="visually-hidden">भाषा चयन गर्नुहोस्</label>
2463              <select name="lang" id="language-select-bottom" aria-label="भाषा" onchange="this.form.submit()">
2464                <option value="ne">NEP</option>
2465                <option value="en">ENG</option>
2466              </select>
2467              <button type="submit" class="visually-hidden">भाषा परिवर्तन गर्नुहोस्</button>
2468            </form>
2469          </div>
2470        </div>
2471
2472        <div class="social__media">
2473          
2474          <a href="https://facebook.com/nationalartmuseumbhaktapur" class="social__icon" aria-label="Facebook Icon"><i
2475              class="fab fa-square-facebook" aria-hidden="true"></i></a>
2476          
2477
2478          
2479
2480          
2481          <a href="mailto:[email protected], [email protected]" class="social__icon" aria-label="Email Icon"><i
2482              class="fas fa-square-envelope" aria-hidden="true"></i></a>
2483          
2484        </div>
2485      </div>
2486    </div>
2487
2488    <div class="secondary__headerMenu" id="secondary-menu">
2489      <nav aria-label="अतिरिक्त नेभिगेसन" role="navigation">
2490        <ul class="header__menu" role="menubar" aria-label="अतिरिक्त नेभिगेसन">
2491          
2492          
2493          <li class="nav__list">
2494            <a href="/category/photo_exhibition/" class="nav__link" role="menuitem">फोटो प्रर्दशनी</a>
2495          </li>
2496          
2497          
2498          
2499          <li class="nav__list">
2500            <a href="/pages/frequently_asked_questions/" class="nav__link" role="menuitem">बारम्बार सोधिने प्रश्नहरू</a>
2501          </li>
2502          
2503          
2504
2505          
2506          
2507
2508        </ul>
2509      </nav>
2510    </div>
2511  </div>
2512
2513  
2514</header>
2515
2516<div class="sidebar__nav" id="sidebar-nav">
2517  <div class="sidebar__nav-nav">
2518    <button class="close__drawer" aria-label="मेनु बन्द गर्नुहोस्">
2519      <i class="fas fa-times" aria-hidden="true"></i>
2520    </button>
2521
2522    <nav aria-label="मुख्य मेनु (साइडबार)" role="navigation">
2523      <div class="sidebar__nav-menu">
2524        <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2525          
2526          
2527          <li class="sidebarHas__dropdown" role="none">
2528            <a href="/pages/about_us" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2529              हाम्रो बारेमा
2530              <i class="fas fa-chevron-right" aria-hidden="true"></i>
2531            </a>
2532
2533            <div class="sidebar__dropdownMenu sidebarDropdown__menu" >
2534              <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2535                
2536                
2537                <li role="none">
2538                  <a href="/pages/about_us/" class="nav__link" role="menuitem">परिचय</a>
2539                </li>
2540                
2541                
2542                
2543                <li role="none">
2544                  <a href="/our-team/" class="nav__link" role="menuitem">अधिकारी र कर्मचारी</a>
2545                </li>
2546                
2547                
2548                
2549                <li role="none">
2550                  <a href="/pages/citizen_charter" class="nav__link" role="menuitem">नागरिक बडापत्र</a>
2551                </li>
2552                
2553                
2554                
2555                <li role="none">
2556                  <a href="/pages/organization_structure" class="nav__link" role="menuitem">संगठन संरचना</a>
2557                </li>
2558                
2559                
2560                
2561                <li role="none">
2562                  <a href="/our-mission-detail/" class="nav__link" role="menuitem">लक्ष्य र दृष्टि</a>
2563                </li>
2564                
2565                
2566                
2567                <li role="none">
2568                  <a href="/pages/museum_branches" class="nav__link" role="menuitem">संग्रहालयका शाखा भवनहरु</a>
2569                </li>
2570                
2571                
2572                
2573                <li role="none">
2574                  <a href="/pages/museum_heads_so_far" class="nav__link" role="menuitem">हालसम्मका संग्रहालय प्रमुखहरु</a>
2575                </li>
2576                
2577                
2578              </ul>
2579            </div>
2580          </li>
2581          
2582          
2583          
2584          <li class="sidebarHas__dropdown" role="none">
2585            <a href="/services-list/" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2586              सेवाहरू
2587              <i class="fas fa-chevron-right" aria-hidden="true"></i>
2588            </a>
2589
2590            <div class="sidebar__dropdownMenu sidebarDropdown__menu" >
2591              <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2592                
2593                
2594                <li role="none">
2595                  <a href="/pages/citizen_charter/" class="nav__link" role="menuitem">संग्रहालय प्रवेश शुल्क</a>
2596                </li>
2597                
2598                
2599                
2600                <li role="none">
2601                  <a href="/category/useful-information" class="nav__link" role="menuitem">उपयोगी जानकारी</a>
2602                </li>
2603                
2604                
2605                
2606                <li role="none">
2607                  <a href="https://drive.google.com/file/d/1VLEQBSQXpGZtYb1Ai97yWe8Yy67G7Yrs/view" class="nav__link" role="menuitem">डिजिटल इन्भेन्टरी</a>
2608                </li>
2609                
2610                
2611              </ul>
2612            </div>
2613          </li>
2614          
2615          
2616          
2617          <li class="sidebarHas__dropdown" role="none">
2618            <a href="#" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2619              सूचना केन्द्र
2620              <i class="fas fa-chevron-right" aria-hidden="true"></i>
2621            </a>
2622
2623            <div class="sidebar__dropdownMenu sidebarDropdown__menu" >
2624              <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2625                
2626                
2627                <li role="none">
2628                  <a href="/category/notices/" class="nav__link" role="menuitem">सूचना</a>
2629                </li>
2630                
2631                
2632                
2633                <li role="none">
2634                  <a href="/category/news" class="nav__link" role="menuitem">समाचार</a>
2635                </li>
2636                
2637                
2638                
2639                <li role="none">
2640                  <a href="/category/progress_reports" class="nav__link" role="menuitem">संग्रहालयको प्रगति विवरण</a>
2641                </li>
2642                
2643                
2644                
2645                <li role="none">
2646                  <a href="/category/laws-and-acts/" class="nav__link" role="menuitem">ऐन र कानुन</a>
2647                </li>
2648                
2649                
2650                
2651                <li class="sidebarHas__dropdown" role="none">
2652                  <a href="/category/annual-reports" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2653                    बजेटहरू
2654                    <i class="fas fa-chevron-right" aria-hidden="true"></i>
2655                  </a>
2656
2657                  <div class="sidebar__dropdownMenu sidebarSubDropdown__menu" role="menu">
2658                    <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2659                      
2660                      <li role="none">
2661                        <a href="/category/policy" class="nav__link" role="menuitem">नीति</a>
2662                      </li>
2663                      
2664                      <li role="none">
2665                        <a href="/category/policy-plans" class="nav__link" role="menuitem">वार्षिक नीति, कार्यक्रम र योजनाहरू</a>
2666                      </li>
2667                      
2668                    </ul>
2669                  </div>
2670                </li>
2671                
2672                
2673                
2674                <li class="sidebarHas__dropdown" role="none">
2675                  <a href="/category/others" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2676                    अरू
2677                    <i class="fas fa-chevron-right" aria-hidden="true"></i>
2678                  </a>
2679
2680                  <div class="sidebar__dropdownMenu sidebarSubDropdown__menu" role="menu">
2681                    <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2682                      
2683                      <li role="none">
2684                        <a href="/category/statistics" class="nav__link" role="menuitem">कार्यालय सम्बन्धित तथ्याङ्क</a>
2685                      </li>
2686                      
2687                      <li role="none">
2688                        <a href="/category/reports" class="nav__link" role="menuitem">प्रतिवेदन / प्रगति प्रतिवेदन</a>
2689                      </li>
2690                      
2691                      <li role="none">
2692                        <a href="/category/annual-reports" class="nav__link" role="menuitem">कार्यालयको वार्षिक प्रतिवेदन</a>
2693                      </li>
2694                      
2695                    </ul>
2696                  </div>
2697                </li>
2698                
2699                
2700              </ul>
2701            </div>
2702          </li>
2703          
2704          
2705          
2706          <li class="sidebarHas__dropdown" role="none">
2707            <a href="/category/media-center" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2708              मिडिया केन्द्र
2709              <i class="fas fa-chevron-right" aria-hidden="true"></i>
2710            </a>
2711
2712            <div class="sidebar__dropdownMenu sidebarDropdown__menu" >
2713              <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2714                
2715                
2716                <li role="none">
2717                  <a href="/category/publications/" class="nav__link" role="menuitem">प्रकाशनहरू</a>
2718                </li>
2719                
2720                
2721                
2722                <li role="none">
2723                  <a href="/category/bulletin" class="nav__link" role="menuitem">बुलेटिन</a>
2724                </li>
2725                
2726                
2727                
2728                <li role="none">
2729                  <a href="/category/journal-magazine" class="nav__link" role="menuitem">जर्नल/पत्रिका</a>
2730                </li>
2731                
2732                
2733              </ul>
2734            </div>
2735          </li>
2736          
2737          
2738          
2739          <li role="none">
2740            <a href="/category/downloads/" class="nav__link" role="menuitem">डाउनलोडहरु</a>
2741          </li>
2742          
2743          
2744          
2745          <li class="sidebarHas__dropdown" role="none">
2746            <a href="/feedback/complaints/" class="nav__link" role="menuitem" aria-haspopup="true" aria-expanded="false">
2747              सम्पर्क गर्नुहोस्
2748              <i class="fas fa-chevron-right" aria-hidden="true"></i>
2749            </a>
2750
2751            <div class="sidebar__dropdownMenu sidebarDropdown__menu" >
2752              <ul role="menu" aria-label="मुख्य मेनु (साइडबार)">
2753                
2754                
2755                <li role="none">
2756                  <a href="/contact-us/" class="nav__link" role="menuitem">सम्पर्क ठेगाना</a>
2757                </li>
2758                
2759                
2760                
2761                <li role="none">
2762                  <a href="/feedback/complaints/" class="nav__link" role="menuitem">गुनासो / उजुरी</a>
2763                </li>
2764                
2765                
2766              </ul>
2767            </div>
2768          </li>
2769          
2770          
2771          
2772          <li role="none">
2773            <a href="/category/photo_exhibition/" class="nav__link" role="menuitem">फोटो प्रर्दशनी</a>
2774          </li>
2775          
2776          
2777          
2778          <li role="none">
2779            <a href="/pages/frequently_asked_questions/" class="nav__link" role="menuitem">बारम्बार सोधिने प्रश्नहरू</a>
2780          </li>
2781          
2782          
2783
2784          
2785          
2786
2787        </ul>
2788      </div>
2789    </nav>
2790
2791    <div class="social__menu">
2792      
2793      <a href="https://facebook.com/nationalartmuseumbhaktapur" class="social__icon" aria-label="फेसबुक"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
2794      
2795
2796      
2797
2798      
2799      <a href="mailto:[email protected], [email protected]" class="social__icon" aria-label="इमेल"><i class="fas fa-envelope" aria-hidden="true"></i></a>
2800      
2801
2802    </div>
2803  </div>
2804</div>
2805
2806<script>
2807  $(document).ready(function () {
2808  
2809      // =========================
2810      // INIT STATE
2811      // =========================
2812      $('.dropdown__menu, .subDropdown__menu').removeClass('active');
2813      $('.nav__link').attr('aria-expanded', 'false');
2814  
2815      // =========================
2816      // SCREEN READER ANNOUNCER
2817      // =========================
2818      window.announceSR = function (message) {
2819          const el = document.getElementById("srAnnouncer");
2820          if (!el) return;
2821  
2822          el.textContent = "";
2823          setTimeout(() => {
2824              el.textContent = message;
2825          }, 1000); 
2826      };
2827  
2828  
2829      // =========================
2830      // TOP LEVEL KEYBOARD
2831      // =========================
2832      $('.nav__list.dropdown > .nav__link').on('keydown', function (e) {
2833  
2834          const $this = $(this);
2835          const $dropdown = $this.siblings('.dropdown__menu');
2836          const isOpen = $this.attr('aria-expanded') === 'true';
2837          const key = e.key;
2838  
2839          const allowed = ['ArrowDown','ArrowUp','Enter',' ','Escape','ArrowLeft','ArrowRight'];
2840  
2841          if (!allowed.includes(key)) return;
2842  
2843          e.preventDefault();
2844  
2845          function openMenu() {
2846              $('.dropdown__menu, .subDropdown__menu').not($dropdown).removeClass('active');
2847              $('.nav__link').not($this).attr('aria-expanded', 'false');
2848  
2849              $this.attr('aria-expanded', 'true');
2850              $dropdown.addClass('active');
2851  
2852              window.announceSR($this.text().trim() + " उपमेनु खुल्यो");
2853  
2854              setTimeout(() => {
2855                  $dropdown.find('a').first().focus();
2856              }, 50);
2857          }
2858  
2859          function closeMenu() {
2860              $this.attr('aria-expanded', 'false');
2861              $dropdown.removeClass('active');
2862  
2863              window.announceSR($this.text().trim() + " उपमेनु बन्द भयो");
2864  
2865              $this.focus();
2866          }
2867  
2868          switch (key) {
2869  
2870              case 'ArrowDown':
2871              case 'Enter':
2872              case ' ':
2873                  if (!isOpen) openMenu();
2874                  break;
2875  
2876              case 'ArrowUp':
2877                  if (!isOpen) openMenu();
2878  
2879                  setTimeout(() => {
2880                      $dropdown.find('a').last().focus();
2881                  }, 50);
2882                  break;
2883  
2884              case 'Escape':
2885                  closeMenu();
2886                  break;
2887  
2888              case 'ArrowLeft':
2889                  // move to previous top menu item
2890                  e.preventDefault();
2891  
2892                  const $prev = $this.closest('.nav__list')
2893                      .prevAll('.nav__list:has(> .nav__link)')
2894                      .first()
2895                      .find('> .nav__link');
2896  
2897                  if ($prev.length) $prev.focus();
2898                  break;
2899  
2900              case 'ArrowRight':
2901                  e.preventDefault();
2902  
2903                  const $next = $this.closest('.nav__list')
2904                      .nextAll('.nav__list:has(> .nav__link)')
2905                      .first()
2906                      .find('> .nav__link');
2907  
2908                  if ($next.length) $next.focus();
2909                  break;
2910          }
2911      });
2912  
2913  
2914      // =========================
2915      // SUBMENU KEYBOARD
2916      // =========================
2917      $(document).on('keydown', '.dropdown__menu a, .subDropdown__menu a', function (e) {
2918  
2919          const $this = $(this);
2920          const $menu = $this.closest('.dropdown__menu, .subDropdown__menu');
2921          // Only links at the current menu level (exclude nested submenu links when focus is in the parent panel)
2922          const $items = $menu.find('> ul > li > a');
2923          const index = $items.index($this);
2924  
2925          switch (e.key) {
2926  
2927              case 'ArrowDown':
2928                  e.preventDefault();
2929                  if (!$items.length || index < 0) return;
2930                  $items.eq((index + 1) % $items.length).focus();
2931                  break;
2932  
2933              case 'ArrowUp':
2934                  e.preventDefault();
2935                  if (!$items.length || index < 0) return;
2936                  $items.eq((index - 1 + $items.length) % $items.length).focus();
2937                  break;
2938  
2939              case 'ArrowRight':
2940                  e.preventDefault();
2941  
2942                  if ($this.parent().hasClass('has__dropdown')) {
2943  
2944                      const $submenu = $this.siblings('.subDropdown__menu');
2945  
2946                      $this.attr('aria-expanded', 'true');
2947                      $submenu.addClass('active');
2948  
2949                      window.announceSR($this.text().trim() + " उपमेनु खुल्यो");
2950  
2951                      setTimeout(() => {
2952                          $submenu.find('a').first().focus();
2953                      }, 50);
2954                  }
2955                  break;
2956  
2957              case 'ArrowLeft':
2958                  e.preventDefault();
2959  
2960                  if ($menu.hasClass('subDropdown__menu')) {
2961  
2962                      const $parent = $menu.closest('.has__dropdown').find('> a');
2963  
2964                      $menu.removeClass('active');
2965                      $parent.attr('aria-expanded', 'false').focus();
2966  
2967                      window.announceSR($parent.text().trim() + " उपमेनु बन्द भयो");
2968  
2969                  } else {
2970  
2971                      const $top = $menu.closest('.dropdown').find('> .nav__link');
2972  
2973                      $menu.removeClass('active');
2974                      $top.attr('aria-expanded', 'false').focus();
2975  
2976                      window.announceSR($top.text().trim() + " उपमेनु बन्द भयो");
2977                  }
2978                  break;
2979  
2980              case 'Escape':
2981  
2982                  $('.dropdown__menu, .subDropdown__menu').removeClass('active');
2983                  $('.nav__link').attr('aria-expanded', 'false');
2984  
2985                  const $root = $menu.closest('.dropdown').find('> .nav__link');
2986                  $root.focus();
2987  
2988                  window.announceSR("मेनु बन्द भयो");
2989  
2990                  break;
2991          }
2992      });
2993  
2994  
2995      // =========================
2996      // CLICK TOGGLE (MOUSE)
2997      // =========================
2998      $('.nav__list.dropdown > .nav__link').on('click', function (e) {
2999
3000        e.preventDefault();
3001
3002        const $this = $(this);
3003        const $dropdown = $this.siblings('.dropdown__menu');
3004        const isOpen = $this.attr('aria-expanded') === 'true';
3005
3006        $('.dropdown__menu, .subDropdown__menu').not($dropdown).removeClass('active');
3007        $('.nav__link').not($this).attr('aria-expanded', 'false');
3008
3009        if (!isOpen) {
3010            $this.attr('aria-expanded', 'true');
3011            $dropdown.addClass('active');
3012
3013            window.announceSR($this.text().trim() + " उपमेनु खुल्यो");
3014        } else {
3015            $this.attr('aria-expanded', 'false');
3016            $dropdown.removeClass('active');
3017
3018            window.announceSR($this.text().trim() + " उपमेनु बन्द भयो");
3019        }
3020    });
3021
3022
3023    // =========================
3024    // OUTSIDE CLICK CLOSE
3025    // =========================
3026    $(document).on('click', function (e) {
3027
3028        if (!$(e.target).closest('.dropdown, .nav__list, .dropdown__menu, .subDropdown__menu').length) {
3029
3030            $('.dropdown__menu, .subDropdown__menu').removeClass('active');
3031            $('.nav__link').attr('aria-expanded', 'false');
3032
3033            window.announceSR("मेनु बन्द भयो");
3034        }
3035    });
3036
3037
3038    // =========================
3039    // NESTED SUBMENU HOVER (bridge + delayed close)
3040    // =========================
3041    var submenuCloseTimer = null;
3042    var SUBMENU_CLOSE_DELAY = 500;
3043
3044    function clearSubmenuCloseTimer() {
3045        if (submenuCloseTimer) {
3046            clearTimeout(submenuCloseTimer);
3047            submenuCloseTimer = null;
3048        }
3049    }
3050
3051    function openSubmenu($hasDropdown) {
3052        clearSubmenuCloseTimer();
3053        var $submenu = $hasDropdown.children('.subDropdown__menu');
3054        var $trigger = $hasDropdown.children('a');
3055
3056        $hasDropdown.closest('.dropdown__menu').find('.subDropdown__menu').not($submenu).removeClass('active');
3057        $hasDropdown.closest('.dropdown__menu').find('.has__dropdown > a').not($trigger).attr('aria-expanded', 'false');
3058
3059        $submenu.addClass('active');
3060        $trigger.attr('aria-expanded', 'true');
3061    }
3062
3063    function scheduleSubmenuClose($hasDropdown) {
3064        clearSubmenuCloseTimer();
3065        var $submenu = $hasDropdown.children('.subDropdown__menu');
3066        var $trigger = $hasDropdown.children('a');
3067
3068        submenuCloseTimer = setTimeout(function () {
3069            $submenu.removeClass('active');
3070            $trigger.attr('aria-expanded', 'false');
3071            submenuCloseTimer = null;
3072        }, SUBMENU_CLOSE_DELAY);
3073    }
3074
3075    $('.header__menu').on('mouseenter', '.has__dropdown, .subDropdown__menu', function () {
3076        var $hasDropdown = $(this).hasClass('has__dropdown')
3077            ? $(this)
3078            : $(this).closest('.has__dropdown');
3079        openSubmenu($hasDropdown);
3080    });
3081
3082    $('.header__menu').on('mouseleave', '.has__dropdown, .subDropdown__menu', function (e) {
3083        var $hasDropdown = $(this).hasClass('has__dropdown')
3084            ? $(this)
3085            : $(this).closest('.has__dropdown');
3086        var $submenu = $hasDropdown.children('.subDropdown__menu');
3087
3088        if (e.relatedTarget && ($hasDropdown[0].contains(e.relatedTarget) || $submenu[0].contains(e.relatedTarget))) {
3089            return;
3090        }
3091
3092        scheduleSubmenuClose($hasDropdown);
3093    });
3094  
3095  });
3096</script>
3096
3097
3098
3099
3100
3101
3102<!-- election days counter -->
3103
3104<script>
3105  // initializing nice select jquery
3106  window.onload = function () {
3107    var languageSelectorTranslator = $('.language__translator select');
3108
3109    if ($(languageSelectorTranslator)) {
3110      $(languageSelectorTranslator).niceSelect();
3111    }
3112  }
3113</script>
3113
3114
3115<script>
3116
3117  // search toggler
3118  
3119
3120  // header sticky
3121  var nh1 = document.querySelector('.header-7')
3122
3123  if (nh1) {
3124    window.addEventListener('scroll', () => {
3125      var scrollY = window.scrollY
3126
3127      if (scrollY > 0) {
3128        nh1.classList.add('stickyHeader')
3129        searchDropdown.classList.remove('active')
3130      } else {
3131        nh1.classList.remove('stickyHeader')
3132      }
3133    })
3134  }
3135
3136  // sidebar menu toggler
3137  var hamburgerBtn = document.querySelector('.hamburger__toggler')
3138  var sidebarMenu = document.querySelector('.sidebar__nav')
3139  var sidebarCLosebtn = document.querySelector('.close__drawer')
3140
3141  if (hamburgerBtn) {
3142    hamburgerBtn.addEventListener('click', (e) => {
3143      sidebarMenu.classList.add('active')
3144      document.querySelector('body').append(overlayDiv)
3145      document.querySelector('body').style.overflow = 'hidden'
3146    })
3147
3148    sidebarCLosebtn.addEventListener('click', () => {
3149      sidebarMenu.classList.remove('active')
3150      overlayDiv.remove()
3151      document.querySelector('body').style.overflow = 'visible'
3152      document.querySelector('.sidebarHas__dropdown').classList.remove('active')
3153    })
3154  }
3155
3156  // sidebar menu dropdown
3157  $('.sidebar__nav-menu .nav__link').click(function (e) {
3158    if ($(this).parent('.sidebarHas__dropdown').hasClass('sidebarHas__dropdown')) {
3159      e.preventDefault()
3160      $(this).parent('.sidebarHas__dropdown').toggleClass('active')
3161    }
3162  })
3163</script>
3163
3164
3165<script>
3166  const swiper1 = new Swiper('.marqueeSwiper1', {
3167    autoplay: {
3168      delay: 3000,
3169    },
3170    effect: 'fade',
3171    fadeEffect: {
3172      crossFade: true
3173    },
3174    loop: true,
3175    autoHeight: true,
3176    slidePerView: 1
3177  });
3178
3179  const swiper2 = new Swiper('.marqueeSwiper2', {
3180    autoplay: {
3181      delay: 5000,
3182    },
3183
3184    effect: 'fade',
3185    fadeEffect: {
3186      crossFade: true
3187    },
3188    loop: true,
3189    autoHeight: true,
3190    slidePerView: 1
3191  });
3192</script>
3192
3193
3194<script>
3195  // creating new layout
3196  let overlayDiv = document.createElement('div');
3197  overlayDiv.className = 'backdrop__overlay';
3198
3199  if (overlayDiv) {
3200    overlayDiv.addEventListener('click', () => {
3201      sidebarMenu.classList.remove('active');
3202      overlayDiv.remove();
3203      document.querySelector('body').style.overflow = 'visible';
3204      document.querySelector('.sidebarHas__dropdown').classList.remove('active')
3205    })
3206  }
3207
3208  // initializing nice select jquery
3209  $(document).ready(function () {
3210    var languageSelector = $('.language__translator select');
3211
3212    if ($(languageSelector)) {
3213      $(languageSelector).niceSelect();
3214    }
3215  });
3216
3217  // header sticky
3218  var nh1 = document.querySelector('.header-7');
3219
3220  if (nh1) {
3221    window.addEventListener('scroll', () => {
3222      var scrollY = window.scrollY;
3223
3224      if (scrollY > 0) {
3225        nh1.classList.add('stickyHeader');
3226        searchDropdown.classList.remove('active');
3227      } else {
3228        nh1.classList.remove('stickyHeader');
3229      }
3230    })
3231  }
3232
3233  // sidebar menu toggler
3234  var hamburgerBtn = document.querySelector('.hamburger__toggler');
3235  var sidebarMenu = document.querySelector('.sidebar__nav');
3236  var sidebarCLosebtn = document.querySelector('.close__drawer');
3237
3238  if (hamburgerBtn) {
3239    hamburgerBtn.addEventListener('click', (e) => {
3240      sidebarMenu.classList.add('active');
3241      document.querySelector('body').append(overlayDiv);
3242      document.querySelector('body').style.overflow = 'hidden';
3243    })
3244
3245    sidebarCLosebtn.addEventListener('click', () => {
3246      sidebarMenu.classList.remove('active');
3247      overlayDiv.remove();
3248      document.querySelector('body').style.overflow = 'visible';
3249      document.querySelector('.sidebarHas__dropdown').classList.remove('active')
3250    })
3251  }
3252
3253  // sidebar menu dropdown
3254  $('.sidebar__nav-menu .nav__link').click(function (e) {
3255    if ($(this).parent('.sidebarHas__dropdown').hasClass('sidebarHas__dropdown')) {
3256      e.preventDefault();
3257      $(this).parent('.sidebarHas__dropdown').toggleClass('active');
3258    }
3259  })
3260
3261
3262  // header sticky
3263  var nh1 = document.querySelector('.header-7');
3264
3265  if (nh1) {
3266    window.addEventListener('scroll', () => {
3267      var scrollY = window.scrollY;
3268
3269
3270      if (scrollY > 0) {
3271        nh1.classList.add('stickyHeader');
3272        searchDropdown.classList.remove('active');
3273      } else {
3274        nh1.classList.remove('stickyHeader');
3275      }
3276    })
3277  }
3278
3279</script>
3279
3280
3281<script>
3282  $(document).ready(function () {
3283    var clicked = false;
3284    $('.toggleSubHeader').click(function (e) {
3285      e.preventDefault()
3286      $('.secondary__headerMenu').slideToggle();
3287      clicked = !clicked;
3288      if (clicked) {
3289        $(this).html('<i class="fas fa-times"></i>');
3290      } else {
3291        $(this).html('<i class="fa-solid fa-angles-right"></i>');
3292      }
3293    })
3294  })
3295</script>
3295
3296            
3297            
3298            
3299
3300<main id="all-blocks" role="main">
3301    
3302    <div class="custom-table-popup custom__hide">
3303        <button type="button" class="popup__dismiss">
3304            <i class="fas fa-times"></i>
3305        </button>
3306        <div class="popup-wrapper">
3307            <div class="popup-pdf-viewer">
3308                <object data="https://pdfobject.com/pdf/sample.pdf" type="application/pdf"></object>
3309            </div>
3310        </div>
3311    </div>
3312
3313    
3313<script>
3314        document.addEventListener('DOMContentLoaded', function () {
3315            hideColumnsByColumnName()
3316
3317            function hideColumnsByColumnName() {
3318                // Get the table element
3319                var table = document.querySelector('table');
3320
3321                // If table exists
3322                if (table) {
3323                    // Get the index of the columns by their names
3324                    var columnNames = ['start_date', 'end_date', 'start date', 'end date']; // Column names to hide
3325                    var columnIndex = []; // Array to store the column indices
3326
3327                    // Loop through the header cells to find the indices of the columns
3328                    var headerRow = table.querySelector('thead tr');
3329                    headerRow.querySelectorAll('th').forEach(function (headerCell, index) {
3330                        var columnName = headerCell.textContent.trim().toLowerCase(); // Get the column name and convert to lowercase
3331                        if (columnNames.includes(columnName)) { // Check if the column name matches any of the specified names
3332                            columnIndex.push(index); // Store the index of the matched column
3333                            headerCell.style.display = 'none'; // hiding the table header also
3334                        }
3335                    });
3336
3337                    // Loop through each row in the table
3338                    table.querySelectorAll('tbody tr').forEach(function (row) {
3339                        // Loop through the column indices
3340                        columnIndex.forEach(function (index) {
3341                            // Hide the cell with the matching index
3342                            row.cells[index].style.display = 'none';
3343                        });
3344                    });
3345                }
3346            }
3347
3348            updateStatusColumn();
3349
3350            // this function finds 'start_date' or 'end_date' on 1st row and updates 'status' col accordingly
3351            function updateStatusColumn() {
3352                var table = document.querySelector('.custom-wrapper-ck table');
3353                var headerRow = table.querySelector('thead tr');
3354                var startDateColumnIndex = -1;
3355                var endDateColumnIndex = -1;
3356                var statusColumnIndex = -1;
3357
3358                // Find the column indices for start_date, end_date, and status in the header row
3359                var cells = headerRow.getElementsByTagName('th');
3360                for (var i = 0; i < cells.length; i++) {
3361                    let columnName = cells[i].textContent.trim().toLowerCase();
3362                    if (columnName === 'start_date' || columnName === 'start date') {
3363                        startDateColumnIndex = i;
3364                    } else if (columnName === 'end_date' || columnName === 'end date') {
3365                        endDateColumnIndex = i;
3366                    } else if (columnName === 'status') {
3367                        statusColumnIndex = i;
3368                    }
3369                }
3370
3371                if (startDateColumnIndex !== -1 && endDateColumnIndex !== -1 && statusColumnIndex !== -1) {
3372                    var dataRows = table.querySelectorAll('tbody tr');
3373                    dataRows.forEach(function (row) {
3374                        var cells = row.getElementsByTagName('td');
3375                        var startDate = new Date(cells[startDateColumnIndex].textContent.trim());
3376                        var endDate = new Date(cells[endDateColumnIndex].textContent.trim());
3377                        var currentDate = new Date();
3378
3379                        if (currentDate >= startDate && currentDate <= endDate) {
3380                            cells[statusColumnIndex].textContent = 'active';
3381                        } else if (currentDate > endDate) {
3382                            cells[statusColumnIndex].textContent = 'inactive';
3383                        } else {
3384                            cells[statusColumnIndex].textContent = '';
3385                        }
3386                    });
3387                } else {
3388                    console.error('start_date, end_date, or status column not found in header row');
3389                }
3390            }
3391
3392            hideInactiveRows()
3393            // Function to hide rows where the 'status' column has the value 'inactive'
3394            function hideInactiveRows() {
3395                // Get the table element
3396                var table = document.querySelector('table');
3397
3398                // If table exists
3399                if (table) {
3400                    // Get the index of the 'status' column
3401                    var statusColumnIndex = -1;
3402
3403                    // Loop through the header cells to find the index of the 'status' column
3404                    var headerRow = table.querySelector('thead tr');
3405                    headerRow.querySelectorAll('th').forEach(function (headerCell, index) {
3406                        var columnName = headerCell.textContent.trim().toLowerCase(); // Get the column name and convert to lowercase
3407                        if (columnName === 'status') { // Check if the column name is 'status'
3408                            statusColumnIndex = index; // Store the index of the 'status' column
3409                        }
3410                    });
3411
3412                    // If 'status' column exists
3413                    if (statusColumnIndex !== -1) {
3414                        // Loop through each row in the table body
3415                        table.querySelectorAll('tbody tr').forEach(function (row) {
3416                            var statusCell = row.cells[statusColumnIndex]; // Get the 'status' cell in the current row
3417                            if (statusCell.textContent.trim().toLowerCase() === 'inactive') { // Check if the 'status' cell value is 'inactive'
3418                                row.style.display = 'none'; // Hide the entire row
3419                            }
3420                        });
3421                    }
3422                }
3423            }
3424
3425            // Function to handle search in the table rows and only search those where the 'status' column is 'active'
3426            var searchInput = document.getElementById('searchInput');
3427            searchInput.addEventListener('keyup', function () {
3428                var searchTerm = searchInput.value.toLowerCase();
3429                // Adjusted selector to target the table directly
3430                var tableRows = document.querySelectorAll('.custom-wrapper-ck table tbody tr');
3431                var statusColumnIndex = getStatusColumnIndex(); // Get the index of the 'status' column
3432                if (statusColumnIndex !== -1) { // Check if 'status' column is found
3433                    tableRows.forEach(function (row) {
3434                        var statusCell = row.cells[statusColumnIndex]; // Get the 'status' cell in the current row
3435                        if (statusCell.textContent.trim().toLowerCase() === 'active') {
3436                            var cells = row.getElementsByTagName('td');
3437                            var found = false;
3438                            for (var i = 0; i < cells.length; i++) {
3439                                if (cells[i].textContent.toLowerCase().indexOf(searchTerm) > -1) {
3440                                    found = true;
3441                                    break;
3442                                }
3443                            }
3444                            if (found) {
3445                                row.style.display = '';
3446                            } else {
3447                                row.style.display = 'none';
3448                            }
3449                        } else {
3450                            row.style.display = 'none'; // Hide the row if 'status' is not 'active'
3451                        }
3452                    });
3453                }
3454                else {
3455                    tableRows.forEach(function (row) {
3456                        var cells = row.getElementsByTagName('td');
3457                        var found = false;
3458                        for (var i = 0; i < cells.length; i++) {
3459                            if (cells[i].textContent.toLowerCase().indexOf(searchTerm) > -1) {
3460                                found = true;
3461                                break;
3462                            }
3463                        }
3464                        if (found) {
3465                            row.style.display = '';
3466                        } else {
3467                            row.style.display = 'none';
3468                        }
3469                });
3470                }
3471
3472                // Function to dynamically find the index of the 'status' column
3473                function getStatusColumnIndex() {
3474                    var headerRow = document.querySelector('.custom-wrapper-ck table thead tr');
3475                    var cells = headerRow.getElementsByTagName('th');
3476                    for (var i = 0; i < cells.length; i++) {
3477                        if (cells[i].textContent.trim().toLowerCase() === 'status') {
3478                            return i; // Return the index of the 'status' column
3479                        }
3480                    }
3481                    return -1; // Return -1 if 'status' column is not found
3482                }
3483            });
3484        });
3485    </script>
3485
3486
3487    <div class="custom-container custom-wrapper-ck mt-60 mb-60">
3488        
3489            
3490
3491<style>
3492    @media (max-width: 575px){
3493        .title-6 {
3494            margin-bottom: 10px;
3495        }
3496    }
3497</style>
3498
3499<div class="title-6 translate-title">
3500    <h4 class="category__title">
3501        
3502        <a href=" /pages/about_us/ ">हाम्रो बारेमा</a>
3503    </h4>
3504    <div class="view__more">
3505        <a href="/pages/about_us/ ">
3506            थप हेर्नुहोस
3507            <i class="fas fa-arrow-right"></i>
3508        </a>
3509    </div>
3510
3511</div>
3512
3513
3514
3515    <link rel="stylesheet" href="https://giwmscdnone.gov.np/static/grapejs/css/title-6-1.css?v=2" />
3516
3517        
3518
3519        
3520        
3521            <div class="riri__audio">
3522                <div class="audio__control-center">
3523                <div class="row">
3524                    <div class="col-3 col-lg-1 order-1">
3525                    <div class="voice__play">
3526                        <button type="button" class="playBtn" aria-label="audio play">
3527                            <img class="play" src="https://giwmscdn.prixacdn.net/media/albums/play_In1y8w8GAG_kiy7rbittn.png" alt="play" />
3528                            <img
3529                                class="pause"
3530                                src="https://giwmscdn.prixacdn.net/media/albums/pause_gDj64Br525_3qeagbqgvy.png" 
3531                                alt="pause"
3532                            />
3533                        </button>
3534                    </div>
3535                    </div>
3536                    
3537                    <div class="col-9 col-lg-11 order-2 order-lg-2">
3538                    <div class="riri__voice">
3539                        <div id="waveform"></div>
3540                    </div>
3541                    </div>
3542                    
3543                </div>
3544                <div class="poweredBy-wrapper">
3545                    <div class="riri__logo">
3546                    <span class="poweredBy"> Powered by </span>
3547                    <a href="https://riri.ai/" class="poweredBy-link" target="_blank">
3548                        <span>riri</span> one
3549                    </a>
3550                    </div>
3551                </div>
3552                </div>
3553            </div>
3554                
3555
3556        <div class="fontsize__toggler">
3557            <button type="button" class="size__toggler increase__size" aria-label="increase font">
3558                <span class="font__icon">
3559                    A
3560                    <i class="fas fa-plus"></i>
3561                </span>
3562            </button>
3563        
3564            <button type="button" class="size__toggler reset__size" aria-label="reset font">
3565                <span class="font__icon">
3566                    <i class="fa-solid fa-arrow-rotate-left"></i>
3567                </span>
3568            </button>
3569        
3570            <button type="button" class="size__toggler decrease__size" aria-label="decrease font">
3571                <span class="font__icon">
3572                    A
3573                    <i class="fas fa-minus"></i>
3574                </span>
3575            </button>
3576        </div>
3577    </div>
3578
3579
3580
3581    
3582        <div class="custom-container custom-wrapper-ck mt-60 mb-60">
3583            
3584            <div class="table-responsive custom-bs-table old__pmList">
3585                <p>राष्ट्रिय कला संग्रहालय भक्तपुर दरबार क्षेत्र स्थित ऐतिहासिक सिंह ढोका दरबारमा नेपाल सरकार, पुरातत्व विभागद्वारा वि.सं २०१७ साल आषाढ १७ गते राष्ट्रिय कला संग्रहालयको स्थापना भएको हो । भक्तपुर राजदरबारको यो भाग वि.सं १७५४ मा भक्तपुरका प्रसिद्ध राजा भूपतीन्द्र मल्लले बनाउन लगाएका थिए । दरबारको प्रवेशद्वारको दायाँबायाँ नृसिंह र तान्त्रिक भाव झल्कने हनुभैरवको सुन्दर à¤
3585ªà¥à¤°à¤¸à¥à¤¤à¤° मूर्तिहरू स्थापित छन । यिनै मूर्तिहरूको अग्रभागमा दायाँबायाँ एक जोडी सिंहका विशाल प्रस्तर मूर्ति स्थापना गरिएकोले यो दरबार सिंह ध्वाखा दरबारका नामले प्रसिद्ध छ । नेपाली मौलिक चित्रहरुको संरक्षण, सम्वर्द्धन एवं प्रवर्द्धन गर्ने उद्देश्यले राष्ट्रिय चित्रकला संग्रहालयको नामबाट तत्कालीन प्रधानमन्त्री श्री विश्वेश्वर प्रसाद कोइरालाद्वारा उद्घाटन भएको यस संग्रहालयमा हाल प्रस्तरकला कक्ष, काष्ठकला कक्ष र धातुकला कक्ष समेत समावेश गरी राष्ट्रिय कला संग्रहालय नामाकरण गरिएको छ । विशिष्ट मौलिक चित्रकला, काष्ठकला, प्रस्तरकला एवं धातुकलाका सामग्रीहरु प्रदर्शित गरिएकाले यस संग्रहालयको आफ्नो छुट्टै पहिचान रहेको छ ।</p>
3586            </div> 
3587
3588            
3589        </div>
3590    
3591
3592
3593    
3593<script>
3594        var popupTableToggler = $('.popupTableToggler');
3595
3596        if ($(popupTableToggler)) {
3597            $(popupTableToggler).click(function(e) {
3598                e.preventDefault();
3599                $('.custom-table-popup').addClass('disabled__popup');
3600                $('.custom-table-popup').removeClass('custom__hide');
3601                $('body').css('overflow', 'hidden');
3602            })
3603
3604            $('.popup__dismiss').click(function() {
3605                $('.custom-table-popup').addClass('custom__hide');
3606                $('body').css('overflow', 'visible');
3607
3608                setTimeout(() => {
3609                    $('.custom-table-popup').removeClass('custom__hide');
3610                    $('.custom-table-popup').removeClass('disabled__popup');
3611                }, 300)
3612            })
3613        }
3614    </script>
3614
3615
3616    
3617
3618    
3618<script src="https://unpkg.com/[email protected]/dist/wavesurfer.js"></script>
3618
3619    
3619<script>
3620        
3621        var wavesurfer = WaveSurfer.create({
3622            container: "#waveform",
3623            waveColor: "#D9DCFF",
3624            progressColor: "#273c92",
3625            responsive: true,
3626            barWidth: 4,
3627            barRadius: 4,
3628            barGap: 3,
3629            height: 100,
3630            forceDecode: true,
3631            cursorColor: "#273c92",
3632            drawingContextAttributes: { desynchronized: true },
3633        });
3634
3635        wavesurfer.load(
3636        "https://riritwo.prixacdn.net/output/31c3dd630fb64694b96e180fd118480c.mp3"
3637        );
3638        
3639
3640        var ririPlayBtn = document.querySelector(".playBtn");
3641        var playIcon = document.querySelector(".play");
3642        var pauseIcon = document.querySelector(".pause");
3643            playIcon.classList.add("active");
3644
3645            ririPlayBtn.addEventListener("click", () => {
3646                wavesurfer.playPause();
3647                if (playIcon.classList.contains("active")) {
3648                playIcon.classList.remove("active");
3649                pauseIcon.classList.add("active");
3650                } else {
3651                playIcon.classList.add("active");
3652                pauseIcon.classList.remove("active");
3653                }
3654            });
3655
3656            wavesurfer.on("finish", () => {
3657            playIcon.classList.add("active");
3658            pauseIcon.classList.remove("active");
3659            wavesurfer.stop();
3660        });
3661        
3662    </script>
3662
3663
3664
3665    
3665<script>
3666        document.addEventListener('DOMContentLoaded', function () {
3667            const buttons = document.querySelectorAll('.size__toggler');
3668            const paragraphs = document.querySelectorAll('.custom-bs-table p');
3669            const lists = document.querySelectorAll('.custom-bs-table ul li');
3670            const tablebody = document.querySelectorAll('.custom-bs-table table tbody td');
3671            const tableHead = document.querySelectorAll('.custom-bs-table table thead th');
3672            let originalFontSizes = []; // Array to store original font sizes of paragraphs
3673            let listOriginalFontSizes = []; // Array to store original font sizes of list
3674            let tablebodyOriginalFontSizes = []; // Array to store original font sizes of table body
3675            let tableHeadOriginalFontSizes = []; // Array to store original font sizes of table head
3676
3677            // Store original font sizes of paragraphs
3678            paragraphs.forEach(paragraph => {
3679                originalFontSizes.push(parseFloat(window.getComputedStyle(paragraph).fontSize));
3680            });
3681            // Store original font sizes of list
3682            lists.forEach(list => {
3683                listOriginalFontSizes.push(parseFloat(window.getComputedStyle(list).fontSize));
3684            });
3685            // Store original font sizes of list
3686            tablebody.forEach(body => {
3687                tablebodyOriginalFontSizes.push(parseFloat(window.getComputedStyle(body).fontSize));
3688            });
3689            // Store original font sizes of list
3690            tableHead.forEach(head => {
3691                tableHeadOriginalFontSizes.push(parseFloat(window.getComputedStyle(head).fontSize));
3692            });
3693
3694            buttons.forEach(button => {
3695                button.addEventListener('click', function () {
3696                    // Remove active class from all buttons
3697                    buttons.forEach(btn => btn.classList.remove('active'));
3698
3699                    // Add active class to the clicked button
3700                    this.classList.add('active');
3701
3702                    // Perform action based on button clicked
3703                    if (this.classList.contains('increase__size')) {
3704                        increaseFontSize();
3705                    } else if (this.classList.contains('decrease__size')) {
3706                        decreaseFontSize();
3707                    } else if (this.classList.contains('reset__size')) {
3708                        resetFontSize();
3709                    }
3710                });
3711            });
3712
3713            function increaseFontSize() {
3714                paragraphs.forEach((paragraph, index) => {
3715                    const currentSize = parseFloat(window.getComputedStyle(paragraph).fontSize);
3716                    if (currentSize < 32) { // Limit increase font size to 26px
3717                        paragraph.style.fontSize = (currentSize + 2) + 'px';
3718                    }
3719                });
3720                lists.forEach((list, index) => {
3721                    const ListCurrentSize = parseFloat(window.getComputedStyle(list).fontSize);
3722                    if (ListCurrentSize < 32) { // Limit increase font size to 26px
3723                        list.style.fontSize = (ListCurrentSize + 2) + 'px';
3724                    }
3725                });
3726                tablebody.forEach((body, index) => {
3727                    const tablebodyCurrentSize = parseFloat(window.getComputedStyle(body).fontSize);
3728                    if (tablebodyCurrentSize < 32) { // Limit increase font size to 26px
3729                        body.style.fontSize = (tablebodyCurrentSize + 2) + 'px';
3730                    }
3731                });
3732                tableHead.forEach((head, index) => {
3733                    const tableHeadCurrentSize = parseFloat(window.getComputedStyle(head).fontSize);
3734                    if (tableHeadCurrentSize < 32) { // Limit increase font size to 26px
3735                        head.style.fontSize = (tableHeadCurrentSize + 2) + 'px';
3736                    }
3737                });
3738
3739            }
3740
3741            function decreaseFontSize() {
3742                paragraphs.forEach((paragraph, index) => {
3743                    const currentSize = parseFloat(window.getComputedStyle(paragraph).fontSize);
3744                    if (currentSize > 14) {
3745                        paragraph.style.fontSize = (currentSize - 2) + 'px';
3746                    }
3747                });
3748                lists.forEach((list, index) => {
3749                    const ListCurrentSize = parseFloat(window.getComputedStyle(list).fontSize);
3750                    if (ListCurrentSize > 14) { 
3751                        list.style.fontSize = (ListCurrentSize - 2) + 'px';
3752                    }
3753                });
3754                tablebody.forEach((body, index) => {
3755                    const tablebodyCurrentSize = parseFloat(window.getComputedStyle(body).fontSize);
3756                    if (tablebodyCurrentSize > 14) { 
3757                        body.style.fontSize = (tablebodyCurrentSize - 2) + 'px';
3758                    }
3759                });
3760                tableHead.forEach((head, index) => {
3761                    const tableHeadCurrentSize = parseFloat(window.getComputedStyle(head).fontSize);
3762                    if (tableHeadCurrentSize > 14) { 
3763                        head.style.fontSize = (tableHeadCurrentSize - 2) + 'px';
3764                    }
3765                });
3766            }
3767
3768            function resetFontSize() {
3769                paragraphs.forEach((paragraph, index) => {
3770                    paragraph.style.fontSize = originalFontSizes[index] + 'px';
3771                });
3772                lists.forEach((list, index) => {
3773                    list.style.fontSize = listOriginalFontSizes[index] + 'px';
3774                });
3775                tablebody.forEach((body, index) => {
3776                    body.style.fontSize = tablebodyOriginalFontSizes[index] + 'px';
3777                });
3778                tableHead.forEach((head, index) => {
3779                    head.style.fontSize = tableHeadOriginalFontSizes[index] + 'px';
3780                });
3781            }
3782        });
3783    </script>
3783
3784</main>
3785
3786
3787            
3788            
3789                
3790<link rel="stylesheet" href="https://giwmscdnone.gov.np/static/grapejs/css/footer-8.css" />
3791
3792<style>
3793  .below__important-links {
3794    margin-top: 30px;
3795  }
3796
3797  .below__important-links .officials__group {
3798    display: flex;
3799    align-items: flex-start;
3800    column-gap: 45px;
3801    row-gap: 10px;
3802    flex-wrap: wrap;
3803  }
3804
3805  .below__important-links .footer__social-icon {
3806    display: flex;
3807    align-items: center;
3808    grid-gap: 25px;
3809    flex-wrap: wrap;
3810  }
3811
3812  .below__important-links .footer__social-icon li a {
3813    color: white;
3814  }
3815
3816  .footer-8 .footer__logo-text h2 {
3817    line-height: 1.4;
3818    font-size: 21px;
3819    font-weight: 500;
3820    color: #ffffff;
3821    margin-bottom: 0;
3822  }
3823
3824  .footer-8 .footer__timeTable-content h4 {
3825    margin-bottom: 0;
3826    color: #eee;
3827    font-size: 16px;
3828    font-weight: 400 !important;
3829    font-family: "Mukta", sans-serif !important;
3830  }
3831
3832  @media (max-width: 575px) {
3833    .below__important-links .footer__contact ul {
3834      justify-content: flex-start;
3835    }
3836  }
3837</style>
3838<style>
3839  .footer-8 .footer__middleBottom {
3840    flex-wrap: wrap;
3841    grid-gap: 30px;
3842}
3843
3844.footer-8 .footer__contact ul {
3845    column-gap: 45px;
3846    flex-wrap: wrap;
3847    row-gap: 10px;
3848}
3849</style>
3850
3851<footer class="footer-8 mt-5" role="contentinfo">
3852  <div class="custom-container">
3853    <div class="footer__wrapper">
3854      <div class="footer__logo">
3855        <div class="footer__logo-img">
3856          
3857          <img src="https://giwmscdnone.gov.np/static/assets/image/Emblem_of_Nepal.png" alt="Government of Nepal" />
3858          
3859        </div>
3860        <div class="footer__logo-text">
3861          
3862          
3863          <h2>संग्रहालय तथा स्मारक संरक्षण कार्यालय, भक्तपुर</h2>
3864          
3865          
3866          <p>दरबार स्क्वायर, भक्तपुर, नेपाल ।</p>
3867          
3868        </div>
3869      </div>
3870      <div class="footer__middle">
3871        <div class="footer__divider">
3872
3873          
3874          <div class="footer__left">
3875            <div class="footer__timeTable" tabindex="0">
3876              <h2 class="footer__title">कार्यालय समय</h2>
3877              <nav class="footer__timeTable-main" role="navigation" aria-label="office opening hours">
3878
3879                <h3 class="footer__subTitle">जाडो (कार्तिक १६ देखि माघ १५)</h3>
3880                <ul class="timeTable__list" role="menubar">
3881                  
3882                  <li class="footer__timeTable-content"  role="menuitem">
3883                    <h4 class="day">बिहीबार-सोमबार (मंगलबार, बुधबार र सार्वजनिक बिदाको दिनमा बन्द रहने।)</h4>
3884                    <span class="time">(९:००-४:००) बजे</span>
3885                  </li>
3886                  
3887                </ul>
3888                <hr />
3889
3890                <h3 class="footer__subTitle">गर्मी (माघ १६ देखि कार्तिक १५)</h3>
3891                <ul class="timeTable__list" role="menubar">
3892                  
3893                  <li class="footer__timeTable-content" role="menuitem">
3894                    <h4 class="day">बिहीबार-सोमबार (मंगलबार, बुधबार र सार्वजनिक बिदाको दिनमा बन्द रहने।)</h6>
3895                    <span class="time">(९:००-५:००) बजे</span>
3896                  </li>
3897                  
3898                </ul>
3899
3900              </nav>
3901            </div>
3902          </div>
3903          
3904
3905
3906          <div class="footer__right">
3907            <div class="footer__right-content">
3908              <nav class="footer__links" role="navigation">
3909                <h2 class="footer__title">महत्त्वपूर्ण लिङ्कहरू</h2>
3910                
3911                <ul class="footer__list">
3912                  
3913                  <li class="footer__list-item">
3914                    <a href="https://doa.gov.np/" class="footer__list-link">पुरातत्त्व विभाग</a>
3915                  </li>
3916                  
3917                  <li class="footer__list-item">
3918                    <a href="https://www.tourism.gov.np/" class="footer__list-link">संस्कृति, पर्यटन तथा नागरिक उड्à
3918¤¡à¤¯à¤¨ मन्त्रालय</a>
3919                  </li>
3920                  
3921                  <li class="footer__list-item">
3922                    <a href="https://psc.gov.np/" class="footer__list-link">लोक सेवा आयोग</a>
3923                  </li>
3924                  
3925                  <li class="footer__list-item">
3926                    <a href="http://narchives.gov.np/" class="footer__list-link">राष्ट्रिय अभिलेखालय, रामशाह पथ, काठमाडौं</a>
3927                  </li>
3928                  
3929                  <li class="footer__list-item">
3930                    <a href="https://nnrfc.gov.np/" class="footer__list-link">राष्ट्रिय प्राकृतिक स्रोत तथा वित्त आयोग</a>
3931                  </li>
3932                </ul>
3933                
3934
3935                
3936
3937              </nav>
3938            </div>
3939          </div>
3940
3941        </div>
3942      </div>
3943      <div class="footer__middleBottom">
3944        <nav class="footer__social" role="navigation">
3945          <ul class="footer__social-icon">
3946            <li>
3947              <a
3948                href="https://facebook.com/nationalartmuseumbhaktapur" aria-label="facebook"><i
3949                  class="fa-brands fa-facebook-f"></i></a>
3950            </li>
3951            <li>
3952              <a
3953                href="javascript:void(0)" aria-label="twitter"><i
3954                  class="fa-brands fa-x-twitter"></i></a>
3955            </li>
3956          </ul>
3957          
3958        </nav>
3959        <nav class="footer__contact" role="navigation">
3960          <ul>
3961
3962            
3963            <li>
3964              <div class="google-map-redirect__parent">
3965                <span><i class="fa-solid fa-location-dot google-map-redirect" data-map-redirect="true"></i></span>
3966                दरबार स्क्वायर, भक्तपुर, नेपाल ।
3967              </div>
3968            </li>
3969            
3970
3971            
3972            <li>
3973              <a href="mailto:[email protected], [email protected]">
3974                <span><i class="fa-regular fa-envelope"></i></span>
3975                [email protected], [email protected]
3976              </a>
3977            </li>
3978            
3979
3980            
3981            <li>
3982              <a href="tel:०१-६६१०००४, ०१-६६१०००५">
3983                <span><i class="fa-solid fa-phone"></i></span>
3984                ०१-६६१०००४, ०१-६६१०००५
3985              </a>
3986            </li>
3987            
3988            
3989          </ul>
3990        </nav>
3991
3992      </div>
3993      <div class="footer__bottom">
3994        
3995        
3996      </div>
3997    </div>
3998  </div>
3999  <div class="footer__image">
4000    
4001    
4002    <img src="https://giwmscdnone.gov.np/media/albums/topbg_CUCDohGKGe_VjmdWXC4XS_L2dmvC8XO5.png" alt="presentation background">
4003    
4004  </div>
4005</footer>
4006            
4007            
4008            
4009        
4010    
4011
4012
4013    
4014
4015    
4015<script>
4016        document.querySelectorAll('.marqueeSwiper1').forEach(function (el) {
4017            if (el.swiper) return;
4018            new Swiper(el, {
4019                autoplay: {
4020                    delay: 3000,
4021                },
4022                effect: 'fade',
4023                fadeEffect: {
4024                    crossFade: true
4025                },
4026                loop: true,
4027                autoHeight: true,
4028                slidesPerView: 1
4029            });
4030        });
4031
4032        document.querySelectorAll('.marqueeSwiper2').forEach(function (el) {
4033            if (el.swiper) return;
4034            new Swiper(el, {
4035                autoplay: {
4036                    delay: 5000,
4037                },
4038                effect: 'fade',
4039                fadeEffect: {
4040                    crossFade: true
4041                },
4042                loop: true,
4043                autoHeight: true,
4044                slidesPerView: 1
4045            });
4046        });
4047    </script>
4047
4048
4049    
4049<script>
4050        // creating new layout
4051
4052        
4053
4054
4055        // search toggler
4056        var searchToggler = document.querySelector('.search__toggler');
4057        var searchDropdown = document.querySelector('.search__cta');
4058
4059        if (searchToggler) {
4060            document.addEventListener("DOMContentLoaded", function () {
4061                searchToggler.addEventListener('click', function (e) {
4062                    e.preventDefault()
4063                    searchDropdown.classList.toggle('active');
4064                });
4065            });
4066
4067            document.body.addEventListener('click', function (event) {
4068                const isClickInside = searchToggler.contains(event.target) || searchDropdown.contains(event.target);
4069
4070                if (!isClickInside) {
4071                    searchDropdown.classList.remove('active');
4072                }
4073            });
4074        }
4075
4076        // header sticky
4077        
4078
4079        // sidebar menu toggler
4080        var hamburgerBtn = document.querySelector('.hamburger__toggler');
4081        var sidebarMenu = document.querySelector('.sidebar__nav');
4082        var sidebarCLosebtn = document.querySelector('.close__drawer');
4083
4084        if (hamburgerBtn) {
4085            hamburgerBtn.addEventListener('click', (e) => {
4086                // console.log(e.target)
4087                sidebarMenu.classList.add('active');
4088                document.querySelector('body').append(overlayDiv);
4089                document.querySelector('body').style.overflow = 'hidden';
4090            })
4091
4092            sidebarCLosebtn.addEventListener('click', () => {
4093                sidebarMenu.classList.remove('active');
4094                overlayDiv.remove();
4095                document.querySelector('body').style.overflow = 'visible';
4096                document.querySelector('.sidebarHas__dropdown').classList.remove('active')
4097            })
4098        }
4099
4100        // sidebar menu dropdown
4101        $('.sidebar__nav-menu .nav__link').click(function (e) {
4102            if ($(this).parent('.sidebarHas__dropdown').hasClass('sidebarHas__dropdown')) {
4103                e.preventDefault();
4104                $(this).parent('.sidebarHas__dropdown').toggleClass('active');
4105            }
4106        })
4107    </script>
4107
4108
4109    
4109<script>
4110        $('.notice__slider').slick({
4111            slidesToShow: 3,
4112            slidesToScroll: 1,
4113            dots: false,
4114            arrows: false,
4115            autoplay: true,
4116            autoplaySpeed: 2000,
4117        });
4118    </script>
4118
4119
4120
4121    
4121<script>
4122        $(document).ready(function () {
4123            // Function to increase font size
4124            $('.increase__size').click(function () {
4125                fontSize = 1.125;
4126                $('html').css('font-size', fontSize + 'rem');
4127            });
4128
4129            // Function to decrease font size
4130            $('.decrease__size').click(function () {
4131                fontSize = .875;
4132                $('html').css('font-size', fontSize + 'rem');
4133            });
4134
4135            // Function to reset font size
4136            $('.reset__size').click(function () {
4137                fontSize = 1;
4138                $('html').css('font-size', fontSize + 'rem');
4139            });
4140        });
4141    </script>
4141
4142    
4142<script>
4143        $(".notice__close").click(function (e) {
4144            e.preventDefault();
4145            $(".header__top").hide();
4146        });
4147    </script>
4147
4148
4149
4150
4151    
4151<script>
4152        $('.block-14-slider').slick({
4153            slidesToShow: 1,
4154            slidesToScroll: 1,
4155            dots: false,
4156            prevArrow: '.block-14-prev',
4157            nextArrow: '.block-14-next',
4158            autoplay: true,
4159            autoplaySpeed: 4000,
4160        });
4161    </script>
4161
4162
4163    
4163<script>
4164        var sliderHeight = $('.block-14').outerHeight();
4165        var ourTeam2Elm = $('.ourteam-2');
4166
4167        if ($(ourTeam2Elm)){
4168            $(window).resize(function () {
4169                addSliderHeight();
4170            });
4171
4172            $('document').ready(function () {
4173                addSliderHeight();
4174            });
4175
4176            function addSliderHeight() {
4177                $(ourTeam2Elm).css('height', sliderHeight);
4178                $(ourTeam2Elm).css('overflow-y', 'auto');
4179            }
4180        }
4181    </script>
4181
4182
4183    
4184
4185
4186
4187
4188    
4189
4190    
4191    
4192
4193
4194    
4195    
4195<script>
4196        $(document).ready(function() {
4197            var iframeSrc = `<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3988.5458761242558!2d85.42314960410268!3d27.672133914197897!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb1aad707a772d%3A0x98b9ad54b98c046d!2sNational%20Art%20Museum!5e1!3m2!1sen!2snp!4v1777266168606!5m2!1sen!2snp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>`;
4198            var srcMatch = iframeSrc.match(/src="([^"]+)"/);
4199    
4200            if (srcMatch) {
4201                var src = srcMatch[1];
4202                var mapUrl;
4203    
4204                // Detect and handle the different types of URLs
4205                if (src.includes('/embed')) {
4206                    // Handle the embed URL
4207                    var embedUrl = new URL(src);
4208                    var pbParam = embedUrl.searchParams.get('pb');
4209                    if (pbParam) {
4210                        // Improved pattern to match latitude and longitude
4211                        var latLngMatch = pbParam.match(/!3d([-.\d]+)!4d([-.\d]+)/);
4212                        if (latLngMatch) {
4213                            var lat = latLngMatch[1];
4214                            var lng = latLngMatch[2];
4215                            mapUrl = new URL('https://www.google.com/maps');
4216                            mapUrl.searchParams.set('q', `${lat},${lng}`);
4217                        } else {
4218                            // If latitude and longitude are not found, fallback to the embed URL
4219                            mapUrl = new URL('https://www.google.com/maps');
4220                            mapUrl.searchParams.set('q', 'Museum and Monument Conservation Office, Bhaktapur');
4221                        }
4222                    }
4223                } else {
4224                    // Handle the standard Google Maps 
4225                
4226                    mapUrl = new URL(src);
4227                    mapUrl.searchParams.set('output', 'classic');
4228                }
4229    
4230    
4231                // Check if the .google-map-redirect is inside an <a> tag
4232                if (mapUrl) {
4233                    $('.google-map-redirect').each(function() {
4234                        var $this = $(this);
4235                        var parentAnchor = $this.closest('a');
4236                        $('.google-map-redirect__parent').on('click', function(){
4237                            window.open(mapUrl.href, '_blank')
4238                        })
4239    
4240                        if (parentAnchor.length) {
4241                            // If inside an <a> tag, set the href and target attributes
4242                            parentAnchor.attr('href', mapUrl.href);
4243                            parentAnchor.attr('target', '_blank');
4244                        } else {
4245                            // Otherwise, add a click event listener
4246                            $this.on('click', function(event) {
4247                              
4248                                window.open(mapUrl.href, '_blank');
4249                            });
4250                        }
4251                    });
4252                }
4253            }
4254        });
4255    </script>
4255
4256    
4257
4258
4259
4260    
4261    
4261<script src='https://giwmscdnone.gov.np/static/ctmlib/npdtpkr.js' crossorigin="anonymous"></script>
4261
4262    
4262<script>
4263        // Function to get cookie by name
4264        function getCookie(name) {
4265            let match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
4266            if (match) return match[2];
4267            return null;
4268        }
4269    
4270        // Arrays for Nepali weekdays and digits
4271        const nepaliWeekdays = ["आइतबार", "सोमबार", "मंगलबार", "बुधबार", "बिहीबार", "शुक्रबार", "शनिबार"];
4272        const nepaliDigits = ["०", "१", "२", "३", "४", "५", "६", "७", "८", "९"];
4273    
4274        // Function to convert English digits to Nepali digits
4275        function convertToNepaliDigits(number) {
4276            return number.toString().split('').map(digit => nepaliDigits[digit]).join('');
4277        }
4278    
4279        // Function to format date in Nepali
4280        function getNepaliFormattedDate(date) {
4281            //decrease one day manually srd 
4282            
4283            let nepaliDate = calendarFunctions.getBsDateByAdDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
4284            //here i forcefull adjust for 31
4285
4286            if (nepaliDate.bsYear === 2082) {
4287                    const monthLengths2082 = [31, 31, 32, 31, 31, 31, 30, 29, 30, 29, 30, 30];
4288                    
4289                    const monthStartDates2082 = [
4290                        new Date(2025, 3, 14),  // Baisakh 1 = April 14, 2025
4291                        new Date(2025, 4, 15),   // Jestha 1 = May 15
4292                        new Date(2025, 5, 15),   // Ashad 1 = June 15
4293                        new Date(2025, 6, 17),   // Shrawan 1 = July 17
4294                        new Date(2025, 7, 17),   // Bhadra 1 = August 17
4295                        new Date(2025, 8, 17),   // Ashwin 1 = September 17
4296                        new Date(2025, 9, 18),   // Kartik 1 = October 18
4297                        new Date(2025, 10, 17),  // Mangsir 1 = November 17
4298                        new Date(2025, 11, 16),  // Poush 1 = December 16
4299                        new Date(2026, 0, 15),   // Magh 1 = January 15, 2026
4300                        new Date(2026, 1, 13),   // Falgun 1 = February 13
4301                        new Date(2026, 2, 15)    // Chaitra 1 = March 15
4302                    ];
4303
4304                    for (let month = 0; month < monthStartDates2082.length; month++) {
4305                        if (date >= monthStartDates2082[month] && 
4306                            (month === monthStartDates2082.length - 1 || date < monthStartDates2082[month + 1])) {
4307                            nepaliDate.bsMonth = month + 1;
4308                            nepaliDate.bsDate = Math.floor((date - monthStartDates2082[month]) / (1000 * 60 * 60 * 24)) + 1;
4309                            break;
4310                        }
4311                    }
4312                }
4313
4314            let dayOfWeek = nepaliWeekdays[date.getDay()];
4315            let formattedDate = calendarFunctions.bsDateFormat("%y %M %d गते %D", nepaliDate.bsYear, nepaliDate.bsMonth, nepaliDate.bsDate);
4316    
4317            // Split the formatted date into parts
4318            let dateParts = formattedDate.split(' ');
4319    
4320            // Replace the last part with the day of the week
4321            dateParts[dateParts.length - 1] = dayOfWeek;
4322    
4323            // Join the parts back into a string
4324            let newFormattedDate = dateParts.join(' ');
4325    
4326            // Get the time in Nepali timezone
4327            let timeOptions = {
4328                hour: '2-digit',
4329                minute: '2-digit',
4330                hour12: false,
4331                timeZone: 'Asia/Kathmandu'
4332            };
4333            let timeFormatter = new Intl.DateTimeFormat('en-US', timeOptions);
4334            let [{ value: hour }, , { value: minute }] = timeFormatter.formatToParts(date);
4335    
4336            let hours = convertToNepaliDigits(hour);
4337            let minutes = convertToNepaliDigits(minute);
4338    
4339            return `${newFormattedDate}, ${hours}:${minutes}`;
4340        }
4341    
4342        // Function to format date in English
4343        function getEnglishFormattedDate(date) {
4344            let options = { 
4345                year: 'numeric', 
4346                month: 'long', 
4347                day: 'numeric', 
4348                weekday: 'long', 
4349                hour: '2-digit', 
4350                minute: '2-digit',
4351                timeZone: 'Asia/Kathmandu',
4352                hour12: false
4353            };
4354            return date.toLocaleDateString('en-US', options);
4355        }
4356    
4357        // Function to update the date element
4358        function updateDate() {
4359            var preferredLanguage = "ne";
4360            
4361        
4362            var dateElement = document.querySelector('#nepaliDateBs');
4363            var currentDate = new Date();
4364    
4365            if (preferredLanguage === 'en') {
4366                dateElement.textContent = getEnglishFormattedDate(currentDate).replace('at', ',');
4367            } else {
4368                dateElement.textContent = getNepaliFormattedDate(currentDate) + ' बजे';
4369            }
4370        }
4371    
4372        // Initial update of the date element
4373        updateDate();
4374    
4375        // Calculate the time remaining until the next minute
4376        var now = new Date();
4377        var secondsUntilNextMinute = 60 - now.getSeconds();
4378    
4379        // Set a timeout to update the date at the next minute
4380        setTimeout(function() {
4381            updateDate();
4382    
4383            // Then, set an interval to update the date every 60 seconds
4384            setInterval(updateDate, 60000);
4385        }, secondsUntilNextMinute * 1000);
4386    </script>
4386
4387    
4388
4389        
4390        
4391
4392
4393    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 4393-4394
4393
4394    <script async src="https://www.googletagmanager.com/gtag/js?id=
4394G-CK0L6TF2HX
vendor: 16 bytes, lines 4394-4395
4394"></script>
4395    
4395<script>
4396    
vendor: 140 bytes, lines 4396-4400
4396window.dataLayer = window.dataLayer || [];
4397    function gtag(){dataLayer.push(arguments);}
4398    gtag('js', new Date());
4399
4400    gtag('config', '
4400G-CK0L6TF2HX
vendor: 8 bytes, lines 4400-4401
4400');
4401    
4401</script>
4401
4402
4403    
4404
4405    
4405<script>
4406        (function hideAccessibilityLanguageOption() {
4407          const selector = '.snn-language-selector';
4408
4409          function findInOpenShadow(root = document) {
4410            const direct = root.querySelector(selector);
4411            if (direct) return direct;
4412
4413            const allElements = root.querySelectorAll('*');
4414
4415            for (const el of allElements) {
4416              if (el.shadowRoot) {
4417                const found = findInOpenShadow(el.shadowRoot);
4418                if (found) return found;
4419              }
4420            }
4421
4422            return null;
4423          }
4424
4425          function hide() {
4426            const languageSelector = findInOpenShadow();
4427
4428            if (languageSelector) {
4429              languageSelector.style.display = 'none';
4430            }
4431          }
4432
4433          hide();
4434
4435          new MutationObserver(hide).observe(document.body, { childList: true, subtree: true });
4436        })();
4437    </script>
4437
4438
4439    
4439<script>
4440      window.ACCESSIBILITY_WIDGET_CONFIG = {
4441        enableVoiceControl: false,
4442        enableScreenReader: false,
4443
4444        widgetWidth: '400px',
4445        colors: {
4446          primary: '#0066cc',
4447          secondary: '#ffffff'
4448        },
4449
4450        widgetPosition: {
4451          side: 'left',
4452          left: '50%',
4453          bottom: '20px'
4454        }
4455      };
4456    </script>
4456
4457
4458    
4458<script src="https://unpkg.com/accessibility-widgets@latest/widget.js"></script>
4458
4459</body>
4460
4461</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.