{"id":2,"date":"2026-07-10T17:32:44","date_gmt":"2026-07-10T17:32:44","guid":{"rendered":"https:\/\/sdhosomaliland.org\/?page_id=2"},"modified":"2026-07-17T21:12:59","modified_gmt":"2026-07-17T21:12:59","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sdhosomaliland.org\/","title":{"rendered":"Home"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"281\" data-id=\"265\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411-1-1024x281.jpg\" alt=\"\" class=\"wp-image-265\" srcset=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411-1-1024x281.jpg 1024w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411-1-300x82.jpg 300w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411-1-768x211.jpg 768w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411-1.jpg 1181w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Training <\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"693\" data-id=\"172\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000149736-4.jpg\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000149736-4.jpg 790w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000149736-4-300x263.jpg 300w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000149736-4-768x674.jpg 768w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><figcaption class=\"wp-element-caption\">Chairman<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"750\" data-id=\"57\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000148073-1.jpg\" alt=\"\" class=\"wp-image-57\" srcset=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000148073-1.jpg 1000w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000148073-1-300x225.jpg 300w, https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000148073-1-768x576.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Message from the Chairman <\/strong><\/h2>\n\n\n\n<style>\n  :root {\n    --primary: #124E3F;      \/* Deep Forest Green *\/\n    --accent: #D4AF37;       \/* Gold *\/\n    --dark: #1A2521;         \/* Dark Charcoal *\/\n    --white: #ffffff;\n    --gray: #64748B;\n    --light-bg: #FDFBF7;     \/* Soft Off-White *\/\n    --card-shadow: 0 10px 30px rgba(18, 78, 63, 0.06);\n    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .chairperson-message {\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n    line-height: 1.8;\n    color: var(--dark);\n    max-width: 850px;\n    margin: 60px auto;\n    padding: 40px;\n    background: var(--white);\n    border-radius: 20px;\n    border-top: 6px solid var(--primary);\n    box-shadow: var(--card-shadow);\n    position: relative;\n  }\n\n  .chairperson-header {\n    display: flex;\n    align-items: center;\n    gap: 25px;\n    margin-bottom: 25px;\n    border-bottom: 1px dashed rgba(18, 78, 63, 0.15);\n    padding-bottom: 25px;\n  }\n\n  .chairperson-portrait-wrapper {\n    width: 120px;\n    height: 120px;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 3px solid var(--accent);\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n    flex-shrink: 0;\n  }\n\n  .chairperson-portrait-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .chairperson-title h2 { \n    margin: 0; \n    color: var(--primary); \n    font-size: 1.8rem;\n    font-weight: 800;\n  }\n  \n  .chairperson-title p { \n    margin: 5px 0 0 0; \n    color: var(--gray);\n    font-weight: 600;\n    font-size: 0.95rem;\n  }\n\n  .message-content {\n    font-size: 1.05rem;\n    color: #4A5568;\n    text-align: justify;\n  }\n\n  .message-content .welcome-lead {\n    font-size: 1.2rem;\n    color: var(--primary);\n    font-weight: 700;\n    margin-bottom: 15px;\n  }\n\n  \/* Hidden Text Wrapper & Fade Effect *\/\n  .extended-text {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.5s ease-out;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.4s ease, max-height 0.5s ease-out;\n  }\n\n  .extended-text.show {\n    max-height: 1500px; \/* High enough to fit full text *\/\n    opacity: 1;\n    visibility: visible;\n    margin-top: 15px;\n  }\n\n  \/* Read More Button *\/\n  .read-more-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 20px;\n    padding: 10px 24px;\n    background-color: var(--primary);\n    color: var(--white);\n    border: 2px solid transparent;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 0.9rem;\n    cursor: pointer;\n    transition: var(--transition);\n  }\n\n  .read-more-btn:hover {\n    background-color: transparent;\n    border-color: var(--primary);\n    color: var(--primary);\n    transform: translateY(-2px);\n  }\n\n  .read-more-btn i {\n    font-size: 0.8rem;\n    transition: transform 0.3s ease;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 600px) {\n    .chairperson-header {\n      flex-direction: column;\n      text-align: center;\n    }\n    .chairperson-message {\n      padding: 25px;\n      margin: 30px 15px;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"chairperson-message\">\n  <div class=\"chairperson-header\">\n    <div class=\"chairperson-portrait-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/1000149736-4.jpg\" alt=\"Dahir Jama Deria\" \/>\n    <\/div>\n    <div class=\"chairperson-title\">\n      <h2>Dahir Jama Deria<\/h2>\n      <p>Chairperson, Somaliland Disability and Handicap Organization (SDHO)<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"message-content\">\n    <p class=\"welcome-lead\">Building an Inclusive Somaliland Together<\/p>\n    <p><strong>Welcome to the Somaliland Disability and Handicap Organization (SDHO).<\/strong><\/p>\n    <p>It is my privilege to welcome you to SDHO, an organization committed to promoting the rights, dignity, equality, and inclusion of persons with disabilities across Somaliland. Our work is built on the belief that every individual has unique abilities, valuable contributions, and the right to live a life of dignity with equal access to opportunities and services.<\/p>\n    \n    <div class=\"extended-text\" id=\"moreMessageText\">\n      <p>At SDHO, we strive to create a society where persons with disabilities are recognized as equal partners in development. Through advocacy, inclusive healthcare, education, climate resilience, livelihoods support, humanitarian assistance, and community-based programmes, we work to reduce barriers and strengthen opportunities for persons with disabilities and their families.<\/p>\n      \n      <p>We recognize that disability inclusion requires collective action. SDHO therefore works closely with government institutions, Organizations of Persons with Disabilities (OPDs), United Nations agencies, development partners, civil society organizations, communities, and private sector stakeholders to promote inclusive policies, strengthen services, and ensure that the voices of persons with disabilities are heard in decision-making processes.<\/p>\n      \n      <p>Although significant progress has been achieved, many persons with disabilities continue to face challenges related to accessibility, healthcare, education, employment, social protection, and participation in public life. These challenges require commitment, collaboration, innovation, and sustainable partnerships.<\/p>\n      \n      <p>As Chairperson of SDHO, I reaffirm our dedication to advancing disability rights and creating lasting solutions that empower persons with disabilities to participate fully in Somaliland\u2019s social and economic development.<\/p>\n      \n      <p>We warmly invite all partners, including governments, UN agencies, donors, NGOs, private sector organizations, academic institutions, and community leaders, to join us in building a more inclusive future. Together, we can transform challenges into opportunities and ensure that no person is left behind.<\/p>\n      \n      <p>Thank you for your continued support, partnership, and commitment to disability inclusion.<\/p>\n      \n      <p style=\"margin-top:25px; padding-top:15px; border-top:1px solid #E2E8F0;\">\n        <strong>Dahir Jama Deria<\/strong><br>\n        <span style=\"font-size:0.9rem; color:var(--gray);\">Chairperson, SDHO<\/span>\n      <\/p>\n    <\/div>\n\n    <button class=\"read-more-btn\" id=\"toggleMessageBtn\" onclick=\"toggleMessage()\">\n      <span>Read More<\/span> <i class=\"fa-solid fa-chevron-down\"><\/i>\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n  function toggleMessage() {\n    const extendedText = document.getElementById('moreMessageText');\n    const btn = document.getElementById('toggleMessageBtn');\n    const btnText = btn.querySelector('span');\n    const btnIcon = btn.querySelector('i');\n\n    if (extendedText.classList.contains('show')) {\n      extendedText.classList.remove('show');\n      btnText.innerText = 'Read More';\n      btnIcon.className = 'fa-solid fa-chevron-down';\n    } else {\n      extendedText.classList.add('show');\n      btnText.innerText = 'Read Less';\n      btnIcon.className = 'fa-solid fa-chevron-up';\n    }\n  }\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<style data-wp-block-html=\"css\">\n<style>\n        :root {\n            --primary: #124E3F;      \/* Deep Forest Green *\/\n            --accent: #D4AF37;       \/* Elegant Gold *\/\n            --dark: #1A2521;         \/* Off Black *\/\n            --light: #FFFFFF;\n            --bg-cream: #FDFBF7;     \/* Pale Clean Cream *\/\n            --text-gray: #4A5568;    \/* Readable Slate Gray *\/\n            --card-shadow: 0 10px 30px rgba(18, 78, 63, 0.06);\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Inter', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-cream);\n            color: var(--dark);\n            line-height: 1.6;\n            padding: 40px 20px;\n        }\n\n        .achievements-section {\n            max-width: 1200px;\n            margin: 0 auto;\n            background: var(--light);\n            border-radius: 24px;\n            box-shadow: var(--card-shadow);\n            padding: 50px 40px;\n            border-top: 6px solid var(--primary);\n            overflow: hidden;\n        }\n\n        \/* Header Layout *\/\n        .section-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 50px;\n            border-bottom: 2px solid #F0ECE3;\n            padding-bottom: 30px;\n        }\n\n        .header-title-area {\n            flex: 1;\n            min-width: 300px;\n        }\n\n        .badge-year {\n            background: var(--primary);\n            color: var(--accent);\n            padding: 6px 16px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 0.9rem;\n            display: inline-block;\n            letter-spacing: 1px;\n            margin-bottom: 12px;\n        }\n\n        .section-header h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--primary);\n            text-transform: uppercase;\n            line-height: 1.2;\n        }\n\n        .section-header p {\n            font-size: 1.1rem;\n            color: var(--text-gray);\n            margin-top: 8px;\n            font-weight: 500;\n        }\n\n        .badge-impact {\n            background: #FFF9E6;\n            border: 1px dashed var(--accent);\n            padding: 15px 25px;\n            border-radius: 12px;\n            text-align: center;\n        }\n\n        .badge-impact span {\n            display: block;\n            font-size: 0.8rem;\n            font-weight: 700;\n            color: var(--primary);\n            text-transform: uppercase;\n        }\n\n        .badge-impact h3 {\n            color: #C0392B;\n            font-size: 1.4rem;\n            font-weight: 800;\n        }\n\n        \/* 1. STATISTICS COUNTER GRID *\/\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n            gap: 20px;\n            margin-bottom: 60px;\n        }\n\n        .stat-card {\n            background: var(--bg-cream);\n            border-radius: 16px;\n            padding: 25px 20px;\n            text-align: center;\n            border: 1px solid #EAE5D9;\n            transition: var(--transition);\n        }\n\n        .stat-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent);\n            background: var(--light);\n            box-shadow: var(--card-shadow);\n        }\n\n        .stat-icon-wrapper {\n            width: 55px;\n            height: 55px;\n            background: var(--primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 15px;\n            color: var(--accent);\n            font-size: 1.4rem;\n        }\n\n        .stat-number {\n            font-size: 1.8rem;\n            font-weight: 800;\n            color: var(--primary);\n            margin-bottom: 5px;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--text-gray);\n            line-height: 1.4;\n        }\n\n        \/* 2. INTERACTIVE TABS & ORGANIZER *\/\n        .tabs-container {\n            margin-top: 40px;\n        }\n\n        .tabs-nav {\n            display: flex;\n            gap: 10px;\n            overflow-x: auto;\n            padding-bottom: 15px;\n            margin-bottom: 35px;\n            border-bottom: 1px solid #E2E8F0;\n            scrollbar-width: thin;\n        }\n\n        .tab-btn {\n            background: #F7F9F8;\n            border: 1px solid #E2E8F0;\n            padding: 12px 24px;\n            border-radius: 50px;\n            font-weight: 600;\n            color: var(--text-gray);\n            cursor: pointer;\n            white-space: nowrap;\n            transition: var(--transition);\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .tab-btn i {\n            font-size: 1rem;\n        }\n\n        .tab-btn:hover {\n            background: #EAEFEF;\n            color: var(--primary);\n        }\n\n        .tab-btn.active {\n            background: var(--primary);\n            color: var(--light);\n            border-color: var(--primary);\n        }\n\n        .tab-btn.active i {\n            color: var(--accent);\n        }\n\n        \/* TAB CONTENT PANELS *\/\n        .tab-panel {\n            display: none;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 40px;\n            align-items: center;\n            animation: fadeIn 0.5s ease;\n        }\n\n        .tab-panel.active {\n            display: grid;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .panel-info h2 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 20px;\n            position: relative;\n            padding-bottom: 10px;\n        }\n\n        .panel-info h2::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: 0;\n            width: 50px;\n            height: 3px;\n            background: var(--accent);\n            border-radius: 2px;\n        }\n\n        .panel-description {\n            color: var(--text-gray);\n            font-size: 1.05rem;\n            margin-bottom: 25px;\n            line-height: 1.7;\n        }\n\n        .panel-highlights {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n            margin-bottom: 30px;\n        }\n\n        .highlight-tag {\n            background: #EBF8F2;\n            color: var(--primary);\n            padding: 10px 18px;\n            border-radius: 8px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            border-left: 3px solid var(--accent);\n        }\n\n        \/* Dynamic Showcase Grid & Lightbox Photos *\/\n        .panel-showcase {\n            position: relative;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.1);\n            height: 380px;\n        }\n\n        .panel-showcase img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n\n        .panel-showcase:hover img {\n            transform: scale(1.05);\n        }\n\n        .photo-caption {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: linear-gradient(transparent, rgba(18, 78, 63, 0.95));\n            padding: 25px;\n            color: var(--light);\n        }\n\n        .photo-caption h4 {\n            font-size: 1.2rem;\n            color: var(--accent);\n            margin-bottom: 5px;\n        }\n\n        .photo-caption p {\n            font-size: 0.85rem;\n            opacity: 0.9;\n        }\n\n        \/* Key features footer *\/\n        .achievements-footer {\n            margin-top: 50px;\n            border-top: 1px solid #E2E8F0;\n            padding-top: 30px;\n            display: flex;\n            justify-content: space-around;\n            flex-wrap: wrap;\n            gap: 20px;\n            text-align: center;\n        }\n\n        .footer-item {\n            font-size: 0.9rem;\n            font-weight: 700;\n            color: var(--primary);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .footer-item i {\n            color: var(--accent);\n            font-size: 1.1rem;\n        }\n\n        \/* RESPONSIVENESS *\/\n        @media (max-width: 968px) {\n            .tab-panel {\n                grid-template-columns: 1fr;\n            }\n            .panel-showcase {\n                height: 300px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            body {\n                padding: 15px 10px;\n            }\n            .achievements-section {\n                padding: 30px 20px;\n                border-radius: 16px;\n            }\n            .section-header h1 {\n                font-size: 1.8rem;\n            }\n            .stats-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n<\/style>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>SDHO - Portal rasmiga ah<\/title>\n    <!-- Fonts & FontAwesome Icons -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        :root {\n            --primary: #124E3F;      \/* Deep Forest Green *\/\n            --accent: #D4AF37;       \/* Gold *\/\n            --dark: #1A2521;         \/* Dark Gray\/Black *\/\n            --light: #FDFBF7;        \/* Off-White Cream *\/\n            --white: #ffffff;\n            --gray: #64748B;\n            --card-shadow: 0 10px 30px rgba(18, 78, 63, 0.05);\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        body {\n            color: var(--dark);\n            background-color: var(--light);\n            line-height: 1.7;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        .section-padding {\n            padding: 100px 0;\n        }\n\n        \/* Global Section Title *\/\n        .section-title-wrapper {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-title {\n            font-size: 2.5rem;\n            color: var(--primary);\n            font-weight: 800;\n            text-transform: uppercase;\n            position: relative;\n            display: inline-block;\n            padding-bottom: 15px;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            left: 50%;\n            bottom: 0;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 4px;\n            background-color: var(--accent);\n            border-radius: 2px;\n        }\n\n        .section-subtitle {\n            color: var(--gray);\n            font-size: 1.1rem;\n            margin-top: 10px;\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 12px 28px;\n            background-color: var(--primary);\n            color: var(--white);\n            border-radius: 50px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: var(--transition);\n            border: 2px solid transparent;\n            cursor: pointer;\n            font-size: 0.95rem;\n        }\n\n        .btn:hover {\n            background-color: transparent;\n            border-color: var(--primary);\n            color: var(--primary);\n            transform: translateY(-3px);\n            box-shadow: 0 10px 20px rgba(18, 78, 63, 0.1);\n        }\n\n        \/* 1. ABOUT US SECTION *\/\n        .about-section {\n            background-color: var(--white);\n        }\n\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n        }\n\n        .about-box {\n            background: var(--light);\n            padding: 50px 40px;\n            border-radius: 20px;\n            border-top: 5px solid var(--primary);\n            box-shadow: var(--card-shadow);\n            transition: var(--transition);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .about-box:hover {\n            transform: translateY(-5px);\n            border-top-color: var(--accent);\n        }\n\n        .about-box h3 {\n            font-size: 1.8rem;\n            color: var(--primary);\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .about-box h3 i {\n            color: var(--accent);\n        }\n\n        .about-box p {\n            margin-bottom: 30px;\n            color: var(--gray);\n            text-align: justify;\n            font-size: 1.05rem;\n        }\n\n        \/* 2. OUR PROGRAMS SECTION *\/\n        .programs-section {\n            background-color: var(--light);\n        }\n\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n            gap: 30px;\n        }\n\n        .service-card {\n            background: var(--white);\n            padding: 40px 30px;\n            border-radius: 20px;\n            box-shadow: var(--card-shadow);\n            transition: var(--transition);\n            border: 1px solid rgba(18, 78, 63, 0.05);\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .service-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 40px rgba(18, 78, 63, 0.08);\n            border-color: var(--accent);\n        }\n\n        .service-icon-wrapper {\n            width: 70px;\n            height: 70px;\n            background: rgba(18, 78, 63, 0.05);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            transition: var(--transition);\n        }\n\n        .service-card:hover .service-icon-wrapper {\n            background: var(--primary);\n        }\n\n        .service-icon {\n            font-size: 2rem;\n            color: var(--primary);\n            transition: var(--transition);\n        }\n\n        .service-card:hover .service-icon {\n            color: var(--accent);\n        }\n\n        .service-card h3 {\n            margin-bottom: 15px;\n            color: var(--primary);\n            font-size: 1.4rem;\n            font-weight: 700;\n        }\n\n        .service-card ul {\n            list-style: none;\n            margin-bottom: 30px;\n            text-align: left;\n        }\n\n        .service-card ul li {\n            font-size: 0.95rem;\n            color: var(--gray);\n            margin-bottom: 10px;\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n        }\n\n        .service-card ul li i {\n            color: var(--accent);\n            margin-top: 5px;\n        }\n\n        \/* 3. KEY ACHIEVEMENTS SECTION *\/\n        .achievements-section {\n            background-color: var(--white);\n        }\n\n        .achievements-box {\n            background: var(--light);\n            border-radius: 24px;\n            padding: 60px 40px;\n            box-shadow: var(--card-shadow);\n            border-top: 6px solid var(--primary);\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n            gap: 25px;\n            margin-bottom: 60px;\n        }\n\n        .stat-card {\n            background: var(--white);\n            border-radius: 16px;\n            padding: 30px 20px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02);\n            border: 1px solid rgba(0,0,0,0.03);\n            transition: var(--transition);\n        }\n\n        .stat-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--accent);\n        }\n\n        .stat-icon-wrapper {\n            width: 60px;\n            height: 60px;\n            background: var(--primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            color: var(--accent);\n            font-size: 1.5rem;\n        }\n\n        .stat-number {\n            font-size: 2.2rem;\n            font-weight: 800;\n            color: var(--primary);\n            margin-bottom: 8px;\n        }\n\n        .stat-label {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--gray);\n            line-height: 1.4;\n        }\n\n        \/* Interactive Tabs *\/\n        .tabs-container {\n            margin-top: 50px;\n        }\n\n        .tabs-nav {\n            display: flex;\n            gap: 12px;\n            overflow-x: auto;\n            padding-bottom: 15px;\n            margin-bottom: 40px;\n            border-bottom: 1px solid #E2E8F0;\n        }\n\n        .tab-btn {\n            background: var(--white);\n            border: 1px solid #E2E8F0;\n            padding: 14px 28px;\n            border-radius: 50px;\n            font-weight: 600;\n            color: var(--gray);\n            cursor: pointer;\n            white-space: nowrap;\n            transition: var(--transition);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .tab-btn:hover {\n            background: #F1F5F9;\n            color: var(--primary);\n        }\n\n        .tab-btn.active {\n            background: var(--primary);\n            color: var(--white);\n            border-color: var(--primary);\n        }\n\n        .tab-btn.active i {\n            color: var(--accent);\n        }\n\n        \/* Tab Content *\/\n        .tab-panel {\n            display: none;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 50px;\n            align-items: center;\n            animation: fadeIn 0.5s ease-in-out;\n        }\n\n        .tab-panel.active {\n            display: grid;\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(15px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .panel-info h2 {\n            font-size: 2rem;\n            color: var(--primary);\n            margin-bottom: 20px;\n        }\n\n        .panel-description {\n            color: var(--gray);\n            font-size: 1.05rem;\n            margin-bottom: 30px;\n            line-height: 1.8;\n        }\n\n        .panel-highlights {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 15px;\n        }\n\n        .highlight-tag {\n            background: #EBF8F2;\n            color: var(--primary);\n            padding: 10px 20px;\n            border-radius: 10px;\n            font-size: 0.95rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            border-left: 4px solid var(--accent);\n        }\n\n        .panel-showcase {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 15px 35px rgba(18, 78, 63, 0.15);\n            height: 380px;\n        }\n\n        .panel-showcase img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n\n        .panel-showcase:hover img {\n            transform: scale(1.05);\n        }\n\n        .photo-caption {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: linear-gradient(transparent, rgba(18, 78, 63, 0.95));\n            padding: 30px;\n            color: var(--white);\n        }\n\n        .photo-caption h4 {\n            font-size: 1.3rem;\n            color: var(--accent);\n            margin-bottom: 5px;\n        }\n\n        .photo-caption p {\n            font-size: 0.9rem;\n            opacity: 0.9;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 992px) {\n            .about-grid, .tab-panel {\n                grid-template-columns: 1fr;\n            }\n            .panel-showcase {\n                height: 300px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .section-title {\n                font-size: 2rem;\n            }\n            .stats-grid {\n                grid-template-columns: 1fr 1fr;\n            }\n        }\n    <\/style>\n\n\n\n    <!-- 1. ABOUT US SECTION -->\n    <section class=\"section-padding about-section\">\n        <div class=\"container\">\n            <div class=\"section-title-wrapper\">\n                <h2 class=\"section-title\">About Us<\/h2>                       <\n            <div class=\"about-grid\">\n                <div class=\"about-box\">\n                    <h3><i class=\"fa-solid fa-bullseye\"><\/i> Our Mission<\/h3>\n                    <p> To empower persons with disabilities through advocacy, inclusive development, capacity strengthening, and strategic partnerships that promote equal access to education, healthcare, livelihoods, humanitarian assistance, climate action, and decision-making processes.<\/p>\n                    <div>\n                        <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"about-box\">\n                    <h3><i class=\"fa-solid fa-eye\"><\/i> Our Vision<\/h3>\n                    <p> An inclusive Somaliland where persons with disabilities enjoy equal rights, opportunities, dignity, and full participation in all aspects of society.<\/p>\n                    <div>\n                        <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 2. OUR PROGRAMS SECTION -->\n    <section class=\"section-padding programs-section\">\n        <div class=\"container\">\n            <div class=\"section-title-wrapper\">\n                <h2 class=\"section-title\">Our Programs<\/h2>\n                <p class=\"section-subtitle\">Adeegyada muhiimka ah ee aan u adeegno bulshada<\/p>\n            <\/div>\n            <div class=\"services-grid\">\n                <!-- Program 1 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-scale-balanced service-icon\"><\/i>\n                        <\/div>\n                        <h3>Disability Rights &amp; Advocacy<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Human rights awareness &amp; public education<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Policy advocacy &amp; legal empowerment<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Civic engagement and active participation<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Program 2 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-graduation-cap service-icon\"><\/i>\n                        <\/div>\n                        <h3>Economic Empowerment<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Vocational &amp; skills development training<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Entrepreneurship and business support<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Village Savings and Loan Associations<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Program 3 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-hand-holding-medical service-icon\"><\/i>\n                        <\/div>\n                        <h3>Humanitarian Response<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Emergency food and cash transfers<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Water, Sanitation, and WASH support<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Disability-inclusive protection<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Program 4 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-briefcase service-icon\"><\/i>\n                        <\/div>\n                        <h3>Sustainable Livelihood<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Sustainable employment frameworks<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Enabling active social independence<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Long-term livelihood support schemes<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Program 5 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-cloud-sun service-icon\"><\/i>\n                        <\/div>\n                        <h3>Climate Resilience<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Community-based safety measures<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Disaster risk adaptation initiatives<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Support for highly vulnerable families<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n\n                <!-- Program 6 -->\n                <div class=\"service-card\">\n                    <div>\n                        <div class=\"service-icon-wrapper\">\n                            <i class=\"fa-solid fa-circle-h service-icon\"><\/i>\n                        <\/div>\n                        <h3>Health &amp; Rehabilitation<\/h3>\n                        <ul>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Medical referrals &amp; rehabilitation<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Mental health &amp; psychosocial support<\/li>\n                            <li><i class=\"fa-solid fa-circle-check\"><\/i> Disability screening &amp; health awareness<\/li>\n                        <\/ul>\n                    <\/div>\n                    <a href=\"#\" class=\"btn\">Read More <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. KEY ACHIEVEMENTS SECTION -->\n    <section class=\"section-padding achievements-section\">\n        <div class=\"container\">\n            <div class=\"achievements-box\">\n                <!-- Section Header Inside Box -->\n                <div style=\"text-align: center; margin-bottom: 50px;\">\n                    <span style=\"background: var(--primary); color: var(--accent); padding: 6px 16px; border-radius: 50px; font-weight: 700; font-size: 0.9rem;\">2020 - 2026<\/span>\n                    <h2 style=\"color: var(--primary); font-size: 2.2rem; font-weight: 800; margin-top: 15px;\">Key Achievements<\/h2>\n                    <p style=\"color: var(--gray); font-size: 1rem;\">Dhabbaha loogu talagalay dhisidda bulsho loo dhan yahay oo awood leh<\/p>\n                <\/div>\n\n                <!-- Statistics Grid -->\n                <div class=\"stats-grid\">\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-users-viewfinder\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"25000\">0<\/div>\n                        <div class=\"stat-label\">Persons with Disabilities Reached<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-house-chimney-window\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"80\">0<\/div>\n                        <div class=\"stat-label\">Communities Engaged Across SL<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-user-graduate\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"1200\">0<\/div>\n                        <div class=\"stat-label\">Students Supported in Education<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"650\">0<\/div>\n                        <div class=\"stat-label\">Youth Empowered with Livelihoods<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"150\">0<\/div>\n                        <div class=\"stat-label\">Advocacy &amp; Awareness Campaigns<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <div class=\"stat-icon-wrapper\"><i class=\"fa-solid fa-handshake\"><\/i><\/div>\n                        <div class=\"stat-number\" data-target=\"60\">0<\/div>\n                        <div class=\"stat-label\">Strategic Partnerships Established<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Interactive Tabs Container -->\n                <div class=\"tabs-container\">\n                    <div class=\"tabs-nav\">\n                        <button class=\"tab-btn active\" onclick=\"openTab(event, 'edu')\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Education<\/button>\n                        <button class=\"tab-btn\" onclick=\"openTab(event, 'health')\"><i class=\"fa-solid fa-heart-pulse\"><\/i> Healthcare<\/button>\n                        <button class=\"tab-btn\" onclick=\"openTab(event, 'devices')\"><i class=\"fa-solid fa-wheelchair\"><\/i> Assistive Devices<\/button>\n                        <button class=\"tab-btn\" onclick=\"openTab(event, 'rights')\"><i class=\"fa-solid fa-scale-balanced\"><\/i> Rights<\/button>\n                        <button class=\"tab-btn\" onclick=\"openTab(event, 'humanitarian')\"><i class=\"fa-solid fa-seedling\"><\/i> Livelihoods<\/button>\n                    <\/div>\n\n                    <!-- Tab panels -->\n                    <div id=\"edu\" class=\"tab-panel active\">\n                        <div class=\"panel-info\">\n                            <h2>Inclusive Education<\/h2>\n                            <p class=\"panel-description\">SDHO has successfully facilitated full educational scholarship access to build academic paths for disabled students across leading institutes, creating equal future opportunities.<\/p>\n                            <div class=\"panel-highlights\">\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-award\"><\/i> 21 Full Scholarships<\/div>\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-university\"><\/i> Edna Adan &amp; Alpha University<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"panel-showcase\">\n                            <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413411.jpg?q=80&amp;w=800\" alt=\"Education\">\n                            <div class=\"photo-caption\">\n                                <h4>Academic Inclusion<\/h4>\n                                <p>Fostering educational access across Somaliland.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"health\" class=\"tab-panel\">\n                        <div class=\"panel-info\">\n                            <h2>Inclusive Healthcare<\/h2>\n                            <p class=\"panel-description\">We facilitate life-saving surgery processes and critical health checkups for vulnerable families with disabilities.<\/p>\n                            <div class=\"panel-highlights\">\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-heart-circle-check\"><\/i> 90 Heart Surgeries<\/div>\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-user-doctor\"><\/i> 45 Outreach Surgeries<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"panel-showcase\">\n                            <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413412.jpg?q=80&amp;w=800\" alt=\"Healthcare\">\n                            <div class=\"photo-caption\">\n                                <h4>Medical Initiatives<\/h4>\n                                <p>Delivering critical healthcare interventions where most needed.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"devices\" class=\"tab-panel\">\n                        <div class=\"panel-info\">\n                            <h2>Assistive Devices<\/h2>\n                            <p class=\"panel-description\">SDHO provides mobility-enhancing tools such as customized wheelchairs, supportive tricycles, and auxiliary equipment.<\/p>\n                            <div class=\"panel-highlights\">\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-truck-ramp-box\"><\/i> 1,441 Supported with Devices<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"panel-showcase\">\n                            <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413412.jpg?q=80&amp;w=800\" alt=\"Devices\">\n                            <div class=\"photo-caption\">\n                                <h4>Mobility &amp; Independence<\/h4>\n                                <p>Unlocking independent motion across all regions.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"rights\" class=\"tab-panel\">\n                        <div class=\"panel-info\">\n                            <h2>Rights &amp; Advocacy<\/h2>\n                            <p class=\"panel-description\">Empowering the disabled community to utilize civil rights, voting access, and democratic policy representation.<\/p>\n                            <div class=\"panel-highlights\">\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-check-to-slot\"><\/i> Democratic Advocacy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"panel-showcase\">\n                            <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413412.jpg?q=80&amp;w=800\" alt=\"Rights\">\n                            <div class=\"photo-caption\">\n                                <h4>Equal Voice &amp; Representation<\/h4>\n                                <p>Influencing public policies to ensure structural inclusion.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"humanitarian\" class=\"tab-panel\">\n                        <div class=\"panel-info\">\n                            <h2>Livelihoods &amp; Relief<\/h2>\n                            <p class=\"panel-description\">Fostering food security and economic opportunities through inclusive agricultural cooperatives and direct family support schemes.<\/p>\n                            <div class=\"panel-highlights\">\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-wheat-awn\"><\/i> 50 Cooperative Beneficiaries<\/div>\n                                <div class=\"highlight-tag\"><i class=\"fa-solid fa-box-open\"><\/i> 1,309 Families Supported<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"panel-showcase\">\n                            <img decoding=\"async\" src=\"https:\/\/sdhosomaliland.org\/wp-content\/uploads\/2026\/07\/20260716_18413412.jpg?q=80&amp;w=800\" alt=\"Relief\">\n                            <div class=\"photo-caption\">\n                                <h4>Sustainable Livelihoods<\/h4>\n                                <p>Protecting vulnerable households through modern micro-economic approaches.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- JavaScript For Tabs and Counters -->\n    <script>\n        \/\/ 1. Tab Swapper Logic\n        function openTab(evt, tabId) {\n            const panels = document.querySelectorAll('.tab-panel');\n            const buttons = document.querySelectorAll('.tab-btn');\n            \n            panels.forEach(panel => panel.classList.remove('active'));\n            buttons.forEach(btn => btn.classList.remove('active'));\n            \n            document.getElementById(tabId).classList.add('active');\n            evt.currentTarget.classList.add('active');\n        }\n\n        \/\/ 2. Statistics Counter Logic\n        function animateCounters() {\n            const counters = document.querySelectorAll('.stat-number');\n            const speed = 100; \/\/ Lower numbers represent a faster count-up speed\n\n            counters.forEach(counter => {\n                const updateCount = () => {\n                    const target = parseInt(counter.getAttribute('data-target'));\n                    const count = parseInt(counter.innerText.replace(\/[+,]\/g, ''));\n                    const increment = Math.ceil(target \/ speed);\n\n                    if (count < target) {\n                        counter.innerText = (count + increment).toLocaleString() + \"+\";\n                        setTimeout(updateCount, 15);\n                    } else {\n                        counter.innerText = target.toLocaleString() + \"+\";\n                    }\n                };\n                updateCount();\n            });\n        }\n\n        \/\/ Run animations on window load\n        window.onload = () => {\n            animateCounters();\n        };\n    <\/script>\n\n\n\n<h2 class=\"wp-block-heading\">lastest News <\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-query is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-cda6dc4f wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-456 post type-post status-publish format-standard has-post-thumbnail hentry category-media\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/sdhosomaliland.org\/?p=456\" target=\"_self\" >gudoomiyaha Ururka Naafada Somaliland oo Agab Gaadhsiiyey Degmadda Oog<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\"> <\/p><\/div>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-07-27T20:16:22+00:00\">July 27, 2026<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-454 post type-post status-publish format-standard hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/sdhosomaliland.org\/?p=454\" target=\"_self\" >Gudoomiyaha Ururka Naafada Somaliland oo Agab gaadhsiiyey Caynaa<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\"> <\/p><\/div>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-07-25T17:16:21+00:00\">July 25, 2026<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-148 post type-post status-publish format-standard hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/sdhosomaliland.org\/?p=148\" target=\"_self\" >Disability Situation in Somaliland<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Persons with disabilities in Somaliland continue to face significant barriers that limit their full participation in society. Key challenges include:\u2022 Limited access to quality and inclusive education\u2022 Inadequate access to healthcare and rehabilitation services\u2022 High unemployment and limited livelihood opportunities\u2022 Social stigma and discrimination\u2022 Poor accessibility to public infrastructure and services\u2022 Limited availability of assistive&hellip; <\/p><\/div>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-07-12T22:42:01+00:00\">July 12, 2026<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-146 post type-post status-publish format-standard hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/sdhosomaliland.org\/?p=146\" target=\"_self\" >Programmatic Areas<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">SDHO implements integrated programmes that promote disability inclusion, protect human rights, and improve the well-being and resilience of persons with disabilities and other vulnerable communities across Somaliland. 1. Disability Rights and AdvocacySDHO promotes and protects the rights of persons with disabilities through: \u2022 Human rights awareness and public education\u2022 Policy advocacy and legal empowerment \u2022&hellip; <\/p><\/div>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-07-12T22:40:56+00:00\">July 12, 2026<\/time><\/div><\/div>\n\n<\/li><li class=\"wp-block-post post-1 post type-post status-publish format-standard hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><h2 class=\"wp-block-post-title\"><a href=\"https:\/\/sdhosomaliland.org\/?p=1\" target=\"_self\" >Target Beneficiaries<\/a><\/h2>\n\n<div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">SDHO is committed to serving persons with disabilities and other vulnerable and marginalized groups through inclusive, rights-based, and community-driven programmes. The organization&#8217;s primary target beneficiaries include: Persons with disabilities\u2022 Women and girls with disabilities\u2022 Children with disabilities\u2022 Youth, including marginalized and unemployed youth \u2022 Older persons\u2022 Female-headed households\u2022 Internally Displaced Persons (IDPs) \u2022 Refugees and&hellip; <\/p><\/div>\n\n<div class=\"wp-block-post-date\"><time datetime=\"2026-07-10T17:32:44+00:00\">July 10, 2026<\/time><\/div><\/div>\n\n<\/li><\/ul><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Message from the Chairman Dahir Jama Deria Chairperson, Somaliland Disability and Handicap Organization (SDHO) Building an Inclusive Somaliland Together Welcome [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":94,"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/304"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=\/wp\/v2\/media\/15"}],"wp:attachment":[{"href":"https:\/\/sdhosomaliland.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}