{"id":18139,"date":"2026-08-06T12:25:53","date_gmt":"2026-08-06T12:25:53","guid":{"rendered":"https:\/\/gnbcc.net\/?page_id=18139"},"modified":"2026-08-20T11:03:22","modified_gmt":"2026-08-20T11:03:22","slug":"home-new","status":"publish","type":"page","link":"https:\/\/gnbcc.net\/","title":{"rendered":"Home new"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18139\" class=\"elementor elementor-18139\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-8ebf860 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8ebf860\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17a71dc\" data-id=\"17a71dc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59a2c70 elementor-widget elementor-widget-html\" data-id=\"59a2c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ======================================================\n     GNBCC PREMIUM HERO SLIDER (ORANGE THEME)\n     Designed for Elementor HTML Widget\n====================================================== -->\n\n<style>\n\/* =========================================================\n   EASY IMAGE MANAGEMENT\n   Update the URLs below inside the single quotes to change \n   the slider images. This is the only place you need to \n   edit to swap out the background photos!\n========================================================= *\/\n:root {\n    --slide-image-1: url('https:\/\/gnbcc.net\/wp-content\/uploads\/2026\/08\/DSC07170-scaled.jpg');\n    --slide-image-2: url('https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/membership-slider.jpg');\n    --slide-image-3: url('https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/GNBCC-Website-Banners.jpg');\n    --slide-image-4: url('https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/Services-slider.jpg');\n}\n<\/style>\n\n<section class=\"gnbcc-premium-slider\" aria-label=\"GNBCC Highlights\">\n    <!-- =====================================================\n         HERO SLIDER TRACK\n         Each slide is one <article>. To edit a slide:\n         1. Change the label inside .gnbcc-eyebrow.\n         2. Change the heading, description, buttons and feature text.\n         3. Change the background image variable above if needed.\n    ====================================================== -->\n    <div class=\"gnbcc-slider-track\" id=\"gnbccSliderTrack\">\n        \n        <!-- ================= SLIDE 1: WELCOME =================\n             Purpose: first impression and simple positioning statement.\n             Theme: orange, using .gnbcc-overlay-orange and .gnbcc-panel-orange.\n        ====================================================== -->\n        <article class=\"gnbcc-slide is-active\" aria-hidden=\"false\">\n            <div class=\"gnbcc-slide-bg\" style=\"background-image: var(--slide-image-1);\"><\/div>\n            <div class=\"gnbcc-slide-overlay gnbcc-overlay-orange\"><\/div>\n            \n            <div class=\"gnbcc-slide-content-wrapper\">\n                <div class=\"gnbcc-slide-content gnbcc-panel-orange gnbcc-panel-welcome\">\n                    <div class=\"gnbcc-eyebrow\">\n                        <span class=\"gnbcc-pulse-dot-white\"><\/span>\n                        <strong>The Ghana Netherlands Business &amp; Culture Council<\/strong>\n                    <\/div>\n                    <h1 class=\"gnbcc-title gnbcc-title--welcome\">\n                        Welcome to\n                        <span >GNBCC.<\/span>\n                    <\/h1>\n                    <div class=\"gnbcc-tagline\">\n                        Your point of contact in doing business with Ghana and the Netherlands.\n                    <\/div>\n                    <p class=\"gnbcc-description\">\n                        We help businesses, entrepreneurs and institutions connect with trusted networks, practical guidance and opportunities across both markets.\n                    <\/p>\n                    <div class=\"gnbcc-actions\">\n                        <a href=\"https:\/\/gnbcc.net\/about\/\" class=\"gnbcc-btn gnbcc-btn-white\">\n                            <span>About GNBCC<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/gnbcc.net\/contact\/\" class=\"gnbcc-btn gnbcc-btn-outline-white\">\n                            <span>Contact Us<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"gnbcc-features\">\n                        <div class=\"gnbcc-feature\">Membership Organisation<\/div>\n                        <div class=\"gnbcc-feature\">Project Implementation<\/div>\n                        <div class=\"gnbcc-feature\"> Business Support Services<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <!-- ================= SLIDE 2: IMPACT =================\n             Purpose: introduce GNBCC's impact-led partnership work.\n        ====================================================== -->\n        <article class=\"gnbcc-slide\" aria-hidden=\"true\">\n            <div class=\"gnbcc-slide-bg\" style=\"background-image: var(--slide-image-2);\"><\/div>\n            <div class=\"gnbcc-slide-overlay\"><\/div>\n            \n            <div class=\"gnbcc-slide-content-wrapper\">\n                <div class=\"gnbcc-slide-content\">\n                    <div class=\"gnbcc-eyebrow\">\n                        <span class=\"gnbcc-pulse-dot\"><\/span>\n                        <strong>Impact-led partnerships<\/strong>\n                    <\/div>\n                    <h2 class=\"gnbcc-title\">\n                        Business connections that become \n                        <span class=\"gnbcc-highlight\">measurable opportunity.<\/span>\n                    <\/h2>\n                    <p class=\"gnbcc-description\">\n                        GNBCC connects companies, entrepreneurs and institutions with the networks, market insight and project support needed to create practical Ghana-Netherlands impact.\n                    <\/p>\n                    <div class=\"gnbcc-actions\">\n                        <a href=\"https:\/\/gnbcc.net\/memberships\/become-a-member\/\" class=\"gnbcc-btn gnbcc-btn-primary\">\n                            <span>Become a Member<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                        <a href=\"#gnbcc-impact\" class=\"gnbcc-btn gnbcc-btn-secondary\">\n                            <span>See Our Impact<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"gnbcc-features\">\n                        <div class=\"gnbcc-feature\">20+ years of bilateral work<\/div>\n                        <div class=\"gnbcc-feature\">Member visibility<\/div>\n                        <div class=\"gnbcc-feature\">Private-sector growth<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <!-- ================= SLIDE 3: PROJECTS =================\n             Purpose: highlight programmes and development impact.\n        ====================================================== -->\n        <article class=\"gnbcc-slide\" aria-hidden=\"true\">\n            <div class=\"gnbcc-slide-bg\" style=\"background-image: var(--slide-image-3);\"><\/div>\n            <div class=\"gnbcc-slide-overlay\"><\/div>\n            \n            <div class=\"gnbcc-slide-content-wrapper\">\n                <div class=\"gnbcc-slide-content\">\n                    <div class=\"gnbcc-eyebrow\">\n                        <span class=\"gnbcc-pulse-dot\"><\/span>\n                        <strong>Projects and programmes<\/strong>\n                    <\/div>\n                    <h2 class=\"gnbcc-title\">\n                        Programmes that turn collaboration \n                        <span class=\"gnbcc-highlight\">into real-world progress.<\/span>\n                    <\/h2>\n                    <p class=\"gnbcc-description\">\n                        From youth employment and women in business to enterprise development, our projects help people, companies and sectors move from potential to progress.\n                    <\/p>\n                    <div class=\"gnbcc-actions\">\n                        <a href=\"https:\/\/gnbcc.net\/projects\/\" class=\"gnbcc-btn gnbcc-btn-primary\">\n                            <span>Explore Our Projects<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/gnbcc.net\/contact\/\" class=\"gnbcc-btn gnbcc-btn-secondary\">\n                            <span>Partner With Us<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"gnbcc-features\">\n                        <div class=\"gnbcc-feature\">Youth employment pathways<\/div>\n                        <div class=\"gnbcc-feature\">Women-led enterprise<\/div>\n                        <div class=\"gnbcc-feature\">Sector collaboration<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <!-- ================= SLIDE 4: MARKET ACCESS =================\n             Purpose: point visitors to services, guidance and introductions.\n        ====================================================== -->\n        <article class=\"gnbcc-slide\" aria-hidden=\"true\">\n            <div class=\"gnbcc-slide-bg\" style=\"background-image: var(--slide-image-4);\"><\/div>\n            <div class=\"gnbcc-slide-overlay\"><\/div>\n            \n            <div class=\"gnbcc-slide-content-wrapper\">\n                <div class=\"gnbcc-slide-content\">\n                    <div class=\"gnbcc-eyebrow\">\n                        <span class=\"gnbcc-pulse-dot\"><\/span>\n                        <strong>Market access<\/strong>\n                    <\/div>\n                    <h2 class=\"gnbcc-title\">\n                        Open the right doors with \n                        <span class=\"gnbcc-highlight\">trusted guidance and networks.<\/span>\n                    <\/h2>\n                    <p class=\"gnbcc-description\">\n                        Access market intelligence, business matchmaking, advocacy and trusted introductions for doing business in Ghana and the Netherlands.\n                    <\/p>\n                    <div class=\"gnbcc-actions\">\n                        <a href=\"https:\/\/gnbcc.net\/services\/\" class=\"gnbcc-btn gnbcc-btn-primary\">\n                            <span>View Our Services<\/span>\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/gnbcc.net\/contact\/\" class=\"gnbcc-btn gnbcc-btn-secondary\">\n                            <span>Talk to GNBCC<\/span>\n                        <\/a>\n                    <\/div>\n                    <div class=\"gnbcc-features\">\n                        <div class=\"gnbcc-feature\">Market intelligence<\/div>\n                        <div class=\"gnbcc-feature\">Business matchmaking<\/div>\n                        <div class=\"gnbcc-feature\">Advocacy support<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/article>\n    <\/div>\n\n    <!-- Slider controls: dots jump to each slide; arrows move previous\/next. -->\n    <div class=\"gnbcc-controls-wrapper\">\n        <div class=\"gnbcc-indicators\" id=\"gnbccIndicators\">\n            <button class=\"gnbcc-dot is-active\" aria-label=\"Slide 1\"><\/button>\n            <button class=\"gnbcc-dot\" aria-label=\"Slide 2\"><\/button>\n            <button class=\"gnbcc-dot\" aria-label=\"Slide 3\"><\/button>\n            <button class=\"gnbcc-dot\" aria-label=\"Slide 4\"><\/button>\n        <\/div>\n        <div class=\"gnbcc-arrows\">\n            <button class=\"gnbcc-arrow\" id=\"gnbccPrev\" aria-label=\"Previous Slide\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\n            <\/button>\n            <button class=\"gnbcc-arrow\" id=\"gnbccNext\" aria-label=\"Next Slide\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n    \n    <!-- Progress bar: fills over the 4-second slide duration. -->\n    <div class=\"gnbcc-progress-bar\"><div class=\"gnbcc-progress-fill\" id=\"gnbccProgress\"><\/div><\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   PREMIUM SLIDER CSS\n========================================================= *\/\n\n:root {\n    --gnbcc-brand-blue: #005190;\n    --gnbcc-brand-orange: #ff7000;\n    --gnbcc-dark-orange: #b34e00;\n    --gnbcc-dark: #001a2f;\n    --gnbcc-text-light: rgba(255, 255, 255, 0.9);\n    --gnbcc-white: #ffffff;\n    --slide-duration: 4000ms;\n}\n\n.gnbcc-premium-slider {\n    position: relative;\n    width: 100%;\n    height: clamp(620px, 75vh, 800px);\n    margin: 0;\n    border-radius: 0;\n    overflow: hidden;\n    background-color: var(--gnbcc-dark);\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    box-shadow: 0 40px 100px -20px rgba(0, 26, 47, 0.5);\n    isolation: isolate;\n}\n\n.gnbcc-premium-slider * {\n    box-sizing: border-box;\n}\n\n.gnbcc-slider-track {\n    position: relative;\n    width: 100%;\n    height: 100%;\n}\n\n.gnbcc-slide {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), visibility 1s;\n    z-index: 1;\n}\n\n.gnbcc-slide.is-active {\n    opacity: 1;\n    visibility: visible;\n    z-index: 2;\n}\n\n\/* Background Image with Zoom Animation *\/\n.gnbcc-slide-bg {\n    position: absolute;\n    inset: -5%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    transform: scale(1.05);\n    transition: transform 10s linear;\n}\n\n.gnbcc-slide.is-active .gnbcc-slide-bg {\n    transform: scale(1);\n}\n\n\/* Standard Blue Gradient Overlay *\/\n.gnbcc-slide-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(0, 26, 47, 0.95) 0%, rgba(0, 50, 90, 0.7) 45%, rgba(0, 0, 0, 0.1) 100%);\n}\n\n.gnbcc-slide-overlay::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(0deg, rgba(0,26,47,0.8) 0%, transparent 40%);\n}\n\n\/* Orange Gradient Overlay (for first slide) *\/\n.gnbcc-overlay-orange {\n    background: linear-gradient(90deg, rgba(255, 112, 0, 0.95) 0%, rgba(255, 112, 0, 0.6) 55%, rgba(0, 0, 0, 0.15) 100%);\n}\n\n.gnbcc-overlay-orange::after {\n    background: linear-gradient(0deg, rgba(255, 112, 0, 0.8) 0%, transparent 50%);\n}\n\n\/* Content Container *\/\n.gnbcc-slide-content-wrapper {\n    position: relative;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    height: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 5%;\n}\n\n\/* Standard Blue Glassmorphism Panel *\/\n.gnbcc-slide-content {\n    max-width: 680px;\n    padding: 2.75rem;\n    border-radius: 12px;\n    background: rgba(0, 35, 65, 0.45);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-left: 4px solid var(--gnbcc-brand-orange);\n    box-shadow: 0 30px 60px rgba(0,0,0,0.2);\n    \n    transform: translateY(30px);\n    opacity: 0;\n    transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n\/* Orange Glassmorphism Panel (for first slide) *\/\n.gnbcc-panel-orange {\n    background: rgba(255, 112, 0, 0.45);\n    border-left: 4px solid var(--gnbcc-white);\n}\n\n.gnbcc-slide.is-active .gnbcc-slide-content {\n    transform: translateY(0);\n    opacity: 1;\n    transition-delay: 0.3s;\n}\n\n\/* Typography Elements *\/\n.gnbcc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 6px 16px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 50px;\n    color: var(--gnbcc-white);\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 1.5rem;\n}\n\n\/* Pulse Dots *\/\n.gnbcc-pulse-dot {\n    width: 8px;\n    height: 8px;\n    background: var(--gnbcc-brand-orange);\n    border-radius: 50%;\n    box-shadow: 0 0 0 0 rgba(255, 112, 0, 0.7);\n    animation: gnbccPulse 2s infinite;\n}\n\n.gnbcc-pulse-dot-white {\n    width: 8px;\n    height: 8px;\n    background: var(--gnbcc-white);\n    border-radius: 50%;\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n    animation: gnbccPulseWhite 2s infinite;\n}\n\n@keyframes gnbccPulse {\n    0% { box-shadow: 0 0 0 0 rgba(255, 112, 0, 0.7); }\n    70% { box-shadow: 0 0 0 6px rgba(255, 112, 0, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(255, 112, 0, 0); }\n}\n\n@keyframes gnbccPulseWhite {\n    0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }\n    70% { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n}\n\n.gnbcc-title {\n    color: var(--gnbcc-white);\n    font-size: clamp(2rem, 4vw, 3.5rem);\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 1.25rem 0;\n    text-shadow: 0 4px 20px rgba(0,0,0,0.3);\n}\n\n.gnbcc-highlight {\n    display: block;\n    color: var(--gnbcc-brand-orange);\n    font-weight: 600;\n}\n\n.gnbcc-highlight-white {\n    display: block;\n    color: var(--gnbcc-white);\n    font-weight: 600;\n}\n\n\/* Enhanced Welcome Slide (Slide 1) *\/\n.gnbcc-panel-welcome {\n    background: rgba(179, 78, 0, 0.32);\n    border-left: 4px solid var(--gnbcc-white);\n}\n\n.gnbcc-title--welcome {\n    font-size: clamp(3rem, 6vw, 5.5rem);\n    font-weight: 900;\n    line-height: 1.02;\n    letter-spacing: -0.02em;\n    margin-bottom: 1.4rem;\n}\n\n.gnbcc-highlight-welcome {\n    position: relative;\n    display: inline-block;\n    color: #ffd27f;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-style: italic;\n    font-weight: 700;\n}\n\n.gnbcc-highlight-welcome::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -10px;\n    height: 6px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--gnbcc-white), rgba(255, 255, 255, 0.25));\n}\n\n.gnbcc-tagline {\n    position: relative;\n    max-width: 620px;\n    margin: 0 0 1.4rem;\n    padding-left: 1.25rem;\n    color: var(--gnbcc-white);\n    font-size: clamp(1.3rem, 2.2vw, 1.75rem);\n    font-weight: 700;\n    line-height: 1.35;\n}\n\n.gnbcc-tagline::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.35rem;\n    bottom: 0.35rem;\n    width: 5px;\n    border-radius: 999px;\n    background: var(--gnbcc-white);\n}\n\n.gnbcc-description {\n    color: var(--gnbcc-text-light);\n    font-size: clamp(1rem, 1.2vw, 1.15rem);\n    line-height: 1.6;\n    margin: 0 0 2rem 0;\n}\n\n\/* Buttons *\/\n.gnbcc-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    margin-bottom: 2rem;\n}\n\n.gnbcc-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    padding: 1rem 1.75rem;\n    border-radius: 12px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n\n.gnbcc-btn svg {\n    width: 18px;\n    height: 18px;\n    transition: transform 0.3s ease;\n}\n\n\/* Standard Blue Button *\/\n.gnbcc-btn-primary {\n    background: var(--gnbcc-brand-blue);\n    color: var(--gnbcc-white);\n    border: 1px solid rgba(255,255,255,0.1);\n    box-shadow: 0 10px 20px rgba(0, 81, 144, 0.3);\n}\n\n.gnbcc-btn-primary:hover {\n    background: var(--gnbcc-white);\n    color: var(--gnbcc-brand-blue);\n    transform: translateY(-2px);\n    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);\n}\n\n.gnbcc-btn-primary:hover svg {\n    transform: translateX(4px);\n}\n\n\/* White Button (For Orange Slide) *\/\n.gnbcc-btn-white {\n    background: var(--gnbcc-white);\n    color: var(--gnbcc-brand-orange);\n    border: 1px solid rgba(255,255,255,0.1);\n    box-shadow: 0 10px 20px rgba(255, 112, 0, 0.3);\n}\n\n.gnbcc-btn-white:hover {\n    background: var(--gnbcc-dark);\n    color: var(--gnbcc-white);\n    transform: translateY(-2px);\n    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);\n}\n\n.gnbcc-btn-white:hover svg {\n    transform: translateX(4px);\n}\n\n\/* Outline Buttons *\/\n.gnbcc-btn-secondary {\n    background: transparent;\n    color: var(--gnbcc-white);\n    border: 1px solid rgba(255,255,255,0.4);\n}\n\n.gnbcc-btn-secondary:hover {\n    background: rgba(255,255,255,0.1);\n    border-color: var(--gnbcc-brand-orange);\n    color: var(--gnbcc-brand-orange);\n}\n\n.gnbcc-btn-outline-white {\n    background: transparent;\n    color: var(--gnbcc-white);\n    border: 1px solid rgba(255,255,255,0.4);\n}\n\n.gnbcc-btn-outline-white:hover {\n    background: rgba(255,255,255,0.1);\n    border-color: var(--gnbcc-white);\n    color: var(--gnbcc-white);\n}\n\n\/* Features List *\/\n.gnbcc-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem;\n    border-top: 1px solid rgba(255,255,255,0.15);\n    padding-top: 1.5rem;\n}\n\n.gnbcc-feature {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    color: var(--gnbcc-white);\n    font-size: 0.85rem;\n    font-weight: 500;\n}\n\n\/* Controls *\/\n.gnbcc-controls-wrapper {\n    position: absolute;\n    bottom: 2.5rem;\n    left: 5%;\n    right: 5%;\n    z-index: 10;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.gnbcc-indicators {\n    display: flex;\n    gap: 0.75rem;\n}\n\n.gnbcc-dot {\n    width: 40px;\n    height: 4px;\n    background: rgba(255, 255, 255, 0.2);\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    padding: 0;\n}\n\n.gnbcc-dot.is-active {\n    width: 60px;\n    background: var(--gnbcc-brand-orange);\n}\n\n\/* White active dot when on the orange slide *\/\n.gnbcc-slide.is-active:nth-child(1) ~ .gnbcc-controls-wrapper .gnbcc-dot.is-active {\n    background: var(--gnbcc-white);\n}\n\n.gnbcc-dot:hover:not(.is-active) {\n    background: rgba(255, 255, 255, 0.5);\n}\n\n.gnbcc-arrows {\n    display: flex;\n    gap: 0.75rem;\n}\n\n.gnbcc-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    color: var(--gnbcc-white);\n    cursor: pointer;\n    backdrop-filter: blur(4px);\n    transition: all 0.3s ease;\n}\n\n.gnbcc-arrow svg {\n    width: 20px;\n    height: 20px;\n}\n\n.gnbcc-arrow:hover {\n    background: var(--gnbcc-brand-blue);\n    border-color: var(--gnbcc-brand-blue);\n    transform: scale(1.05);\n}\n\n\/* Animated Progress Bar *\/\n.gnbcc-progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 10;\n}\n\n.gnbcc-progress-fill {\n    height: 100%;\n    width: 0%;\n    background: var(--gnbcc-brand-orange);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 991px) {\n    .gnbcc-premium-slider {\n        height: 700px;\n        border-radius: 0;\n    }\n    \n    .gnbcc-slide-content {\n        margin: 4rem 0 6rem;\n        padding: 2rem;\n    }\n    \n    .gnbcc-controls-wrapper {\n        bottom: 1.5rem;\n    }\n}\n\n@media (max-width: 767px) {\n    .gnbcc-premium-slider {\n        height: 760px;\n    }\n\n    .gnbcc-slide-content {\n        padding: 1.5rem;\n        margin: 3rem 0 5rem;\n    }\n    \n    .gnbcc-title {\n        font-size: 2rem;\n    }\n\n    .gnbcc-title--welcome {\n        font-size: clamp(2.5rem, 10vw, 3.4rem);\n    }\n\n    .gnbcc-tagline {\n        font-size: 1.15rem;\n        padding-left: 1rem;\n    }\n    \n    .gnbcc-actions {\n        flex-direction: column;\n    }\n    \n    .gnbcc-btn {\n        width: 100%;\n    }\n    \n    .gnbcc-features {\n        flex-direction: column;\n        gap: 0.5rem;\n    }\n    \n    .gnbcc-controls-wrapper {\n        flex-direction: column;\n        gap: 1rem;\n        align-items: flex-start;\n    }\n    \n    .gnbcc-arrows {\n        display: none;\n    }\n}\n<\/style>\n\n<script>\n\/* =========================================================\n   SLIDER JAVASCRIPT LOGIC\n========================================================= *\/\ndocument.addEventListener('DOMContentLoaded', () => {\n    const track = document.getElementById('gnbccSliderTrack');\n    const slides = Array.from(track.querySelectorAll('.gnbcc-slide'));\n    const dots = Array.from(document.querySelectorAll('.gnbcc-dot'));\n    const prevBtn = document.getElementById('gnbccPrev');\n    const nextBtn = document.getElementById('gnbccNext');\n    const progressFill = document.getElementById('gnbccProgress');\n    \n    let currentIndex = 0;\n    let autoPlayInterval;\n    const duration = 4000; \/\/ Match --slide-duration in CSS\n    let startTime;\n    let animationFrame;\n\n    function goToSlide(index) {\n        \/\/ Remove active class from all\n        slides.forEach(s => {\n            s.classList.remove('is-active');\n            s.setAttribute('aria-hidden', 'true');\n        });\n        dots.forEach(d => d.classList.remove('is-active'));\n        \n        \/\/ Add active class to new slide\n        currentIndex = index;\n        slides[currentIndex].classList.add('is-active');\n        slides[currentIndex].setAttribute('aria-hidden', 'false');\n        dots[currentIndex].classList.add('is-active');\n        \n        \/\/ Dynamic progress bar color based on slide (white for orange slide, orange for blue slides)\n        if (currentIndex === 0) {\n            progressFill.style.background = 'var(--gnbcc-white)';\n        } else {\n            progressFill.style.background = 'var(--gnbcc-brand-orange)';\n        }\n        \n        \/\/ Reset Progress\n        resetProgress();\n    }\n\n    function nextSlide() {\n        const index = (currentIndex + 1) % slides.length;\n        goToSlide(index);\n    }\n\n    function prevSlide() {\n        const index = (currentIndex - 1 + slides.length) % slides.length;\n        goToSlide(index);\n    }\n\n    function resetProgress() {\n        cancelAnimationFrame(animationFrame);\n        startTime = null;\n        updateProgress();\n    }\n\n    function updateProgress(timestamp) {\n        if (!startTime) startTime = timestamp;\n        if (timestamp) {\n            const elapsed = timestamp - startTime;\n            const progress = Math.min((elapsed \/ duration) * 100, 100);\n            progressFill.style.width = `${progress}%`;\n            \n            if (elapsed >= duration) {\n                nextSlide();\n                return; \/\/ nextSlide calls resetProgress, which restarts the loop\n            }\n        }\n        animationFrame = requestAnimationFrame(updateProgress);\n    }\n\n    \/\/ Set initial progress bar color\n    progressFill.style.background = 'var(--gnbcc-white)';\n\n    \/\/ Event Listeners\n    if (nextBtn) {\n        nextBtn.addEventListener('click', () => {\n            nextSlide();\n        });\n    }\n\n    if (prevBtn) {\n        prevBtn.addEventListener('click', () => {\n            prevSlide();\n        });\n    }\n\n    dots.forEach((dot, index) => {\n        dot.addEventListener('click', () => {\n            if(index !== currentIndex) {\n                goToSlide(index);\n            }\n        });\n    });\n    \n    \/\/ Pause on hover\n    const slider = document.querySelector('.gnbcc-premium-slider');\n    if (slider) {\n        slider.addEventListener('mouseenter', () => {\n            cancelAnimationFrame(animationFrame);\n        });\n        \n        slider.addEventListener('mouseleave', () => {\n            \/\/ Restart progress\n            resetProgress();\n        });\n    }\n\n    \/\/ Start AutoPlay\n    animationFrame = requestAnimationFrame(updateProgress);\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-d66f9fb elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d66f9fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-701ae06\" data-id=\"701ae06\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5eb2158 elementor-widget elementor-widget-html\" data-id=\"5eb2158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     GNBCC HOMEPAGE \u2014 CONTENT AFTER HERO\n     HTML + CSS + JAVASCRIPT\n========================================================= -->\n\n<div class=\"gnbcc-home-content\">\n\n    <!-- =====================================================\n     IMPACT SNAPSHOT BANNER\n    ====================================================== -->\n\n    <section class=\"gh-event-banner\" aria-label=\"GNBCC impact snapshot\">\n        <div class=\"gh-container gh-event-banner__inner\">\n\n            <div class=\"gh-event-banner__content\">\n                <span class=\"gh-event-banner__badge\">\n                    Our Impact\n                <\/span>\n\n                <strong>\n                    20+ years of connecting & facilitating trade & development between Ghana and the Netherlands   \n                <\/strong>\n\n                <!--<span class=\"gh-event-banner__date\">-->\n                <!--    Membership, projects, market access and partnerships-->\n                <!--<\/span>-->\n            <\/div>\n\n            <a class=\"gh-event-banner__link\" href=\"#gnbcc-impact\">\n                See the impact\n                <span aria-hidden=\"true\">&rarr;<\/span>\n            <\/a>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         INTRODUCTION: MISSION, VISION, IMPACT AREAS, ROLE\n    ====================================================== -->\n\n    <section class=\"gh-intro gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--split\">\n\n                <div>\n                    <span class=\"gh-kicker\">\n                        Who we are\n                    <\/span>\n\n                    <h2>\n                        Connecting business ambition to\n                        <em>practical cross-border impact.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"gh-section-heading__copy\">\n                    <p>\n                        GNBCC is a trusted bilateral platform helping\n                        companies, entrepreneurs and institutions build\n                        partnerships, access markets and turn collaboration\n                        into sustainable economic opportunity.\n                    <\/p>\n\n                    <a class=\"gh-text-link\" href=\"https:\/\/gnbcc.net\/about\/\">\n                        Discover our story\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"gh-purpose-grid\">\n\n                <article class=\"gh-purpose-card gh-purpose-card--orange\">\n\n                    <div class=\"gh-purpose-card__icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 3v18M3 12h18\"\n                                  stroke=\"currentColor\"\n                                  stroke-width=\"1.8\"\n                                  stroke-linecap=\"round\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <span class=\"gh-purpose-card__number\">01<\/span>\n\n                    <h3>Our Mission<\/h3>\n\n                    <p>\n                        To foster partnerships, support private-sector growth\n                        and create opportunities for Ghanaian and Dutch\n                        businesses.\n                    <\/p>\n\n                <\/article>\n\n                <article class=\"gh-purpose-card\">\n\n                    <div class=\"gh-purpose-card__icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M4 18V9l8-5 8 5v9\"\n                                  stroke=\"currentColor\"\n                                  stroke-width=\"1.8\"\n                                  stroke-linejoin=\"round\"\/>\n                            <path d=\"M8 18v-5h8v5M3 20h18\"\n                                  stroke=\"currentColor\"\n                                  stroke-width=\"1.8\"\n                                  stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <span class=\"gh-purpose-card__number\">02<\/span>\n\n                    <h3>Our Vision<\/h3>\n\n                    <p>\n                        To be the leading platform for business, investment\n                        and cultural collaboration between Ghana and the\n                        Netherlands.\n                    <\/p>\n\n                <\/article>\n\n                <article class=\"gh-purpose-card\">\n\n                    <div class=\"gh-purpose-card__icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <circle cx=\"8\" cy=\"8\" r=\"3\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\/>\n                            <circle cx=\"17\" cy=\"8\" r=\"3\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\/>\n                            <path d=\"M2 20c0-4 2-7 6-7s6 3 6 7M13 20c0-3.5 1.7-6 4.5-6S22 16.5 22 20\"\n                                  stroke=\"currentColor\"\n                                  stroke-width=\"1.8\"\n                                  stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <span class=\"gh-purpose-card__number\">03<\/span>\n\n                    <h3>Impact Priorities<\/h3>\n\n                    <p>\n                        Youth employment, women in business, enterprise\n                        growth and an enabling business environment.\n                    <\/p>\n\n                <\/article>\n\n                <article class=\"gh-purpose-card\">\n\n                    <div class=\"gh-purpose-card__icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\/>\n                            <path d=\"M3 12h18M12 3c2.4 2.6 3.5 5.6 3.5 9S14.4 18.4 12 21M12 3C9.6 5.6 8.5 8.6 8.5 12S9.6 18.4 12 21\"\n                                  stroke=\"currentColor\"\n                                  stroke-width=\"1.8\"\n                                  stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n\n                    <span class=\"gh-purpose-card__number\">04<\/span>\n\n                    <h3>Our Role<\/h3>\n\n                    <p>\n                        We connect companies, support market entry, implement\n                        projects and create opportunities for collaboration.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         WHAT WE DO \u2014 THREE PILLARS\n    ====================================================== -->\n\n    <section class=\"gh-pillars gh-section\" id=\"what-we-do\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--centre\">\n                <span class=\"gh-kicker\">\n                    What we do\n                <\/span>\n\n                <h2>\n                    One trusted gateway.\n                    <em>Three areas of support.<\/em>\n                <\/h2>\n\n                <p>\n                    GNBCC combines membership services, project implementation\n                    and practical business support so organisations can build\n                    relationships that lead to visible outcomes.\n                <\/p>\n            <\/div>\n\n            <div class=\"gh-pillar-grid\">\n\n                <article class=\"gh-pillar-card\">\n\n                    <div class=\"gh-pillar-card__image\">\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/membership-slider.jpg\"\n                            alt=\"GNBCC members networking\"\n                            loading=\"lazy\"\n                        >\n                    <\/div>\n\n                    <div class=\"gh-pillar-card__body\">\n\n                        <span class=\"gh-pillar-card__label\">\n                            Pillar 01\n                        <\/span>\n\n                        <h3>Membership Organisation<\/h3>\n\n                        <p>\n                            Networking, visibility, advocacy, events,\n                            business matchmaking and practical support for\n                            members.\n                        <\/p>\n\n                        <ul>\n                            <li>Business networking and introductions<\/li>\n                            <li>Member visibility and promotion<\/li>\n                            <li>Advocacy and institutional engagement<\/li>\n                        <\/ul>\n\n                        <a href=\"https:\/\/gnbcc.net\/memberships\/\">\n                            Explore Membership\n                            <span aria-hidden=\"true\">&rarr;<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/article>\n\n                <article class=\"gh-pillar-card gh-pillar-card--featured\">\n\n                    <div class=\"gh-pillar-card__image\">\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/GNBCC-Website-Banners.jpg\"\n                            alt=\"GNBCC project participants\"\n                            loading=\"lazy\"\n                        >\n                    <\/div>\n\n                    <div class=\"gh-pillar-card__body\">\n\n                        <span class=\"gh-pillar-card__label\">\n                            Pillar 02\n                        <\/span>\n\n                        <h3>Project Implementation<\/h3>\n\n                        <p>\n                            Designing and managing programmes that create\n                            employment, enterprise growth and private-sector\n                            development.\n                        <\/p>\n\n                        <ul>\n                            <li>Youth employment and skills development<\/li>\n                            <li>Women&rsquo;s entrepreneurship<\/li>\n                            <li>Agribusiness and export development<\/li>\n                        <\/ul>\n\n                        <a href=\"https:\/\/gnbcc.net\/projects\/\">\n                            Explore Projects\n                            <span aria-hidden=\"true\">&rarr;<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/article>\n\n                <article class=\"gh-pillar-card\">\n\n                    <div class=\"gh-pillar-card__image\">\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/Services-slider.jpg\"\n                            alt=\"Business support meeting\"\n                            loading=\"lazy\"\n                        >\n                    <\/div>\n\n                    <div class=\"gh-pillar-card__body\">\n\n                        <span class=\"gh-pillar-card__label\">\n                            Pillar 03\n                        <\/span>\n\n                        <h3>Business Support Services<\/h3>\n\n                        <p>\n                            Market-entry guidance, research, matchmaking,\n                            referrals and tailored support for organisations.\n                        <\/p>\n\n                        <ul>\n                            <li>Market research and intelligence<\/li>\n                            <li>Business matchmaking and referrals<\/li>\n                            <li>Advisory and market-entry support<\/li>\n                        <\/ul>\n\n                        <a href=\"https:\/\/gnbcc.net\/services\/\">\n                            View Our Services\n                            <span aria-hidden=\"true\">&rarr;<\/span>\n                        <\/a>\n\n                    <\/div>\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         IMPACT SECTION\n         Measurable impact counters. Adjust data-target and\n         data-suffix values as organisation data is updated.\n    ====================================================== -->\n\n    <section class=\"gh-impact gh-section\" id=\"gnbcc-impact\">\n        <div class=\"gh-impact__pattern\"><\/div>\n\n        <div class=\"gh-container\">\n\n            <div class=\"gh-impact__header\">\n\n                <div>\n                    <span class=\"gh-kicker gh-kicker--light\">\n                        Our impact\n                    <\/span>\n\n                    <h2>\n                        Turning trusted connections into\n                        <em>measurable opportunity.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <p>\n                    Our work brings businesses, development partners,\n                    institutions and professionals together to strengthen\n                    Ghana-Netherlands trade, enterprise growth and inclusive\n                    private-sector development.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"gh-impact-grid\">\n\n                <article class=\"gh-impact-stat\">\n                    <strong\n                        class=\"gh-counter\"\n                        data-target=\"20\"\n                        data-suffix=\"+\"\n                    >\n                        0\n                    <\/strong>\n                    <span>Years of Ghana-Netherlands business relations<\/span>\n                <\/article>\n\n                <article class=\"gh-impact-stat\">\n                    <strong\n                        class=\"gh-counter\"\n                        data-target=\"100\"\n                        data-suffix=\"+\"\n                    >\n                        0\n                    <\/strong>\n                    <span>Members in the GNBCC network<\/span>\n                <\/article>\n\n                <article class=\"gh-impact-stat\">\n                    <strong\n                        class=\"gh-counter\"\n                        data-target=\"10\"\n                        data-suffix=\"+\"\n                    >\n                        0\n                    <\/strong>\n                    <span>Programmes supporting youth employment, women in business and enterprise growth<\/span>\n                <\/article>\n\n                <article class=\"gh-impact-stat\">\n                    <strong\n                        class=\"gh-counter\"\n                        data-target=\"200\"\n                        data-suffix=\"+\"\n                    >\n                        0\n                    <\/strong>\n                    <span>SMEs and youth supported across GNBCC initiatives<\/span>\n                <\/article>\n\n            <\/div>\n\n            <div class=\"gh-impact-focus\">\n\n                <!--<div>-->\n                <!--    <span>Our focus<\/span>-->\n                <!--    <strong>Business readiness<\/strong>-->\n                <!--<\/div>-->\n\n                <!--<div>-->\n                <!--    <span>Our approach<\/span>-->\n                <!--    <strong>Market access<\/strong>-->\n                <!--<\/div>-->\n\n                <!--<div>-->\n                <!--    <span>Our reach<\/span>-->\n                <!--    <strong>Ghana-Netherlands links<\/strong>-->\n                <!--<\/div>-->\n\n                <!--<div>-->\n                <!--    <span>Our ambition<\/span>-->\n                <!--    <strong>Inclusive growth<\/strong>-->\n                <!--<\/div>-->\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         FEATURED PROJECTS\n         These are curated homepage cards.\n         Change images, titles and links as needed.\n    ====================================================== -->\n\n    <section class=\"gh-projects gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--split\">\n\n                <div>\n                    <span class=\"gh-kicker\">\n                        Featured programmes\n                    <\/span>\n\n                    <h2>\n                        Projects that turn partnerships\n                        <em>into progress.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"gh-section-heading__copy\">\n                    <p>\n                        Our programmes combine local knowledge, international\n                        expertise and hands-on implementation to address\n                        practical business and employment challenges.\n                    <\/p>\n\n                    <a class=\"gh-text-link\" href=\"https:\/\/gnbcc.net\/projects\/\">\n                        View all projects\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"gh-project-grid\">\n\n                <article class=\"gh-project-card\">\n\n                    <a\n                        class=\"gh-project-card__image\"\n                        href=\"https:\/\/gnbcc.net\/projects\/\"\n                    >\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/GNBCC-Website-Banners.jpg\"\n                            alt=\"GNBCC enterprise-development project\"\n                            loading=\"lazy\"\n                        >\n\n                        <span>Enterprise Development<\/span>\n                    <\/a>\n\n                    <div class=\"gh-project-card__body\">\n                        <h3>\n                            <a href=\"https:\/\/gnbcc.net\/projects\/\">\n                                Supporting businesses to strengthen systems\n                                and access new markets\n                            <\/a>\n                        <\/h3>\n\n                        <p>\n                            Practical programmes helping enterprises improve\n                            operations, build capacity and prepare for growth.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"gh-project-card\">\n\n                    <a\n                        class=\"gh-project-card__image\"\n                        href=\"https:\/\/gnbcc.net\/projects\/\"\n                    >\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/Homepage-Slider-12c.jpg\"\n                            alt=\"Young professionals participating in a GNBCC programme\"\n                            loading=\"lazy\"\n                        >\n\n                        <span>Youth Employment<\/span>\n                    <\/a>\n\n                    <div class=\"gh-project-card__body\">\n                        <h3>\n                            <a href=\"https:\/\/gnbcc.net\/projects\/\">\n                                Preparing young professionals for meaningful\n                                careers and industry opportunities\n                            <\/a>\n                        <\/h3>\n\n                        <p>\n                            Connecting skills development, mentorship,\n                            practical exposure and employment pathways.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"gh-project-card\">\n\n                    <a\n                        class=\"gh-project-card__image\"\n                        href=\"https:\/\/gnbcc.net\/projects\/\"\n                    >\n                        <img decoding=\"async\"\n                            src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/Services-slider.jpg\"\n                            alt=\"Women entrepreneurs at a business programme\"\n                            loading=\"lazy\"\n                        >\n\n                        <span>Inclusive Business<\/span>\n                    <\/a>\n\n                    <div class=\"gh-project-card__body\">\n                        <h3>\n                            <a href=\"https:\/\/gnbcc.net\/projects\/\">\n                                Expanding opportunities for women-led\n                                enterprises and entrepreneurs\n                            <\/a>\n                        <\/h3>\n\n                        <p>\n                            Strengthening networks, market readiness,\n                            visibility and access to business opportunities.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n            <!-- =================================================\n                 GNBCC PROJECTS SLIDER INSERT\n                 Copy this complete block into the online Elementor\n                 HTML widget directly under the homepage Projects\n                 section when you want only the project carousel.\n                 It is self-contained with the CSS and JavaScript\n                 blocks marked below in this same file.\n            ================================================== -->\n            <div class=\"gh-project-carousel\" aria-label=\"GNBCC project carousel\">\n\n                <div class=\"gh-project-carousel__caption\">\n                    <span>Project spotlight<\/span>\n                    <strong>\n                        Explore projects creating practical impact.\n                    <\/strong>\n                <\/div>\n\n                <div class=\"gh-project-carousel__shell\">\n\n                    <button\n                        class=\"gh-project-carousel__nav gh-project-carousel__prev\"\n                        type=\"button\"\n                        aria-label=\"Previous project\"\n                    >\n                        &lsaquo;\n                    <\/button>\n\n                    <div class=\"gh-project-carousel__viewport\">\n                        <div class=\"gh-project-carousel__track\">\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/horticulture-business-challenge-hbc\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/HBC-banner.jpg\" alt=\"Horticulture Business Challenge project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Enterprise challenge<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/horticulture-business-challenge-hbc\/\">\n                                            Horticulture Business Challenge\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Supporting innovative horticulture\n                                        businesses to test, strengthen and\n                                        scale practical solutions.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/horticulture-business-challenge-hbc\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/horticulture-business-project\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/HBP-banner.jpg\" alt=\"Horticulture Business Platform project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Sector platform<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/horticulture-business-project\/\">\n                                            Horticulture Business Platform\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Bringing actors together to strengthen\n                                        collaboration, market access and growth\n                                        in horticulture.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/horticulture-business-project\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/women-in-business-network\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/WIB-banner.jpg\" alt=\"Women In Business Network project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Inclusive enterprise<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/women-in-business-network\/\">\n                                            Women In Business Network\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Creating visibility, relationships and\n                                        opportunity for women-led businesses\n                                        and entrepreneurs.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/women-in-business-network\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/business-seed-partnership-bsp\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/10\/GPS-launch-1110x550.jpg\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Vegetable seed sector focus<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/women-in-business-network\/\">\n                                            Business Seed Partnership\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Enhancing the performance, sustainability and resilience of vegetable farming systems in Ghana.\n                              \n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/business-seed-partnership-bsp\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/sme-desk\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/SME-DESK-banner.jpg\" alt=\"SME Desk project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Business readiness<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/sme-desk\/\">\n                                            SME Desk\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Practical support for small and\n                                        medium-sized enterprises preparing for\n                                        growth and market opportunities.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/sme-desk\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/diaspora-network\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/Diaspora-banner.jpg\" alt=\"Diaspora Network project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Diaspora links<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/diaspora-network\/\">\n                                            Diaspora Network\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Connecting diaspora professionals and\n                                        businesses with trade, culture and\n                                        investment opportunities.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/diaspora-network\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                            <article class=\"gh-project-slide\">\n                                <a href=\"https:\/\/gnbcc.net\/project\/youth-in-food\/\">\n                                    <img decoding=\"async\" src=\"https:\/\/gnbcc.net\/wp-content\/uploads\/2025\/09\/YIB.jpg\" alt=\"Youth in Food project\" loading=\"lazy\">\n                                <\/a>\n                                <div class=\"gh-project-slide__body\">\n                                    <span>Youth employment<\/span>\n                                    <h3>\n                                        <a href=\"https:\/\/gnbcc.net\/project\/youth-in-food\/\">\n                                            Youth in Food\n                                        <\/a>\n                                    <\/h3>\n                                    <p>\n                                        Preparing young people for meaningful\n                                        work, skills development and\n                                        opportunities in the food sector.\n                                    <\/p>\n                                    <a class=\"gh-project-slide__link\" href=\"https:\/\/gnbcc.net\/project\/youth-in-food\/\">\n                                        Read More <span aria-hidden=\"true\">&rarr;<\/span>\n                                    <\/a>\n                                <\/div>\n                            <\/article>\n\n                        <\/div>\n                    <\/div>\n\n                    <button\n                        class=\"gh-project-carousel__nav gh-project-carousel__next\"\n                        type=\"button\"\n                        aria-label=\"Next project\"\n                    >\n                        &rsaquo;\n                    <\/button>\n\n                <\/div>\n\n                <div class=\"gh-project-carousel__dots\" aria-label=\"Project carousel pagination\"><\/div>\n\n            <\/div>\n            <!-- =============== END GNBCC PROJECTS SLIDER INSERT =============== -->\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         BUSINESS SUPPORT GUIDE\n    ====================================================== -->\n\n    <section class=\"gh-guide gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-guide__layout\">\n\n                <div class=\"gh-guide__intro\">\n\n                    <span class=\"gh-kicker\">\n                        How GNBCC can help\n                    <\/span>\n\n                    <h2>\n                        Start with your goal.\n                        <em>We will guide the next step.<\/em>\n                    <\/h2>\n\n                    <p>\n                        Select the business need that best describes your\n                        current priority. The guide will recommend the most\n                        relevant GNBCC service area.\n                    <\/p>\n\n                    <a\n                        class=\"gh-primary-button\"\n                        href=\"https:\/\/gnbcc.net\/contact\/\"\n                    >\n                        Discuss Your Business Needs\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"gh-guide__tool\">\n\n                    <div\n                        class=\"gh-guide__options\"\n                        role=\"tablist\"\n                        aria-label=\"Choose your business objective\"\n                    >\n\n                        <button\n                            class=\"gh-guide-option is-active\"\n                            type=\"button\"\n                            data-guide=\"market\"\n                            role=\"tab\"\n                            aria-selected=\"true\"\n                        >\n                            <span>01<\/span>\n                            Enter a new market\n                        <\/button>\n\n                        <button\n                            class=\"gh-guide-option\"\n                            type=\"button\"\n                            data-guide=\"partner\"\n                            role=\"tab\"\n                            aria-selected=\"false\"\n                        >\n                            <span>02<\/span>\n                            Find business partners\n                        <\/button>\n\n                        <button\n                            class=\"gh-guide-option\"\n                            type=\"button\"\n                            data-guide=\"visibility\"\n                            role=\"tab\"\n                            aria-selected=\"false\"\n                        >\n                            <span>03<\/span>\n                            Increase visibility\n                        <\/button>\n\n                        <button\n                            class=\"gh-guide-option\"\n                            type=\"button\"\n                            data-guide=\"project\"\n                            role=\"tab\"\n                            aria-selected=\"false\"\n                        >\n                            <span>04<\/span>\n                            Develop a programme\n                        <\/button>\n\n                    <\/div>\n\n                    <div\n                        class=\"gh-guide-result\"\n                        id=\"gh-guide-result\"\n                        aria-live=\"polite\"\n                    >\n                        <span class=\"gh-guide-result__label\">\n                            Recommended support\n                        <\/span>\n\n                        <h3>Market-entry and business advisory support<\/h3>\n\n                        <p>\n                            Access market information, practical guidance,\n                            referrals and connections that help your business\n                            understand and enter Ghanaian or Dutch markets.\n                        <\/p>\n\n                        <a href=\"https:\/\/gnbcc.net\/services\/\">\n                            Explore Business Support\n                            <span aria-hidden=\"true\">&rarr;<\/span>\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         NEWS AND PUBLICATIONS\n         Latest news loads automatically from WordPress REST API.\n    ====================================================== -->\n\n    <section class=\"gh-news gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--split\">\n\n                <div>\n                    <span class=\"gh-kicker\">\n                        News and insights\n                    <\/span>\n\n                    <h2>\n                        Stay informed about\n                        <em>business and opportunity.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"gh-section-heading__copy\">\n                    <p>\n                        Follow the latest GNBCC news, member stories,\n                        programme updates and Ghana-Netherlands business\n                        developments.\n                    <\/p>\n\n                    <a class=\"gh-text-link\" href=\"https:\/\/gnbcc.net\/news\/\">\n                        View all news\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"gh-news-slider-wrapper\">\n                <button class=\"gh-slider-nav gh-slider-prev\" id=\"news-prev\" aria-label=\"Previous News\">&larr;<\/button>\n                <div\n                    class=\"gh-news-slider\"\n                    id=\"gh-latest-news\"\n                    aria-live=\"polite\"\n                >\n                    <div class=\"gh-news-loading\">\n                        Loading the latest GNBCC stories&hellip;\n                    <\/div>\n                <\/div>\n                <button class=\"gh-slider-nav gh-slider-next\" id=\"news-next\" aria-label=\"Next News\">&rarr;<\/button>\n            <\/div>\n\n            <div class=\"gh-content-resources\">\n\n                <article class=\"gh-resource-card gh-resource-card--blue\">\n\n                    <span class=\"gh-resource-card__label\">\n                        Publications\n                    <\/span>\n\n                    <h3>\n                        Reports, newsletters and business insights\n                    <\/h3>\n\n                    <p>\n                        Explore GNBCC publications, programme reports,\n                        newsletters and market-focused content.\n                    <\/p>\n\n                    <!-- Change this URL to the publications page -->\n                    <a href=\"https:\/\/gnbcc.net\/news\/\">\n                        Explore publications\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n\n                <\/article>\n\n                <article class=\"gh-newsletter-card\">\n\n                    <div>\n                        <span class=\"gh-resource-card__label\">\n                            Newsletter\n                        <\/span>\n\n                        <h3>Get GNBCC updates in your inbox<\/h3>\n\n                        <p>\n                            Receive news, events, projects, member stories\n                            and business opportunities.\n                        <\/p>\n                    <\/div>\n\n                    <div style=\"margin-top: 24px;\">\n                        <a href=\"https:\/\/gnbcc.net\/newsletters\/join\/\" class=\"gh-primary-button\">\n                            Subscribe\n                            <span aria-hidden=\"true\">&rarr;<\/span>\n                        <\/a>\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         UPCOMING EVENTS\n         Uses the GNBCC Directory Integration plugin shortcodes.\n         If Elementor HTML does not render shortcodes on the\n         live page, place each shortcode in an Elementor Shortcode\n         widget and keep this section\/CSS\/JS around it.\n    ====================================================== -->\n\n    <section class=\"gh-live-feed gh-live-feed--events gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--split\">\n\n                <div>\n                    <span class=\"gh-kicker\">\n                        Upcoming events\n                    <\/span>\n\n                    <h2>\n                        Join upcoming\n                        <em>GNBCC opportunities.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"gh-section-heading__copy\">\n                    <p>\n                        Explore upcoming forums, networking sessions,\n                        webinars and business events from the GNBCC member\n                        platform.\n                    <\/p>\n\n                    <a class=\"gh-text-link\" href=\"https:\/\/gnbcc.net\/events\/\">\n                        View all events\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <article class=\"gh-live-panel gh-live-panel--events\">\n                <div class=\"gh-shortcode-wrap gh-shortcode-wrap--events\">\n                    <!-- GNBCC upcoming events shortcode: renders three event cards in one full-width row. -->\n                        <style>\n        #gnbcc-events-591554.gnbcc-events-directory { font-family: inherit; }\n        #gnbcc-events-591554 .gnbcc-events-toolbar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }\n        #gnbcc-events-591554 .gnbcc-events-toolbar input,\n        #gnbcc-events-591554 .gnbcc-events-toolbar select { flex: 1; min-width: 200px; border: 1px solid #dbe3ef; border-radius: 8px; color: #334155; background: #fff; padding: 11px 14px; font-size: 15px; }\n        #gnbcc-events-591554 .gnbcc-events-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }\n        #gnbcc-events-591554 .gnbcc-event-card { background: #fff; border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); display: flex; flex-direction: column; min-height: 100%; }\n        #gnbcc-events-591554 .gnbcc-event-image { width: 100%; aspect-ratio: 16 \/ 9; object-fit: cover; background: #f8fafc; display: block; }\n        #gnbcc-events-591554 .gnbcc-event-placeholder { aspect-ratio: 16 \/ 9; display: flex; align-items: center; justify-content: center; background: #eaf2ff; color: #0b2c75; font-weight: 900; font-size: 40px; }\n        #gnbcc-events-591554 .gnbcc-event-body { padding: 20px; flex: 1; display: flex; flex-direction: column; }\n        #gnbcc-events-591554 .gnbcc-event-badge { align-self: flex-start; border-radius: 999px; background: #eaf2ff; color: #0b4eb3; padding: 5px 10px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }\n        #gnbcc-events-591554 .gnbcc-event-title { margin: 14px 0 10px; color: #0f172a; font-size: 22px; line-height: 1.18; font-weight: 800; }\n        #gnbcc-events-591554 .gnbcc-event-title a { color: inherit; text-decoration: none; }\n        #gnbcc-events-591554 .gnbcc-event-title a:hover { color: #0b4eb3; }\n        #gnbcc-events-591554 .gnbcc-event-meta,\n        #gnbcc-events-591554 .gnbcc-event-description { color: #475569; font-size: 14px; line-height: 1.6; }\n        #gnbcc-events-591554 .gnbcc-event-description { margin-top: 12px; }\n        #gnbcc-events-591554 .gnbcc-event-actions { margin-top: auto; padding-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; }\n        #gnbcc-events-591554 .gnbcc-event-button { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: #0b2c75; color: #fff; padding: 10px 15px; font-weight: 800; text-decoration: none; border: 1px solid #0b2c75; }\n        #gnbcc-events-591554 .gnbcc-event-button.secondary { background: #fff; color: #0b2c75; }\n        #gnbcc-events-591554 .gnbcc-events-list { display: grid; gap: 14px; }\n        #gnbcc-events-591554 .gnbcc-events-list .gnbcc-event-card { display: grid; grid-template-columns: 220px 1fr; }\n        #gnbcc-events-591554 .gnbcc-events-compact { display: grid; gap: 10px; }\n        #gnbcc-events-591554 .gnbcc-events-compact .gnbcc-event-card { padding: 16px; }\n        #gnbcc-events-591554 .gnbcc-events-compact .gnbcc-event-body { padding: 0; }\n        #gnbcc-events-591554 .gnbcc-events-compact .gnbcc-event-title { margin-top: 0; font-size: 18px; }\n        #gnbcc-events-591554 .gnbcc-events-load { text-align: center; margin-top: 26px; }\n        #gnbcc-events-591554 .gnbcc-events-load button { border: 0; border-radius: 8px; background: #0b2c75; color: #fff; padding: 12px 22px; font-weight: 800; cursor: pointer; }\n        #gnbcc-events-591554 .gnbcc-events-empty { border: 1px solid #dbe3ef; border-radius: 8px; padding: 24px; color: #64748b; background: #fff; }\n        @media (max-width: 992px) { #gnbcc-events-591554 .gnbcc-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }\n        @media (max-width: 700px) {\n            #gnbcc-events-591554 .gnbcc-events-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }\n            #gnbcc-events-591554 .gnbcc-events-list .gnbcc-event-card { grid-template-columns: 1fr; }\n        }\n    <\/style>\n\n    <div id=\"gnbcc-events-591554\" class=\"gnbcc-events-directory\" data-display=\"grid\">\n        \n                    <div class=\"gnbcc-events-grid\">\n                                    <article class=\"gnbcc-event-card\" data-title=\"\" data-category=\"event\">\n                                                    <a href=\"\" aria-label=\"View \">\n                                                                    <div class=\"gnbcc-event-placeholder\"><\/div>\n                                                            <\/a>\n                                                <div class=\"gnbcc-event-body\">\n                            <span class=\"gnbcc-event-badge\">Event<\/span>\n                            <h3 class=\"gnbcc-event-title\"><a href=\"\"><\/a><\/h3>\n                            <div class=\"gnbcc-event-meta\">\n                                                                <strong>Venue:<\/strong> Online                            <\/div>\n                                                        <div class=\"gnbcc-event-actions\">\n                                                                <a class=\"gnbcc-event-button secondary\" href=\"\">View Details<\/a>\n                            <\/div>\n                        <\/div>\n                    <\/article>\n                            <\/div>\n\n                        <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const directory = document.getElementById(\"gnbcc-events-591554\");\n        if (!directory) return;\n\n        const searchInput = directory.querySelector('.gnbcc-events-search');\n        const categoryFilter = directory.querySelector('.gnbcc-events-category');\n        const items = Array.from(directory.querySelectorAll('.gnbcc-event-card'));\n        const loadMoreBtn = directory.querySelector('.gnbcc-events-load button');\n        const enablePagination = false;\n        const itemsPerPage = 12;\n        let visibleCount = itemsPerPage;\n        let filteredItems = [...items];\n\n        function renderItems() {\n            items.forEach(item => item.style.display = 'none');\n            filteredItems.forEach((item, index) => {\n                if (!enablePagination || index < visibleCount) {\n                    item.style.display = '';\n                }\n            });\n\n            if (loadMoreBtn) {\n                loadMoreBtn.style.display = enablePagination && visibleCount < filteredItems.length ? 'inline-flex' : 'none';\n            }\n        }\n\n        function filterEvents() {\n            const query = searchInput ? searchInput.value.toLowerCase() : '';\n            const category = categoryFilter ? categoryFilter.value.toLowerCase() : '';\n\n            filteredItems = items.filter(item => {\n                const title = item.getAttribute('data-title') || '';\n                const itemCategory = item.getAttribute('data-category') || '';\n                return title.includes(query) && (category === '' || itemCategory === category);\n            });\n            visibleCount = itemsPerPage;\n            renderItems();\n        }\n\n        if (searchInput) searchInput.addEventListener('input', filterEvents);\n        if (categoryFilter) categoryFilter.addEventListener('change', filterEvents);\n        if (loadMoreBtn) loadMoreBtn.addEventListener('click', function() {\n            visibleCount += itemsPerPage;\n            renderItems();\n        });\n\n        renderItems();\n    });\n    <\/script>\n    \n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         PREMIUM MEMBERS\n         Uses the GNBCC Directory Integration plugin shortcode.\n    ====================================================== -->\n\n    <section class=\"gh-live-feed gh-live-feed--members gh-section\">\n        <div class=\"gh-container\">\n\n            <div class=\"gh-section-heading gh-section-heading--split\">\n\n                <div>\n                    <span class=\"gh-kicker\">\n                        Premium members\n                    <\/span>\n\n                    <h2>\n                        Meet organisations\n                        <em>in our premium network.<\/em>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"gh-section-heading__copy\">\n                    <p>\n                        A quick view of premium members from the GNBCC member\n                        directory.\n                    <\/p>\n\n                    <a class=\"gh-text-link\" href=\"https:\/\/gnbcc.net\/memberships\/premium-members\/\">\n                        View premium members\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <article class=\"gh-live-panel gh-live-panel--members\">\n                <div class=\"gh-shortcode-wrap gh-shortcode-wrap--members\">\n                    <!-- GNBCC premium members shortcode: renders all premium member logos in a full-width grid. -->\n                        <style>\n        .gnbcc-members-directory {\n            font-family: inherit;\n        }\n\n        \/* SEARCH BAR *\/\n        .gnbcc-directory-tools {\n            background: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 12px;\n            padding: 16px;\n            margin-bottom: 32px;\n            box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);\n        }\n        .gnbcc-search-heading {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            margin-bottom: 12px;\n            color: #0f172a;\n            font-size: 14px;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n        }\n        .gnbcc-result-count {\n            color: #64748b;\n            font-size: 12px;\n            font-weight: 700;\n            text-transform: none;\n            letter-spacing: 0;\n            white-space: nowrap;\n        }\n        .gnbcc-search-bar {\n            display: flex;\n            gap: 12px;\n            margin-bottom: 0;\n            flex-wrap: wrap;\n        }\n        .gnbcc-search-bar input, .gnbcc-search-bar select {\n            padding: 13px 15px;\n            border: 1px solid #cbd5e1;\n            border-radius: 10px;\n            font-size: 15px;\n            outline: none;\n            flex: 1;\n            min-width: 200px;\n            background: #fff;\n            color: #1f2937;\n            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n        }\n        .gnbcc-search-bar input:focus, .gnbcc-search-bar select:focus {\n            border-color: #0b4eb3;\n            box-shadow: 0 0 0 3px rgba(11, 78, 179, 0.12);\n        }\n        .gnbcc-no-results {\n            display: none;\n            border: 1px dashed #cbd5e1;\n            border-radius: 10px;\n            color: #64748b;\n            background: #ffffff;\n            padding: 18px;\n            margin: 0 0 28px;\n            text-align: center;\n            font-weight: 600;\n        }\n        \n        \/* GRID LAYOUT STYLES *\/\n        .gnbcc-members-grid {\n            display: grid;\n            grid-template-columns: repeat(8, minmax(0, 1fr));\n            gap: 24px;\n            margin-bottom: 40px;\n        }\n        .gnbcc-member-card {\n            border: 1px solid #eaeaea;\n            padding: 20px;\n            text-align: center;\n            border-radius: 12px;\n            background: #ffffff;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n            transition: all 0.3s ease;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            min-height: 160px;\n            cursor: pointer;\n            position: relative;\n            overflow: hidden;\n            text-decoration: none !important;\n            color: inherit !important;\n        }\n        \n        \/* PREMIUM BADGE *\/\n        .gnbcc-premium-badge {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n            color: #fff;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 4px 8px;\n            border-radius: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);\n            z-index: 1;\n        }\n        .gnbcc-partner-badge {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            color: #fff;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 4px 8px;\n            border-radius: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n            z-index: 1;\n        }\n        .gnbcc-card-premium {\n            border: 1px solid #fcd34d !important;\n        }\n\n        .gnbcc-member-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 20px rgba(0,0,0,0.08);\n            border-color: #d1d5db;\n        }\n        .gnbcc-member-logo img {\n            max-width: 100%;\n            height: auto;\n            max-height: 90px;\n            object-fit: contain;\n            margin-bottom: 12px;\n            transition: transform 0.3s ease;\n        }\n        .gnbcc-member-card:hover .gnbcc-member-logo img {\n            transform: scale(1.05);\n        }\n        .gnbcc-members-logo-grid .gnbcc-members-grid {\n            gap: 18px;\n        }\n        .gnbcc-members-logo-grid .gnbcc-member-card {\n            min-height: 116px;\n            padding: 14px;\n        }\n        .gnbcc-members-logo-grid .gnbcc-member-logo {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-height: 76px;\n        }\n        .gnbcc-members-logo-grid .gnbcc-member-logo img {\n            max-width: 110px;\n            max-height: 58px;\n            margin-bottom: 0;\n        }\n        .gnbcc-members-logo-grid .gnbcc-premium-badge,\n        .gnbcc-members-logo-grid .gnbcc-partner-badge {\n            display: none;\n        }\n        .gnbcc-align-top {\n            justify-content: flex-start;\n        }\n        .gnbcc-align-bottom .gnbcc-member-name {\n            margin-top: auto;\n        }\n        .gnbcc-member-name {\n            font-weight: 600;\n            font-size: 15px;\n            color: #1f2937;\n            line-height: 1.3;\n            text-decoration: none !important;\n        }\n\n        \/* SECTOR HEADERS *\/\n        .sector-header-grid {\n            font-size: 24px;\n            font-weight: 700;\n            color: #111827;\n            border-bottom: 2px solid #e5e7eb;\n            padding-bottom: 12px;\n            margin-top: 48px;\n            margin-bottom: 24px;\n            position: relative;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        .sector-header-grid::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: -2px;\n            height: 2px;\n            width: 60px;\n            background-color: #2563eb;\n        }\n\n        \/* LIST LAYOUT STYLES *\/\n        .gnbcc-list-container {\n            column-count: 8;\n            column-gap: 28px;\n        }\n        @media (max-width: 992px) {\n            .gnbcc-members-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n            .gnbcc-list-container { column-count: 4; }\n        }\n        @media (max-width: 768px) {\n            .gnbcc-members-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n            .gnbcc-list-container { column-count: 2; }\n        }\n        .gnbcc-list-sector {\n            margin-bottom: 30px;\n            break-inside: avoid;\n            page-break-inside: avoid;\n            -webkit-column-break-inside: avoid;\n        }\n        .sector-header-list {\n            font-size: 19px;\n            font-weight: 800;\n            color: #0b4eb3;\n            border-bottom: 1px solid #dbe3ef;\n            padding: 0 0 10px;\n            margin-bottom: 10px;\n            margin-top: 0;\n            line-height: 1.35;\n        }\n        .gnbcc-list-items {\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            border: 1px solid #e2e8f0;\n            border-radius: 10px;\n            overflow: hidden;\n            background: #ffffff;\n        }\n        .gnbcc-list-items li {\n            display: flex;\n            align-items: flex-start;\n            justify-content: space-between;\n            gap: 10px;\n            margin: 0;\n            padding: 11px 12px;\n            border-bottom: 1px solid #e8edf5;\n            font-size: 15px;\n            color: #1f2937;\n            cursor: pointer;\n            line-height: 1.45;\n            transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n            break-inside: avoid;\n            page-break-inside: avoid;\n            -webkit-column-break-inside: avoid;\n        }\n        .gnbcc-list-items li:nth-child(even) {\n            background: #f8fafc;\n        }\n        .gnbcc-list-items li:last-child {\n            border-bottom: 0;\n        }\n        .gnbcc-list-items li:hover {\n            color: #0b4eb3;\n            background: #eef6ff;\n            border-color: #cfe0f7;\n            text-decoration: none;\n        }\n        .gnbcc-member-list-name {\n            flex: 1 1 auto;\n            min-width: 0;\n            overflow-wrap: anywhere;\n            word-break: normal;\n        }\n        .gnbcc-list-items span.gnbcc-premium-badge-list,\n        .gnbcc-list-items span.gnbcc-partner-badge-list {\n            background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n            color: #fff;\n            font-size: 10px;\n            font-weight: 800;\n            padding: 3px 8px;\n            border-radius: 999px;\n            margin-left: 0;\n            vertical-align: top;\n            line-height: 1.2;\n            white-space: nowrap;\n            flex: 0 0 auto;\n            box-shadow: 0 2px 5px rgba(245, 158, 11, 0.24);\n        }\n\n        \/* LOAD MORE *\/\n        .gnbcc-load-more-container {\n            text-align: center;\n            margin-top: 30px;\n            margin-bottom: 50px;\n        }\n        .gnbcc-load-more-btn {\n            background-color: #2563eb;\n            color: #ffffff;\n            border: none;\n            padding: 12px 24px;\n            font-size: 16px;\n            font-weight: 600;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background-color 0.3s ease;\n        }\n        .gnbcc-load-more-btn:hover {\n            background-color: #1d4ed8;\n        }\n        \n        \/* MODAL *\/\n        .gnbcc-modal-overlay {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(15, 23, 42, 0.62);\n            z-index: 99999;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            backdrop-filter: blur(4px);\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        .gnbcc-modal-overlay.gnbcc-modal-active {\n            display: flex;\n            opacity: 1;\n        }\n        .gnbcc-modal-content {\n            background: #fff;\n            width: 90%;\n            max-width: 640px;\n            border-radius: 18px;\n            padding: 0;\n            position: relative;\n            box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);\n            transform: translateY(20px);\n            transition: transform 0.3s ease;\n            max-height: 90vh;\n            overflow-y: auto;\n            border: 1px solid rgba(226, 232, 240, 0.95);\n        }\n        .gnbcc-modal-overlay.gnbcc-modal-active .gnbcc-modal-content {\n            transform: translateY(0);\n        }\n        .gnbcc-modal-close {\n            position: absolute;\n            top: 18px;\n            right: 18px;\n            background: #f8fafc;\n            border: 1px solid #e2e8f0;\n            border-radius: 999px;\n            width: 34px;\n            height: 34px;\n            font-size: 22px;\n            cursor: pointer;\n            color: #6b7280;\n            line-height: 1;\n            padding: 0 0 3px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .gnbcc-modal-close:hover {\n            color: #111827;\n            background: #eef2f7;\n        }\n        .gnbcc-modal-header {\n            display: flex;\n            align-items: center;\n            gap: 18px;\n            margin-bottom: 0;\n            border-bottom: 1px solid #e5e7eb;\n            padding: 30px 34px 24px;\n            background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);\n        }\n        .gnbcc-modal-logo {\n            width: 84px;\n            height: 84px;\n            object-fit: contain;\n            border: 1px solid #e5e7eb;\n            border-radius: 14px;\n            background: #ffffff;\n            padding: 10px;\n        }\n        .gnbcc-modal-title {\n            font-size: 26px;\n            font-weight: 800;\n            color: #0f172a;\n            margin: 0;\n            line-height: 1.2;\n        }\n        .gnbcc-modal-sector {\n            font-size: 14px;\n            color: #0b4eb3;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            margin-top: 8px;\n            font-weight: 800;\n        }\n        .gnbcc-modal-body {\n            padding: 26px 34px 0;\n        }\n        .gnbcc-modal-body p {\n            margin: 0 0 18px;\n            line-height: 1.7;\n            color: #374151;\n            font-size: 16px;\n        }\n        .gnbcc-modal-info-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 15px;\n            margin-top: 18px;\n            background: #f8fafc;\n            padding: 18px;\n            border-radius: 12px;\n            border: 1px solid #eef2f7;\n        }\n        @media (max-width: 480px) {\n            .gnbcc-modal-info-grid { grid-template-columns: 1fr; }\n        }\n        .gnbcc-modal-info-item strong {\n            display: block;\n            font-size: 12px;\n            color: #64748b;\n            text-transform: uppercase;\n            margin-bottom: 5px;\n            letter-spacing: 0.08em;\n        }\n        .gnbcc-modal-info-item span, .gnbcc-modal-info-item a {\n            font-size: 15px;\n            color: #111827;\n            line-height: 1.5;\n        }\n        .gnbcc-modal-info-item a {\n            color: #2563eb;\n            text-decoration: none;\n        }\n        .gnbcc-modal-info-item a:hover {\n            text-decoration: underline;\n        }\n        .gnbcc-modal-footer {\n            padding: 24px 34px 34px;\n            text-align: center;\n        }\n        .gnbcc-modal-website-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            background-color: #166534;\n            color: #ffffff;\n            padding: 13px 24px;\n            border-radius: 10px;\n            text-decoration: none;\n            font-weight: 800;\n            transition: background-color 0.3s ease;\n            min-width: 180px;\n        }\n        .gnbcc-modal-website-btn:hover {\n            background-color: #14532d;\n            color: #ffffff;\n        }\n    <\/style>\n    \n    <div class=\"gnbcc-members-directory gnbcc-members-logo-grid\">\n        \n        \n        <div id=\"gnbcc-no-results\" class=\"gnbcc-no-results\">No members match your search.<\/div>\n\n                    <p>No members found.<\/p>\n            <\/div>\n\n    <!-- MODAL -->\n    <div id=\"gnbcc-member-modal\" class=\"gnbcc-modal-overlay\">\n        <div class=\"gnbcc-modal-content\">\n            <button class=\"gnbcc-modal-close\" id=\"gnbcc-modal-close\">&times;<\/button>\n            <div class=\"gnbcc-modal-header\">\n                <img decoding=\"async\" id=\"gnbcc-modal-logo\" class=\"gnbcc-modal-logo\" src=\"\" alt=\"\" style=\"display:none;\" \/>\n                <div>\n                    <h3 id=\"gnbcc-modal-title\" class=\"gnbcc-modal-title\"><\/h3>\n                    <div id=\"gnbcc-modal-sector\" class=\"gnbcc-modal-sector\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"gnbcc-modal-body\">\n                <p id=\"gnbcc-modal-desc\"><\/p>\n                <div class=\"gnbcc-modal-info-grid\" id=\"gnbcc-modal-info-grid\">\n                    <div class=\"gnbcc-modal-info-item\" id=\"gnbcc-modal-address-box\" style=\"display:none;\">\n                        <strong>Address<\/strong>\n                        <span id=\"gnbcc-modal-address\"><\/span>\n                    <\/div>\n                    <div class=\"gnbcc-modal-info-item\" id=\"gnbcc-modal-city-box\" style=\"display:none;\">\n                        <strong>City<\/strong>\n                        <span id=\"gnbcc-modal-city\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"gnbcc-modal-footer\" id=\"gnbcc-modal-website-box\" style=\"display:none;\">\n                <a id=\"gnbcc-modal-website\" href=\"\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"gnbcc-modal-website-btn\" data-member-id=\"\">Visit Website<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const directory = document.querySelector('.gnbcc-members-directory');\n        if (!directory) return;\n\n        const searchInput = document.getElementById('gnbcc-search-input');\n        const sectorFilter = document.getElementById('gnbcc-sector-filter');\n        const items = Array.from(directory.querySelectorAll('.gnbcc-member-item'));\n        const loadMoreBtn = document.getElementById('gnbcc-load-more');\n        const resultCount = document.getElementById('gnbcc-result-count');\n        const noResults = document.getElementById('gnbcc-no-results');\n        const itemsPerPage = 24;\n        let visibleCount = itemsPerPage;\n        let filteredItems = [...items];\n\n        const enablePagination = false;\n\n        function renderItems() {\n            \/\/ First hide all\n            items.forEach(item => item.style.display = 'none');\n            \n            \/\/ Show up to visibleCount of filteredItems\n            for (let i = 0; i < filteredItems.length; i++) {\n                if (enablePagination && i >= visibleCount) break;\n                \n                \/\/ For grid items, we use flex. For list items, list-item.\n                filteredItems[i].style.display = filteredItems[i].tagName === 'LI' ? 'list-item' : 'flex';\n            }\n\n            \/\/ Hide empty sector headers if grouping by sector\n            const sectorBlocks = directory.querySelectorAll('.gnbcc-sector-block');\n            sectorBlocks.forEach(block => {\n                if (block.tagName === 'H3') {\n                    \/\/ It's a header, we need to check if the next sibling (the grid) has visible items\n                    const grid = block.nextElementSibling;\n                    if (grid && grid.classList.contains('gnbcc-members-grid')) {\n                        const visibleInGrid = grid.querySelectorAll('.gnbcc-member-item[style*=\"display: flex\"]');\n                        if (visibleInGrid.length === 0) {\n                            block.style.display = 'none';\n                            grid.style.display = 'none';\n                        } else {\n                            block.style.display = 'block';\n                            grid.style.display = 'grid';\n                        }\n                    }\n                }\n            });\n\n            \/\/ Hide empty list sectors\n            const listSectors = directory.querySelectorAll('.gnbcc-list-sector');\n            listSectors.forEach(sec => {\n                const visibleInList = sec.querySelectorAll('.gnbcc-member-item[style*=\"display: list-item\"]');\n                sec.style.display = visibleInList.length === 0 ? 'none' : 'block';\n            });\n\n            \/\/ Toggle load more\n            if (enablePagination && loadMoreBtn) {\n                if (visibleCount < filteredItems.length) {\n                    loadMoreBtn.style.display = 'inline-block';\n                } else {\n                    loadMoreBtn.style.display = 'none';\n                }\n            }\n\n            if (resultCount) {\n                resultCount.textContent = filteredItems.length + (filteredItems.length === 1 ? ' member' : ' members');\n            }\n            if (noResults) {\n                noResults.style.display = filteredItems.length === 0 ? 'block' : 'none';\n            }\n        }\n\n        function filterMembers() {\n            const query = searchInput ? searchInput.value.toLowerCase() : '';\n            const sector = sectorFilter ? sectorFilter.value.toLowerCase() : '';\n            \n            filteredItems = items.filter(item => {\n                const name = item.getAttribute('data-name');\n                const itemSector = item.getAttribute('data-sector');\n                const matchName = name.includes(query);\n                const matchSector = sector === '' || itemSector === sector;\n                return matchName && matchSector;\n            });\n\n            visibleCount = itemsPerPage; \/\/ reset pagination\n            renderItems();\n        }\n\n        if (searchInput) searchInput.addEventListener('input', filterMembers);\n        if (sectorFilter) sectorFilter.addEventListener('change', filterMembers);\n        \n        if (loadMoreBtn) {\n            loadMoreBtn.addEventListener('click', function() {\n                visibleCount += itemsPerPage;\n                renderItems();\n            });\n        }\n\n        renderItems(); \/\/ initial render\n\n        \/\/ MODAL LOGIC\n        const modal = document.getElementById('gnbcc-member-modal');\n        const modalClose = document.getElementById('gnbcc-modal-close');\n        \n        function trackClick(memberId, clickType) {\n            fetch('https:\/\/members.gnbcc.net\/api\/v1\/public-directory\/track-click', {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                    'Accept': 'application\/json'\n                },\n                body: JSON.stringify({\n                    member_id: memberId,\n                    click_type: clickType\n                })\n            }).catch(e => console.error('Tracking failed', e));\n        }\n\n        items.forEach(item => {\n            item.addEventListener('click', function(e) {\n                e.preventDefault();\n                const data = JSON.parse(this.getAttribute('data-member'));\n                \n                \/\/ Track profile view\n                if (data.id) trackClick(data.id, 'profile_view');\n\n                document.getElementById('gnbcc-modal-title').textContent = data.name;\n                document.getElementById('gnbcc-modal-sector').textContent = data.sector || 'Member';\n                \n                if (data.logo_url) {\n                    document.getElementById('gnbcc-modal-logo').src = data.logo_url;\n                    document.getElementById('gnbcc-modal-logo').style.display = 'block';\n                } else {\n                    document.getElementById('gnbcc-modal-logo').style.display = 'none';\n                }\n\n                const desc = document.getElementById('gnbcc-modal-desc');\n                if (data.company_description) {\n                    desc.textContent = data.company_description;\n                    desc.style.display = 'block';\n                } else {\n                    desc.textContent = '';\n                    desc.style.display = 'none';\n                }\n\n                let hasLocationInfo = false;\n                if (data.address) {\n                    document.getElementById('gnbcc-modal-address').textContent = data.address;\n                    document.getElementById('gnbcc-modal-address-box').style.display = 'block';\n                    hasLocationInfo = true;\n                } else {\n                    document.getElementById('gnbcc-modal-address-box').style.display = 'none';\n                }\n\n                if (data.city) {\n                    document.getElementById('gnbcc-modal-city').textContent = data.city;\n                    document.getElementById('gnbcc-modal-city-box').style.display = 'block';\n                    hasLocationInfo = true;\n                } else {\n                    document.getElementById('gnbcc-modal-city-box').style.display = 'none';\n                }\n                document.getElementById('gnbcc-modal-info-grid').style.display = hasLocationInfo ? 'grid' : 'none';\n\n                if (data.website) {\n                    let url = data.website;\n                    if (!url.startsWith('http:\/\/') && !url.startsWith('https:\/\/')) {\n                        url = 'https:\/\/' + url;\n                    }\n                    document.getElementById('gnbcc-modal-website').href = url;\n                    document.getElementById('gnbcc-modal-website').setAttribute('data-member-id', data.id);\n                    document.getElementById('gnbcc-modal-website-box').style.display = 'block';\n                } else {\n                    document.getElementById('gnbcc-modal-website-box').style.display = 'none';\n                }\n\n                modal.classList.add('gnbcc-modal-active');\n            });\n        });\n\n        \/\/ Track website clicks from modal\n        const websiteBtn = document.getElementById('gnbcc-modal-website');\n        if (websiteBtn) {\n            websiteBtn.addEventListener('click', function() {\n                const id = this.getAttribute('data-member-id');\n                if (id) trackClick(id, 'website_click');\n            });\n        }\n\n        \/\/ Close modal\n        if (modalClose) {\n            modalClose.addEventListener('click', () => modal.classList.remove('gnbcc-modal-active'));\n        }\n        modal.addEventListener('click', function(e) {\n            if (e.target === modal) modal.classList.remove('gnbcc-modal-active');\n        });\n    });\n    <\/script>\n    \n                <\/div>\n            <\/article>\n\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         FINAL HOMEPAGE CTA\n    ====================================================== -->\n\n    <section class=\"gh-final-cta\">\n        <div class=\"gh-container gh-final-cta__inner\">\n\n            <div>\n                <span class=\"gh-kicker gh-kicker--light\">\n                    Connect with GNBCC\n                <\/span>\n\n                <h2>\n                    Ready to build stronger business connections?\n                <\/h2>\n\n                <p>\n                    Join the GNBCC community or speak with our team about\n                    market access, partnerships, membership and programme\n                    opportunities.\n                <\/p>\n            <\/div>\n\n            <div class=\"gh-final-cta__actions\">\n\n                <a\n                    class=\"gh-final-button gh-final-button--primary\"\n                    href=\"https:\/\/gnbcc.net\/memberships\/become-a-member\/\"\n                >\n                    Become a Member\n                    <span aria-hidden=\"true\">&rarr;<\/span>\n                <\/a>\n\n                <a\n                    class=\"gh-final-button gh-final-button--secondary\"\n                    href=\"https:\/\/gnbcc.net\/contact\/\"\n                >\n                    Contact GNBCC\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<\/div>\n\n\n<style>\n\/* =========================================================\n   SHARED SETTINGS\n========================================================= *\/\n\n.gnbcc-home-content {\n    --gh-blue: #005190;\n    --gh-blue-dark: #003b6b;\n    --gh-blue-deep: #002844;\n    --gh-navy: #082471;\n    --gh-light-blue: #3d7db8;\n    --gh-orange: #ff7000;\n    --gh-orange-dark: #b34e00;\n    --gh-green: #027935;\n    --gh-white: #ffffff;\n    --gh-light: #f5f8fb;\n    --gh-light-orange: #fff4ea;\n    --gh-text: #273444;\n    --gh-muted: #667085;\n    --gh-border: #dce5ec;\n    --gh-shadow: 0 22px 55px rgba(0, 81, 144, 0.12);\n\n    width: 100%;\n    overflow: hidden;\n    color: var(--gh-text);\n    background: var(--gh-white);\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    line-height: 1.65;\n}\n\n.gnbcc-home-content *,\n.gnbcc-home-content *::before,\n.gnbcc-home-content *::after {\n    box-sizing: border-box;\n}\n\n.gh-container {\n    width: min(1180px, calc(100% - 40px));\n    margin-inline: auto;\n}\n\n.gh-section {\n    position: relative;\n    padding: 105px 0;\n}\n\n.gh-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 14px;\n    color: var(--gh-orange);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n}\n\n.gh-kicker::before {\n    content: \"\";\n    width: 31px;\n    height: 3px;\n    border-radius: 20px;\n    background: currentColor;\n}\n\n.gh-kicker--light {\n    color: #ffb27a;\n}\n\n.gh-section-heading {\n    margin-bottom: 50px;\n}\n\n.gh-section-heading--split {\n    display: grid;\n    grid-template-columns: 0.9fr 1.1fr;\n    gap: 75px;\n    align-items: end;\n}\n\n.gh-section-heading--centre {\n    max-width: 790px;\n    margin-right: auto;\n    margin-bottom: 50px;\n    margin-left: auto;\n    text-align: center;\n}\n\n.gh-section-heading--centre .gh-kicker {\n    justify-content: center;\n}\n\n.gh-section-heading h2,\n.gh-guide h2,\n.gh-impact h2 {\n    margin: 0;\n    color: var(--gh-blue);\n    font-size: clamp(39px, 5vw, 59px);\n    font-weight: 750;\n    line-height: 1.05;\n    letter-spacing: -0.048em;\n}\n\n.gh-section-heading h2 em,\n.gh-guide h2 em,\n.gh-impact h2 em {\n    color: var(--gh-orange);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-style: italic;\n    font-weight: 600;\n}\n\n.gh-section-heading__copy p,\n.gh-section-heading--centre > p {\n    margin: 0 0 18px;\n    color: var(--gh-muted);\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n.gh-section-heading--centre > p {\n    margin: 19px auto 0;\n}\n\n.gh-text-link,\n.gh-card-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--gh-blue) !important;\n    text-decoration: none !important;\n    font-size: 14px;\n    font-weight: 800;\n}\n\n.gh-text-link span,\n.gh-card-link span {\n    transition: transform 0.25s ease;\n}\n\n.gh-text-link:hover,\n.gh-card-link:hover {\n    color: var(--gh-orange) !important;\n}\n\n.gh-text-link:hover span,\n.gh-card-link:hover span {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   EVENT BANNER\n========================================================= *\/\n\n.gh-event-banner {\n    position: relative;\n    z-index: 4;\n    color: var(--gh-white);\n    background:\n        linear-gradient(\n            90deg,\n            var(--gh-orange-dark),\n            var(--gh-orange)\n        );\n}\n\n.gh-event-banner__inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    min-height: 70px;\n    padding-top: 11px;\n    padding-bottom: 11px;\n}\n\n.gh-event-banner__content {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 13px;\n}\n\n.gh-event-banner__badge {\n    padding: 7px 11px;\n    border-radius: 999px;\n    color: var(--gh-orange);\n    background: var(--gh-white);\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n}\n\n.gh-event-banner__content strong {\n    color: var(--gh-white);\n    font-size: 15px;\n}\n\n.gh-event-banner__date {\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 13px;\n}\n\n.gh-event-banner__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    flex: 0 0 auto;\n    color: var(--gh-white) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n.gh-event-banner__link:hover span {\n    transform: translateX(4px);\n}\n\n\/* =========================================================\n   PURPOSE CARDS\n========================================================= *\/\n\n.gh-intro {\n    background:\n        radial-gradient(\n            circle at 95% 8%,\n            rgba(255, 112, 0, 0.08),\n            transparent 25%\n        ),\n        #ffffff;\n}\n\n.gh-purpose-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 18px;\n}\n\n.gh-purpose-card {\n    position: relative;\n    min-height: 100%;\n    padding: 27px 24px;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 18px;\n    background: var(--gh-white);\n    box-shadow: 0 12px 32px rgba(0, 81, 144, 0.055);\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        border-color 0.3s ease;\n}\n\n.gh-purpose-card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(255, 112, 0, 0.5);\n    box-shadow: var(--gh-shadow);\n}\n\n.gh-purpose-card--orange {\n    border-color: transparent;\n    color: var(--gh-white);\n    background:\n        linear-gradient(\n            145deg,\n            var(--gh-orange-dark),\n            var(--gh-orange)\n        );\n}\n\n.gh-purpose-card__icon {\n    display: grid;\n    place-items: center;\n    width: 52px;\n    height: 52px;\n    margin-bottom: 22px;\n    border-radius: 15px;\n    color: var(--gh-blue);\n    background: #eaf3fa;\n}\n\n.gh-purpose-card--orange .gh-purpose-card__icon {\n    color: var(--gh-white);\n    background: rgba(255, 255, 255, 0.16);\n}\n\n.gh-purpose-card__icon svg {\n    width: 27px;\n    height: 27px;\n}\n\n.gh-purpose-card__number {\n    position: absolute;\n    top: 18px;\n    right: 20px;\n    color: rgba(0, 81, 144, 0.07);\n    font-size: 42px;\n    font-weight: 900;\n}\n\n.gh-purpose-card--orange .gh-purpose-card__number {\n    color: rgba(255, 255, 255, 0.12);\n}\n\n.gh-purpose-card h3 {\n    margin: 0 0 10px;\n    color: var(--gh-blue-dark);\n    font-size: 19px;\n}\n\n.gh-purpose-card p {\n    margin: 0;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n.gh-purpose-card--orange h3 {\n    color: var(--gh-white);\n}\n\n.gh-purpose-card--orange p {\n    color: rgba(255, 255, 255, 0.82);\n}\n\n\/* =========================================================\n   THREE PILLARS\n========================================================= *\/\n\n.gh-pillars {\n    background:\n        linear-gradient(180deg, #f5f8fb 0%, #ffffff 100%);\n}\n\n.gh-pillar-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n}\n\n.gh-pillar-card {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 20px;\n    background: var(--gh-white);\n    box-shadow: 0 14px 38px rgba(0, 81, 144, 0.08);\n    transition:\n        transform 0.32s ease,\n        box-shadow 0.32s ease,\n        border-color 0.32s ease;\n}\n\n.gh-pillar-card:hover {\n    transform: translateY(-9px);\n    border-color: rgba(255, 112, 0, 0.52);\n    box-shadow: var(--gh-shadow);\n}\n\n.gh-pillar-card__image {\n    height: 235px;\n    overflow: hidden;\n}\n\n.gh-pillar-card__image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.55s ease;\n}\n\n.gh-pillar-card:hover .gh-pillar-card__image img {\n    transform: scale(1.06);\n}\n\n.gh-pillar-card__body {\n    position: relative;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 27px 25px 28px;\n}\n\n.gh-pillar-card__body::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 25px;\n    width: 52px;\n    height: 4px;\n    border-radius: 0 0 4px 4px;\n    background: var(--gh-orange);\n}\n\n.gh-pillar-card__label {\n    margin-bottom: 10px;\n    color: var(--gh-orange);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.gh-pillar-card h3 {\n    margin: 0 0 12px;\n    color: var(--gh-blue-dark);\n    font-size: 23px;\n    line-height: 1.25;\n}\n\n.gh-pillar-card p {\n    margin: 0 0 18px;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n.gh-pillar-card ul {\n    display: grid;\n    gap: 9px;\n    margin: 0 0 24px;\n    padding: 0;\n    list-style: none;\n}\n\n.gh-pillar-card li {\n    position: relative;\n    padding-left: 20px;\n    color: var(--gh-text);\n    font-size: 13px;\n}\n\n.gh-pillar-card li::before {\n    content: \"\";\n    position: absolute;\n    top: 8px;\n    left: 0;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--gh-orange);\n}\n\n.gh-pillar-card__body > a {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    margin-top: auto;\n    color: var(--gh-blue) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n.gh-pillar-card__body > a:hover {\n    color: var(--gh-orange) !important;\n}\n\n\/* =========================================================\n   IMPACT\n========================================================= *\/\n\n.gh-impact {\n    overflow: hidden;\n    color: var(--gh-white);\n    background:\n        radial-gradient(\n            circle at 88% 16%,\n            rgba(255, 112, 0, 0.3),\n            transparent 26%\n        ),\n        linear-gradient(\n            135deg,\n            var(--gh-blue-deep),\n            var(--gh-blue)\n        );\n}\n\n.gh-impact__pattern {\n    position: absolute;\n    top: -180px;\n    right: -120px;\n    width: 470px;\n    height: 470px;\n    border: 72px solid rgba(255, 255, 255, 0.05);\n    border-radius: 50%;\n}\n\n.gh-impact__header {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1fr 0.8fr;\n    gap: 65px;\n    align-items: end;\n    margin-bottom: 50px;\n}\n\n.gh-impact h2 {\n    color: var(--gh-white);\n}\n\n.gh-impact__header p {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.77);\n    font-size: 17px;\n}\n\n.gh-impact-grid {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.17);\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.08);\n    backdrop-filter: blur(8px);\n}\n\n.gh-impact-stat {\n    min-height: 190px;\n    padding: 30px 24px;\n    border-right: 1px solid rgba(255, 255, 255, 0.15);\n}\n\n.gh-impact-stat:last-child {\n    border-right: 0;\n}\n\n.gh-impact-stat strong {\n    display: block;\n    margin-bottom: 10px;\n    color: #ff9f5c;\n    font-size: clamp(38px, 5vw, 56px);\n    line-height: 1;\n}\n\n.gh-impact-stat .gh-impact-label {\n    font-size: 25px;\n}\n\n.gh-impact-stat span {\n    color: rgba(255, 255, 255, 0.77);\n    font-size: 14px;\n    line-height: 1.55;\n}\n\n.gh-impact-focus {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n    margin-top: 22px;\n}\n\n.gh-impact-focus > div {\n    padding: 19px 20px;\n    border-left: 3px solid var(--gh-orange);\n    background: rgba(0, 0, 0, 0.11);\n}\n\n.gh-impact-focus span,\n.gh-impact-focus strong {\n    display: block;\n}\n\n.gh-impact-focus span {\n    margin-bottom: 4px;\n    color: rgba(255, 255, 255, 0.56);\n    font-size: 11px;\n    font-weight: 800;\n    text-transform: uppercase;\n}\n\n.gh-impact-focus strong {\n    color: var(--gh-white);\n    font-size: 14px;\n}\n\n\/* =========================================================\n   PROJECTS\n========================================================= *\/\n\n.gh-projects {\n    background: #ffffff;\n}\n\n.gh-project-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 23px;\n}\n\n.gh-project-card {\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 19px;\n    background: var(--gh-white);\n    box-shadow: 0 12px 34px rgba(0, 81, 144, 0.07);\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        border-color 0.3s ease;\n}\n\n.gh-project-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(255, 112, 0, 0.5);\n    box-shadow: var(--gh-shadow);\n}\n\n.gh-project-card__image {\n    position: relative;\n    display: block;\n    height: 245px;\n    overflow: hidden;\n}\n\n.gh-project-card__image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(\n            180deg,\n            transparent 45%,\n            rgba(0, 43, 79, 0.72)\n        );\n}\n\n.gh-project-card__image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.55s ease;\n}\n\n.gh-project-card:hover .gh-project-card__image img {\n    transform: scale(1.06);\n}\n\n.gh-project-card__image span {\n    position: absolute;\n    right: 19px;\n    bottom: 17px;\n    left: 19px;\n    z-index: 2;\n    color: var(--gh-white);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n}\n\n.gh-project-card__body {\n    padding: 25px 24px 27px;\n}\n\n.gh-project-card h3 {\n    margin: 0 0 12px;\n}\n\n.gh-project-card h3 a {\n    color: var(--gh-blue-dark) !important;\n    text-decoration: none !important;\n    font-size: 20px;\n    line-height: 1.3;\n}\n\n.gh-project-card h3 a:hover {\n    color: var(--gh-orange) !important;\n}\n\n.gh-project-card p {\n    margin: 0 0 20px;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n\/* =========================================================\n   GNBCC PROJECTS SLIDER INSERT CSS\n   Keep this CSS with the HTML block named\n   \"GNBCC PROJECTS SLIDER INSERT\" when pasting online.\n========================================================= *\/\n\n.gh-project-carousel {\n    position: relative;\n    margin-top: 34px;\n}\n\n.gh-project-carousel__caption {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    gap: 18px;\n    align-items: center;\n    margin-bottom: 22px;\n    padding: 20px 24px;\n    border: 1px solid rgba(0, 81, 144, 0.12);\n    border-left: 5px solid var(--gh-orange);\n    border-radius: 14px;\n    background: linear-gradient(90deg, #fff4ea 0%, #ffffff 100%);\n}\n\n.gh-project-carousel__caption span {\n    color: var(--gh-orange);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n}\n\n.gh-project-carousel__caption strong {\n    color: var(--gh-blue-dark);\n    font-size: clamp(18px, 2vw, 24px);\n    line-height: 1.3;\n}\n\n.gh-project-carousel__shell {\n    position: relative;\n}\n\n.gh-project-carousel__viewport {\n    overflow: hidden;\n    width: 100%;\n}\n\n.gh-project-carousel__track {\n    display: flex;\n    gap: 22px;\n    scroll-behavior: smooth;\n    transition: transform 0.45s ease;\n    will-change: transform;\n}\n\n.gh-project-slide {\n    flex: 0 0 calc((100% - 44px) \/ 3);\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 18px;\n    background: var(--gh-white);\n    box-shadow: 0 14px 40px rgba(0, 81, 144, 0.08);\n}\n\n.gh-project-slide > a {\n    display: block;\n    height: 255px;\n    overflow: hidden;\n    background: var(--gh-light);\n}\n\n.gh-project-slide img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.gh-project-slide:hover img {\n    transform: scale(1.055);\n}\n\n.gh-project-slide__body {\n    padding: 24px 24px 27px;\n}\n\n.gh-project-slide__body > span {\n    display: block;\n    margin-bottom: 8px;\n    color: var(--gh-orange);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.gh-project-slide h3 {\n    margin: 0 0 10px;\n}\n\n.gh-project-slide h3 a {\n    color: var(--gh-blue-dark) !important;\n    text-decoration: none !important;\n    font-size: 21px;\n    line-height: 1.25;\n}\n\n.gh-project-slide h3 a:hover {\n    color: var(--gh-orange) !important;\n}\n\n.gh-project-slide p {\n    min-height: 68px;\n    margin: 0 0 20px;\n    color: var(--gh-muted);\n    font-size: 14px;\n    line-height: 1.6;\n}\n\n.gh-project-slide__link {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    min-height: 42px;\n    padding: 10px 16px;\n    border: 1px solid rgba(0, 81, 144, 0.32);\n    border-radius: 8px;\n    color: var(--gh-blue) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 850;\n}\n\n.gh-project-slide__link:hover {\n    border-color: var(--gh-orange);\n    color: var(--gh-orange) !important;\n}\n\n.gh-project-carousel__nav {\n    position: absolute;\n    top: 50%;\n    z-index: 4;\n    display: grid;\n    place-items: center;\n    width: 50px;\n    height: 50px;\n    border: 1px solid rgba(0, 81, 144, 0.14);\n    border-radius: 50%;\n    color: var(--gh-blue);\n    background: var(--gh-white);\n    box-shadow: 0 12px 28px rgba(0, 81, 144, 0.12);\n    font-size: 34px;\n    line-height: 1;\n    cursor: pointer;\n    transform: translateY(-50%);\n    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;\n}\n\n.gh-project-carousel__nav:hover {\n    color: var(--gh-white);\n    background: var(--gh-orange);\n    transform: translateY(-50%) scale(1.05);\n}\n\n.gh-project-carousel__prev {\n    left: -25px;\n}\n\n.gh-project-carousel__next {\n    right: -25px;\n}\n\n.gh-project-carousel__dots {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 26px;\n}\n\n.gh-project-carousel__dots button {\n    width: 11px;\n    height: 11px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n    background: #b9c5d8;\n    cursor: pointer;\n    transition: transform 0.2s ease, background 0.2s ease;\n}\n\n.gh-project-carousel__dots button.is-active {\n    background: var(--gh-blue);\n    transform: scale(1.2);\n}\n\n\/* =========================================================\n   GUIDE\n========================================================= *\/\n\n.gh-guide {\n    background:\n        radial-gradient(\n            circle at 6% 10%,\n            rgba(255, 112, 0, 0.08),\n            transparent 25%\n        ),\n        var(--gh-light);\n}\n\n.gh-guide__layout {\n    display: grid;\n    grid-template-columns: 0.78fr 1.22fr;\n    gap: 70px;\n    align-items: center;\n}\n\n.gh-guide__intro p {\n    margin: 22px 0 28px;\n    color: var(--gh-muted);\n    font-size: 17px;\n}\n\n.gh-primary-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 54px;\n    padding: 14px 24px;\n    border-radius: 9px;\n    color: var(--gh-white) !important;\n    background: var(--gh-orange);\n    box-shadow: 0 14px 32px rgba(255, 112, 0, 0.24);\n    text-decoration: none !important;\n    font-size: 14px;\n    font-weight: 800;\n    transition: transform 0.25s ease, background 0.25s ease;\n}\n\n.gh-primary-button:hover {\n    transform: translateY(-3px);\n    background: var(--gh-orange-dark);\n    box-shadow: 0 15px 30px rgba(255, 112, 0, 0.35);\n}\n\n.gh-primary-button:hover span {\n    transform: translateX(5px);\n}\n\n.gh-guide__tool {\n    display: grid;\n    grid-template-columns: 0.85fr 1.15fr;\n    min-height: 420px;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 22px;\n    background: var(--gh-white);\n    box-shadow: var(--gh-shadow);\n}\n\n.gh-guide__options {\n    padding: 20px;\n    background: var(--gh-blue-dark);\n}\n\n.gh-guide-option {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n    width: 100%;\n    min-height: 70px;\n    padding: 14px;\n    border: 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.11);\n    color: rgba(255, 255, 255, 0.75);\n    background: transparent;\n    text-align: left;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 750;\n    cursor: pointer;\n    transition:\n        color 0.25s ease,\n        background 0.25s ease;\n}\n\n.gh-guide-option span {\n    display: grid;\n    place-items: center;\n    width: 31px;\n    height: 31px;\n    flex: 0 0 31px;\n    border-radius: 50%;\n    color: var(--gh-white);\n    background: rgba(255, 255, 255, 0.1);\n    font-size: 10px;\n}\n\n.gh-guide-option.is-active {\n    color: var(--gh-white);\n    background: var(--gh-orange);\n}\n\n.gh-guide-result {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 36px;\n}\n\n.gh-guide-result__label {\n    margin-bottom: 10px;\n    color: var(--gh-orange);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.gh-guide-result h3 {\n    margin: 0 0 13px;\n    color: var(--gh-blue-dark);\n    font-size: 27px;\n    line-height: 1.25;\n}\n\n.gh-guide-result p {\n    margin: 0 0 22px;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n.gh-guide-result a {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--gh-blue) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n\/* =========================================================\n   NEWS\n========================================================= *\/\n\n.gh-news {\n    background: #ffffff;\n}\n\n.gh-news-slider-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n}\n\n.gh-slider-nav {\n    display: grid;\n    place-items: center;\n    width: 44px;\n    height: 44px;\n    border: none;\n    border-radius: 50%;\n    color: var(--gh-white);\n    background: var(--gh-blue);\n    font-size: 18px;\n    cursor: pointer;\n    transition: background 0.3s ease, transform 0.2s ease;\n    flex-shrink: 0;\n}\n\n.gh-slider-nav:hover {\n    background: var(--gh-orange);\n    transform: scale(1.05);\n}\n\n.gh-news-slider {\n    display: flex;\n    gap: 22px;\n    overflow-x: auto;\n    scroll-behavior: smooth;\n    scroll-snap-type: x mandatory;\n    scrollbar-width: none;\n    flex: 1;\n}\n\n.gh-news-slider::-webkit-scrollbar {\n    display: none;\n}\n\n.gh-news-loading {\n    grid-column: 1 \/ -1;\n    padding: 55px;\n    border: 1px solid var(--gh-border);\n    border-radius: 18px;\n    color: var(--gh-muted);\n    background: var(--gh-light);\n    text-align: center;\n}\n\n.gh-news-card {\n    flex: 0 0 calc(33.333% - 15px);\n    scroll-snap-align: start;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 18px;\n    background: var(--gh-white);\n    box-shadow: 0 12px 32px rgba(0, 81, 144, 0.06);\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n.gh-news-card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(255, 112, 0, 0.5);\n    box-shadow: var(--gh-shadow);\n}\n\n.gh-news-card__image {\n    display: block;\n    height: 230px;\n    overflow: hidden;\n    background: var(--gh-light);\n}\n\n.gh-news-card__image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n\n.gh-news-card:hover .gh-news-card__image img {\n    transform: scale(1.055);\n}\n\n.gh-news-card__body {\n    padding: 23px 22px 25px;\n}\n\n.gh-news-card__meta {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--gh-orange);\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.gh-news-card h3 {\n    margin: 0 0 12px;\n}\n\n.gh-news-card h3 a {\n    color: var(--gh-blue-dark) !important;\n    text-decoration: none !important;\n    font-size: 20px;\n    line-height: 1.3;\n}\n\n.gh-news-card p {\n    margin: 0 0 18px;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n.gh-content-resources {\n    display: grid;\n    grid-template-columns: 0.82fr 1.18fr;\n    gap: 22px;\n    margin-top: 28px;\n}\n\n.gh-resource-card,\n.gh-newsletter-card {\n    padding: 33px;\n    border-radius: 20px;\n}\n\n.gh-resource-card--blue {\n    color: var(--gh-white);\n    background:\n        linear-gradient(\n            135deg,\n            var(--gh-blue-dark),\n            var(--gh-blue)\n        );\n}\n\n.gh-resource-card__label {\n    display: block;\n    margin-bottom: 9px;\n    color: #ffb27a;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n}\n\n.gh-resource-card h3,\n.gh-newsletter-card h3 {\n    margin: 0 0 10px;\n    font-size: 25px;\n    line-height: 1.25;\n}\n\n.gh-resource-card h3 {\n    color: var(--gh-white);\n}\n\n.gh-resource-card p {\n    margin: 0 0 20px;\n    color: rgba(255, 255, 255, 0.75);\n}\n\n.gh-resource-card a {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--gh-white) !important;\n    text-decoration: none !important;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n.gh-newsletter-card {\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: 30px;\n    align-items: center;\n    border: 1px solid var(--gh-border);\n    background: var(--gh-light-orange);\n}\n\n.gh-newsletter-card h3 {\n    color: var(--gh-blue-dark);\n}\n\n.gh-newsletter-card p {\n    margin: 0;\n    color: var(--gh-muted);\n    font-size: 14px;\n}\n\n.gh-newsletter-form {\n    display: grid;\n    grid-template-columns: 1fr 1fr auto;\n    gap: 9px;\n}\n\n.gh-newsletter-form input {\n    width: 100%;\n    min-height: 51px;\n    padding: 0 14px;\n    border: 1px solid var(--gh-border);\n    border-radius: 8px;\n    color: var(--gh-text);\n    background: var(--gh-white);\n    font-family: inherit;\n}\n\n.gh-newsletter-form button {\n    min-height: 51px;\n    padding: 0 19px;\n    border: 0;\n    border-radius: 8px;\n    color: var(--gh-white);\n    background: var(--gh-orange);\n    font-family: inherit;\n    font-weight: 800;\n    cursor: pointer;\n}\n\n\/* =========================================================\n   UPCOMING EVENTS AND PREMIUM MEMBERS\n========================================================= *\/\n\n.gh-live-feed {\n    background:\n        linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);\n}\n\n.gh-live-feed--members {\n    background: #ffffff;\n}\n\n.gh-live-feed__grid {\n    display: grid;\n    grid-template-columns: 0.82fr 1.18fr;\n    gap: 24px;\n    align-items: start;\n}\n\n.gh-live-panel {\n    min-width: 0;\n    overflow: hidden;\n    border: 1px solid var(--gh-border);\n    border-radius: 20px;\n    background: var(--gh-white);\n    box-shadow: 0 14px 38px rgba(0, 81, 144, 0.08);\n}\n\n.gh-shortcode-wrap {\n    padding: 24px;\n}\n\n.gh-live-feed--members .gh-live-panel {\n    width: 100%;\n    max-width: none;\n    margin-inline: auto;\n}\n\n.gh-shortcode-wrap--members .gnbcc-members-directory {\n    font-family: inherit;\n}\n\n.gh-shortcode-wrap--members .gnbcc-members-grid {\n    display: grid !important;\n    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;\n    gap: 14px !important;\n}\n\n.gh-shortcode-wrap--members .gnbcc-member-card {\n    min-height: 104px !important;\n    padding: 12px !important;\n    border: 1px solid rgba(0, 81, 144, 0.1) !important;\n    border-radius: 8px !important;\n    background: #ffffff !important;\n    box-shadow: 0 10px 28px rgba(0, 81, 144, 0.06) !important;\n}\n\n.gh-shortcode-wrap--members .gnbcc-member-logo {\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 68px;\n}\n\n.gh-shortcode-wrap--members .gnbcc-member-logo img {\n    width: auto !important;\n    max-width: 96px !important;\n    max-height: 50px !important;\n    margin: 0 !important;\n    object-fit: contain !important;\n}\n\n.gh-shortcode-wrap--members .gnbcc-premium-badge {\n    display: none !important;\n}\n\n.gh-shortcode-wrap--events {\n    min-width: 0;\n}\n\n.gh-shortcode-wrap--events .gnbcc-events-directory {\n    font-family: inherit;\n}\n\n.gh-shortcode-wrap--events .gnbcc-events-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 20px !important;\n    transform: none !important;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-card {\n    min-width: 0;\n    border-radius: 16px !important;\n    box-shadow: 0 16px 34px rgba(0, 81, 144, 0.08) !important;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-image {\n    aspect-ratio: 16 \/ 9;\n    max-height: 240px;\n    overflow: hidden;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-title,\n.gh-shortcode-wrap--events .gnbcc-event-title a {\n    color: var(--gh-blue-dark) !important;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-button {\n    background: var(--gh-orange) !important;\n    border-color: var(--gh-orange) !important;\n}\n\n.gh-shortcode-wrap--events .gnbcc-event-button.secondary {\n    color: var(--gh-blue) !important;\n    background: var(--gh-white) !important;\n    border-color: rgba(0, 81, 144, 0.24) !important;\n}\n\n.gh-visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n}\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.gh-final-cta {\n    position: relative;\n    overflow: hidden;\n    padding: 82px 0;\n    color: var(--gh-white);\n    background:\n        radial-gradient(\n            circle at 88% 20%,\n            rgba(0, 81, 144, 0.27),\n            transparent 28%\n        ),\n        linear-gradient(\n            135deg,\n            var(--gh-orange-dark),\n            var(--gh-orange)\n        );\n}\n\n.gh-final-cta::before {\n    content: \"\";\n    position: absolute;\n    top: -170px;\n    right: -120px;\n    width: 420px;\n    height: 420px;\n    border: 65px solid rgba(255, 255, 255, 0.07);\n    border-radius: 50%;\n}\n\n.gh-final-cta__inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 50px;\n    align-items: center;\n}\n\n.gh-final-cta h2 {\n    margin: 0 0 12px;\n    color: var(--gh-white);\n    font-size: clamp(37px, 5vw, 55px);\n    line-height: 1.06;\n    letter-spacing: -0.045em;\n}\n\n.gh-final-cta p {\n    max-width: 730px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 16px;\n}\n\n.gh-final-cta__actions {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    gap: 12px;\n}\n\n.gh-final-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    min-height: 55px;\n    padding: 14px 24px;\n    border: 2px solid transparent;\n    border-radius: 9px;\n    text-decoration: none !important;\n    white-space: nowrap;\n    font-size: 14px;\n    font-weight: 800;\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        color 0.25s ease;\n}\n\n.gh-final-button:hover {\n    transform: translateY(-3px);\n    background: var(--gh-white);\n    color: var(--gh-blue) !important;\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\n}\n\n.gh-final-button:hover span {\n    transform: translateX(4px);\n}\n\n.gh-final-button--primary {\n    color: var(--gh-blue) !important;\n    background: var(--gh-white);\n}\n\n.gh-final-button--secondary {\n    color: var(--gh-white) !important;\n    border-color: rgba(255, 255, 255, 0.6);\n    background: transparent;\n}\n\n.gh-final-button--secondary:hover {\n    color: var(--gh-orange) !important;\n    background: var(--gh-white);\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1024px) {\n    .gh-section-heading--split,\n    .gh-impact__header,\n    .gh-guide__layout,\n    .gh-live-feed__grid,\n    .gh-content-resources {\n        grid-template-columns: 1fr;\n        gap: 35px;\n    }\n\n    .gh-purpose-grid,\n    .gh-impact-grid,\n    .gh-impact-focus {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .gh-purpose-grid,\n    .gh-pillar-grid,\n    .gh-project-grid,\n    .gh-news-card {\n        flex: 0 0 calc(50% - 11px);\n    }\n\n    .gh-project-slide {\n        flex-basis: calc((100% - 22px) \/ 2);\n    }\n\n    .gh-project-carousel__prev {\n        left: -14px;\n    }\n\n    .gh-project-carousel__next {\n        right: -14px;\n    }\n\n    .gh-purpose-card:last-child {\n        grid-column: auto;\n    }\n\n    .gh-pillar-card:last-child,\n    .gh-project-card:last-child {\n        grid-column: 1 \/ -1;\n    }\n\n    .gh-impact-stat:nth-child(2) {\n        border-right: 0;\n    }\n\n    .gh-impact-stat:nth-child(-n + 2) {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n    }\n\n    .gh-guide__tool {\n        max-width: 850px;\n    }\n\n    .gh-newsletter-card {\n        grid-template-columns: 1fr;\n    }\n\n    .gh-shortcode-wrap--events .gnbcc-events-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .gh-shortcode-wrap--members .gnbcc-members-grid {\n        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    }\n\n    .gh-final-cta__inner {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .gh-final-cta__actions {\n        justify-content: flex-start;\n    }\n}\n\n@media (max-width: 767px) {\n    .gh-container {\n        width: min(100% - 28px, 1180px);\n    }\n\n    .gh-section {\n        padding: 75px 0;\n    }\n\n    .gh-event-banner__inner {\n        align-items: flex-start;\n        flex-direction: column;\n        gap: 8px;\n        padding-top: 16px;\n        padding-bottom: 16px;\n    }\n\n    .gh-purpose-grid,\n    .gh-pillar-grid,\n    .gh-project-grid,\n    .gh-impact-grid,\n    .gh-impact-focus {\n        grid-template-columns: 1fr;\n    }\n\n    .gh-project-carousel__caption {\n        grid-template-columns: 1fr;\n        gap: 8px;\n    }\n\n    .gh-project-slide {\n        flex-basis: 100%;\n    }\n\n    .gh-project-slide > a {\n        height: 235px;\n    }\n\n    .gh-project-carousel__nav {\n        width: 42px;\n        height: 42px;\n        font-size: 28px;\n    }\n\n    .gh-project-carousel__prev {\n        left: 8px;\n    }\n\n    .gh-project-carousel__next {\n        right: 8px;\n    }\n\n    .gh-news-card {\n        flex: 0 0 100%;\n    }\n\n    .gh-pillar-card:last-child,\n    .gh-project-card:last-child {\n        grid-column: auto;\n    }\n\n    .gh-impact-stat {\n        min-height: auto;\n        border-right: 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n    }\n\n    .gh-impact-stat:last-child {\n        border-bottom: 0;\n    }\n\n    .gh-guide__tool {\n        grid-template-columns: 1fr;\n    }\n\n    .gh-guide__options {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .gh-guide-option {\n        min-height: 78px;\n        border-right: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .gh-guide-result {\n        padding: 28px 23px;\n    }\n\n    .gh-newsletter-form {\n        grid-template-columns: 1fr;\n    }\n\n    .gh-shortcode-wrap--members .gnbcc-members-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .gh-shortcode-wrap--events .gnbcc-events-grid {\n        grid-template-columns: 1fr !important;\n    }\n\n    .gh-final-cta {\n        padding: 65px 0;\n        text-align: center;\n    }\n\n    .gh-final-cta__actions {\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .gh-guide__options {\n        grid-template-columns: 1fr;\n    }\n\n    .gh-guide-option {\n        min-height: 62px;\n    }\n\n    .gh-final-cta__actions {\n        flex-direction: column;\n    }\n\n    .gh-final-button {\n        width: 100%;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .gnbcc-home-content *,\n    .gnbcc-home-content *::before,\n    .gnbcc-home-content *::after {\n        scroll-behavior: auto !important;\n        transition: none !important;\n        animation: none !important;\n    }\n}\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    \/* =====================================================\n       1. IMPACT COUNTER\n    ====================================================== *\/\n\n    const counters = document.querySelectorAll(\".gh-counter\");\n\n    if (\"IntersectionObserver\" in window) {\n        const counterObserver = new IntersectionObserver(\n            function (entries, observer) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) return;\n\n                    const counter = entry.target;\n                    const target = Number(\n                        counter.getAttribute(\"data-target\")\n                    );\n\n                    const suffix =\n                        counter.getAttribute(\"data-suffix\") || \"\";\n\n                    const duration = 1300;\n                    const startTime = performance.now();\n\n                    function updateCounter(currentTime) {\n                        const progress = Math.min(\n                            (currentTime - startTime) \/ duration,\n                            1\n                        );\n\n                        const easedProgress =\n                            1 - Math.pow(1 - progress, 3);\n\n                        counter.textContent =\n                            Math.floor(target * easedProgress) +\n                            suffix;\n\n                        if (progress < 1) {\n                            window.requestAnimationFrame(\n                                updateCounter\n                            );\n                        }\n                    }\n\n                    window.requestAnimationFrame(updateCounter);\n                    observer.unobserve(counter);\n                });\n            },\n            {\n                threshold: 0.4\n            }\n        );\n\n        counters.forEach(function (counter) {\n            counterObserver.observe(counter);\n        });\n    }\n\n\n    \/* =====================================================\n       GNBCC PROJECTS SLIDER INSERT JAVASCRIPT\n       Handles the project carousel added below the Projects\n       section. It auto-advances every 4 seconds and supports\n       arrows, dots, hover pause and responsive slide widths.\n    ====================================================== *\/\n\n    const projectCarousel = document.querySelector(\".gh-project-carousel\");\n\n    if (projectCarousel) {\n        const projectTrack = projectCarousel.querySelector(\n            \".gh-project-carousel__track\"\n        );\n        const projectSlides = Array.from(\n            projectCarousel.querySelectorAll(\".gh-project-slide\")\n        );\n        const projectPrev = projectCarousel.querySelector(\n            \".gh-project-carousel__prev\"\n        );\n        const projectNext = projectCarousel.querySelector(\n            \".gh-project-carousel__next\"\n        );\n        const projectDots = projectCarousel.querySelector(\n            \".gh-project-carousel__dots\"\n        );\n        let currentProjectIndex = 0;\n        let projectAutoTimer = null;\n\n        function getVisibleProjectCount() {\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                return 1;\n            }\n\n            if (window.matchMedia(\"(max-width: 1024px)\").matches) {\n                return 2;\n            }\n\n            return 3;\n        }\n\n        function getProjectStep() {\n            const firstSlide = projectSlides[0];\n\n            if (!firstSlide) return 0;\n\n            const trackStyles = window.getComputedStyle(projectTrack);\n            const rawGap = parseFloat(trackStyles.columnGap || trackStyles.gap || 0);\n            const gap = Number.isFinite(rawGap) ? rawGap : 0;\n\n            return firstSlide.getBoundingClientRect().width + gap;\n        }\n\n        function getProjectMaxIndex() {\n            return Math.max(\n                projectSlides.length - getVisibleProjectCount(),\n                0\n            );\n        }\n\n        function renderProjectDots() {\n            if (!projectDots) return;\n\n            const dotCount = getProjectMaxIndex() + 1;\n\n            projectDots.innerHTML = Array.from({ length: dotCount })\n                .map(function (_, index) {\n                    return (\n                        '<button type=\"button\" aria-label=\"Project slide ' +\n                        (index + 1) +\n                        '\"><\/button>'\n                    );\n                })\n                .join(\"\");\n\n            Array.from(projectDots.children).forEach(function (dot, index) {\n                dot.addEventListener(\"click\", function () {\n                    goToProjectSlide(index);\n                    restartProjectAuto();\n                });\n            });\n        }\n\n        function updateProjectDots() {\n            if (!projectDots) return;\n\n            Array.from(projectDots.children).forEach(function (dot, index) {\n                dot.classList.toggle(\"is-active\", index === currentProjectIndex);\n            });\n        }\n\n        function goToProjectSlide(index) {\n            const maxIndex = getProjectMaxIndex();\n\n            if (index > maxIndex) {\n                currentProjectIndex = 0;\n            } else if (index < 0) {\n                currentProjectIndex = maxIndex;\n            } else {\n                currentProjectIndex = index;\n            }\n\n            projectTrack.style.transform =\n                \"translateX(-\" +\n                currentProjectIndex * getProjectStep() +\n                \"px)\";\n\n            updateProjectDots();\n        }\n\n        function restartProjectAuto() {\n            window.clearInterval(projectAutoTimer);\n\n            if (projectSlides.length <= getVisibleProjectCount()) return;\n\n            projectAutoTimer = window.setInterval(function () {\n                goToProjectSlide(currentProjectIndex + 1);\n            }, 4000);\n        }\n\n        if (projectPrev && projectNext && projectTrack && projectSlides.length) {\n            renderProjectDots();\n            goToProjectSlide(0);\n            restartProjectAuto();\n\n            projectPrev.addEventListener(\"click\", function () {\n                goToProjectSlide(currentProjectIndex - 1);\n                restartProjectAuto();\n            });\n\n            projectNext.addEventListener(\"click\", function () {\n                goToProjectSlide(currentProjectIndex + 1);\n                restartProjectAuto();\n            });\n\n            projectCarousel.addEventListener(\"mouseenter\", function () {\n                window.clearInterval(projectAutoTimer);\n            });\n\n            projectCarousel.addEventListener(\"mouseleave\", restartProjectAuto);\n\n            window.addEventListener(\"resize\", function () {\n                renderProjectDots();\n                goToProjectSlide(Math.min(currentProjectIndex, getProjectMaxIndex()));\n                restartProjectAuto();\n            });\n        }\n    }\n\n\n    \/* =====================================================\n       2. BUSINESS SUPPORT GUIDE\n    ====================================================== *\/\n\n    const guideContent = {\n        market: {\n            title: \"Market-entry and business advisory support\",\n            text:\n                \"Access market information, practical guidance, \" +\n                \"referrals and connections that help your business \" +\n                \"understand and enter Ghanaian or Dutch markets.\",\n            link: \"https:\/\/gnbcc.net\/services\/\",\n            linkText: \"Explore Business Support\"\n        },\n\n        partner: {\n            title: \"Business matchmaking and strategic introductions\",\n            text:\n                \"Connect with potential clients, suppliers, investors, \" +\n                \"service providers and institutional partners through \" +\n                \"the GNBCC business network.\",\n            link: \"https:\/\/gnbcc.net\/contact\/\",\n            linkText: \"Request an Introduction\"\n        },\n\n        visibility: {\n            title: \"Membership, promotion and business visibility\",\n            text:\n                \"Strengthen your organisation's visibility through \" +\n                \"GNBCC membership, events, newsletters, member \" +\n                \"communications and promotional opportunities.\",\n            link: \"https:\/\/gnbcc.net\/memberships\/\",\n            linkText: \"Explore Membership\"\n        },\n\n        project: {\n            title: \"Project design and implementation support\",\n            text:\n                \"Work with GNBCC to design and manage programmes that \" +\n                \"support enterprise growth, employment, investment and \" +\n                \"private-sector development.\",\n            link: \"https:\/\/gnbcc.net\/projects\/\",\n            linkText: \"Explore Our Projects\"\n        }\n    };\n\n    const guideButtons = document.querySelectorAll(\n        \".gh-guide-option\"\n    );\n\n    const guideResult = document.querySelector(\n        \".gh-guide-result\"\n    );\n\n    if (guideResult) {\n        guideButtons.forEach(function (button) {\n            button.addEventListener(\"click\", function () {\n                const guideKey =\n                    button.getAttribute(\"data-guide\");\n\n                const selectedGuide =\n                    guideContent[guideKey];\n\n                if (!selectedGuide) return;\n\n                guideButtons.forEach(function (item) {\n                    const isSelected = item === button;\n\n                    item.classList.toggle(\n                        \"is-active\",\n                        isSelected\n                    );\n\n                    item.setAttribute(\n                        \"aria-selected\",\n                        isSelected ? \"true\" : \"false\"\n                    );\n                });\n\n                guideResult.innerHTML = `\n                    <span class=\"gh-guide-result__label\">\n                        Recommended support\n                    <\/span>\n\n                    <h3>${selectedGuide.title}<\/h3>\n\n                    <p>${selectedGuide.text}<\/p>\n\n                    <a href=\"${selectedGuide.link}\">\n                        ${selectedGuide.linkText}\n                        <span aria-hidden=\"true\">&rarr;<\/span>\n                    <\/a>\n                `;\n            });\n        });\n    }\n\n\n    \/* =====================================================\n       3. DYNAMIC WORDPRESS NEWS \/ POSTS SLIDER\n       - Loads the latest posts from WordPress.\n       - Renders them as horizontal cards.\n       - Auto-advances every 4 seconds after posts load.\n    ====================================================== *\/\n\n    const newsContainer = document.getElementById(\n        \"gh-latest-news\"\n    );\n\n    const newsEndpoint =\n        \"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/posts\" +\n        \"?per_page=6&_embed=1\";\n\n    function stripHtml(html) {\n        const temporaryElement =\n            document.createElement(\"div\");\n\n        temporaryElement.innerHTML = html || \"\";\n\n        return (\n            temporaryElement.textContent ||\n            temporaryElement.innerText ||\n            \"\"\n        );\n    }\n\n    function truncateText(text, maximumLength) {\n        if (text.length <= maximumLength) {\n            return text;\n        }\n\n        return text.substring(0, maximumLength).trim() + \"&hellip;\";\n    }\n\n    function formatDate(dateString) {\n        const date = new Date(dateString);\n\n        return date.toLocaleDateString(\n            \"en-GB\",\n            {\n                day: \"numeric\",\n                month: \"long\",\n                year: \"numeric\"\n            }\n        );\n    }\n\n    function getFeaturedImage(post) {\n        try {\n            return (\n                post._embedded[\"wp:featuredmedia\"][0]\n                    .source_url\n            );\n        } catch (error) {\n            return (\n                \"https:\/\/gnbcc.net\/wp-content\/uploads\/\" +\n                \"2025\/09\/Homepage-Slider-12c.jpg\"\n            );\n        }\n    }\n\n    function renderNews(posts) {\n        if (!newsContainer) return;\n\n        if (!Array.isArray(posts) || posts.length === 0) {\n            throw new Error(\"No news posts returned.\");\n        }\n\n        newsContainer.innerHTML = posts\n            .map(function (post) {\n                const title = stripHtml(\n                    post.title && post.title.rendered\n                );\n\n                const excerpt = truncateText(\n                    stripHtml(\n                        post.excerpt &&\n                        post.excerpt.rendered\n                    ),\n                    145\n                );\n\n                const image = getFeaturedImage(post);\n\n                return `\n                    <article class=\"gh-news-card\">\n\n                        <a\n                            class=\"gh-news-card__image\"\n                            href=\"${post.link}\"\n                        >\n                            <img decoding=\"async\"\n                                src=\"${image}\"\n                                alt=\"\"\n                                loading=\"lazy\"\n                            >\n                        <\/a>\n\n                        <div class=\"gh-news-card__body\">\n\n                            <span class=\"gh-news-card__meta\">\n                                ${formatDate(post.date)}\n                            <\/span>\n\n                            <h3>\n                                <a href=\"${post.link}\">\n                                    ${title}\n                                <\/a>\n                            <\/h3>\n\n                            <p>${excerpt}<\/p>\n\n                            <a\n                                class=\"gh-card-link\"\n                                href=\"${post.link}\"\n                            >\n                                Read story\n                                <span aria-hidden=\"true\">&rarr;<\/span>\n                            <\/a>\n\n                        <\/div>\n\n                    <\/article>\n                `;\n            })\n            .join(\"\");\n    }\n\n    function renderNewsFallback() {\n        if (!newsContainer) return;\n\n        newsContainer.innerHTML = `\n            <div class=\"gh-news-loading\">\n                The latest stories could not be loaded automatically.\n                <br>\n                <a\n                    class=\"gh-text-link\"\n                    href=\"https:\/\/gnbcc.net\/news\/\"\n                >\n                    Visit the GNBCC news page\n                    <span aria-hidden=\"true\">&rarr;<\/span>\n                <\/a>\n            <\/div>\n        `;\n    }\n\n    if (newsContainer) {\n        fetch(newsEndpoint)\n            .then(function (response) {\n                if (!response.ok) {\n                    throw new Error(\n                        \"WordPress REST request failed.\"\n                    );\n                }\n\n                return response.json();\n            })\n            .then(function (posts) {\n                renderNews(posts);\n                startNewsAutoSlide();\n            })\n            .catch(function (error) {\n                console.error(\n                    \"GNBCC news loading error:\",\n                    error\n                );\n\n                renderNewsFallback();\n            });\n    }\n\n    const nextBtn = document.getElementById(\"news-next\");\n    const prevBtn = document.getElementById(\"news-prev\");\n    let newsAutoSlideTimer = null;\n\n    function getNewsSlideAmount() {\n        const firstCard = newsContainer.querySelector(\".gh-news-card\");\n\n        if (!firstCard) {\n            return newsContainer.clientWidth;\n        }\n\n        const cardStyles = window.getComputedStyle(firstCard);\n        const sliderStyles = window.getComputedStyle(newsContainer);\n        const cardWidth =\n            firstCard.getBoundingClientRect().width +\n            parseFloat(cardStyles.marginRight || 0);\n        const rawGap = parseFloat(sliderStyles.columnGap || sliderStyles.gap || 0);\n        const sliderGap = Number.isFinite(rawGap) ? rawGap : 0;\n\n        return cardWidth + sliderGap;\n    }\n\n    function moveNewsSlider(direction) {\n        if (!newsContainer) return;\n\n        const slideAmount = getNewsSlideAmount();\n        const maxScroll =\n            newsContainer.scrollWidth - newsContainer.clientWidth;\n        const nextLeft =\n            direction === \"previous\"\n                ? newsContainer.scrollLeft - slideAmount\n                : newsContainer.scrollLeft + slideAmount;\n\n        if (nextLeft >= maxScroll - 8 && direction !== \"previous\") {\n            newsContainer.scrollTo({ left: 0, behavior: \"smooth\" });\n            return;\n        }\n\n        newsContainer.scrollBy({\n            left: direction === \"previous\" ? -slideAmount : slideAmount,\n            behavior: \"smooth\"\n        });\n    }\n\n    function startNewsAutoSlide() {\n        if (!newsContainer || newsContainer.querySelectorAll(\".gh-news-card\").length < 2) {\n            return;\n        }\n\n        window.clearInterval(newsAutoSlideTimer);\n        newsAutoSlideTimer = window.setInterval(function () {\n            moveNewsSlider(\"next\");\n        }, 4000);\n    }\n\n    if (nextBtn && prevBtn && newsContainer) {\n        nextBtn.addEventListener(\"click\", function() {\n            moveNewsSlider(\"next\");\n        });\n        prevBtn.addEventListener(\"click\", function() {\n            moveNewsSlider(\"previous\");\n        });\n\n        newsContainer.addEventListener(\"mouseenter\", function () {\n            window.clearInterval(newsAutoSlideTimer);\n        });\n\n        newsContainer.addEventListener(\"mouseleave\", startNewsAutoSlide);\n    }\n\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-730ca64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"730ca64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-531c210\" data-id=\"531c210\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b23ca46 elementor-widget elementor-widget-spacer\" data-id=\"b23ca46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e2c1e3 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-image\" data-id=\"7e2c1e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/consulting.stylemixthemes.com\/demo\/wp-content\/uploads\/2021\/svg\/manchester_inner_circle.svg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Ghana Netherlands Business &amp; Culture Council Welcome to GNBCC. Your point of contact in doing business with Ghana and the Netherlands. We help businesses, entrepreneurs and institutions connect with trusted networks, practical guidance and opportunities across both markets. About GNBCC Contact Us Membership Organisation Project Implementation Business Support Services Impact-led partnerships Business connections that<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":""},"class_list":["post-18139","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":324,"url":"https:\/\/gnbcc.net\/testimonials-page\/","url_meta":{"origin":18139,"position":0},"title":"Testimonials 1","author":"Michael Teye","date":"January 6, 2016","format":false,"excerpt":"Testimonials 1 Consulting WP really helped us achieve our financial goals. The slick presentation along with fantastic readability ensures that our financial standing is stable. Amanda Seyfried Microsoft Inc The demands for financial institutions have changed a bit. Obfuscation is no longer accepted, which is why this Business WordPress Theme\u2026","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/demo-import.loc\/wp-content\/uploads\/2016\/01\/testimonial-2-50x50.jpeg?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":11520,"url":"https:\/\/gnbcc.net\/com\/","url_meta":{"origin":18139,"position":1},"title":"Community","author":"Michael Teye","date":"September 17, 2025","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":11496,"url":"https:\/\/gnbcc.net\/jobs\/","url_meta":{"origin":18139,"position":2},"title":"Jobs","author":"Michael Teye","date":"September 15, 2025","format":false,"excerpt":"[jobs]","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":13388,"url":"https:\/\/gnbcc.net\/newsletters\/","url_meta":{"origin":18139,"position":3},"title":"GNBCC Newsletters","author":"Michael Teye","date":"October 16, 2025","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":834,"url":"https:\/\/gnbcc.net\/shop-2\/","url_meta":{"origin":18139,"position":4},"title":"Shop","author":"Michael Teye","date":"January 24, 2016","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":11522,"url":"https:\/\/gnbcc.net\/com\/members\/","url_meta":{"origin":18139,"position":5},"title":"Members","author":"Michael Teye","date":"September 17, 2025","format":false,"excerpt":"","rel":"","context":"Similar post","block_context":{"text":"Similar post","link":""},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/pages\/18139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/comments?post=18139"}],"version-history":[{"count":52,"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/pages\/18139\/revisions"}],"predecessor-version":[{"id":18647,"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/pages\/18139\/revisions\/18647"}],"wp:attachment":[{"href":"https:\/\/gnbcc.net\/wp-json\/wp\/v2\/media?parent=18139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}