[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
    
</head>

<body class="custom-cursor">

    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>





    <div class="preloader">
        <div class="preloader__image"></div>
    </div>


    <div class="page-wrapper">
        <header class="main-header-three">
            <div class="main-header-three__top">
                <div class="container">
                    <div class="main-header-three__top-inner">
                        <div class="main-header-three__logo">
                            <a href="../index.htm"><img src="../website/assets/images/logo_long_gr.png" width="250" alt=""></a>
                        </div>
                        <div class="main-header-three__content-box">
                            <ul class="list-unstyled main-header-three__contact-list">
                                <li>
                                    <div class="icon">
                                        <i class="fas fa-envelope"></i>
                                    </div>
                                    <div class="text">
                                        <p><a href="mailto:info@kema.gov.gh">info@kema.gov.gh</a></p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <i class="fas fa-clock"></i>
                                    </div>
                                    <div class="text">
                                        <p>Open hours: Mon - Fri 8.00 am - 5.00 pm</p>
                                    </div>
                                </li>
                            </ul>
                            <div class="main-header-three__search-lan-switcher-btn">
                                <div class="main-header-three__search-box">
                                    <a href="#" class="main-header-three__search search-toggler icon-magnifying-glass"></a>
                                </div>
                                
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <nav class="main-menu main-menu-three">
                <div class="main-menu-three__wrapper">
                    <div class="container">
                        <div class="main-menu-three__wrapper-inner">
                            <div class="main-menu-three__main-menu-box">
                                <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                                <ul class="main-menu__list">
                                    <li>
                                        <a href="../index.htm">Home</a>
                                    </li>

                                   
                                    <li>
                                        <a href="../about.html">About Us</a>
                                    </li>
                                    
                                    
                                    <li class="dropdown">
                                        <a href="../departments.html">Departments</a>
                                        <ul class="sub-menu">
                                                                                            <li class="dropdown">
                                                    <a href="../department/central-administration.html">Central Administration</a>

                                                                                                            <ul class="sub-menu">
                                                                                                                            <li>
                                                                    <a href="../department/environmental-health-and-sanitation-unit.html">Environmental Health and Sanitation Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/records-unit.html">Records Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/budget-unit.html">Budget Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/development-planning-unit.html">Development Planning Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/procurement-unit.html">Procurement Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/management-information-systems-unit.html">Management Information Systems Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/internal-audit-unit.html">Internal Audit Unit</a>
                                                                </li>
                                                                                                                            <li>
                                                                    <a href="../department/radio-unit.html">Radio Unit</a>
                                                                </li>
                                                                                                                    </ul>
                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/human-resource.html">Human Resource</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/physical-planning-department.html">Physical Planning Department</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/works-department.html">Works Department</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/the-agriculture-department.html">The Agriculture Department</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/the-social-welfare-department.html">The Social Welfare Department</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/finance-department.html">Finance Department</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/births-and-deaths-registry.html">Births and Deaths Registry</a>

                                                                                                    </li>
                                                                                            <li class="">
                                                    <a href="../department/statistics-department.html">Statistics Department</a>

                                                                                                    </li>
                                                                                    </ul>
                                    </li>
                                    <li>
                                        <a href="albums.html">Gallery</a>
                                    </li>
                                    
                                   
                                    

                                    <li class="dropdown">
                                        <a href="#">Publications</a>
                                        <ul class="sub-menu">
                                            <li><a href="../news/">News</a></li>
                                            <li><a href="../projects/index.html">Projects</a></li>
                                            <li><a href="../reports.html">Reports</a></li>
                                            <li><a href="../archives/list.html">Archives</a></li>
                                        </ul>
                                    </li>
                                   
                                    <li>
                                        <a href="../contact.html">Contact</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="main-menu-three__social">
                                <a target="_blank" href="https://web.facebook.com/profile.php?id=61581724240512"><i class="fab fa-facebook"></i></a>
                                <a target="_blank" href="https://www.tiktok.com/@nkwantasouthassembly?is_from_webapp=1&sender_device=pc"><i class="fab fa-tiktok"></i></a>
                                <a target="_blank" href="https://www.instagram.com/nkwantasouthmunicipal?utm_source=qr"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </header>


        <div wire:snapshot="{&quot;data&quot;:{&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;Z20rDnSDJarsl0yr4Sk7&quot;,&quot;name&quot;:&quot;website.gallery&quot;,&quot;path&quot;:&quot;gallery\/albums&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;29a4bc6c2cd83819bbc256db0fc298039ca49f2ebfd0eac67c1b9a0645a5ba32&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="Z20rDnSDJarsl0yr4Sk7" wire:name="website.gallery">
    <style>

        .news-redesign {
            background: #fbfcf8;
            color: #526257;
        }

        .news-hero {
            position: relative;
            min-height: 560px;
            display: flex;
            align-items: flex-end;
            overflow: hidden;
            isolation: isolate;
            background: #102016;
        }

        .news-hero:before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(100deg, rgba(12, 29, 20, 0.94), rgba(12, 29, 20, 0.68) 52%, rgba(12, 29, 20, 0.34)),
                url('/website/assets/images/photos/h_14.jpg') center / cover no-repeat;
            z-index: -2;
        }

        .news-hero:after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 155px;
            background: linear-gradient(0deg, #fbfcf8, rgba(251, 252, 248, 0));
            z-index: -1;
        }

        .news-hero__inner {
            width: 100%;
            padding: 132px 0 74px;
        }

        .news-hero__content {
            max-width: 760px;
        }

        .news-kicker {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            color: #006088;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            margin-bottom: 14px;
        }

        .news-kicker:before {
            content: "";
            width: 28px;
            height: 2px;
            background: #d9a441;
        }

        .news-hero .news-kicker {
            color: #d9a441;
            margin-bottom: 18px;
        }

        .news-hero .news-kicker:before {
            background: #ffffff;
        }

        .news-hero__title {
            color: #ffffff;
            font-size: 64px;
            line-height: 1.04;
            font-weight: 900;
            margin: 0;
        }

        .news-hero__text {
            max-width: 650px;
            color: rgba(255, 255, 255, 0.82);
            font-size: 19px;
            line-height: 32px;
            margin: 24px 0 0;
        }

        .news-hero__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 34px;
        }

        .news-hero__pill {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            min-height: 50px;
            padding: 10px 18px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.18);
            color: #ffffff;
            font-weight: 800;
            backdrop-filter: blur(10px);
        }

        .news-hero__pill i {
            color: #d9a441;
        }

        .news-list {
            position: relative;
            padding: 0 0 116px;
            margin-top: -46px;
            z-index: 2;
        }

        .news-list__intro {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: end;
            gap: 30px;
            padding: 42px;
            margin-bottom: 34px;
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 24px 70px rgba(22, 52, 34, 0.11);
        }

        .news-list__intro h2 {
            color: #15271d;
            font-size: 42px;
            line-height: 1.12;
            font-weight: 900;
            margin: 0;
        }

        .news-list__intro p {
            max-width: 720px;
            color: #647267;
            font-size: 17px;
            line-height: 29px;
            margin: 18px 0 0;
        }

        .news-list__count {
            min-width: 170px;
            padding: 20px 24px;
            border-radius: 8px;
            background: #102016;
            color: #ffffff;
            text-align: center;
        }

        .news-list__count strong {
            display: block;
            color: #d9a441;
            font-size: 34px;
            line-height: 1;
            font-weight: 900;
        }

        .news-list__count span {
            display: block;
            margin-top: 8px;
            font-size: 13px;
            line-height: 18px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .gallery-empty {
            padding: 76px 30px;
            border-radius: 8px;
            background: #ffffff;
            text-align: center;
            box-shadow: 0 18px 48px rgba(22, 52, 34, 0.08);
        }

        .gallery-empty i {
            width: 68px;
            height: 68px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #eef6f9;
            color: #006088;
            font-size: 24px;
            margin-bottom: 22px;
        }

        .gallery-empty h3 {
            color: #15271d;
            font-size: 30px;
            line-height: 1.2;
            font-weight: 900;
            margin-bottom: 12px;
        }

        .gallery-empty p {
            max-width: 520px;
            margin: 0 auto;
            color: #647267;
            font-size: 16px;
            line-height: 28px;
        }

        @media (max-width: 1199px) {

            .news-list__intro {
                grid-template-columns: 1fr;
            }

            .news-list__count {
                width: fit-content;
            }
        }

        @media (max-width: 767px) {

            .news-hero {
                min-height: 500px;
            }

            .news-hero__inner {
                padding: 116px 0 68px;
            }

            .news-hero__title {
                font-size: 42px;
            }

            .news-hero__text {
                font-size: 16px;
                line-height: 28px;
            }

            .news-list {
                padding-bottom: 86px;
            }

            .news-list__intro {
                padding: 34px 24px;
            }

            .news-list__intro h2 {
                font-size: 32px;
            }
