PageSourceSearch

https://dudbc.gov.np/pages/organization-structure/

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