<!DOCTYPE html>
<html lang="en">

<head>
<style>
        .scrollToTop {
            display: none !important;
        }

        /* Media Query for screens up to 991px */
        @media (max-width: 991px) {
            .nav-item {
                width: 100%
            }

            .sg-breaking-news {
                display: none !important;
            }

            .sg-menu {
                padding: 0 !important;
            }

            .navbar-toggler-icon {
                width: initial !important;
                height: initial !important;
                line-height: initial !important;
                color: #fff0 !important;
                border: 1px solid #9b121200 !important;
                border-radius: 4px !important;
                padding: 4px 8px !important;
            }

            .navbar-toggler {
                padding: 0.2rem !important;
                background: #ffffff50 !important;
                border: 2px solid #3f4343 !important;
            }

            .menu-style-1 .sg-search {
                position: absolute;
                left: 0;
                top: 1rem;
            }

            .sg-search .search-icon {
                padding: 0;
                margin: 0;
            }

            .search-card {
                position: absolute !important;
                top: 30px !important;
                right: -94vw !important;
                z-index: 9999 !important;
            }
        }

        /* Media Query for screens up to 768px */
        @media (max-width: 768px) {
            .sg-topbar {
                display: none;
            }
        }

        /* Media Query for screens up to 576px */
        @media (max-width: 576px) {
            .search-card {
                width: 95vw !important;
            }
        }
    </style>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="title" content="National Council of Bhutan" />
    <meta name="description" content="Explore the role and functions of the Bhutan National Council, the upper house of Bhutan&#039;s Parliament, and discover the country&#039;s democratic governance and legislative procedures" />
    <meta name="keywords" content="Bhutan National Council, Bhutan legislative council, Bhutan parliamentary system, Bhutan democratic governance, National Council members, Functions of National Council, Bhutan legislative procedures, Bhutan Upper House, Bhutan constitutional monarchy." />
    <meta name="author" content="Parliament Admin" />
    <meta name="language" content="en" />
    <link rel="canonical" href="https://nationalcouncil.bt"/>
    <meta property="og:title" content="National Council of Bhutan" />
    <meta property="og:author" content="Parliament Admin" />
    <meta property="og:description" content="Explore the role and functions of the Bhutan National Council, the upper house of Bhutan&#039;s Parliament, and discover the country&#039;s democratic governance and legislative procedures" />
    <meta property="og:locale" content="en" />
    <meta property="og:type" content="website" />
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta property="og:url" content="https://nationalcouncil.bt" />
            <meta property="og:image" content="https://nationalcouncil.bt/images/20230423194957_og_image_6.png" />
    
    
    <meta name="twitter:title" content="National Council of Bhutan" />
    <meta name="twitter:description" content="Explore the role and functions of the Bhutan National Council, the upper house of Bhutan&#039;s Parliament, and discover the country&#039;s democratic governance and legislative procedures" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:domain" content="https://nationalcouncil.bt" />
    <meta name="twitter:url" content="https://nationalcouncil.bt">
            <meta name="twitter:image" content="https://nationalcouncil.bt/images/20230423194957_og_image_6.png" />
    
    

    <title>National Council of Bhutan</title>

    
    

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet" />
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">

    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/icon.min.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/magnific-popup.min.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/animate.min.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/structure.min.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/main.css">
        <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/custom.css">
    <link rel="stylesheet" href="https://nationalcouncil.bt/site/css/responsive.min.css">

    
    <link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap">

    
    <link rel="stylesheet" rel="icon" href="https://nationalcouncil.bt/images/20230425104928_favicon_49.png">
    <link rel="stylesheet" rel="apple-touch-icon" sizes="144x144"
        href="https://nationalcouncil.bt/site/images/ico/apple-touch-icon-precomposed.png">
    <link rel="stylesheet" rel="apple-touch-icon" sizes="114x114"
        href="https://nationalcouncil.bt/site/images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="stylesheet" rel="apple-touch-icon" sizes="72x72"
        href="https://nationalcouncil.bt/site/images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="stylesheet" rel="apple-touch-icon" sizes="57x57"
        href="https://nationalcouncil.bt/site/images/ico/apple-touch-icon-57-precomposed.png">
    <!-- Add Slick Slider CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"
        integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

                <style>
    #card-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .card-downloads {
        width: 18%;
        min-width: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #f2f2f2;
        padding: 30px;
        border-radius: 5px;
        margin-bottom: 20px;
        text-decoration: none;
        color: #333;
    }

    .card-downloads:hover {
        background-color: #025e95 !important;
        color: #fff;
    }

    .card-downloads i {
        margin-bottom: 20px;
    }

    .slider-btn-home:hover {
        color: #9b1212 !important
    }

    .search-mp-btn:hover {
        color: #9b1212 !important;
    }

    #headline-runner div {
        animation: run-headline linear infinite;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        right: -100%;
    }

    @keyframes run-headline {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    :root {
        --primary-color: {{ data_get(activeTheme(), 'options.primary_color') }};
        --primary-font: {{ \Config::get('site.fonts.' . data_get(activeTheme(), 'options.fonts') . '') }};
        --plyr-color-main: {{ data_get(activeTheme(), 'options.primary_color') }};
    }

    .font-controls {
        display: flex;
        align-items: center;
        font-size: 18px;
        /* Set the initial font size for the buttons */
    }

    .font-btn {
        margin-right: 8px;
        padding: 3px 6px;
        border: none;
        border-radius: 5px;
        background-color: #dedede;
        color: #025e95;
        cursor: pointer;
        font-size: 12px;
    }

    .font-btn:hover {
        background-color: #ccc;
    }

    .sg-search {
        position: relative;
        display: flex;
        align-items: center;
    }

    .search-icon {
        cursor: pointer;
        padding: 1rem;
    }

    .search-icon i {
        color: #fff;
    }

    .search-card {
        position: absolute;
        top: 50px;
        right: 0;
        display: none;
        z-index: 9999;
    }

    .search-card-content {
        background-color: #fff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 300px;
    }

    .search-card-content button {
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .close-btn {
        cursor: pointer;
    }

    @media (max-width: 576px) {
        .search-card-content {
            width: 100%;
        }
    }

    .card::before {
        content: "";
        position: absolute;
        top: -50px;
        left: 50%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #FFF;
        opacity: 0;
        transform: translateX(-50%) scale(0);
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .card:hover::before {
        transform: translateX(-50%) scale(1);
        opacity: 1;
        animation: spark 0.5s ease-in-out;
    }

    @keyframes spark {
        0% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }

        50% {
            transform: translate(-50%, -50%) scale(0.5);
            opacity: 0.5;
        }

        100% {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
        }
    }

    .underline {
        display: inline-block;
        position: relative;
    }

    .underline:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 2px;
        background-color: #fff;
        transition: width 0.3s ease;
    }

    .underline:hover:after {
        width: 100%;
    }

    .header-bottom {
        background-color: #025e95 !important;
        background-image: url('../images/bg_pattern.png');
        background-blend-mode: screen;
    }

    #parli-business {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        margin: 0 -15px;
    }

    #parli-business::-webkit-scrollbar {
        display: none;
    }

    #parli-business .col-md-4 {
        flex: 0 0 auto;
        margin-left: 5px;
    }

    #parli-business .col-md-4:last-child {
        margin-right: 0;
    }

    #parli-business .card {
        background-color: ##025e95;
        min-height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }

    #parli-business .card h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    #parli-business .slick-prev,
    #parli-business .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        cursor: pointer;
        z-index: 1;
    }

    #parli-business .slick-prev {
        left: 20px;
        background-image: url('http://cdn3.iconfinder.com/data/icons/mobile-friendly-ui/100/chevron_left-512.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    #parli-business .slick-next {
        right: 20px;
        background-image: url('http://cdn3.iconfinder.com/data/icons/mobile-friendly-ui/100/chevron_right-512.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    #parli-business .slick-dots {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    #parli-business .slick-dots li {
        margin: 0 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        transition: background-color 0.2s;
    }

    #parli-business .slick-dots li.slick-active {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .section-title h1 {
        font-size: 20px;
        font-weight: 600;
    }

    .sg-breaking-news .sg-post {
        background-color: transparent;
        padding: 0;
        margin-bottom: 1rem;
        box-shadow: none;
        min-height: 40px;
    }

    .sg-post.featured-post.style_1 {
        background: none;
        box-shadow: none;
    }

    .row.scrollable {
        position: relative;
    }

    .row.scrollable:before,
    .row.scrollable:after {
        position: absolute;
        z-index: 1;
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        width: 30px;
        background-color: rgba(0, 0, 0, 0.5);
        background-image: linear-gradient(to right,
                rgba(0, 0, 0, 0.5),
                rgba(0, 0, 0, 0));
    }

    .row.scrollable:before {
        left: 0;
        background-image: linear-gradient(to left,
                rgba(0, 0, 0, 0.5),
                rgba(0, 0, 0, 0));
    }

    .row.scrollable:after {
        right: 0;
        background-image: linear-gradient(to right,
                rgba(0, 0, 0, 0.5),
                rgba(0, 0, 0, 0));
    }

    .row.scrollable:before i,
    .row.scrollable:after i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 20px;
    }

    .row.scrollable:before i {
        content: "\f053";
    }

    .row.scrollable:after i {
        content: "\f054";
    }

    .slick-slider {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        margin: 0 -15px;
    }

    .slick-slider::-webkit-scrollbar {
        display: none;
    }

    .slick-slider .col-md-4 {
        flex: 0 0 auto;
        margin-left: 5px;
    }

    .slick-slider .col-md-4:last-child {
        margin-right: 0;
    }

    .slick-slider .card {
        background-color: ##025e95;
        min-height: 250px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
    }

    .slick-slider .card h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .slick-slider .slick-prev,
    .slick-slider .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        cursor: pointer;
        z-index: 1;
    }

    .slick-slider .slick-prev {
        left: 20px;
        background-image: url('http://cdn3.iconfinder.com/data/icons/mobile-friendly-ui/100/chevron_left-512.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    .slick-slider .slick-next {
        right: 20px;
        background-image: url('http://cdn3.iconfinder.com/data/icons/mobile-friendly-ui/100/chevron_right-512.png');
        background-position: center;
        background-repeat: no-repeat;
    }

    .slick-slider .slick-dots {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .slick-slider .slick-dots li {
        margin: 0 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .slick-slider .slick-dots li.slick-active {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .swiper-slide {
        margin-right: 20px;
    }

    .block-container {
        display: flex;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .block-container::-webkit-scrollbar {
        display: none;
    }

    .home-cards-nab {
        white-space: nowrap;
    }

    .cards-home {
        display: inline-block;
        width: 33.333333%;
        vertical-align: top;
    }

    @media (max-width: 991.98px) {
        .cards-home {
            width: 50%;
        }
    }

    @media (max-width: 767.98px) {
        .cards-home {
            width: 100%;
        }
    }

    .home-cards-nab::-webkit-scrollbar {
        height: 5px;
    }

    .home-cards-nab::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 5px;
    }

    .scroll-button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 30px;
        cursor: pointer;
        color: #025e95;
    }

    .scroll-button.left {
        left: 0;
    }

    .scroll-button.right {
        right: 0;
    }

    #post-container {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #post-container::-webkit-scrollbar {
        height: 10px;
    }

    #post-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    #post-container::-webkit-scrollbar-thumb {
        background: #888;
    }

    #post-container::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    #post-container .scroll-button {
        display: none;
        position: absolute;
        top: 50%;
        z-index: 10;
        font-size: 25px;
        color: #666;
        cursor: pointer;
        transform: translateY(-50%);
    }

    #post-container:hover .scroll-button {
        display: block;
    }

    #post-container .scroll-button.left {
        left: 0;
    }

    #post-container .scroll-button.right {
        right: 0;
    }

    .sg-post .image-thumb {
        transition: none !important;
        transform: none !important;
    }

    i {
        margin: 0.25rem;
    }

    .sg-menu .navbar-nav li a {
        color: #333;
        display: block;
        font-weight: 500;
        padding: 0.2rem 0.8rem
    }

    .btn-nab {
        background: #b80a0a;
        color: #fff;
    }

    .bg-kabney {
        background: #025e95;
        color: #fff;
    }

    .section-title {
        margin-bottom: 20px;
        border-bottom: 1px dashed var(--primary-color);
    }

    div#switch-mode {
        display: none;
    }

    a: hover {
        color: #025e95 !important;
    }

    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: 1px solid #4b587e;
    }

    select.jigs-class {
        margin: 1rem auto;
        padding: 0.5rem 1rem;
        border-radius: 10px;
        color: #222;
        font-size: 14px;
        border: none;
        width: 100%;
    }

    select.jigs-class option: before {
        content: "\f078";
        font-family: "FontAwesome";
        margin-right: 5px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Open Sans', Arial, sans-serif;
    }

    *,
    p,
    a,
    div {
        font-size: 16px;
        font-family: 'Open Sans', Arial, sans-serif;
    }

    .footer-top,
    .footer-middle {
        background-color: #025e95 !important;
        background-image: url('../images/bg_pattern.png');
        background-blend-mode: screen;
    }

    .footer-bottom {
        background-color: #004a80 !important;
    }

    .entry-content.absolute.text-center {
        display: none;
    }

    .navbar-brand {
        max-width: 250px;
        padding: 0.5rem 1rem;
    }

    .navbar {
        padding: 0;
        background: #025e95;
        min-height: 4rem;
        background-image: url('../images/bg_pattern.png');
        background-blend-mode: screen;
    }

    .sg-menu .navbar-nav li a {
        color: #fff;
    }

    .sg-menu .navbar-nav li a:hover {
        color: #025e95;
    }

    .sg-dropdown-menu li a {
        color: #025e95 !important;
    }

    .sg-search .form-control {
        border-radius: 50px;
        border: none;
    }

    .sg-post:hover .entry-header .entry-thumbnail a .row div img {
        height: 458px !important;
    }

    .section-title {
        margin-bottom: 10px !important;
    }

    .slick-list.draggable {
        overflow: hidden;
        height: 380px !important;
        padding: 1rem 2rem;
    }
</style>
    
    <link rel="alternate" type="application/atom+xml" href="https://nationalcouncil.bt/feed" title="My feed">

    

    
  <!-- style reset -->
  <style>
    h1,h2,h3,h4,h5,h6,p{
    font-family: 'Open Sans', sans-serif !important;
    }
    h1, h2, h3, h4, h5, h6, {
      font-weight: 700;
      margin-bottom: 0.8rem !important;
	}
    p {
      line-height: 1.5rem !important;
  		margin-bottom: 1rem !important; /* Adjust the value as needed */
}

    /* Remove table border-spacing */
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    /* Apply font smoothing */
    html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

  </style>

    <style type="text/css">
        :root {
            --primary-color: #9b1212;
            --primary-font: Roboto, sans-serif;
            --plyr-color-main: #9b1212;
        }

        .font-controls {
            display: flex;
            align-items: center;
            font-size: 18px;
            /* Set the initial font size for the buttons */
        }

        .font-btn {
            margin-right: 8px;
            padding: 3px 6px;
            border: none;
            border-radius: 5px;
            background-color: #dedede;
            color: #025e95;
            cursor: pointer;
            font-size: 10px;
        }

        .font-btn:hover {
            background-color: #ccc;
        }

        .sg-search {
            position: relative;
            display: flex;
            align-items: center;
        }

        .search-icon {
            cursor: pointer;
            padding: 1rem;
        }

        .search-icon i {
            color: #fff;
        }

        .search-card {
            position: absolute;
            top: 50px;
            right: 0;
            display: none;
            z-index: 9999;
        }

        .search-card-content {
            background-color: #fff;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 300px;
        }

        .search-card-content button {
            background-color: transparent;
            border: none;
            cursor: pointer;
        }

        .close-btn {
            cursor: pointer;
        }

        @media (max-width: 576px) {
            .search-card-content {
                width: 100%;
            }
        }

        .card {
            transition: background-color 0.3s ease;
        }

        .card {
            position: relative;
        }

        .card::before {
            content: "";
            position: absolute;
            top: -50px;
            left: 50%;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #FFF;
            opacity: 0;
            transform: translateX(-50%) scale(0);
            transition: transform 0.3s ease, opacity 0.3s ease;
        }

        .card:hover::before {
            transform: translateX(-50%) scale(1);
            opacity: 1;
            animation: spark 0.5s ease-in-out;
        }

        @keyframes  spark {
            0% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1;
            }

            50% {
                transform: translate(-50%, -50%) scale(0.5);
                opacity: 0.5;
            }

            100% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1;
            }
        }

        .underline {
            display: inline-block;
            position: relative;
        }

        .underline:after {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 0;
            height: 2px;
            background-color: #fff;
            transition: width 0.3s ease;
        }

        .underline:hover:after {
            width: 100%;
        }
    </style>

    <!-- Jquery -->
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"
        integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>

    <!-- Add Slick Slider JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"
        integrity="sha512-HGOnQO9+SP1V92SrtZfjqxxtLmVzqZpjFFekvzZVWoiASSQgSr4cw9Kqd2+l8Llp4Gm0G8GIFJ4ddwZilcdb8A=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.2/dist/cdn.min.js"></script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-1"></script>

    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());
        gtag('config', 'UA-xxxxxxxx-1');
    </script>
</head>


<body class="">
    <div id="switch-mode" class="">
        <div class="sm-text">Dark Mode</div>
        <div class="sm-button">
            <input type="hidden" id="url" value="https://nationalcouncil.bt">
            <span></span>
        </div>
    </div>
        <header class="sg-header">
    <div class="sg-topbar topbar-style-1">
        <div class="container">
            <div class="d-md-flex justify-content-md-between">
                <div class="left-contennt d-flex d-flex-style-3">
                    <div class="font-controls">
                        <button class="font-btn" id="a-plus">A+</button>
                        <button class="font-btn" id="a-zero">A0</button>
                        <button class="font-btn" id="a-minus">A-</button>
                    </div>
                    <div class="weather-content d-flex mr-5">
                        <div class="date">
                            <span><i class="fa fa-calendar mr-2" aria-hidden="true"></i>Thursday, 29 May 2025</span>
                        </div>
                    </div>
                </div>
                <!-- /.left-contennt -->
                <div class="right-content d-flex align-self-center">
                    
                    <div class="sg-language">
                        <select name="code" id="languges-changer">
                                                            <option value="en"
                                    selected>
                                    English</option>
                                                            <option value="dz"
                                    >
                                    རྫོང་ཁ</option>
                                                    </select>
                    </div>
                    
                    <div class="sg-user">
                        <div class="style-3">
                                                            <span>
                                    <i class="fa fa-user-circle mr-2" aria-hidden="true"></i>
                                    <a href="https://nationalcouncil.bt/login">Login</a> <span
                                        class="d-none-small">
                                        
                                </span>
                                                    </div>
                    </div>
                </div><!-- /.right-content -->
            </div>
        </div><!-- /.container -->
    </div><!-- /.sg-topbar -->
<div class="header-bottom" style="padding: 0;">
        <div class="container">
            <div class="text-center" style="padding: 0;">
                <a class="navbar-brand align-self-center" href="https://nationalcouncil.bt">
                                        <div class="row" style="align-items: center;">
                        <div class="col-3">
                            <img src="https://nationalcouncil.bt/images/nc-logo.png" alt="Logo" class="img-fluid"
                                style="width:45%">
                        </div>
                        <div class="col-6">
                            <img src="https://nationalcouncil.bt/images/ncab.png" alt="Logo" class="img-fluid"
                                style="width:100%">
                        </div>
                        <div class="col-3">
                            <img src="https://nationalcouncil.bt/images/gov.png" alt="Logo" class="img-fluid"
                                style="width:55%">
                        </div>
                    </div>
                </a>
            </div>
        </div><!-- /.container -->
    </div><!-- /.header-bottom -->

    <div class="sg-menu menu-style-1">
        <nav class="navbar navbar-expand-lg">
            <div class="container">
                <div class="menu-content">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"><i class="fa fa-align-justify"></i></span>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a href="https://nationalcouncil.bt" class="nav-link">
                                    <i class="fa fa-home fa-2x"></i>
                                </a>
                            </li>
                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            About
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/vision-mission"
                                                            target="">Vision &amp; Mission</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/history"
                                                            target="">History</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/composition-and-functions"
                                                            target="">Composition and Functions</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/proceedings"
                                                            target="">Proceedings</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/seating-plan"
                                                            target="">Seating plan</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/council-building"
                                                            target="">NC Building</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            Chairperson
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/chairperson"
                                                            target="">The Chairperson</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/role-of-chairperson"
                                                            target="">Roles of Chairperson</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/speeches"
                                                            target="">Speeches</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            Members
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/members"
                                                            target="">Overview</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/members-lists"
                                                            target="">Current Members</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/past-members"
                                                            target="">Past Members</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            Business
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/passing-of-bills"
                                                            target="">Passing of Bills</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/question-hour"
                                                            target="">Question Time</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/agenda"
                                                            target="">Agenda</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/daily-business-order"
                                                            target="">Daily Business Order</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/resolutions"
                                                            target="">Resolutions</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/voting-records"
                                                            target="">Voting Records</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            Committees
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/committees"
                                                            target="">Committees</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/list-of-committees"
                                                            target="">List of Committees</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/committee-report"
                                                            target="">Committee Reports</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href=""
                                            target="">
                                            Secretariat
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/secretariat"
                                                            target="">About Secretariat</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/division"
                                                            target="">Divisions</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/org-chart"
                                                            target="">Organization Chart</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="https://nationalcouncil.bt/page/council-staff"
                                                            target="">Staff Information</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item ">
                                        <a href="/page/downloads"
                                            target="">
                                            Downloads
                                                                                    </a>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item  sg-dropdown sg-mega-menu ">
                                        <a href="/page/media"
                                            target="">
                                            Media
                                                                                            <i class="fa fa-angle-down" aria-hidden="true" style="display:none"></i>
                                                                                    </a>
                                                                                    <ul class="sg-dropdown-menu">
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/category/latest-news"
                                                            target="">News</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/press-release"
                                                            target="">Press Release</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/page/photo-gallery"
                                                            target="">Photo Gallery</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                                    <li class="sg-dropdown-menu-item">
                                                        <a href="/sub-category/videos-of-parliament"
                                                            target="">Videos</a>
                                                                                                                <ul class="sg-dropdown-menu-submenu">
                                                                                                                    </ul>
                                                    </li>
                                                                                            </ul>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item ">
                                        <a href="/page/visit-parliament"
                                            target="">
                                            Visit
                                                                                    </a>
                                                                            </li>
                                



                                
                                                                                                                                <li
                                        class="nav-item ">
                                        <a href="https://prms.nationalcouncil.bt"
                                            target="">
                                            PRMS
                                                                                    </a>
                                                                            </li>
                                



                                
                                                                                    </ul>
                    </div>

                    <div class="sg-search">
                        <div class="search-icon">
                            <i class="fa fa-search"></i>
                        </div>
                        <div class="search-card">
                            <div class="search-card-content">
                                <form action="https://nationalcouncil.bt/search" id="search" method="GET">
                                    <label for="label" class="d-none">Search here</label>
                                    <input class="form-control" id="label" name="search" type="text"
                                        placeholder="Search here">
                                    <button type="submit">search</button>
                                </form>
                                <div class="close-btn">
                                    <i class="fa fa-times"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /.sg-search -->
                    <script>
                        const increaseButton = document.getElementById('a-plus');
                        const resetButton = document.getElementById('a-zero');
                        const decreaseButton = document.getElementById('a-minus');

                        const body = document.querySelector('body');
                        const elements = ['div', 'p', 'a', 'body', 'span'];

                        increaseButton.addEventListener('click', () => {
                            const currentSize = parseInt(getComputedStyle(body).fontSize);
                            const newSize = currentSize + 2;
                            elements.forEach(element => {
                                document.querySelectorAll(element).forEach(el => {
                                    el.style.fontSize = `${newSize}px`;
                                });
                            });
                        });

                        resetButton.addEventListener('click', () => {
                            elements.forEach(element => {
                                document.querySelectorAll(element).forEach(el => {
                                    el.style.fontSize = null;
                                });
                            });
                        });

                        decreaseButton.addEventListener('click', () => {
                            const currentSize = parseInt(getComputedStyle(body).fontSize);
                            const newSize = currentSize - 2;
                            elements.forEach(element => {
                                document.querySelectorAll(element).forEach(el => {
                                    el.style.fontSize = `${newSize}px`;
                                });
                            });
                        });


                        const searchIcon = document.querySelector('.search-icon');
                        const searchIconChild = document.querySelector('.search-icon i');
                        const searchCard = document.querySelector('.search-card');
                        const closeBtn = document.querySelector('.close-btn');

                        searchIcon.addEventListener('click', () => {
                            searchCard.style.display = 'block';
                        });

                        closeBtn.addEventListener('click', () => {
                            searchCard.style.display = 'none';
                        });

                        document.addEventListener('click', (e) => {
                            if (!searchCard.contains(e.target) && e.target !== searchIcon && e.target !== searchIconChild) {
                                searchCard.style.display = 'none';
                            }
                        });

                        function closeModal() {
                            // Enable page scroll when modal is closed
                            document.body.classList.remove('no-scroll');
                            // Hide the modal
                            modal.classList.remove('active');
                            // Reset the modal content
                            totalVisitors.innerHTML = '';
                            lifetimeVisitors.innerHTML = '';
                            mostVisitedPage.innerHTML = '';
                        }
                    </script>
                </div><!-- /.menu-content -->
            </div><!-- /.container -->
        </nav><!-- /.navbar -->
    </div><!-- /.sg-menu -->
</header><!-- /.sg-header -->
<style>
    .navbar-nav {
        display: flex;
        align-items: center;
    }

    .sg-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        display: none;
        width: 80%;
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

    .sg-mega-menu:hover .sg-dropdown-menu {
        display: block;
        animation: fadeInUp 0.3s ease-in-out forwards;
    }

    @keyframes  fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }


    .sg-dropdown {
        position: relative;
        display: inline-block;
        font-weight: bold;
        margin-right: 10px;
        padding: 5px;
        color: #000;
    }

    .sg-dropdown>a {
        color: #000;
        z-index: 9999;
    }

    .sg-dropdown>a:hover {
        color: #007bff;
    }

    .sg-dropdown ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 250px;
        margin: 0;
        padding: 15px 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        list-style: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s, visibility 0.2s;
        z-index: 999;
    }

    .sg-dropdown:hover>ul {
        opacity: 1;
        visibility: visible;
    }

    .sg-dropdown li {
        display: block;
        margin: 0;
        padding: 0;
    }

    .sg-dropdown a {
        display: block;
        padding: 10px 0;
        color: #000;
    }

    .sg-dropdown a:hover {
        color: #007bff;
    }

    .sg-dropdown span {
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px;
        color: #000;
        font-size: 20px;
    }

    .sg-dropdown-menu {
        position: relative;
        z-index: 1;
    }

    .sg-dropdown-menu-menu {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        margin: 0;
        padding: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        list-style: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s, visibility 0.2s;
    }

    .sg-dropdown-menu:hover>.sg-dropdown-menu-menu {
        opacity: 1;
        visibility: visible;
    }

    .sg-dropdown-menu-menu li {
        margin: 0;
    }

    .sg-dropdown-menu-menu a {
        padding: 10px 20px;
        color: #000;
    }

    .sg-dropdown-menu-menu a:hover {
        color: #007bff;
    }
</style>

<style>
    .ad-container {
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    .ad-text {
        display: inline-block;
        animation: adAnimation 30s linear infinite;
    }

    @keyframes  adAnimation {
        0% {
            transform: translateX(1000px);
        }

        100% {
            transform: translateX(-1500px);
        }
    }
</style>

<div class="container">
    <div class="row">
        <div class="col-12">
                                                                        </div>
    </div>
</div>
    

                <div class="sg-home-section">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-md-9">
                <div id="home-carousel" class="carousel slide slider-style-1" data-bs-ride="carousel" style="padding: 0; margin: 0;">
                    <div class="carousel-inner">
                                                    <div class="carousel-item  active ">
                                <div class="sg-post featured-post style_1" style="padding: 0; margin: 0;">
                                    <div class="entry-header">
                                        <div class="entry-thumbnail" style="padding: 0; margin: 0;">
                                            <a href="https://nationalcouncil.bt/post/5th-birth-anniversary-to-gyalsey-ugyen-wangchuck">
                                                <div class="row" style="max-height: 100%; padding: 0; margin: 0;">
                                                    <div class="col-sm-4 my-1">
                                                        <h3 class="fw-bold">5th Birth Anniversary to Gyalsey Ugyen Wangchuck</h3>
                                                        <p class="text-secondary">
                                                            On the joyous and auspicious occasion of the 5th Birth Anniversary of His Royal Highness Gyalsey Ugyen Wangchuck, the Chairperson, Members and Secretariat of the National Council of Bhutan offer our deepest felicitations and heartfelt prayers.We join...
                                                        </p>
                                                        <button class="btn btn-primary btn-lg my-4 slider-btn-home">
                                                            Read More
                                                        </button>
                                                    </div>
                                                    <div class="col-sm-8" style="padding: 0; margin: 0;">
                                                                                                                    <img src="https://nationalcouncil.bt/images/20250320113551_big_730x400_25.webp"
                                                                 class="img-fluid image-thumb"
                                                                 alt="5th Birth Anniversary to Gyalsey Ugyen Wangchuck"
                                                                 style="width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;">
                                                                                                            </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="sg-post featured-post style_1" style="padding: 0; margin: 0;">
                                    <div class="entry-header">
                                        <div class="entry-thumbnail" style="padding: 0; margin: 0;">
                                            <a href="https://nationalcouncil.bt/post/45th-birth-anniversary-of-his-majesty-the-king">
                                                <div class="row" style="max-height: 100%; padding: 0; margin: 0;">
                                                    <div class="col-sm-4 my-1">
                                                        <h3 class="fw-bold">45th Birth Anniversary of His Majesty The King</h3>
                                                        <p class="text-secondary">
                                                            On the auspicious occasion of His Majesty The King’s 45th Birth Anniversary, the National Council of Bhutan offers its deepest respect and heartfelt felicitations.With profound reverence, we express our deepest gratitude for His Majesty’s selfless an...
                                                        </p>
                                                        <button class="btn btn-primary btn-lg my-4 slider-btn-home">
                                                            Read More
                                                        </button>
                                                    </div>
                                                    <div class="col-sm-8" style="padding: 0; margin: 0;">
                                                                                                                    <img src="https://nationalcouncil.bt/images/20250220182615_big_730x400_6.webp"
                                                                 class="img-fluid image-thumb"
                                                                 alt="45th Birth Anniversary of His Majesty The King"
                                                                 style="width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;">
                                                                                                            </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="sg-post featured-post style_1" style="padding: 0; margin: 0;">
                                    <div class="entry-header">
                                        <div class="entry-thumbnail" style="padding: 0; margin: 0;">
                                            <a href="https://nationalcouncil.bt/post/birth-anniversary-of-his-royal-highness-jigme-namgyel-wangchuck">
                                                <div class="row" style="max-height: 100%; padding: 0; margin: 0;">
                                                    <div class="col-sm-4 my-1">
                                                        <h3 class="fw-bold">Birth Anniversary of His Royal Highness Jigme Namgyel Wangchuck</h3>
                                                        <p class="text-secondary">
                                                            On the auspicious occasion of the 9th Birth Anniversary of His Royal Highness The Gyalsey Jigme Namgyel Wangchuck, the National Council of Bhutan joins the nation in offering our deepest felicitations and heartfelt prayers.May His Royal Highness be b...
                                                        </p>
                                                        <button class="btn btn-primary btn-lg my-4 slider-btn-home">
                                                            Read More
                                                        </button>
                                                    </div>
                                                    <div class="col-sm-8" style="padding: 0; margin: 0;">
                                                                                                                    <img src="https://nationalcouncil.bt/images/20250205093237_big_730x400_22.webp"
                                                                 class="img-fluid image-thumb"
                                                                 alt="Birth Anniversary of His Royal Highness Jigme Namgyel Wangchuck"
                                                                 style="width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;">
                                                                                                            </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="sg-post featured-post style_1" style="padding: 0; margin: 0;">
                                    <div class="entry-header">
                                        <div class="entry-thumbnail" style="padding: 0; margin: 0;">
                                            <a href="https://nationalcouncil.bt/post/happy-chunyipa-losar">
                                                <div class="row" style="max-height: 100%; padding: 0; margin: 0;">
                                                    <div class="col-sm-4 my-1">
                                                        <h3 class="fw-bold">Happy Chunyipa Losar</h3>
                                                        <p class="text-secondary">
                                                            As we celebrate the Traditional Day of Offering - Chunipa Losar, the Chairperson, Members and the Secretariat Staff of the National Council joins the nation in extending our heartfelt wishes to all.May this auspicious occasion bring peace, prosperity...
                                                        </p>
                                                        <button class="btn btn-primary btn-lg my-4 slider-btn-home">
                                                            Read More
                                                        </button>
                                                    </div>
                                                    <div class="col-sm-8" style="padding: 0; margin: 0;">
                                                                                                                    <img src="https://nationalcouncil.bt/images/20250129163755_big_730x400_32.webp"
                                                                 class="img-fluid image-thumb"
                                                                 alt="Happy Chunyipa Losar"
                                                                 style="width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;">
                                                                                                            </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                                    <div class="carousel-item ">
                                <div class="sg-post featured-post style_1" style="padding: 0; margin: 0;">
                                    <div class="entry-header">
                                        <div class="entry-thumbnail" style="padding: 0; margin: 0;">
                                            <a href="https://nationalcouncil.bt/post/happy-new-year-and-nyilo-tashi-delek">
                                                <div class="row" style="max-height: 100%; padding: 0; margin: 0;">
                                                    <div class="col-sm-4 my-1">
                                                        <h3 class="fw-bold">Happy New Year and Nyilo Tashi Delek</h3>
                                                        <p class="text-secondary">
                                                            The National Council of Bhutan extends its warmest wishes to the Nation on the joyous occasion of Nyilo and the New Year 2025.Guided by the profound wisdom of our beloved Druk Gyalpo, let us rededicate ourselves to serving the Tsa-Wa-Sum with unwaver...
                                                        </p>
                                                        <button class="btn btn-primary btn-lg my-4 slider-btn-home">
                                                            Read More
                                                        </button>
                                                    </div>
                                                    <div class="col-sm-8" style="padding: 0; margin: 0;">
                                                                                                                    <img src="https://nationalcouncil.bt/images/20250101094221_big_730x400_7.webp"
                                                                 class="img-fluid image-thumb"
                                                                 alt="Happy New Year and Nyilo Tashi Delek"
                                                                 style="width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9;">
                                                                                                            </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                                            </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#home-carousel" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#home-carousel" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>

            <div class="col-12 col-md-3">
                <div class="card">
                    <div class="card-header text-capitalize">
                        <h4>announcements</h4>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                                                            <li class="pb-0 mb-2">
                                    <a href="https://nationalcouncil.bt/post/supply-of-office-stationaries" class="d-block text-truncate">
                                        Supply of Office Stationaries for FY 2023-2024.
                                    </a>
                                    <small class="text-muted d-block">
                                        1 year ago
                                    </small>
                                                                            <hr class="my-2">
                                                                    </li>
                                                            <li class="pb-0 mb-2">
                                    <a href="https://nationalcouncil.bt/post/supplymaintenance-of-vehicle-spare-parts-for-the-financial-year-2023-2024" class="d-block text-truncate">
                                        Supply/Maintenance of Vehicle Spare Parts for the...
                                    </a>
                                    <small class="text-muted d-block">
                                        1 year ago
                                    </small>
                                                                    </li>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        
    <div class="sg-main-content mb-4">
        <div class="my-3 py-5 bg-kabney">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 ui-resizable text-center" data-type="container-content">
                        <div data-type="component-text">
                            <h3 style="color: #fff; margin-bottom: 2rem;">
                                                                    Who is my MP?
                                                            </h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-4 col-xs-12 footer-search-text" style="margin:10px auto;">
                            <p>
                                                                    Find out who represents you in Parliament, how they voted on bills and their election
                                    record.
                                                            </p>
                        </div>
                        <div class="col-sm-6 col-xs-6">
                            <form>
                                <select class="jigs-class" id="myDropdown2" onchange="redirectUser2()" name="dzongkhags">
                                    <option value="" selected disabled>
                                                                                    Search MP by Constituency
                                                                            </option>
                                </select>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        
        <div class="container" style="margin-bottom: 3rem">
    <div class="row mt-5">
        <div class="col-sm-6">
            <div class="card h-100 bg-transparent">
                <div class="card-body text-center  mt-4">
                    <h4 class="card-title">
                                                        Visiting Parliament?
                                                </h4>
                    <p class="card-text">
                                                        Click the link below to register and plan your visit for a guided
                                tour or to attend session.
                                                </p>
                    
                </div>
                        <div class="card-footer text-center">
                        <a href="https://parliament.bt/council-visitors" target="_blank" class="btn btn-primary" style="background:#025e95; color: #fff">
                                                                    Click Here to register
                                                            </a>
                    </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="card h-100 bg-transparent">
                <div class="card-body text-center">
                    <h4 class="card-title mt-4">
                                                         Take a Virtual Tour of National Council
                                                </h4>
                    <p class="card-text">
                                                    Explore the National Council Building and learn about the country's
                                main Law Making Body.
                                            </p>
                    
                </div>
                <div class="card-footer text-center">
                        <a href="/page/council-virtual-tour" target="_blank" class="btn btn-primary" style="background:#025e95; color: #fff">
                                                            Enter Virtual Tour
                                                    </a>
                    </div>
            </div>
        </div>
    </div>
</div>



        <div class="sg-main-content mb-4">
            <div class="container">
                <div class="row">
                                        <div class="col-sm-12">
                        <div class="theiaStickySidebar">
                            <div class="sg-section">
    <div class="section-content mt-3">
        <div class="section-title">
            <h1>
                                    LATEST NEWS
                            </h1>
        </div>
        <div class="row">
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/students-and-teachers-from-wanakha-central-school-attended-the-national-council-session">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250528154505_medium_358x215_13.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="Students and teachers from Wanakha Central School attended the National Council Session.">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/students-and-teachers-from-wanakha-central-school-attended-the-national-council-session">
                                <h4 class="card-title mb-4">Students and teachers from Wanakha Central School...</h4>
                            </a>
                            <p class="card-text flex-grow-1">Today, students and
teachers from Wanakha Central School, Paro, attended the Fourth Sitting of the
National Council, where the House deliberated on...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/students-and-teachers-from-wanakha-central-school-attended-the-national-council-session"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-28">May 28, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/introduction-and-deliberation-on-the-review-report-on-the-state-of-tourism-in-bhutan">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250528154233_medium_358x215_16.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="Introduction and Deliberation on the Review Report on the State of Tourism in Bhutan">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/introduction-and-deliberation-on-the-review-report-on-the-state-of-tourism-in-bhutan">
                                <h4 class="card-title mb-4">Introduction and Deliberation on the Review Report...</h4>
                            </a>
                            <p class="card-text flex-grow-1">During the fourth sitting
today, the Economic Affairs Committee (EAC) presented its review report on the
State of Tourism in Bhutan to the House for...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/introduction-and-deliberation-on-the-review-report-on-the-state-of-tourism-in-bhutan"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-28">May 28, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/3rd-sitting-deliberation-on-review-report-on-rural-life-insurance-scheme">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250527152901_medium_358x215_45.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="3rd Sitting: Deliberation on Review Report on Rural Life Insurance Scheme">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/3rd-sitting-deliberation-on-review-report-on-rural-life-insurance-scheme">
                                <h4 class="card-title mb-4">3rd Sitting: Deliberation on Review Report on Rura...</h4>
                            </a>
                            <p class="card-text flex-grow-1">Today, the House resumed
its deliberation on the Good Governance Committee (GGC)’s review report on the
Rural Life Insurance Scheme, presented on 26...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/3rd-sitting-deliberation-on-review-report-on-rural-life-insurance-scheme"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-27">May 27, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/2nd-sitting-introduction-of-the-review-report-on-the-rural-life-insurance-scheme">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250526161251_medium_358x215_12.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="2nd Sitting: Introduction of the Review Report on the Rural Life Insurance Scheme">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/2nd-sitting-introduction-of-the-review-report-on-the-rural-life-insurance-scheme">
                                <h4 class="card-title mb-4">2nd Sitting: Introduction of the Review Report on...</h4>
                            </a>
                            <p class="card-text flex-grow-1">Today, the Good
Governance Committee (GGC) presented its review report on the Rural Life
Insurance Scheme (RLIS) to the House. Hon’ble Sonam Tobgyel...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/2nd-sitting-introduction-of-the-review-report-on-the-rural-life-insurance-scheme"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-26">May 26, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/follow-up-on-the-resolutions-of-the-34th-session">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250526160830_medium_358x215_49.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="Follow-Up on the Resolutions of the 34th Session">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/follow-up-on-the-resolutions-of-the-34th-session">
                                <h4 class="card-title mb-4">Follow-Up on the Resolutions of the 34th Session</h4>
                            </a>
                            <p class="card-text flex-grow-1">The National Council
convened the second sitting of its 35th Session today to deliberate on the
responses received by relevant committees concerning...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/follow-up-on-the-resolutions-of-the-34th-session"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-26">May 26, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mb-5">
                    <div class="card h-100">
                        <a href="https://nationalcouncil.bt/post/opening-ceremony-of-the-35th-session-of-the-national-council">
                                                                        <img src="https://nationalcouncil.bt/default-image/default-358x215.png"
                                                data-original="https://nationalcouncil.bt/images/20250526160046_medium_358x215_25.webp"
                                                class="img-fluid lazy card-img-top no-padding" alt="Opening Ceremony of the 35th Session of the National Council">
                                                                </a>
                        <div class="card-body d-flex flex-column">
                            <a href="https://nationalcouncil.bt/post/opening-ceremony-of-the-35th-session-of-the-national-council">
                                <h4 class="card-title mb-4">Opening Ceremony of the 35th Session of the Nation...</h4>
                            </a>
                            <p class="card-text flex-grow-1">23rd
May 2025-The 35th Session of the National Council commenced today, coinciding
with the 26th day of the 3rd Bhutanese month of the Wood Female S...</p>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-between align-items-center">
                                <a href="https://nationalcouncil.bt/post/opening-ceremony-of-the-35th-session-of-the-national-council"
                                    class="btn btn-primary">Read More</a>
                                <small class="text-muted">
                                                                        <a href="https://nationalcouncil.bt/date/2025-05-26">May 26, 2025</a>
                                </small>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
    </div>
</div>



        
                                    </div>
                    </div>
                </div>

                

                <div class="row my-5">
                    <div class="section-title">
                        <h1>
                                                            Get Involved
                                                    </h1>
                    </div>
                    <div id="get-involved-container" class="row"></div>
                </div>

                <div class="row my-5">
                    <div class="section-title">
                        <h1>
                                                            Parliament Business
                                                    </h1>
                    </div>
                    <div id="parli-business-container" class="row"></div>
                </div>
            </div>
        </div>

        <script>
            const isDzUrl = false;
            const topics = [{
                    title: isDzUrl ? 'གྲོས་ཐག་བཅད།' : 'Resolutions',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/resolutions-dz' : '/page/resolutions'
                },
                {
                    title: isDzUrl ? 'དངུལ་རྩིས་ཀྱི་ལག་ལེན་སྤྲོད་ནི།' : 'Passing of Bills',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/bills-passed-dz' : '/page/bills-passed'
                },
                {
                    title: isDzUrl ? 'དངུལ་རྩིས་' : 'Bills',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/bills-introduced-dz' : '/page/bills-introduced'
                },
                {
                    title: isDzUrl ? 'གཞུང་འབྲེལ་ཧན་སཱར་ཌ་གི་སྙན་ཞུ་' : 'Official Hansard Report',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/official-hansard-report-dz' : '/page/official-hansard-report'
                },
                {
                    title: isDzUrl ? 'ཚོགས་ཆུང་གི་སྙན་ཞུ་' : 'Committee Report',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/committee-report-dz' : '/page/committee-report'
                },
                {
                    title: isDzUrl ? 'གྲོས་གཞི།' : 'Agenda',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/agenda-dz' : '/page/agenda'
                },
                {
                    title: isDzUrl ? 'ཚོང་ལཱ་གི་རིམ་ཐོ།' : 'Order of Business',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/order-papers-dz' : '/page/order-papers'
                },
                {
                    title: isDzUrl ? 'ཚོགས་རྒྱན་བཙུགས་ནི་གི་ཐོ་ཐོ་' : 'Voting Records',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/voting-records-dz' : '/page/voting-records'
                },
                {
                    title: isDzUrl ? 'ལས་སྣ་ཚུ་' : 'Acts',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/acts-dz' : '/page/acts'
                },
                {
                    title: isDzUrl ? 'ཡིག་སྣོད་' : 'Archives',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/archives-dz' : '/page/archives'
                },
                {
                    title: isDzUrl ? 'ཁ་འཐེན་ཚུ་' : 'Speeches',
                    imageUrl: 'https://nationalcouncil.bt/images/parli_docs.png',
                    linkUrl: isDzUrl ? '/page/speeches-dz' : '/page/speeches'
                }
            ];


            const parliBusinessContainer = document.getElementById('parli-business-container');

            // Loop through topics array and generate card HTML
            for (let i = 0; i < topics.length; i++) {
                const card = `
<div class="col-md-2" style="margin: 1rem 0; display: flex; justify-content: center; align-items: center;">
    <a href="${topics[i].linkUrl}">
        <div class="card" style="min-height: 150px; height: 200px; background: linear-gradient(-45deg, #025e95, #163873); border: none; padding:1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center;">
            <img src="${topics[i].imageUrl}" alt="${topics[i].title} image" style="width: 30%; margin: 1rem auto">
            <div class="row" style="margin: 1rem auto">
                <div class="text-center">
                    <h6 class="text-white">${topics[i].title}</h6>
                <div class="underline"></div>
            </div>
        </div>
    </div>
    </a>
</div>
`;
                parliBusinessContainer.innerHTML += card;
            }

            // Add hover effect to underline
            const underlines = document.getElementsByClassName('underline');
            for (let i = 0; i < underlines.length; i++) {
                underlines[i].addEventListener('mouseover', function() {
                    this.style.width = '50%';
                });
                underlines[i].addEventListener('mouseout', function() {
                    this.style.width = '20%';
                });
            }


            // Define an array of card data
            const parliUrl = "https://parliament.bt/"
            const cardData = [{
                    imageUrl: '/images/members.png',
                    title: isDzUrl ? 'འཐུས་མི་ཚུ་་' : 'Members',
                    linkUrl: isDzUrl ? '/page/members-lists-dz' : '/page/members-lists'
                },
                {
                    imageUrl: '/images/committees.png',
                    title: isDzUrl ? 'ཚོགས་ཆུང་།' : 'Committees',
                    linkUrl: isDzUrl ? '/page/committees-dz' : '/page/committees'
                },
                {
                    imageUrl: '/images/feedback.png',
                    title: isDzUrl ? 'ལན་སློང་གི་དོན་ལུ་རྩིས་ཁྲ་' : 'Bills for Feedback',
                    linkUrl: isDzUrl ? '/sub-category/bills-for-feedback-dz' : '/sub-category/bills-for-feedback'
                },
                {
                    imageUrl: 'images/videos.png',
                    title: isDzUrl ? 'སྤྱི་ཚོགས་གྱི་གློག་བརྙན།' : 'Videos of Parliament',
                    linkUrl: isDzUrl ? '/sub-category/videos-of-parliament-dz' : '/sub-category/videos-of-parliament'
                }
            ];


            // Get the container element
            const container = document.getElementById('get-involved-container');

            // Generate card elements dynamically
            cardData.forEach((card) => {
                // Create the card element
                const cardElement = document.createElement('div');
                cardElement.classList.add('col-md-3');

                // Create the card content
                const cardContent = `
        <div class="card mt-3" style="min-height: 250px; background: linear-gradient(-45deg, #025e95, #163873); border: none; display: flex; justify-content: center; align-items: center;">
            <img src="${card.imageUrl}" alt="${card.title} image" style="width: 60%;">
            <div class="row" style="margin: 1rem auto">
                <div class="text-center">
                    <a href="${card.linkUrl}">
                        <h5 class="text-white underline">${card.title}</h5>
                          <div class="underline"></div>
                    </a>
                </div>
            </div>
        </div>
            `;

                // Set the card content to the card element
                cardElement.innerHTML = cardContent;

                // Add the card element to the container
                container.appendChild(cardElement);
            });

            const categories = [{
                    title: isDzUrl ? 'ལས་སྣ་ཚུ་' : 'Acts',
                    link: isDzUrl ? '/sub-category/acts-dz' : '/sub-category/acts'
                },
                {
                    title: isDzUrl ? 'ཡིག་ཚགས།' : 'Forms',
                    link: isDzUrl ? '/page/forms-dz' : '/page/forms'
                },
                {
                    title: isDzUrl ? 'ཁྲིམས་ལུགས་ཚུ་' : 'Rules',
                    link: isDzUrl ? '/page/rules-dz' : '/page/rules'
                },
                {
                    title: isDzUrl ? 'ལག་དེབ་ཚུ་' : 'Manuals',
                    link: isDzUrl ? '/page/manuals-dz' : '/page/manuals'
                },
                {
                    title: isDzUrl ? 'དཔེ་སྐྲུན་ཚུ་' : 'Publications',
                    link: isDzUrl ? '/page/publications-dz' : '/page/publications'
                },
            ];

            const cardContainer = document.getElementById('card-container');

            categories.forEach((category) => {
                const card = document.createElement('a');
                card.classList.add('card', 'card-downloads');
                card.href = category.link;

                const icon = document.createElement('i');
                icon.classList.add('fa', 'fa-file-text-o', 'fa-3x');

                const title = document.createElement('h5');
                title.innerText = category.title;

                card.appendChild(icon);
                card.appendChild(title);
                cardContainer.appendChild(card);
            });


            document.addEventListener("DOMContentLoaded", function() {
                const isDzUrl = false;

                const dzongkhags = [{
                        english: "Bumthang Dzongkhag",
                        dzongkha: "བུམ་ཐང་ལུ་རྫོང་ཁག།"
                    },
                    {
                        english: "Chhukha Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Dagana Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Gasa Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Haa Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Lhuentse Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Mongar Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Paro Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Pemagatshel Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Punakha Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Samdrup Jongkhar Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Samtse Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Sarpang Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Thimphu Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Trashigang Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Trashiyangtse Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Trongsa Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Tsirang Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Wangdue Phodrang Dzongkhag",
                        dzongkha: ""
                    },
                    {
                        english: "Zhemgang Dzongkhag",
                        dzongkha: ""
                    }
                ];

                const selectDzongkhag2 = document.getElementById("myDropdown2");

                for (const dzongkhag of dzongkhags) {
                    const dzongkhagText = isDzUrl ? dzongkhag.dzongkha : dzongkhag.english;
                    const optionDzongkhag = new Option(dzongkhagText, dzongkhag.english);
                    selectDzongkhag2.add(optionDzongkhag);
                }

                window.redirectUser2 = function() {
                    const baseUrl = "https://nationalcouncil.bt/page/search-members?constituency=";
                    const selectedOption = selectDzongkhag2.options[selectDzongkhag2.selectedIndex];
                    if (selectedOption !== null) {
                        const searchText = selectedOption.value; // Always use English name for redirect
                        const encodedConstituency = encodeURIComponent(searchText);
                        const url = baseUrl + encodedConstituency;
                        window.open(url, "_blank");
                    } else {
                        console.error("Element with ID 'myDropdown2' not found.");
                    }
                };

                function redirectUser3() {
                    const baseUrl = "https://nationalcouncil.bt/page/search-members?constituency=";
                    const selectedOption = document.getElementById("myDropdown3");
                    if (selectedOption !== null) {
                        const selectedEnglish = selectedOption.options[selectedOption.selectedIndex].value;
                        const dzongkhag = dzongkhags.find(dzongkhag => dzongkhag.english === selectedEnglish);
                        if (dzongkhag !== undefined) {
                            const searchText = isDzUrl ? dzongkhag.dzongkha : dzongkhag.english;
                            const encodedConstituency = encodeURIComponent(searchText);
                            const url = baseUrl + encodedConstituency;
                            window.open(url, "_blank");
                        } else {
                            console.error("Selected dzongkhag not found in the array.");
                        }
                    } else {
                        console.error("Element with ID 'myDropdown3' not found.");
                    }
                }


                function createSlug(text) {
                    return text.toLowerCase().replace(/ /g, '-');
                }
            });
        </script>
    
    <div class="scrollToTop" id="display-nothing">
        <a href="#"><i class="fa fa-angle-up"></i></a>
    </div>
    <div class="ad-container">
                                                                        </div>


<style>
    .ad-container {
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }

    .ad-text {
        display: inline-block;
        animation: adAnimation 30s linear infinite;
    }

    @keyframes  adAnimation {
        0% {
            transform: translateX(1000px);
        }

        100% {
            transform: translateX(-1500px);
        }
    }
</style>
    <div class="footer footer-style-1">
    <div class="footer-top">
        <div class="container">
            <div class="footer-content">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="footer-widget about-widget">
                            <img src="https://nationalcouncil.bt/images/20230406115834_logo_41.png" alt="Logo" class="img-fluid mb-3"
                                style="width: 300px">
                            <ul class="global-list">
                                <li><i class="fa fa-home mr-2" aria-hidden="true"></i>
                                                                            National Council House, Langjopakha
                                                                    </li>
                                <li><i class="fa fa-volume-control-phone mr-2"
                                        aria-hidden="true"></i>+975 2 337371 | 337372 | 337374</li>
                                <li><i class="fa fa-envelope-o mr-2" aria-hidden="true"></i> <a
                                        href="#">info@nationalcouncil.gov.bt</a></li>
                            </ul>
                        </div><!-- /.footer-widget -->
                    </div>
                    <div class="col-sm-8">
                        <div class="footer-widget useful-links-widget">
                            <h3 class="text-capitalize">useful links</h3>
                            <ul class="global-list">
                                                                    <li><a href="https://www.g2c.gov.bt/">G2C Service</a></li>
                                                                    <li><a href="http://nab.gov.bt/">National Assembly Website</a></li>
                                                                    <li><a href="https://ceps.systems.gov.bt/">Citizen Engagement Platform</a></li>
                                                                    <li><a href="http://parliament.bt/">Parliament Website</a></li>
                                                                    <li><a href="https://www.govtech.bt/">GovTech Site</a></li>
                                                                    <li><a href="https://www.rcsc.gov.bt/en/security-clearance">Security Clearance</a></li>
                                
                            </ul>
                        </div><!-- /.footer-widget -->
                    </div>
                </div><!-- /.row -->
            </div>
        </div><!-- /.container -->
    </div>

    
    <div class="footer-bottom">
        <div class="container text-center">
            <ul class="horizontal-menu">
                <li><a href="http://parliament.bt/">
                                                    Parliament home
                                            </a></li>
                <li><a href="/page/library">
                                                    Library
                                            </a></li>
                <li><a href="/page/contact-us">
                                                    Contact Us
                                            </a></li>
            </ul>
            <hr>
                                                                            <div class="d-flex justify-content-center">
                        <div class="sg-socail">
                            <ul class="global-list d-flex">
                                                                    <li><a href="https://www.facebook.com/National.Council.Bhutan/" target="_blank"><i
                                                class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                                    <li><a href="#" target="_blank"><i
                                                class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                                    <li><a href="##" target="_blank"><i
                                                class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                                            </ul>
                        </div>
                    </div>
                                                                    <span>
                        Copyright © 2024, National Council of Bhutan. All Rights Reserved.
                        </span>
        </div>
    </div>
</div>

<style>
    .horizontal-menu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .horizontal-menu li {
        display: inline-block;
    }

    .horizontal-menu li a {
        display: block;
        color: #ffffff;
        text-align: center;
        padding: 14px 16px;
        list-style-type: disc;
    }

    .horizontal-menu li a:hover {
        background-color: #9b1212;
    }
</style>
    

    
    <script defer src="https://nationalcouncil.bt/site/js/popper.min.js"></script>
    <script defer src="https://nationalcouncil.bt/site/js/bootstrap.min.js"></script>
    <script defer src="https://nationalcouncil.bt/site/js/theia-sticky-sidebar.min.js"></script>
    <script defer src="https://nationalcouncil.bt/site/js/magnific-popup.min.js"></script>
    <script src="https://nationalcouncil.bt/site/js/carouFredSel.min.js"></script>
        <script src="https://nationalcouncil.bt/site/js/main.min.js"></script>
    <script src="https://nationalcouncil.bt/js/custom.js"></script>
    <script async type="text/javascript" src="https://nationalcouncil.bt/site/js/jquery.cookie.min.js"></script>
    <script defer src="https://nationalcouncil.bt/site/js/lazyload.js"></script>
        <script src="https://nationalcouncil.bt/site/js/bootstrap-tagsinput.min.js" async></script>

    

                
            
    

            <script>
   //window.onload = function() {
    //localStorage.clear();
    // Other initialization code
//};
</script>
    
    <script type="text/javascript" src="https://nationalcouncil.bt/site/js/webp-support.js"></script>
    <script type="text/javascript" src="https://nationalcouncil.bt/site/js/custom.min.js"></script>

    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous">
    </script>
    <!-- Include Chart.js -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<!-- Modal -->
<div class="modal fade" id="siteNoticeModal" tabindex="-1" role="dialog" aria-labelledby="siteNoticeModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="siteNoticeModalLabel">Notice</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>This website is brought to you by the Parliament of Bhutan. Any content on this site shall not be reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic o>        <p>Your traffic is being monitored and any suspicious traffic will result in blocking the IP address.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" id="disagreeButton">Disagree</button>
        <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Agree</button>
      </div>
    </div>
  </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        if (!localStorage.getItem('modalShown')) {
            setTimeout(() => {
                document.getElementById('siteNoticeModal').classList.add('show');
            }, 3000);
        }

        document.getElementById('disagreeButton').addEventListener('click', () => {
            window.location.href = 'https://www.google.com';
        });

        document.getElementById('siteNoticeModal').addEventListener('hidden.bs.modal', () => {
            localStorage.setItem('modalShown', 'true');
        });
    });

    function isDzongkhaText(text) {
        const dzongkhaRegex = /[\u0F00-\u0FFF]/;
        return dzongkhaRegex.test(text);
    }

    function modifyFontSizeAndFontFamilyIfUrlContainsDz() {
        if (window.location.href.indexOf('/dz') !== -1) {
            const fontFace = `@font-face {
                font-family: 'DDC_Uchen';
                src: url('/fonts/DDC_Uchen.eot'),
                    url('/fonts/DDC_Uchen.eot?#iefix') format('embedded-opentype'),
                    url('/fonts/DDC_Uchen.woff2') format('woff2'),
                    url('/fonts/DDC_Uchen.woff') format('woff'),
                    url('/fonts/DDC_Uchen.ttf') format('truetype'),
                    url('/fonts/DDC_Uchen.svg#DDC_Uchen') format('svg');
                font-weight: normal;
                font-style: normal;
            }`;

            const style = document.createElement('style');
            style.textContent = fontFace;
            document.head.appendChild(style);

            const dzElements = document.querySelectorAll('div, p, a, button');
            dzElements.forEach(element => {
                if (isDzongkhaText(element.textContent || element.innerText)) {
                    element.style.fontFamily = 'DDC_Uchen, sans-serif';
                    element.style.fontWeight = '500';
                    element.style.lineHeight = '1.5';
                    if (element.tagName.toLowerCase() === 'button') {
                        element.style.letterSpacing = '1px';
                    }
                }
            });

            const headingElements = document.querySelectorAll('h1, h2, h3, h4, h5, h6');
            headingElements.forEach(element => {
                if (isDzongkhaText(element.textContent || element.innerText)) {
                    element.style.fontFamily = 'DDC_Uchen, sans-serif';
                }
            });
        } else {
            const dzElements = document.querySelectorAll('div, p, a, button, h1, h2, h3, h4, h5, h6');
            dzElements.forEach(element => {
                element.style.fontFamily = 'Lato, sans-serif';
                element.style.fontWeight = '500';
                element.style.lineHeight = '1.5';
                // element.style.fontSize = '14px';
            });
        }
    }

    window.onload = modifyFontSizeAndFontFamilyIfUrlContainsDz;

</script>


</body>

</html>
