{"id":11671,"date":"2025-12-16T22:48:23","date_gmt":"2025-12-16T22:48:23","guid":{"rendered":"https:\/\/lagoshouseofassembly.gov.ng\/home\/?page_id=11671"},"modified":"2025-12-19T22:16:35","modified_gmt":"2025-12-19T22:16:35","slug":"lsha-service-charter","status":"publish","type":"page","link":"https:\/\/lagoshouseofassembly.gov.ng\/home\/lsha-service-charter\/","title":{"rendered":"LSHA Service Charter"},"content":{"rendered":"\n<div class=\"ls-ha-charter-detailed\">\n    <!-- Header -->\n    <header class=\"charter-header-detailed\">\n        <div class=\"header-content\">\n            <h1 class=\"main-title\">Lagos State House of Assembly Service Charter<\/h1>\n            <div class=\"header-meta\">\n                <div class=\"meta-item\">\n                    <span class=\"meta-icon\">\ud83d\udcc4<\/span>\n                    <span class=\"meta-text\">Official Document<\/span>\n                <\/div>\n                <div class=\"meta-item\">\n                    <span class=\"meta-icon\">\ud83d\udd04<\/span>\n                    <span class=\"meta-text\">Reviewed Biannually<\/span>\n                <\/div>\n                <div class=\"meta-item\">\n                    <span class=\"meta-icon\">\ud83d\udcc5<\/span>\n                    <span class=\"meta-text\">Last Revised: 2024<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Navigation Tabs -->\n    <div class=\"charter-nav-tabs\">\n        <div class=\"tabs-container\">\n            <button class=\"tab-btn active\" data-tab=\"overview\">\n                <span class=\"tab-icon\">\ud83c\udfdb\ufe0f<\/span>\n                <span class=\"tab-text\">Overview<\/span>\n            <\/button>\n            <button class=\"tab-btn\" data-tab=\"directorates\">\n                <span class=\"tab-icon\">\u2696\ufe0f<\/span>\n                <span class=\"tab-text\">Directorates &#038; Services<\/span>\n            <\/button>\n            <button class=\"tab-btn\" data-tab=\"commitments\">\n                <span class=\"tab-icon\">\ud83c\udfaf<\/span>\n                <span class=\"tab-text\">Service Standards<\/span>\n            <\/button>\n            <button class=\"tab-btn\" data-tab=\"contact\">\n                <span class=\"tab-icon\">\ud83d\udcde<\/span>\n                <span class=\"tab-text\">Contact &#038; Complaints<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Content Sections -->\n    <div class=\"charter-content-wrapper\">\n        <!-- Overview Tab -->\n        <section id=\"overview\" class=\"content-tab active\">\n            <div class=\"tab-content\">\n                <h2 class=\"section-title\">Introduction<\/h2>\n                <div class=\"intro-card\">\n                    <p class=\"intro-text\">The Lagos State House of Assembly is the legislative Arm of the Government saddled with the responsibilities of citizen representation and law-making. We are determined to provide quality service by adhering strictly to our slogan <strong class=\"highlight-red\">&#8220;Above the Common Standards of Excellence&#8221;<\/strong>.<\/p>\n                <\/div>\n\n                <div class=\"mission-vision-grid\">\n                    <div class=\"mv-card\">\n                        <div class=\"mv-header\">\n                            <span class=\"mv-icon\">\ud83c\udfaf<\/span>\n                            <h3>Mission<\/h3>\n                        <\/div>\n                        <p class=\"mv-text\">To be the leading light and pathfinder for Nigerian and African Legislatures<\/p>\n                    <\/div>\n                    <div class=\"mv-card\">\n                        <div class=\"mv-header\">\n                            <span class=\"mv-icon\">\ud83d\udc41\ufe0f<\/span>\n                            <h3>Vision<\/h3>\n                        <\/div>\n                        <p class=\"mv-text\">A state House of Assembly poised to make laws for good governance in Lagos State, representing the interest of our people while ensuring judicious use of the state resources for the maximum benefit of Lagosians, in pursuit of excellence.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"core-values-section-detailed\">\n                    <h2 class=\"section-title\">Core Values<\/h2>\n                    <div class=\"values-grid-detailed\">\n                        <div class=\"value-item-red\">Excellence<\/div>\n                        <div class=\"value-item-red\">Good Governance<\/div>\n                        <div class=\"value-item-red\">Probity<\/div>\n                        <div class=\"value-item-red\">Accountability<\/div>\n                        <div class=\"value-item-red\">Transparency<\/div>\n                        <div class=\"value-item-red\">Accessibility<\/div>\n                        <div class=\"value-item-red\">Responsiveness<\/div>\n                        <div class=\"value-item-red\">Fairness &#038; Justice<\/div>\n                        <div class=\"value-item-red\">Integrity<\/div>\n                        <div class=\"value-item-red\">Timeliness<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"stakeholders-section\">\n                    <h2 class=\"section-title\">Customer Stakeholders<\/h2>\n                    <div class=\"stakeholders-grid\">\n                        <div class=\"stakeholder-column\">\n                            <ul class=\"stakeholder-list\">\n                                <li>Citizens of Lagos State<\/li>\n                                <li>40 Honorable Members<\/li>\n                                <li>Government MDAs<\/li>\n                                <li>20 Local Governments<\/li>\n                            <\/ul>\n                        <\/div>\n                        <div class=\"stakeholder-column\">\n                            <ul class=\"stakeholder-list\">\n                                <li>37 Local Council Development Areas<\/li>\n                                <li>Staff Members<\/li>\n                                <li>Civil Society Organizations<\/li>\n                                <li>General Public<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Directorates Tab -->\n        <section id=\"directorates\" class=\"content-tab\">\n            <div class=\"tab-content\">\n                <h2 class=\"section-title\">Directorates &#038; Services<\/h2>\n                <p class=\"section-subtitle\">Explore our directorates and their service commitments<\/p>\n\n                <!-- Directorate Accordion -->\n                <div class=\"directorate-accordion\">\n                    <!-- Item 1 -->\n                    <div class=\"accordion-item-red active\">\n                        <div class=\"accordion-header-red\">\n                            <div class=\"accordion-title\">\n                                <span class=\"dir-icon\">\ud83d\udccb<\/span>\n                                <h3>Office of the Clerk of the House<\/h3>\n                            <\/div>\n                            <span class=\"accordion-toggle\">\u2212<\/span>\n                        <\/div>\n                        <div class=\"accordion-content-red\" style=\"display: block;\">\n                            <div class=\"commitment-box\">\n                                <strong>Commitment:<\/strong> Provide effective and efficient leadership in the overall coordination &#038; execution of legislative and administrative activities\n                            <\/div>\n                            <div class=\"services-list\">\n                                <h4>Key Services:<\/h4>\n                                <ul>\n                                    <li>Provide daily administrative leadership<\/li>\n                                    <li>Bi-annual assessment of staff performance<\/li>\n                                    <li>Review Activity Work Plan every last quarter<\/li>\n                                    <li>Preside over Management Meetings monthly<\/li>\n                                    <li>Deliver bills to Governor within 10 working days<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 2 -->\n                    <div class=\"accordion-item-red\">\n                        <div class=\"accordion-header-red\">\n                            <div class=\"accordion-title\">\n                                <span class=\"dir-icon\">\u2696\ufe0f<\/span>\n                                <h3>Legislative Drafting &#038; Legal Services<\/h3>\n                            <\/div>\n                            <span class=\"accordion-toggle\">+<\/span>\n                        <\/div>\n                        <div class=\"accordion-content-red\">\n                            <div class=\"commitment-box\">\n                                <strong>Commitment:<\/strong> Provide Legal Services for effective and efficient Service Delivery\n                            <\/div>\n                            <div class=\"services-list\">\n                                <h4>Key Services:<\/h4>\n                                <ul>\n                                    <li>Draft Private Member Bills within 21 working days<\/li>\n                                    <li>Scrutinize Executive Bills within 14 working days<\/li>\n                                    <li>Present Bills for Governor&#8217;s Assent within 24 hours<\/li>\n                                    <li>Officially seal and distribute signed Laws within 24 hours<\/li>\n                                    <li>Forward passed laws for gazette within 14 working days<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"accordion-item-red\">\n                        <div class=\"accordion-header-red\">\n                            <div class=\"accordion-title\">\n                                <span class=\"dir-icon\">\ud83d\udc65<\/span>\n                                <h3>Administrative &#038; Human Resource<\/h3>\n                            <\/div>\n                            <span class=\"accordion-toggle\">+<\/span>\n                        <\/div>\n                        <div class=\"accordion-content-red\">\n                            <div class=\"commitment-box\">\n                                <strong>Commitment:<\/strong> Provide Administrative support and manage wellbeing of all Officers\n                            <\/div>\n                            <div class=\"services-list\">\n                                <h4>Key Services:<\/h4>\n                                <ul>\n                                    <li>Document newly recruited officers within 3 working days<\/li>\n                                    <li>Plan personnel budget within 10 working days<\/li>\n                                    <li>Organize induction for new Members within 6 weeks<\/li>\n                                    <li>Process promotions within stipulated timelines<\/li>\n                                    <li>Handle staff welfare and discipline matters<\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- More items can be added following the same pattern -->\n                    <div class=\"more-directorates-note\">\n                        <p>Additional Directorates: Legislative Matters, Publications, Budget Planning, Public Affairs, Procurement, Finance, Security, Internal Audit, and more.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Commitments Tab -->\n        <section id=\"commitments\" class=\"content-tab\">\n            <div class=\"tab-content\">\n                <h2 class=\"section-title\">Service Standards &#038; Commitments<\/h2>\n                \n                <div class=\"standards-table\">\n                    <div class=\"table-header\">\n                        <div class=\"table-cell service-col\">Service<\/div>\n                        <div class=\"table-cell standard-col\">Standard \/ Timeframe<\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Bill Delivery to Governor<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">10 working days<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Staff Recruitment Processing<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">3 working days<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Draft Private Member Bills<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">21 working days<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Scrutinize Executive Bills<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">14 working days<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Training Notification<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">10 days prior<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"table-row\">\n                        <div class=\"table-cell service-col\">Payment Processing<\/div>\n                        <div class=\"table-cell standard-col\"><span class=\"timeframe-badge\">5 working days<\/span><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"service-pledge-card\">\n                    <div class=\"pledge-icon\">\ud83d\udcdc<\/div>\n                    <h3 class=\"pledge-title\">Our Service Pledge<\/h3>\n                    <blockquote class=\"pledge-quote\">\n                        &#8220;We pledge to render Excellence Service Delivery without any prejudice to culture, ethnic groups, social status while providing accurate and helpful information to members of the public.&#8221;\n                    <\/blockquote>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Contact Tab -->\n        <section id=\"contact\" class=\"content-tab\">\n            <div class=\"tab-content\">\n                <h2 class=\"section-title\">Contact &#038; Complaint Mechanism<\/h2>\n                \n                <div class=\"contact-cards-grid\">\n                    <div class=\"contact-card-red\">\n                        <div class=\"contact-card-header\">\n                            <span class=\"contact-icon\">\ud83d\udccd<\/span>\n                            <h3>Where to Find Us<\/h3>\n                        <\/div>\n                        <div class=\"contact-card-body\">\n                            <p>Room 202, 2nd Floor Administrative Wing<br>\n                            L-Shaped Office Building, Assembly Complex<br>\n                            Alausa, Ikeja, Lagos<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-card-red\">\n                        <div class=\"contact-card-header\">\n                            <span class=\"contact-icon\">\ud83c\udf10<\/span>\n                            <h3>Digital Channels<\/h3>\n                        <\/div>\n                        <div class=\"contact-card-body\">\n                            <p><strong>Website:<\/strong> <a href=\"https:\/\/www.lagoshouseofassembly.gov.ng\" target=\"_blank\">www.lagoshouseofassembly.gov.ng<\/a><\/p>\n                            <p><strong>Live Proceedings:<\/strong> <a href=\"https:\/\/www.lagoshouseofassembly.gov.ng\/live\" target=\"_blank\">www.lagoshouseofassembly.gov.ng\/live<\/a><\/p>\n                            <p><strong>Email:<\/strong> info@lagoshouseofassembly.gov.ng<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"complaint-section\">\n                    <h3 class=\"subsection-title\">Complaint Redress Process<\/h3>\n                    <div class=\"complaint-steps\">\n                        <div class=\"complaint-step\">\n                            <div class=\"step-number\">1<\/div>\n                            <div class=\"step-content\">\n                                <h4>Register Complaint<\/h4>\n                                <p>Maintain a register of complaints, commendations and comments<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"complaint-step\">\n                            <div class=\"step-number\">2<\/div>\n                            <div class=\"step-content\">\n                                <h4>Digital Channels<\/h4>\n                                <p>Functional website and email that promptly responds to messages<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"complaint-step\">\n                            <div class=\"step-number\">3<\/div>\n                            <div class=\"step-content\">\n                                <h4>Escalation<\/h4>\n                                <p>Contact Service Delivery Champions if not satisfied with initial response<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"service-champions-section\">\n                    <h3 class=\"subsection-title\">Service Delivery Champions<\/h3>\n                    <div class=\"champions-grid\">\n                        <div class=\"champion-card\">\n                            <div class=\"champion-header\">\n                                <div class=\"champion-avatar\">SG<\/div>\n                                <div class=\"champion-info\">\n                                    <h4>Mrs. Saka-Shenayon Gladys Uzezi<\/h4>\n                                    <p class=\"champion-role\">Service Delivery Director<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"champion-contact\">\n                                <p><strong>\ud83d\udce7<\/strong> www.lagoshouseofassembly.gov.ng<\/p>\n                                <p><strong>\ud83d\udcde<\/strong> 08140732546<\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"champion-card\">\n                            <div class=\"champion-header\">\n                                <div class=\"champion-avatar\">OA<\/div>\n                                <div class=\"champion-info\">\n                                    <h4>Miss Oni Adesola Olubanke<\/h4>\n                                    <p class=\"champion-role\">Service Delivery Improvement Officer<\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"champion-contact\">\n                                <p><strong>\ud83d\udce7<\/strong> www.lagoshouseofassembly.gov.ng<\/p>\n                                <p><strong>\ud83d\udcde<\/strong> 08025488011<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n\n    <!-- Special Facilities Notice -->\n    <div class=\"special-facilities-notice\">\n        <div class=\"facility-icon\">\u267f<\/div>\n        <div class=\"facility-text\">\n            <strong>Special Needs Facilities:<\/strong> Availability of ramp for people with special needs\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Red Theme Variables with Larger Fonts *\/\n:root {\n    --primary-red: #D32F2F;\n    --dark-red: #B71C1C;\n    --light-red: #FFEBEE;\n    --accent-red: #FF5252;\n    --neutral-gray: #F5F5F5;\n    --text-dark: #212121;\n    --text-light: #757575;\n    --white: #FFFFFF;\n    --border-color: #FFCDD2;\n    --font-base: 17px; \/* Increased base font size *\/\n    --line-height: 1.7; \/* Increased line height for readability *\/\n}\n\n.ls-ha-charter-detailed {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    color: var(--text-dark);\n    max-width: 1200px;\n    margin: 0 auto;\n    font-size: var(--font-base);\n    line-height: var(--line-height);\n}\n\n\/* Header Styles *\/\n.charter-header-detailed {\n    background: linear-gradient(135deg, var(--dark-red) 0%, var(--primary-red) 100%);\n    color: var(--white);\n    padding: 70px 20px; \/* Increased padding *\/\n    border-radius: 0 0 12px 12px;\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.main-title {\n    font-size: 3.2rem; \/* Increased from 2.5rem *\/\n    font-weight: 700;\n    margin-bottom: 35px; \/* Increased from 30px *\/\n    line-height: 1.3;\n    letter-spacing: -0.5px;\n}\n\n.header-meta {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    flex-wrap: wrap;\n}\n\n.meta-item {\n    display: flex;\n    align-items: center;\n    gap: 12px; \/* Increased gap *\/\n    background: rgba(255, 255, 255, 0.15);\n    padding: 12px 25px; \/* Increased padding *\/\n    border-radius: 50px;\n    backdrop-filter: blur(5px);\n}\n\n.meta-icon {\n    font-size: 1.4rem; \/* Increased from 1.2rem *\/\n}\n\n.meta-text {\n    font-size: 1.1rem; \/* Increased from 0.95rem *\/\n    font-weight: 500;\n}\n\n\/* Navigation Tabs *\/\n.charter-nav-tabs {\n    background: var(--white);\n    padding: 25px; \/* Increased padding *\/\n    border-radius: 12px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n    margin-bottom: 40px;\n    position: sticky;\n    top: 20px;\n    z-index: 100;\n}\n\n.tabs-container {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 10px;\n}\n\n.tab-btn {\n    background: var(--neutral-gray);\n    border: 2px solid transparent;\n    border-radius: 8px;\n    padding: 20px 15px; \/* Increased padding *\/\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    color: var(--text-light);\n    font-weight: 600;\n    font-size: 1rem; \/* Base font size *\/\n}\n\n.tab-btn:hover {\n    background: var(--light-red);\n    color: var(--dark-red);\n}\n\n.tab-btn.active {\n    background: var(--primary-red);\n    color: var(--white);\n    border-color: var(--dark-red);\n    box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3);\n    font-size: 1.05rem; \/* Slightly larger when active *\/\n}\n\n.tab-icon {\n    font-size: 2.2rem; \/* Increased from 1.8rem *\/\n    margin-bottom: 10px; \/* Increased from 8px *\/\n}\n\n.tab-text {\n    font-size: 1.05rem; \/* Increased from 0.9rem *\/\n    text-align: center;\n    line-height: 1.3;\n}\n\n\/* Content Tabs *\/\n.content-tab {\n    display: none;\n    animation: fadeIn 0.5s ease;\n}\n\n.content-tab.active {\n    display: block;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.tab-content {\n    background: var(--white);\n    padding: 45px; \/* Increased from 40px *\/\n    border-radius: 12px;\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\n    margin-bottom: 30px;\n}\n\n.section-title {\n    color: var(--dark-red);\n    font-size: 2.2rem; \/* Increased from 1.8rem *\/\n    margin-bottom: 30px; \/* Increased from 25px *\/\n    padding-bottom: 20px; \/* Increased from 15px *\/\n    border-bottom: 3px solid var(--light-red); \/* Thicker border *\/\n    line-height: 1.3;\n}\n\n.section-subtitle {\n    color: var(--text-light);\n    margin-bottom: 35px; \/* Increased from 30px *\/\n    font-size: 1.3rem; \/* Increased from 1.1rem *\/\n    line-height: 1.5;\n}\n\n\/* Overview Tab Styles *\/\n.intro-card {\n    background: var(--light-red);\n    padding: 30px; \/* Increased from 25px *\/\n    border-radius: 8px;\n    border-left: 5px solid var(--primary-red); \/* Thicker border *\/\n    margin-bottom: 45px; \/* Increased from 40px *\/\n}\n\n.intro-text {\n    font-size: 1.2rem; \/* Increased body text *\/\n    line-height: 1.8; \/* Increased line height *\/\n    margin: 0;\n}\n\n.highlight-red {\n    color: var(--dark-red);\n    font-weight: 700; \/* Bolder *\/\n    font-size: 1.3rem; \/* Slightly larger *\/\n}\n\n.mission-vision-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 35px; \/* Increased from 30px *\/\n    margin-bottom: 45px; \/* Increased from 40px *\/\n}\n\n.mv-card {\n    background: var(--white);\n    padding: 35px; \/* Increased from 30px *\/\n    border-radius: 8px;\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n}\n\n.mv-header {\n    display: flex;\n    align-items: center;\n    gap: 20px; \/* Increased from 15px *\/\n    margin-bottom: 25px; \/* Increased from 20px *\/\n}\n\n.mv-icon {\n    font-size: 3rem; \/* Increased from 2.5rem *\/\n}\n\n.mv-card h3 {\n    color: var(--primary-red);\n    font-size: 1.6rem; \/* Increased from 1.4rem *\/\n    margin: 0;\n    line-height: 1.3;\n}\n\n.mv-text {\n    font-size: 1.2rem; \/* Increased body text *\/\n    line-height: 1.7;\n    margin: 0;\n}\n\n.values-grid-detailed {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n    gap: 20px; \/* Increased from 15px *\/\n    margin: 35px 0; \/* Increased from 30px *\/\n}\n\n.value-item-red {\n    background: var(--light-red);\n    color: var(--dark-red);\n    padding: 18px 15px; \/* Increased padding *\/\n    border-radius: 6px;\n    text-align: center;\n    font-weight: 600;\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    transition: all 0.3s ease;\n    font-size: 1.1rem; \/* Increased font size *\/\n    line-height: 1.4;\n}\n\n.value-item-red:hover {\n    background: var(--primary-red);\n    color: var(--white);\n    transform: translateY(-3px);\n}\n\n.stakeholders-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 35px; \/* Increased from 30px *\/\n    margin-top: 25px; \/* Increased from 20px *\/\n}\n\n.stakeholder-list {\n    list-style: none;\n    padding: 0;\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.stakeholder-list li {\n    padding: 15px 0; \/* Increased from 12px *\/\n    border-bottom: 2px solid var(--border-color); \/* Thicker border *\/\n    display: flex;\n    align-items: center;\n    line-height: 1.5;\n}\n\n.stakeholder-list li:before {\n    content: \"\u2713\";\n    color: var(--primary-red);\n    font-weight: bold;\n    margin-right: 15px; \/* Increased from 10px *\/\n    font-size: 1.3rem; \/* Increased size *\/\n}\n\n\/* Directorates Tab Styles *\/\n.directorate-accordion {\n    margin-top: 35px; \/* Increased from 30px *\/\n}\n\n.accordion-item-red {\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    border-radius: 8px;\n    margin-bottom: 20px; \/* Increased from 15px *\/\n    overflow: hidden;\n}\n\n.accordion-header-red {\n    background: var(--light-red);\n    padding: 30px; \/* Increased from 25px *\/\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.accordion-item-red.active .accordion-header-red {\n    background: var(--primary-red);\n    color: var(--white);\n}\n\n.accordion-title {\n    display: flex;\n    align-items: center;\n    gap: 20px; \/* Increased from 15px *\/\n}\n\n.dir-icon {\n    font-size: 1.8rem; \/* Increased from 1.5rem *\/\n}\n\n.accordion-header-red h3 {\n    margin: 0;\n    font-size: 1.4rem; \/* Increased from 1.2rem *\/\n    line-height: 1.3;\n}\n\n.accordion-toggle {\n    font-size: 1.8rem; \/* Increased from 1.5rem *\/\n    font-weight: bold;\n}\n\n.accordion-content-red {\n    padding: 0;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n}\n\n.accordion-item-red.active .accordion-content-red {\n    padding: 35px; \/* Increased from 30px *\/\n    max-height: 1000px;\n}\n\n.commitment-box {\n    background: #FFF3F3;\n    padding: 25px; \/* Increased from 20px *\/\n    border-radius: 6px;\n    margin-bottom: 25px; \/* Increased from 20px *\/\n    border-left: 5px solid var(--accent-red); \/* Thicker border *\/\n    font-size: 1.1rem; \/* Increased font size *\/\n    line-height: 1.6;\n}\n\n.services-list h4 {\n    color: var(--dark-red);\n    margin-bottom: 20px; \/* Increased from 15px *\/\n    font-size: 1.3rem; \/* Increased font size *\/\n}\n\n.services-list ul {\n    list-style: none;\n    padding: 0;\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.services-list li {\n    padding: 12px 0; \/* Increased from 10px *\/\n    padding-left: 30px; \/* Increased from 25px *\/\n    position: relative;\n    line-height: 1.6;\n}\n\n.services-list li:before {\n    content: \"\u2022\";\n    color: var(--primary-red);\n    font-size: 1.8rem; \/* Increased from 1.5rem *\/\n    position: absolute;\n    left: 0;\n    top: 5px;\n}\n\n.more-directorates-note {\n    background: var(--neutral-gray);\n    padding: 25px; \/* Increased from 20px *\/\n    border-radius: 8px;\n    text-align: center;\n    color: var(--text-light);\n    margin-top: 35px; \/* Increased from 30px *\/\n    font-style: italic;\n    font-size: 1.1rem; \/* Increased font size *\/\n    line-height: 1.6;\n}\n\n\/* Commitments Tab Styles *\/\n.standards-table {\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    border-radius: 8px;\n    overflow: hidden;\n    margin: 35px 0; \/* Increased from 30px *\/\n}\n\n.table-header {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    background: var(--primary-red);\n    color: var(--white);\n    font-weight: 600;\n    font-size: 1.2rem; \/* Increased font size *\/\n}\n\n.table-row {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    border-bottom: 2px solid var(--border-color); \/* Thicker border *\/\n    transition: background 0.3s ease;\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.table-row:hover {\n    background: var(--light-red);\n}\n\n.table-cell {\n    padding: 25px 20px; \/* Increased padding *\/\n    display: flex;\n    align-items: center;\n    line-height: 1.5;\n}\n\n.service-col {\n    font-weight: 500;\n}\n\n.standard-col {\n    justify-content: flex-end;\n}\n\n.timeframe-badge {\n    background: var(--light-red);\n    color: var(--dark-red);\n    padding: 10px 20px; \/* Increased padding *\/\n    border-radius: 20px;\n    font-weight: 600;\n    font-size: 1.1rem; \/* Increased from 0.9rem *\/\n    line-height: 1.3;\n}\n\n.service-pledge-card {\n    background: var(--light-red);\n    padding: 45px; \/* Increased from 40px *\/\n    border-radius: 12px;\n    text-align: center;\n    margin-top: 45px; \/* Increased from 40px *\/\n    border: 3px dashed var(--primary-red); \/* Thicker border *\/\n}\n\n.pledge-icon {\n    font-size: 3.5rem; \/* Increased from 3rem *\/\n    margin-bottom: 25px; \/* Increased from 20px *\/\n}\n\n.pledge-title {\n    color: var(--dark-red);\n    font-size: 1.6rem; \/* Increased font size *\/\n    margin-bottom: 25px; \/* Increased from 20px *\/\n    line-height: 1.3;\n}\n\n.pledge-quote {\n    font-size: 1.4rem; \/* Increased from 1.2rem *\/\n    font-style: italic;\n    color: var(--text-dark);\n    line-height: 1.8; \/* Increased from 1.6 *\/\n    margin: 25px 0; \/* Increased from 20px *\/\n    padding: 25px; \/* Increased from 20px *\/\n    background: var(--white);\n    border-radius: 8px;\n    border-left: 5px solid var(--primary-red); \/* Thicker border *\/\n}\n\n\/* Contact Tab Styles *\/\n.contact-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 35px; \/* Increased from 30px *\/\n    margin: 35px 0; \/* Increased from 30px *\/\n}\n\n.contact-card-red {\n    background: var(--white);\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n}\n\n.contact-card-header {\n    background: var(--light-red);\n    padding: 30px; \/* Increased from 25px *\/\n    display: flex;\n    align-items: center;\n    gap: 20px; \/* Increased from 15px *\/\n    border-bottom: 2px solid var(--border-color); \/* Thicker border *\/\n}\n\n.contact-icon {\n    font-size: 2.5rem; \/* Increased from 2rem *\/\n}\n\n.contact-card-header h3 {\n    color: var(--dark-red);\n    margin: 0;\n    font-size: 1.4rem; \/* Increased font size *\/\n    line-height: 1.3;\n}\n\n.contact-card-body {\n    padding: 30px; \/* Increased from 25px *\/\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.contact-card-body a {\n    color: var(--primary-red);\n    text-decoration: none;\n    transition: color 0.3s ease;\n    font-weight: 500;\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.contact-card-body a:hover {\n    color: var(--dark-red);\n    text-decoration: underline;\n}\n\n.complaint-section {\n    margin: 55px 0; \/* Increased from 50px *\/\n}\n\n.subsection-title {\n    color: var(--dark-red);\n    font-size: 1.5rem; \/* Increased from 1.4rem *\/\n    margin-bottom: 35px; \/* Increased from 30px *\/\n    line-height: 1.3;\n}\n\n.complaint-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 30px; \/* Increased from 25px *\/\n}\n\n.complaint-step {\n    display: flex;\n    gap: 25px; \/* Increased from 20px *\/\n    background: var(--white);\n    padding: 30px; \/* Increased from 25px *\/\n    border-radius: 8px;\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n}\n\n.step-number {\n    background: var(--primary-red);\n    color: var(--white);\n    width: 45px; \/* Increased from 40px *\/\n    height: 45px; \/* Increased from 40px *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    font-size: 1.3rem; \/* Increased from 1.2rem *\/\n    flex-shrink: 0;\n}\n\n.step-content h4 {\n    color: var(--dark-red);\n    margin-bottom: 15px; \/* Increased from 10px *\/\n    font-size: 1.2rem; \/* Increased font size *\/\n}\n\n.step-content p {\n    font-size: 1.1rem; \/* Increased font size *\/\n    line-height: 1.6;\n}\n\n.champions-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 35px; \/* Increased from 30px *\/\n    margin-top: 35px; \/* Increased from 30px *\/\n}\n\n.champion-card {\n    background: var(--white);\n    border: 2px solid var(--border-color); \/* Thicker border *\/\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n}\n\n.champion-header {\n    display: flex;\n    align-items: center;\n    gap: 25px; \/* Increased from 20px *\/\n    padding: 30px; \/* Increased from 25px *\/\n    background: var(--light-red);\n}\n\n.champion-avatar {\n    width: 65px; \/* Increased from 60px *\/\n    height: 65px; \/* Increased from 60px *\/\n    background: var(--primary-red);\n    color: var(--white);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: bold;\n    font-size: 1.6rem; \/* Increased from 1.5rem *\/\n}\n\n.champion-info h4 {\n    color: var(--dark-red);\n    margin: 0 0 8px 0; \/* Increased bottom margin *\/\n    font-size: 1.2rem; \/* Increased font size *\/\n    line-height: 1.3;\n}\n\n.champion-role {\n    color: var(--text-light);\n    font-size: 1rem; \/* Increased from 0.9rem *\/\n    line-height: 1.4;\n}\n\n.champion-contact {\n    padding: 30px; \/* Increased from 25px *\/\n    font-size: 1.1rem; \/* Increased font size *\/\n}\n\n.champion-contact p {\n    margin-bottom: 12px; \/* Increased margin *\/\n    line-height: 1.5;\n}\n\n\/* Special Facilities Notice *\/\n.special-facilities-notice {\n    background: #E8F5E9;\n    border: 2px solid #C8E6C9; \/* Thicker border *\/\n    border-radius: 8px;\n    padding: 30px; \/* Increased from 25px *\/\n    margin-top: 55px; \/* Increased from 50px *\/\n    display: flex;\n    align-items: center;\n    gap: 25px; \/* Increased from 20px *\/\n}\n\n.facility-icon {\n    font-size: 2.8rem; \/* Increased from 2.5rem *\/\n}\n\n.facility-text {\n    font-size: 1.3rem; \/* Increased from 1.1rem *\/\n    color: #2E7D32;\n    line-height: 1.5;\n}\n\n\/* Responsive Design with Larger Fonts *\/\n@media (max-width: 992px) {\n    .tabs-container {\n        grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .main-title {\n        font-size: 2.8rem;\n    }\n    \n    .section-title {\n        font-size: 2rem;\n    }\n    \n    .mission-vision-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .values-grid-detailed {\n        grid-template-columns: repeat(3, 1fr);\n    }\n    \n    .tab-btn {\n        padding: 18px 15px;\n    }\n    \n    .tab-icon {\n        font-size: 2rem;\n    }\n    \n    .tab-text {\n        font-size: 1rem;\n    }\n}\n\n@media (max-width: 768px) {\n    .main-title {\n        font-size: 2.4rem;\n    }\n    \n    .header-meta {\n        flex-direction: column;\n        gap: 20px;\n        align-items: center;\n    }\n    \n    .meta-item {\n        padding: 10px 20px;\n    }\n    \n    .tabs-container {\n        grid-template-columns: 1fr;\n    }\n    \n    .tab-content {\n        padding: 30px;\n    }\n    \n    .section-title {\n        font-size: 1.8rem;\n    }\n    \n    .contact-cards-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .standards-table {\n        display: block;\n    }\n    \n    .table-header, .table-row {\n        grid-template-columns: 1fr;\n    }\n    \n    .table-cell {\n        padding: 18px;\n    }\n    \n    .standard-col {\n        justify-content: flex-start;\n    }\n    \n    .accordion-header-red h3 {\n        font-size: 1.2rem;\n    }\n    \n    .accordion-header-red {\n        padding: 25px;\n    }\n    \n    .accordion-item-red.active .accordion-content-red {\n        padding: 25px;\n    }\n}\n\n@media (max-width: 576px) {\n    .charter-header-detailed {\n        padding: 50px 20px;\n    }\n    \n    .main-title {\n        font-size: 2rem;\n        line-height: 1.3;\n    }\n    \n    .section-title {\n        font-size: 1.6rem;\n    }\n    \n    .section-subtitle {\n        font-size: 1.1rem;\n    }\n    \n    .values-grid-detailed {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n    \n    .value-item-red {\n        padding: 15px 10px;\n        font-size: 1rem;\n    }\n    \n    .stakeholders-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .champions-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .special-facilities-notice {\n        flex-direction: column;\n        text-align: center;\n        gap: 20px;\n        padding: 25px;\n    }\n    \n    .facility-text {\n        font-size: 1.1rem;\n    }\n    \n    .pledge-quote {\n        font-size: 1.2rem;\n        padding: 20px;\n    }\n}\n\n\/* Accessibility improvements *\/\n@media (prefers-reduced-motion: reduce) {\n    .value-item-red,\n    .accordion-header-red,\n    .table-row,\n    .champion-card {\n        transition: none;\n    }\n}\n\n\/* High contrast mode support *\/\n@media (prefers-contrast: high) {\n    .charter-header-detailed {\n        background: #000000;\n    }\n    \n    .primary-red {\n        color: #000000;\n    }\n    \n    .value-item-red,\n    .accordion-header-red,\n    .tab-btn.active {\n        border: 2px solid #000000;\n    }\n}\n\n\/* Print styles for better legibility when printing *\/\n@media print {\n    .ls-ha-charter-detailed {\n        font-size: 16pt;\n        line-height: 1.8;\n    }\n    \n    .main-title {\n        font-size: 28pt;\n    }\n    \n    .section-title {\n        font-size: 20pt;\n    }\n    \n    .charter-nav-tabs {\n        display: none;\n    }\n    \n    .content-tab {\n        display: block !important;\n        page-break-before: always;\n    }\n    \n    .content-tab:first-of-type {\n        page-break-before: auto;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Tab Navigation\n    const tabButtons = document.querySelectorAll('.tab-btn');\n    const contentTabs = document.querySelectorAll('.content-tab');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            const tabId = button.getAttribute('data-tab');\n            \n            \/\/ Remove active class from all buttons and tabs\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            contentTabs.forEach(tab => tab.classList.remove('active'));\n            \n            \/\/ Add active class to clicked button and corresponding tab\n            button.classList.add('active');\n            document.getElementById(tabId).classList.add('active');\n            \n            \/\/ Scroll to top of content for mobile users\n            if (window.innerWidth < 768) {\n                document.querySelector('.charter-content-wrapper').scrollIntoView({\n                    behavior: 'smooth',\n                    block: 'start'\n                });\n            }\n        });\n    });\n    \n    \/\/ Accordion Functionality\n    const accordionHeaders = document.querySelectorAll('.accordion-header-red');\n    \n    accordionHeaders.forEach(header => {\n        header.addEventListener('click', () => {\n            const item = header.parentElement;\n            const content = header.nextElementSibling;\n            const toggle = header.querySelector('.accordion-toggle');\n            \n            \/\/ Check if the clicked item is already active\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all accordion items\n            document.querySelectorAll('.accordion-item-red').forEach(accItem => {\n                accItem.classList.remove('active');\n                accItem.querySelector('.accordion-content-red').style.display = 'none';\n                accItem.querySelector('.accordion-toggle').textContent = '+';\n            });\n            \n            \/\/ If it wasn't active, open it\n            if (!isActive) {\n                item.classList.add('active');\n                content.style.display = 'block';\n                toggle.textContent = '\u2212';\n            }\n        });\n    });\n    \n    \/\/ Smooth scrolling for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href');\n            if (targetId === '#') return;\n            \n            const targetElement = document.querySelector(targetId);\n            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 100,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n    \n    \/\/ Set first accordion item open by default\n    const firstAccordion = document.querySelector('.accordion-item-red');\n    if (firstAccordion) {\n        firstAccordion.classList.add('active');\n        firstAccordion.querySelector('.accordion-content-red').style.display = 'block';\n        firstAccordion.querySelector('.accordion-toggle').textContent = '\u2212';\n    }\n    \n    \/\/ Make tab navigation keyboard accessible\n    tabButtons.forEach(button => {\n        button.addEventListener('keydown', (e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                button.click();\n            }\n        });\n    });\n    \n    \/\/ Make accordion headers keyboard accessible\n    accordionHeaders.forEach(header => {\n        header.setAttribute('tabindex', '0');\n        header.addEventListener('keydown', (e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault();\n                header.click();\n            }\n        });\n    });\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Lagos State House of Assembly Service Charter \ud83d\udcc4 Official Document \ud83d\udd04 Reviewed Biannually \ud83d\udcc5 Last Revised: 2024 \ud83c\udfdb\ufe0f Overview \u2696\ufe0f Directorates &#038; Services \ud83c\udfaf Service Standards \ud83d\udcde Contact &#038; Complaints Introduction The Lagos State House of Assembly is the legislative Arm of the Government saddled with the responsibilities of citizen representation and law-making. We are&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/pages\/11671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/comments?post=11671"}],"version-history":[{"count":4,"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/pages\/11671\/revisions"}],"predecessor-version":[{"id":11779,"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/pages\/11671\/revisions\/11779"}],"wp:attachment":[{"href":"https:\/\/lagoshouseofassembly.gov.ng\/home\/wp-json\/wp\/v2\/media?parent=11671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}