{"id":2426,"date":"2026-03-11T18:38:04","date_gmt":"2026-03-11T18:38:04","guid":{"rendered":"https:\/\/accountability.tn\/?page_id=2426"},"modified":"2026-05-12T16:26:09","modified_gmt":"2026-05-12T16:26:09","slug":"list-of-financing","status":"publish","type":"page","link":"https:\/\/accountability.tn\/en\/list-of-financing\/","title":{"rendered":"List of financing"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2426\" class=\"elementor elementor-2426\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07fdd2 e-flex e-con-boxed e-con e-parent\" data-id=\"e07fdd2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b53fe elementor-widget elementor-widget-html\" data-id=\"47b53fe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n    \/* Couleurs & Identit\u00e9 Visuelle *\/\n    --emerald-green: #008E67;\n    --night-blue: #1E283C;\n    --soft-gray: #F8FAFC;\n    --border-color: #E2E8F0;\n    --text-dark: #1E293B;\n    --text-muted: #64748B;\n    --white: #FFFFFF;\n    \n    \/* Design Tokens *\/\n    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    --radius: 12px;\n    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n\/* Container Global (RTL) *\/\n.funding-section {\n    direction: rtl;\n    font-family: 'Cairo', sans-serif;\n    background-color: transparent;\n    padding: 2rem 0;\n    color: var(--text-dark);\n}\n\n\/* Grille Responsive *\/\n.funding-grid {\n    display: grid;\n    gap: 1.5rem;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n}\n\n@media (min-width: 1024px) {\n    .funding-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Style des Cartes *\/\n.funding-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius);\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: var(--transition);\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--card-shadow);\n}\n\n.funding-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--hover-shadow);\n    border-color: var(--emerald-green);\n}\n\n\/* Header de la carte : Badge Financeur *\/\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1.25rem;\n}\n\n.funder-badge {\n    background-color: var(--soft-gray);\n    color: var(--night-blue);\n    padding: 4px 12px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    border-right: 3px solid var(--emerald-green);\n}\n\n\/* Titre du Projet *\/\n.project-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    line-height: 1.5;\n    margin-bottom: 1.5rem;\n    color: var(--night-blue);\n    min-height: 3.3rem; \/* Aligne les cartes *\/\n}\n\n\/* Section Montant *\/\n.amount-wrapper {\n    margin-top: auto;\n    padding-top: 1.25rem;\n    border-top: 1px solid var(--soft-gray);\n}\n\n.amount-label {\n    display: block;\n    font-size: 0.8rem;\n    color: var(--text-muted);\n    margin-bottom: 0.25rem;\n}\n\n.amount-value {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: var(--emerald-green);\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n}\n\n.currency {\n    font-size: 0.9rem;\n    font-weight: 600;\n}\n\n\/* Meta Data (Dates) *\/\n.meta-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    margin-top: 1rem;\n}\n\n.multi-phase {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    background: var(--soft-gray);\n    padding: 10px;\n    border-radius: 8px;\n    margin-top: 10px;\n}\n\n.phase-item {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.85rem;\n    border-bottom: 1px dashed var(--border-color);\n    padding-bottom: 4px;\n}\n<\/style>\n\n<div class=\"funding-section\">\n    <div class=\"funding-grid\">\n        \n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">FPOS<\/span>\n            <\/div>\n            <h3 class=\"project-title\">Support for the Local Social Accountability Observatory Project in the Municipality of Mdhila.<\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>31\/12\/2020<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"107008.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">FPOS<\/span>\n            <\/div>\n            <h3 class=\"project-title\">Institutional Support for Establishing Social Accountability<\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>26\/10\/2021<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"495936.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">KAICIID<\/span>\n            <\/div>\n            <h3 class=\"project-title\">The Street and Religion Project: Manifestations of Hate and Religious Discourse<\/h3>\n            \n            <div class=\"multi-phase\">\n                <div class=\"phase-item\">\n                    <span>\ud83d\udcc5 23\/09\/2021<\/span>\n                    <strong>10 762,666<\/strong>\n                <\/div>\n                <div class=\"phase-item\">\n                    <span>\ud83d\udcc5 06\/01\/2022<\/span>\n                    <strong>4 534,746<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"15297.412\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('.counter');\n    const speed = 60; \/\/ Plus le chiffre est bas, plus c'est rapide\n\n    const formatNumber = (num) => {\n        return new Intl.NumberFormat('fr-FR', {\n            minimumFractionDigits: 3,\n            maximumFractionDigits: 3\n        }).format(num).replace(',', '.');\n    };\n\n    const animate = (counter) => {\n        const target = +counter.getAttribute('data-target');\n        let count = 0;\n        const increment = target \/ speed;\n\n        const updateCount = () => {\n            count += increment;\n            if (count < target) {\n                counter.innerText = formatNumber(count);\n                setTimeout(updateCount, 25);\n            } else {\n                counter.innerText = formatNumber(target);\n            }\n        };\n        updateCount();\n    };\n\n    \/\/ Intersection Observer pour lancer l'animation au scroll\n    const observerOptions = {\n        threshold: 0.5\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animate(entry.target);\n                observer.unobserve(entry.target); \/\/ L'animation ne se joue qu'une fois\n            }\n        });\n    }, observerOptions);\n\n    counters.forEach(counter => observer.observe(counter));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2465e9c elementor-widget elementor-widget-html\" data-id=\"2465e9c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n    \/* Couleurs & Identit\u00e9 Visuelle *\/\n    --emerald-green: #008E67;\n    --night-blue: #1E283C;\n    --soft-gray: #F8FAFC;\n    --border-color: #E2E8F0;\n    --text-dark: #1E293B;\n    --text-muted: #64748B;\n    --white: #FFFFFF;\n    \n    \/* Design Tokens *\/\n    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    --radius: 12px;\n    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n\/* Container Global (RTL) *\/\n.funding-section {\n    direction: rtl;\n    font-family: 'Cairo', sans-serif;\n    background-color: transparent;\n    padding: 2rem 0;\n    color: var(--text-dark);\n}\n\n\/* Grille Responsive *\/\n.funding-grid {\n    display: grid;\n    gap: 1.5rem;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n}\n\n@media (min-width: 1024px) {\n    .funding-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Style des Cartes *\/\n.funding-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius);\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: var(--transition);\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--card-shadow);\n}\n\n.funding-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--hover-shadow);\n    border-color: var(--emerald-green);\n}\n\n\/* Header de la carte : Badge Financeur *\/\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1.25rem;\n}\n\n.funder-badge {\n    background-color: var(--soft-gray);\n    color: var(--night-blue);\n    padding: 4px 12px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    border-right: 3px solid var(--emerald-green);\n}\n\n\/* Titre du Projet *\/\n.project-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    line-height: 1.5;\n    margin-bottom: 1.5rem;\n    color: var(--night-blue);\n    min-height: 3.3rem; \/* Aligne les cartes *\/\n}\n\n\/* Section Montant *\/\n.amount-wrapper {\n    margin-top: auto;\n    padding-top: 1.25rem;\n    border-top: 1px solid var(--soft-gray);\n}\n\n.amount-label {\n    display: block;\n    font-size: 0.8rem;\n    color: var(--text-muted);\n    margin-bottom: 0.25rem;\n}\n\n.amount-value {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: var(--emerald-green);\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n}\n\n.currency {\n    font-size: 0.9rem;\n    font-weight: 600;\n}\n\n\/* Meta Data (Dates) *\/\n.meta-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    margin-top: 1rem;\n}\n\n.multi-phase {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    background: var(--soft-gray);\n    padding: 10px;\n    border-radius: 8px;\n    margin-top: 10px;\n}\n\n.phase-item {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.85rem;\n    border-bottom: 1px dashed var(--border-color);\n    padding-bottom: 4px;\n}\n<\/style>\n\n<div class=\"funding-section\">\n    <div class=\"funding-grid\">\n        \n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">FOSI<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> \u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0637\u0646\u064a\u0629 \u0627\u0644\u0634\u0628\u0627\u0628 \u064a\u0628\u0627\u062f\u0631 \u0628\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u062f\u0648\u0631 \u0627\u0644\u0634\u0628\u0627\u0628 \u0648 \u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 <\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>1\/1\/2023<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"467000.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">Frontline defenders<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> \u062f\u0639\u0645 \u0645\u0624\u0633\u0633\u0627\u062a\u064a \u0644\u062f\u0639\u0645 \u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a \u0644\u0644\u062c\u0645\u0639\u064a\u0629<\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>26\/07\/2023<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"7039.960\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\"> EMHRF<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> \u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639 \u0634\u0628\u0627\u0628\u064a<\/h3><\/h3>\n            \n            <div class=\"multi-phase\">\n                <div class=\"phase-item\">\n                    <span>\ud83d\udcc5\n                27\/12\/2023<\/span>\n                <\/div>\n                <div class=\"phase-item\">\n                    \n                    <strong> <\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"42125.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('.counter');\n    const speed = 60; \/\/ Plus le chiffre est bas, plus c'est rapide\n\n    const formatNumber = (num) => {\n        return new Intl.NumberFormat('fr-FR', {\n            minimumFractionDigits: 3,\n            maximumFractionDigits: 3\n        }).format(num).replace(',', '.');\n    };\n\n    const animate = (counter) => {\n        const target = +counter.getAttribute('data-target');\n        let count = 0;\n        const increment = target \/ speed;\n\n        const updateCount = () => {\n            count += increment;\n            if (count < target) {\n                counter.innerText = formatNumber(count);\n                setTimeout(updateCount, 25);\n            } else {\n                counter.innerText = formatNumber(target);\n            }\n        };\n        updateCount();\n    };\n\n    \/\/ Intersection Observer pour lancer l'animation au scroll\n    const observerOptions = {\n        threshold: 0.5\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animate(entry.target);\n                observer.unobserve(entry.target); \/\/ L'animation ne se joue qu'une fois\n            }\n        });\n    }, observerOptions);\n\n    counters.forEach(counter => observer.observe(counter));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-64d953f elementor-widget elementor-widget-html\" data-id=\"64d953f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n    \/* Couleurs & Identit\u00e9 Visuelle *\/\n    --emerald-green: #008E67;\n    --night-blue: #1E283C;\n    --soft-gray: #F8FAFC;\n    --border-color: #E2E8F0;\n    --text-dark: #1E293B;\n    --text-muted: #64748B;\n    --white: #FFFFFF;\n    \n    \/* Design Tokens *\/\n    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    --radius: 12px;\n    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n\/* Container Global (RTL) *\/\n.funding-section {\n    direction: rtl;\n    font-family: 'Cairo', sans-serif;\n    background-color: transparent;\n    padding: 2rem 0;\n    color: var(--text-dark);\n}\n\n\/* Grille Responsive *\/\n.funding-grid {\n    display: grid;\n    gap: 1.5rem;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n}\n\n@media (min-width: 1024px) {\n    .funding-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Style des Cartes *\/\n.funding-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius);\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: var(--transition);\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--card-shadow);\n}\n\n.funding-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--hover-shadow);\n    border-color: var(--emerald-green);\n}\n\n\/* Header de la carte : Badge Financeur *\/\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1.25rem;\n}\n\n.funder-badge {\n    background-color: var(--soft-gray);\n    color: var(--night-blue);\n    padding: 4px 12px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    border-right: 3px solid var(--emerald-green);\n}\n\n\/* Titre du Projet *\/\n.project-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    line-height: 1.5;\n    margin-bottom: 1.5rem;\n    color: var(--night-blue);\n    min-height: 3.3rem; \/* Aligne les cartes *\/\n}\n\n\/* Section Montant *\/\n.amount-wrapper {\n    margin-top: auto;\n    padding-top: 1.25rem;\n    border-top: 1px solid var(--soft-gray);\n}\n\n.amount-label {\n    display: block;\n    font-size: 0.8rem;\n    color: var(--text-muted);\n    margin-bottom: 0.25rem;\n}\n\n.amount-value {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: var(--emerald-green);\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n}\n\n.currency {\n    font-size: 0.9rem;\n    font-weight: 600;\n}\n\n\/* Meta Data (Dates) *\/\n.meta-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    margin-top: 1rem;\n}\n\n.multi-phase {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    background: var(--soft-gray);\n    padding: 10px;\n    border-radius: 8px;\n    margin-top: 10px;\n}\n\n.phase-item {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.85rem;\n    border-bottom: 1px dashed var(--border-color);\n    padding-bottom: 4px;\n}\n<\/style>\n\n<div class=\"funding-section\">\n    <div class=\"funding-grid\">\n        \n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">EMHRF<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> \u062f\u0639\u0645 \u0645\u0624\u0633\u0633\u0627\u062a\u064a<\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>2024<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"41937.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">IARF<\/span>\n            <\/div>\n            <h3 class=\"project-title\">OVFOE \u0645\u0634\u0631\u0648\u0639\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>2024<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"64924.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">EED<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> NEXTGEN<\/h3>\n            \n            <div class=\"multi-phase\">\n                <div class=\"phase-item\">\n                    <span>\ud83d\udcc5\n                2025<\/span>\n                <\/div>\n                <div class=\"phase-item\">\n                    \n                    <strong> <\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"101100.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('.counter');\n    const speed = 60; \/\/ Plus le chiffre est bas, plus c'est rapide\n\n    const formatNumber = (num) => {\n        return new Intl.NumberFormat('fr-FR', {\n            minimumFractionDigits: 3,\n            maximumFractionDigits: 3\n        }).format(num).replace(',', '.');\n    };\n\n    const animate = (counter) => {\n        const target = +counter.getAttribute('data-target');\n        let count = 0;\n        const increment = target \/ speed;\n\n        const updateCount = () => {\n            count += increment;\n            if (count < target) {\n                counter.innerText = formatNumber(count);\n                setTimeout(updateCount, 25);\n            } else {\n                counter.innerText = formatNumber(target);\n            }\n        };\n        updateCount();\n    };\n\n    \/\/ Intersection Observer pour lancer l'animation au scroll\n    const observerOptions = {\n        threshold: 0.5\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animate(entry.target);\n                observer.unobserve(entry.target); \/\/ L'animation ne se joue qu'une fois\n            }\n        });\n    }, observerOptions);\n\n    counters.forEach(counter => observer.observe(counter));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d435842 elementor-widget elementor-widget-html\" data-id=\"d435842\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n    \/* Couleurs & Identit\u00e9 Visuelle *\/\n    --emerald-green: #008E67;\n    --night-blue: #1E283C;\n    --soft-gray: #F8FAFC;\n    --border-color: #E2E8F0;\n    --text-dark: #1E293B;\n    --text-muted: #64748B;\n    --white: #FFFFFF;\n    \n    \/* Design Tokens *\/\n    --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    --radius: 12px;\n    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n\/* Container Global (RTL) *\/\n.funding-section {\n    direction: rtl;\n    font-family: 'Cairo', sans-serif;\n    background-color: transparent;\n    padding: 2rem 0;\n    color: var(--text-dark);\n}\n\n\/* Grille Responsive *\/\n.funding-grid {\n    display: grid;\n    gap: 1.5rem;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n}\n\n@media (min-width: 1024px) {\n    .funding-grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n\n\/* Style des Cartes *\/\n.funding-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius);\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    transition: var(--transition);\n    position: relative;\n    overflow: hidden;\n    box-shadow: var(--card-shadow);\n}\n\n.funding-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--hover-shadow);\n    border-color: var(--emerald-green);\n}\n\n\/* Header de la carte : Badge Financeur *\/\n.card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1.25rem;\n}\n\n.funder-badge {\n    background-color: var(--soft-gray);\n    color: var(--night-blue);\n    padding: 4px 12px;\n    border-radius: 6px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    border-right: 3px solid var(--emerald-green);\n}\n\n\/* Titre du Projet *\/\n.project-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    line-height: 1.5;\n    margin-bottom: 1.5rem;\n    color: var(--night-blue);\n    min-height: 3.3rem; \/* Aligne les cartes *\/\n}\n\n\/* Section Montant *\/\n.amount-wrapper {\n    margin-top: auto;\n    padding-top: 1.25rem;\n    border-top: 1px solid var(--soft-gray);\n}\n\n.amount-label {\n    display: block;\n    font-size: 0.8rem;\n    color: var(--text-muted);\n    margin-bottom: 0.25rem;\n}\n\n.amount-value {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: var(--emerald-green);\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n}\n\n.currency {\n    font-size: 0.9rem;\n    font-weight: 600;\n}\n\n\/* Meta Data (Dates) *\/\n.meta-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    margin-top: 1rem;\n}\n\n.multi-phase {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    background: var(--soft-gray);\n    padding: 10px;\n    border-radius: 8px;\n    margin-top: 10px;\n}\n\n.phase-item {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.85rem;\n    border-bottom: 1px dashed var(--border-color);\n    padding-bottom: 4px;\n}\n<\/style>\n\n<div class=\"funding-section\">\n    <div class=\"funding-grid\">\n        \n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">OXFAM<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> \u062f\u0639\u0645 \u0645\u0624\u0633\u0633\u0627\u062a\u064a<\/h3>\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>2025<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"15271.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">Civicus<\/span>\n            <\/div>\n            <h3 class=\"project-title\">\u0645\u0634\u0631\u0648\u0639 \u0644\u062f\u0639\u0645 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0634\u0628\u0627\u0628 \u0641\u064a \u0627\u0644\u062d\u064a\u0627\u0629 \u0627\u0644\u0639\u0627\u0645\u0629\n            <div class=\"meta-info\">\n                <span>\ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e:<\/span>\n                <span>2025<\/span>\n            <\/div>\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0645\u0648\u064a\u0644<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"17160.000\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n        <article class=\"funding-card\">\n            <div class=\"card-header\">\n                <span class=\"funder-badge\">IARF<\/span>\n            <\/div>\n            <h3 class=\"project-title\"> OVFOE <\/h3>\n            \n            <div class=\"multi-phase\">\n                <div class=\"phase-item\">\n                    <span>\ud83d\udcc5\n                 \u0627\u0644\u062a\u0627\u0631\u064a\u062e 2025<span>\n                <\/div>\n                <div class=\"phase-item\">\n                    \n                    <strong> <\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"amount-wrapper\">\n                <span class=\"amount-label\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a<\/span>\n                <div class=\"amount-value\">\n                    <span class=\"counter\" data-target=\"56587.344\">0<\/span>\n                    <span class=\"currency\">\u062f.\u062a<\/span>\n                <\/div>\n            <\/div>\n        <\/article>\n\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('.counter');\n    const speed = 60; \/\/ Plus le chiffre est bas, plus c'est rapide\n\n    const formatNumber = (num) => {\n        return new Intl.NumberFormat('fr-FR', {\n            minimumFractionDigits: 3,\n            maximumFractionDigits: 3\n        }).format(num).replace(',', '.');\n    };\n\n    const animate = (counter) => {\n        const target = +counter.getAttribute('data-target');\n        let count = 0;\n        const increment = target \/ speed;\n\n        const updateCount = () => {\n            count += increment;\n            if (count < target) {\n                counter.innerText = formatNumber(count);\n                setTimeout(updateCount, 25);\n            } else {\n                counter.innerText = formatNumber(target);\n            }\n        };\n        updateCount();\n    };\n\n    \/\/ Intersection Observer pour lancer l'animation au scroll\n    const observerOptions = {\n        threshold: 0.5\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                animate(entry.target);\n                observer.unobserve(entry.target); \/\/ L'animation ne se joue qu'une fois\n            }\n        });\n    }, observerOptions);\n\n    counters.forEach(counter => observer.observe(counter));\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FPOS \u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639 \u0645\u0631\u0635\u062f \u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0627\u0644\u0625\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0628\u0628\u0644\u062f\u064a\u0629 \u0627\u0644\u0645\u0638\u064a\u0644\u0629 \ud83d\udcc5 \u0627\u0644\u062a\u0627\u0631\u064a\u062e: &#8230; <\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/pages\/2426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/comments?post=2426"}],"version-history":[{"count":20,"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/pages\/2426\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/pages\/2426\/revisions\/2701"}],"wp:attachment":[{"href":"https:\/\/accountability.tn\/en\/wp-json\/wp\/v2\/media?parent=2426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}