{"id":575,"date":"2024-09-20T06:31:45","date_gmt":"2024-09-20T06:31:45","guid":{"rendered":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/?page_id=575"},"modified":"2026-04-07T04:53:56","modified_gmt":"2026-04-07T04:53:56","slug":"homedev","status":"publish","type":"page","link":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","title":{"rendered":"Blue Carbon Deck: A Transformative Partnership Platform (TPP)"},"content":{"rendered":"\n\n            <\/div>\n        <\/article>\n    <\/div>\n    <style>\n    #homehero.section-bg::before\n            {\n            background-image:url(\"\");\n            }.page-author {display: none;}\n#homehero{\npadding:400px 0px 300px 0px;\n}\n#homehero.section-bg::before{\nbackground-image:url('https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/52208689549_9a2446c7a9_2.jpg');\nbackground-position-x:center;\nbackground-position-y:bottom;\n}\n#primary {display:none!important;} \n#post-575 {display:none!important;} \n.hide-mobile .drop-icon {display: none!important;}\n\n.title-hero{\n    text-align: center;\n    font-size: 70px;\n    color: #ffffff;\n    font-weight: bold;\n    letter-spacing: -4px;\n    margin-bottom: 50px;\n    margin-top: 50px;\ntext-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;\n}\n\n<\/style>\n\n<div id=\"homehero\" class=\"section-bg wpe-block\">\n    <div class=\"section-wrapper\">\n            <div class=\"container\">\n           <article>\n                <div class=\"entry-content\">\n        <div class=\"row\">\n    <div class=\"col-lg-12\">\n        <div class=\"wpec-block-header\">\n            <div class=\"wpec-block-label\"><\/div>\n            <h2 class=\"wpec-block-title\"><!-- Hero --><\/h2>\n            <div class=\"wpec-block-subtitle\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"block-content\"><div class=\"row d-flex justify-content-center\"><div class=\"col-lg-9 \"><div class=\"col-content w-100 text-center\" ><h1 class=\"title-hero\">BLUE CARBON DECK<\/h1>\n<h2 class=\"text-white\">A Transformative Partnership Platform<\/h2><\/div><\/div><\/div><div class=\"row d-flex justify-content-center\"><\/div><\/div>                <\/div>\n            <\/article>\n        <\/div>\n            <\/div>\n<\/div>\n    <div class=\"container\">\n       <article>\n            <div class=\"entry-content\">\n    \n\n\n<script>\n        function toggleText() {\n            let showMoreText1 =\n                document.getElementById(\"moreText1\");\n            let showMoreText2 =\n                document.getElementById(\"moreText2\");\n            let buttonText =\n                document.getElementById(\"textButton\");\n            if (buttonText.innerHTML == \"Show less\") {\n                showMoreText1.style.display = \"none\";\n                showMoreText2.style.display = \"none\";\n                buttonText.innerHTML = \"Show more\";\n            }\n            else {\n                showMoreText1.style.display = \"inline\";\n                showMoreText2.style.display = \"inline\";\n                buttonText.innerHTML = \"Show less\";\n            }\n        }\n\t<\/script>\n\n\n<style>\n    #intro.section-bg::before\n            {\n            background-image:url(\"\");\n            }.fs-23{\nfont-size:23px;\n}\n\n#intro.section-bg::before{\n background-color:#fff;\n}<\/style>\n\n<div id=\"intro\" class=\"section-bg pt-5 pb-0 wpe-block\">\n    <div class=\"section-wrapper\">\n    <div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-10 \"><div class=\"col-content w-100 \" ><h3 style=\"margin-bottom: 1.5em; color: #5c5c5c; font-weight: bold;\">Background<\/h3>\n<p style=\"font-size: 20px; padding-right: 20px; font-family: 'Cerebri Sans', sans-serif; color: #5c5c5c;\">Mangroves, tidal marshes, seagrass, seaweed and other coastal and marine ecosystems capture and store \u2018blue carbon\u2019 \u2013 which holds exciting potential for wetlands-rich countries to meet their national climate goals. But to counter the rapidly escalating threats to these fragile and under-researched ecosystems, we urgently need to advance our understanding of them through knowledge-sharing and collaboration.<\/p><\/div><\/div><div class=\"col-lg-2 \"><div class=\"col-content w-100 \" ><p style=\"text-align: center;\"><a href=\"https:\/\/www.cifor-icraf.org\/publications\/pdf\/flyer\/Flyer_Blue-Carbon-Deck.pdf\" target=\"_blank\" rel=\"attachment noopener wp-att-63\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-63 aligncenter\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/blue-carbon-deck-flyer-thumbnail.jpg\" alt=\"\" width=\"254\" height=\"358\" srcset=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/blue-carbon-deck-flyer-thumbnail.jpg 254w, https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/blue-carbon-deck-flyer-thumbnail-213x300.jpg 213w\" sizes=\"auto, (max-width: 254px) 100vw, 254px\" \/><\/a><br \/><a style=\"text-decoration: none; color: #437328;\" href=\"https:\/\/www.cifor-icraf.org\/publications\/pdf\/flyer\/Flyer_Blue-Carbon-Deck.pdf\" target=\"_blank\" rel=\"noopener\">Flyer<\/a><br \/>\u00a0<\/p><\/div><\/div><\/div><\/div>    <\/div>\n<\/div>\n\n\n<style>\n    #active-projects.section-bg::before\n            {\n            background-image:url(\"\");\n            }#active-projects.section-bg::before{\n background-color:#f8f8f8;  \n}<\/style>\n\n<div id=\"active-projects\" class=\"section-bg wpe-block\">\n    <div class=\"section-wrapper\">\n    <div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-9 \"><div class=\"col-content w-100 \" ><h3 style=\"margin-bottom: 1.5em; color: #5c5c5c; font-weight: bold;\">What is Blue Carbon Deck?<\/h3>\n<p style=\"font-size: 20px; font-family: 'Cerebri Sans', sans-serif; color: #5c5c5c;\">The Blue Carbon Deck is a Transformative Partnership Platform (TPP) designed to bring together the multiple initiatives around blue carbon to become the go-to source on blue carbon for researchers, civil society and practitioners working in coastal communities.<\/p>\n<p style=\"font-size: 20px; font-family: 'Cerebri Sans', sans-serif; color: #5c5c5c;\">Hosted by the Center for International Forestry Research and World Agroforestry (CIFOR-ICRAF), the platform will ensure that programmes and projects are guided by the latest science while maintaining a focus on the particular challenges faced by people and foundation ecosystems. Having established a long-term and flourishing network of individuals and agencies across the globe, CIFOR-ICRAF is uniquely suited to hosting this new collaboration.<\/p><\/div><\/div><div class=\"col-lg-3 \"><div class=\"col-content w-100 \" ><p style=\"margin-top: 40px; margin-bottom: 20px; margin-left: 40px; font-family: 'Cerebri Sans', sans-serif; color: #5c5c5c;\"><strong>Contact us<\/strong><\/p> <div class=\"speaker-item\" style=\"margin-left:40px;\">\n    <a href=\"https:\/\/www.cifor-icraf.org\/research-staff\/daniel-murdiyarso\/\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/www.cifor-icraf.org\/wp-content\/uploads\/2021\/06\/Daniel_M.jpg\" class=\"rounded-circle\"><\/a>\n    <a style=\"text-decoration:none;color: #437328;font-family: 'Cerebri Sans', sans-serif;\" href=\"https:\/\/www.cifor-icraf.org\/research-staff\/daniel-murdiyarso\/\">\n      <h4 style=\"font-family: 'Cerebri Sans', sans-serif;\">Daniel Murdiyarso<\/h4>\n    <\/a>\n    <div class=\"contact-profession\" style=\"font-family: 'Cerebri Sans', sans-serif;color:#5C5C5C;\">Senior Associate<br>Theme 5: Climate Change, Energy and Low Carbon Development (CCE)<\/div>\n  <\/div><\/div><\/div><\/div><\/div>    <\/div>\n<\/div>\n\n\n<style>\n    #i-mangrove.section-bg::before\n            {\n            background-image:url(\"\");\n            }.fs-23{\nfont-size:23px;\n}\n#i-mangrove h3,h4,h5 {color: #14445b;}\n#i-mangrove.section-bg::before{\n background-color:#fff;\n}\n#i-mangrove\n#i-mangrove a {text-decoration: none;color:#437328;font-family: 'Cerebri Sans', sans-serif;}\n#i-mangrove .imgPartner {width: 50%; height: auto;}\n#i-mangrove .imgRound {width: 75%; height: auto;}\n#i-mangrove .brownBg {background-color: #775d42;color: white;padding: 30px; margin-top: 0px; font-weight:600; text-align:center;}\n@media screen and (max-width: 640px) {\n   #i-mangrove .imgPartner {width: 90%; height: auto;}\n   #i-mangrove .imgRound {width: 90%; height: auto;}\n   #i-mangrove .brownBg {background-color: #775d42;color: white;padding: 10px; margin-top: 0px; font-weight:400;text-align:center;}\n}\n#i-mangrove a {text-decoration: none;color:#437328;font-family: 'Cerebri Sans', sans-serif;}<\/style>\n\n<div id=\"i-mangrove\" class=\"section-bg pt-5 pb-3 wpe-block\">\n    <div class=\"section-wrapper\">\n    <div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-12 \"><div class=\"col-content w-100 \" ><p style=\"padding-bottom: 0px; margin-bottom: 0px;\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-858\" style=\"width: 100%, height:auto;\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2026\/01\/banner-and-text.jpg\" alt=\"\" \/><\/p><\/div><\/div><div class=\"col-lg-12 \"><div class=\"col-content w-100 \" ><p class=\"brownBg\">i-Mangrove is a spatially explicit decision-support dashboard that enables transparent measurement, reporting and verification (MRV) of mangrove blue carbon. The dashboard integrates consistent geospatial datasets and\u00a0 analytics to assess mangrove extent, change, emissions and restoration potential across multiple spatial scales.<br \/><br \/><a style=\"border: 1px solid #14a2dd; background-color: #14a2dd; color: white; padding: 2px 18px;\" href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/intro-i-mangrove\/\" rel=\"noopener\"><strong style=\"color: white;\"> View detail <\/strong><\/a><\/p><\/div><\/div><\/div><\/div>    <\/div>\n<\/div>\n\n\n\n\n<style>\n    #section-event.section-bg::before\n            {\n            background-image:url(\"\");\n            }#section-event.section-bg::before{\n background-color:#f8f8f8;  \n}\n#section-event a {text-decoration: none;color:#437328;font-family: 'Cerebri Sans', sans-serif;}\n#section-event .col-content {font-family: 'Cerebri Sans', sans-serif;}<\/style>\n\n<div id=\"section-event\" class=\"section-bg pt-5 pb-5 wpe-block\">\n    <div class=\"section-wrapper\">\n    <div class=\"row\">\n    <div class=\"col-lg-12\">\n        <div class=\"wpec-block-header\">\n            <div class=\"wpec-block-label\"><\/div>\n            <h2 class=\"wpec-block-title\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Event<\/h3><\/h2>\n            <div class=\"wpec-block-subtitle\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-8 \"><div class=\"col-content w-100 \" ><h3><a href=\"https:\/\/www.cifor-icraf.org\/event\/blue-carbon-economic-value-and-indonesias-leadership\/\">Blue carbon economic value and Indonesia\u2019s leadership<\/a><\/h3>\n<p>14 October 2025, 12.00 &#8211; 17.00 GMT+7, The National Library of Indonesia, Jakarta<\/p>\n<p>&nbsp;<\/p>\n<p><a style=\"border: 1px solid grey; padding: 2px 8px;\" href=\"https:\/\/www.cifor-icraf.org\/event\/blue-carbon-economic-value-and-indonesias-leadership\/\" rel=\"noopener\"> View Detail <\/a>\u00a0<a style=\"border: 1px solid grey; padding: 2px 8px;\" href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/events\/\" rel=\"noopener\"> Browse All Events <\/a><\/p>\n<p>&nbsp;<\/p><\/div><\/div><div class=\"col-lg-4 \"><div class=\"col-content w-100 \" ><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-736 size-large\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2025\/10\/DJI_0588_feat.jpg\" alt=\"\" width=\"1024\" height=\"538\" \/><\/p><\/div><\/div><\/div><\/div>    <\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style>\n\n    .item-label {\n        color: #333;\n        text-transform: uppercase;\n        font-size: 14px;\n        margin-bottom: 10px;\n        line-height: 1em;\n    }\n    ._label-video{\n        color: #fecb66;\n    }\n    #related.section-bg::before\n            {\n            background-image:url(\"\");\n            }#related.section-bg::before{\n   background-color:#027bc0; \n}\n#related h1.wpec-block-title {\n  font-size: 1.75rem !important;\n  line-height: unset !important;\n}\n#related .box-item {\n    margin-bottom: 20px;\n   font-family: 'Cerebri Sans', sans-serif; \n}\n\n#related .item-text a{\n    text-decoration: none;\n    font-family: 'Cerebri Sans', sans-serif; \n}<\/style>\n<div id=\"related\" class=\"section-bg wpe-block wpe-block postbox\">\n\n            \n          <div class=\"row \">\n            <div class=\"col-lg-4\">\n                <div class=\"l2 flex-column-center  no-padding-left\">\n                    <div class=\"item-label text-white\"><\/div>\n                    <h1 class=\"x-item-title wpec-block-title text-white\"><\/h1><h3 style=\"margin-bottom: 1.5em;color: #fff; font-weight: bold;\">Related links<\/h3>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"row mb-25 l5\">\n                                <div class=\"col-lg-3\">\n                        <div class=\"box-item flex-bottom bg-overlay text-white\" style=\"\n                            background-size: cover;\n                            background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/35721475312_f2f0f91f16_1.jpg);\n                            background-repeat: no-repeat;\n                            background-position: center center;\n                            \">\n                            <div class=\"item-text\">\n                                <a href=\"https:\/\/www.cifor-icraf.org\/research\/topic\/wetlands-and-blue-carbon\/\">\n                                <div class=\"item-label _label-video\">TOPIC<\/div>\n                                <h1 class=\"item-title\">Wetlands and blue carbon<\/h1>\n                                <div class=\"item-link-source\"><\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"col-lg-3\">\n                        <div class=\"box-item flex-bottom bg-overlay text-white\" style=\"\n                            background-size: cover;\n                            background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/51795998344_bef0a2293c_c-1.jpg);\n                            background-repeat: no-repeat;\n                            background-position: center center;\n                            \">\n                            <div class=\"item-text\">\n                                <a href=\"https:\/\/www.cifor-icraf.org\/swamp\/\">\n                                <div class=\"item-label _label-video\">Website<\/div>\n                                <h1 class=\"item-title\">The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) <\/h1>\n                                <div class=\"item-link-source\"><\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"col-lg-3\">\n                        <div class=\"box-item flex-bottom bg-overlay text-white\" style=\"\n                            background-size: cover;\n                            background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/46952464982_1d490ca7fc_3.jpg);\n                            background-repeat: no-repeat;\n                            background-position: center center;\n                            \">\n                            <div class=\"item-text\">\n                                <a href=\"https:\/\/www.cifor-icraf.org\/research\/theme\/climate-change-energy-and-low-carbon-development\/\">\n                                <div class=\"item-label _label-video\">Theme<\/div>\n                                <h1 class=\"item-title\">Climate change, energy and low-carbon development<\/h1>\n                                <div class=\"item-link-source\"><\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"col-lg-3\">\n                        <div class=\"box-item flex-bottom bg-overlay text-white\" style=\"\n                            background-size: cover;\n                            background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/49063869611_10bf5b4e5e_c-800-533.jpg);\n                            background-repeat: no-repeat;\n                            background-position: center center;\n                            \">\n                            <div class=\"item-text\">\n                                <a href=\"https:\/\/www.cifor-icraf.org\/knowledge\/publication\/8947\">\n                                <div class=\"item-label _label-video\">Publication<\/div>\n                                <h1 class=\"item-title\">Deriving emission factors for mangrove blue carbon ecosystem in Indonesia<\/h1>\n                                <div class=\"item-link-source\"><\/div>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n       \n        <\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<style>\n    #section-storyB.section-bg::before\n            {\n            background-image:url(\"\");\n            }#section-storyB.section-bg::before{\n background-color:#fff;  \n}\n#section-storyB a {text-decoration: none;color:#437328;font-family: 'Cerebri Sans', sans-serif;}\n#section-storyB .col-content {font-family: 'Cerebri Sans', sans-serif;}<\/style>\n\n<div id=\"section-storyB\" class=\"section-bg pt-3 pb-3 wpe-block\">\n    <div class=\"section-wrapper\">\n    <div class=\"row\">\n    <div class=\"col-lg-12\">\n        <div class=\"wpec-block-header\">\n            <div class=\"wpec-block-label\"><\/div>\n            <h2 class=\"wpec-block-title\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Stories<\/h3><\/h2>\n            <div class=\"wpec-block-subtitle\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-4 \"><div class=\"col-content w-100 \" ><p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-437\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2024\/05\/39961511571_1c8aeda3d1_c.jpg\" alt=\"\" width=\"799\" height=\"533\" srcset=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2024\/05\/39961511571_1c8aeda3d1_c.jpg 799w, https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2024\/05\/39961511571_1c8aeda3d1_c-300x200.jpg 300w, https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2024\/05\/39961511571_1c8aeda3d1_c-768x512.jpg 768w\" sizes=\"auto, (max-width: 799px) 100vw, 799px\" \/><\/p>\n<p>&nbsp;<\/p><\/div><\/div><div class=\"col-lg-8 \"><div class=\"col-content w-100 \" ><p>&nbsp;<\/p>\n<h3><a href=\"https:\/\/forestsnews.cifor.org\/86689\/how-to-get-carbon-markets-right?fnl=\">How to get carbon markets right<\/a><\/h3>\n<p>Carbon markets have been variously lauded as a critical part of addressing the climate crisis, and criticized as empty greenwash. Either way, they\u2019re moving some serious cash: the global carbon credit market traded value was almost USD 1 trillion in 2022, and is tipped to reach USD 2.68 trillion by 2028.<\/p>\n<p>&nbsp;<\/p>\n<p><a style=\"border: 1px solid grey; padding: 2px 8px;\" href=\"https:\/\/forestsnews.cifor.org\/86689\/how-to-get-carbon-markets-right?fnl=\" rel=\"noopener\"> View Detail <\/a><\/p><\/div><\/div><div class=\"col-lg-12 \"><div class=\"col-content w-100 \" ><hr \/><\/div><\/div><\/div><\/div>    <\/div>\n<\/div>\n\n\n\n\n\n\n<style>\n    .section-knowledge .grid{ width:100%; }\n.section-knowledge::before{ background-color:#fff;}\n#featured-content .grid-item {\nborder: 0px !important;\nfont-family: 'Cerebri Sans', sans-serif;\n}\n#featured-content .org-and-type {\ndisplay: none;\n}\n\n.grid-item.bg-overlay::before {background: linear-gradient(360deg, rgba(0,0,0,0.58) 0%, rgba(255,255,255,0) 100%);}\n\n#featured-content .grid-item {\n  border-radius: 5px;\n  background-size: auto 100%\n  transition: all 0.3s ease-in-out;\n  -webkit-transition: all 0.3s ease-in-out;\n  -moz-transition: all 0.3s ease-in-out;\n  -ms-transition: all 0.3s ease-in-out;\n  -o-transition: all 0.3s ease-in-out;\n}\n\n#featured-content .grid-item.bg-overlay::before {\n  border-radius: 5px;\n}\n\n#featured-content .btn {\n    border-radius: 5px !important;\n}.shownumber {\n        background: #000000;\n        color: #FFFFFF;\n        display: inline-block;\n        width: 30px;\n        text-align: center;\n        margin-right: 10px;\n        border: 1px solid #ddd;\n    }\n\n    .grid-item .box-layer-02 {\n        background-color: #3CBB7D;\n        visibility: hidden;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        bottom: 0px;\n        padding: 30px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n        justify-content: space-between;\n        z-index: 2;\n    }\n\n    .grid-item .box-layer-02 h3,\n    .grid-item .box-layer-02 p,\n    .grid-item .box-layer-02 li a {\n        color: #fff;\n    }\n\n    .grid-item:hover .box-layer-02 {\n        visibility: visible;\n    }\n<\/style>\n<!-- section knowledge -->\n<div id=\"featured-content\" class=\"pt-0 pb-5 wpe-block section-knowledge\">\n        <div class=\"grid\">\n        <div class=\" bg-overlay  bg-overlay  grid-item grid-item--c d-flex align-items-end GTM-HOME-KNOWLEDGE-HUB\" style=\"background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/12\/52207408797_8cd37b7385_c.jpg);background-color:#008479;\"><div class=\"grid-item_bottom\">\n    <div class=\"grid-item_title\">\n        <span class=\"org-and-type text-uppercase\">CIFOR-ICRAF | <\/span>        <h1>Hidden benefits of mangroves: A story from Pangpang Bay, Banyuwangi<\/h1>\n    <\/div>\n            <div class=\"grid-item_button\"><a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/hidden-benefits-of-mangroves-a-story-from-pangpang-bay-banyuwangi\/\" class=\"btn btn-light mt-4\">READ MORE  <i class=\"bi bi-arrow-up-right-square  align-self-end\"><\/i><\/a><\/div>\n    <\/div><\/div><div class=\" bg-overlay  grid-item grid-item--c d-flex align-items-end GTM-HOME-KNOWLEDGE-HUB\" style=\"background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/11\/Drone-1-1200-675.jpg);background-color:#008479;\"><div class=\"grid-item_bottom\">\n    <div class=\"grid-item_title\">\n        <span class=\"org-and-type text-uppercase\">CIFOR-ICRAF | <\/span>        <h1>Beyond Blue Carbon<\/h1>\n    <\/div>\n            <div class=\"grid-item_button\"><a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/beyond-blue-carbon\/\" class=\"btn btn-light mt-4\">READ MORE  <i class=\"bi bi-arrow-up-right-square  align-self-end\"><\/i><\/a><\/div>\n    <\/div><\/div><div class=\" bg-overlay  grid-item grid-item--c d-flex align-items-end GTM-HOME-KNOWLEDGE-HUB\" style=\"background-image:url(https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/11\/BlueCarbonDeck-Picture1.jpg);background-color:#008479;\"><div class=\"grid-item_bottom\">\n    <div class=\"grid-item_title\">\n        <span class=\"org-and-type text-uppercase\">CIFOR-ICRAF | <\/span>        <h1>Sungsang Mangrove Restoration and Ecotourism (SMART)<\/h1>\n    <\/div>\n            <div class=\"grid-item_button\"><a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/sungsang-mangrove-restoration-and-ecotourism-smart\/\" class=\"btn btn-light mt-4\">READ MORE  <i class=\"bi bi-arrow-up-right-square  align-self-end\"><\/i><\/a><\/div>\n    <\/div><\/div>    <\/div>\n        <script type=\"text\/javascript\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/themes\/cifor-icraf\/assets\/libs\/packery\/dist\/packery.pkgd.min.js\" id='wpe-grid-js-js'><\/script>\n    <script>\n        var elem = document.querySelector('.grid');\n        var pckry = new Packery(elem, {\n            \/\/ options\n            itemSelector: '.grid-item',\n            gutter: 10,\n            percentPosition: true\n        });\n        if (pckry.size.width < 600) {\n            pckry.destroy();\n        }\n    <\/script>\n<\/div>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/placeholder-loading\/dist\/css\/placeholder-loading.min.css\">\n\n    <style>\n        .section-page-hero::before {\n            background-image: url();\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center center;\n            background-attachment: fixed;\n        }\n\n        #news-section.section-bg::before{\n background-color:#f8f8f8;  \n}    <\/style>\n    \n        <div id=\"news-section\" class=\"section-bg wpe-block _section\">\n                            <div class=\"row mb-3\">\n                    <div class=\"col\">\n                        <h3 class=\"m-weight-700 lead-34\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">News<\/h3><\/h3>\n                    <\/div>\n                <\/div>\n                            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"form-check form-switch float-end\">\n                        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"show-products-all-languages\">\n                        <label class=\"form-check-label\" for=\"show-products-all-languages\">\n                            Show knowledge products in all languages                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" id=\"parent-page-title\" value=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\">\n\n            <script>\n                function getCookie(name) {\n                    const value = `; ${document.cookie}`;\n                    const parts = value.split(`; ${name}=`);\n                    if (parts.length === 2) return parts.pop().split(';').shift();\n                }\n\n                let knowledgeLanguage = getCookie('knowledge_product_language')\n\n                let columnSize = 3;\n                let limit = 4;\n\n                let placeholderBox = `<div class=\"row\">\n                <div class=\"col-lg-${columnSize}\">\n                <div class=\"ph-row\">\n                    <div class=\"ph-col-6 big mb-3\" style=\"height:26.4px\"><\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row\">`\n\n                for (i = 0; i < limit; i++) {\n                    placeholderBox += `<div class=\"col-lg-${columnSize}\">\n                        <div class=\"ph-item mb-2\">\n                        <div class=\"ph-col-12\">\n                            <div class=\"ph-picture\"><\/div>\n                            <div class=\"ph-row\">\n                            <div class=\"ph-col-6 big\"><\/div>\n                            <div class=\"ph-col-6 empty big\"><\/div>\n                            <div class=\"ph-col-4\"><\/div>\n                            <div class=\"ph-col-8 empty\"><\/div>\n                            <div class=\"ph-col-6\"><\/div>\n                            <div class=\"ph-col-6 empty\"><\/div>\n                            <div class=\"ph-col-12\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>`\n                }\n\n                placeholderBox += `<\/div>\n                <div class=\"row\">\n                <div class=\"col-lg-${columnSize} offset-lg-${12 - columnSize}\">\n                    <div class=\"ph-row mt-0\">\n                    <div class=\"ph-col-6 empty\"><\/div>\n                    <div class=\"ph-col-6 big\" style=\"height:38px\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>`\n\n                function knowledgeProducts(res, contentType, currentPageNumber) {\n                    let productsHTML = ''\n                    let currentLang = $('html')[0].lang\n                    let months = []\n\n                    if (currentLang === 'en') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n                    } else if (currentLang === 'es') {\n                        months = [\"en.\", \"feb.\", \"mar.\", \"abr.\", \"may.\", \"jun.\", \"jul.\", \"ag.\", \"sept.\", \"oct.\", \"nov.\", \"dic.\"];\n                    } else if (currentLang === 'fr') {\n                        months = [\"Jan.\", \"F\u00e9v.\", \"Mar.\", \"Avr.\", \"Mai\", \"Juin\", \"Juil.\", \"Ao\u00fbt\", \"Sept.\", \"Oct.\", \"Nov.\", \"D\u00e9c.\"];\n                    } else if (currentLang === 'id') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Ags\", \"Sep\", \"Okt\", \"Nov\", \"Des\"];\n                    } else if (currentLang === 'pt-br') {\n                        months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\n                    }\n\n                    if (res.data.All) {\n                                                let products = res.data.All.response.docs\n                        let totalPages = Math.ceil(res.data.All.response.numFound \/ 15)\n\n                        $('.total-pages').text(totalPages)\n\n                        if (contentType === 'publication') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img decoding=\"async\"  alt=\"thumbnail of ${item.dcTitle}\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Publication<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/publications?lpage=\" + totalPages)\n                        } else if (contentType === 'infographic') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/infographic\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Infographic<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/infographics?lpage=\" + totalPages)\n                        } else if (contentType === 'video') {\n                            let videoBox = ''\n\n                            videoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/video\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail position-relative\">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                                                                                            <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Video<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            videoBox += `<\/div>`\n\n                            $('.product-items-container').html(videoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/videos?lpage=\" + totalPages)\n                        } else if (contentType === 'presentation') {\n                            let presentationBox = ''\n\n                            presentationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                                <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                    <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                    <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Presentation<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                    <\/div>\n                                                                                                                    <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                                <\/div>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            presentationBox += `<\/div>`\n\n                            $('.product-items-container').html(presentationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/presentations?lpage=\" + totalPages)\n                        } else if (contentType === 'podcasts') {\n                            let podcastBox = ''\n\n                            podcastBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 podcast mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                                                                                            <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <\/div>\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                                <div class=\"content-label\">Podcast<\/div>\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            podcastBox += `<\/div>`\n\n                            $('.product-items-container').html(podcastBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/podcasts?lpage=\" + totalPages)\n                        } else if (contentType === 'news') {\n                            let newsBox = ''\n\n                            newsBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                newsBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/news\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">News<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            newsBox += `<\/div>`\n\n                            $('.product-items-container').html(newsBox)\n                            $('.pagination-ci li').last().find('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/news?lpage=\" + totalPages)\n                        } else if (contentType === 'dataset') {\n                            let datasetBox = ''\n\n                            datasetBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                        <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                                                                                                        <div class=\"post-box\">\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group\">\n                                                                                                                <div class=\"content-label\">Dataset<\/div>\n                                                                                                                <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            datasetBox += `<\/div>`\n\n                            $('.product-items-container').html(datasetBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/datasets?lpage=\" + totalPages)\n                        } else if (contentType === 'photo') {\n                            let photoBox = ''\n\n                            photoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-4 parent_eh mb-3\">\n                                                                                                    <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Photo<\/div>\n                                                                                                            <h2 class=\"content-title\"><\/h2>\n                                                                                                            <p>${item.dcTitle}<\/p>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            photoBox += `<\/div>`\n\n                            $('.product-items-container').html(photoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/photos?lpage=\" + totalPages)\n                        }\n\n                        let totalResult = res.data.All.response.numFound ?? 0\n                        let resultsPerPage = 15;\n                        let currentPage = currentPageNumber ?? 1;\n                        let rightLinks = currentPage + 3;\n                        let previousLinks = currentPage - 3;\n                        let paginationHTML = '';\n                        let baseUrl = 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/';\n                        let queryString = '&';\n                        totalPages = Math.ceil(totalResult \/ resultsPerPage);\n\n                        $('.current-page').text(currentPage)\n\n                        if (currentPageNumber) {\n                            window.history.replaceState({}, 'Page 1', baseUrl)\n                        }\n\n                        if (previousLinks > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=1${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&laquo;&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === 1) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage-1}${queryString}\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        for (let i = previousLinks; i <= currentPage; i++) {\n                            if (i > 0) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        for (let i = currentPage + 1; i < rightLinks; i++) {\n                            if (i <= totalPages) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        if (currentPage !== totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage + 1}${queryString}\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === totalPages) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (rightLinks < totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${totalPages}${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&raquo;&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        $('.pagination-ci').html('')\n                        $('.pagination-ci').html(paginationHTML)\n                    } else {\n\n                        if (res.country && res.country === 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Publications\n                        if (res.data.Publication.response.docs.length !== 0) {\n                            let publicationBox = ''\n                            let publications = res.data.Publication.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Publications_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Publications_section\">`\n\n                            publications.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-3 parent_eh\">\n                                    <div class=\"post-box _grid w-100 publication \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                        <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                        <\/div>\n                                        <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                            <div class=\"content-label\">Publication<\/div>\n                                            <div class=\"content-date mb-2\">${year}<\/div>\n                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <\/div>\n                                    <\/a>\n                                    <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += publicationBox + `<\/div>\n                                            <div class=\"row\">\n                                            <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                                <a href=\"\/blue-carbon-tpp\/publications\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                            <\/div>\n                                            <\/div>`\n                        }\n\n                        \/\/ Videos\n                        if (res.data.Video.response.docs.length !== 0) {\n                            let videoBox = ''\n                            let videos = res.data.Video.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Videos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Videos_section\">`\n\n                            videos.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/video\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail position-relative\">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Video<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += videoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/videos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Presentations\n                        if (res.data.Presentation.response.docs.length !== 0) {\n                            let presentationBox = ''\n                            let presentations = res.data.Presentation.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Presentations_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Presentations_section\">`\n\n                            presentations.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-3 parent_eh\">\n                                <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                    <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                    <\/div>\n                                    <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                        <div class=\"content-label\">Presentation<\/div>\n                                        <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <div class=\"content-date\">${productFullDate}<\/div>\n                                    <\/div>\n                                    <\/a>\n                                <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += presentationBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/presentations\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Podcasts\n                        if (res.data.Podcasts.response.docs.length !== 0) {\n                            let podcastBox = ''\n                            let podcasts = res.data.Podcasts.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Podcasts_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Podcasts_section\">`\n\n                            podcasts.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box _grid w-100 podcast  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <\/div>\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                    <div class=\"content-label\">Podcast<\/div>\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/a>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += podcastBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/podcasts\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        if (res.country && res.country !== 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Datasets\n                        if (res.data.Dataset.response.docs.length !== 0) {\n                            let datasetBox = ''\n                            let dataset = res.data.Dataset.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Datasets_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Datasets<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Datasets_section\">`\n\n                            dataset.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                            <div class=\"post-box\">\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group\">\n                                    <div class=\"content-label\">Dataset<\/div>\n                                    <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                    <\/a>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += datasetBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/datasets\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Photos\n                        if (res.data.Photo.response.docs.length !== 0) {\n                            let photoBox = ''\n                            let photo = res.data.Photo.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Photos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Photos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Photos_section\">`\n\n                            photo.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Photo<\/div>\n                                <h2 class=\"content-title\"><\/h2>\n                                <p>${item.dcTitle}<\/p>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += photoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/photos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n                    }\n\n\n                    $('.products-container').html(productsHTML)\n\n                    let knowledgeLang = res.knowledge_product_language\n\n                    if (knowledgeLang === 'one') {\n                        if (currentLang === 'en') {\n                            $('#language').val('english')\n                        } else if (currentLang === 'id') {\n                            $('#language').val('indonesian')\n                        } else if (currentLang === 'fr') {\n                            $('#language').val('french')\n                        } else if (currentLang === 'es') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        } else if (currentLang === 'pt-br') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        }\n\n                    } else {\n                        $('#language').val('')\n                    }\n\n                    $('#language').trigger('change')\n                }\n\n                if (knowledgeLanguage === 'all') {\n                    setTimeout(function() {\n                        $('#show-products-all-languages').prop(\"checked\", true);\n                        $('.products-container').empty()\n                        $('.products-container').append(placeholderBox + placeholderBox + placeholderBox)\n                    }, 500);\n\n                    $.ajax({\n                        url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                        data: {\n                            language: 'all',\n                            nav_language: '',\n                            set_cookie: 'no',\n                            country: '',\n                            sub_name: '',\n                            subject_domain: '',\n                            limit: '4',\n                            content_type: '',\n                            page_number: '1',\n                            sort_by: '-date'\n                        },\n                        dataType: 'json'\n                    }).done(function(res) {\n                        knowledgeProducts(res, '')\n                    }).fail(function(error) {\n\n                    });\n                }\n\n                $('#show-products-all-languages').change(\n                    function() {\n                        $ct = '' == '' ? '.products-container' : '.product-items-container'\n                        $($ct).empty()\n                        $($ct).append(placeholderBox + placeholderBox + placeholderBox)\n\n                        if ($(this).is(':checked')) {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'all',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        } else {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'one',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        }\n                    });\n            <\/script>\n                                <div class=\"products-container\">\n                                                                        <div class=\"row\"\n                                                    id=\"News_title_section\">\n                                                    <div class=\"col-lg-12\">\n                                                        <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"row\" id=\"News_section\">\n\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/news\/94347\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Indonesia\u2019s mangrove conservation could hold the key to blue carbon trading\" src=\"https:\/\/www.forestsnews.org\/wp-content\/uploads\/2025\/10\/52208703239_ff1aecaaa4_k.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">News<\/div><h2 class=\"content-title\">Indonesia\u2019s mangrove conservation could hold the key to blue carbon trading<\/h2>    <\/div>\n\n                        <div class=\"content-date\">29 Oct 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/news\/91363\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  How viable is carbon trading for the mangrove business?\" src=\"https:\/\/www.forestsnews.org\/wp-content\/uploads\/2025\/03\/53860743875_2ca173d41b_3k-scaled.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">News<\/div><h2 class=\"content-title\">How viable is carbon trading for the mangrove business?<\/h2>    <\/div>\n\n                        <div class=\"content-date\">28 Feb 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/news\/91261\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Formulating the ideal mangrove business model in Indonesia\" src=\"https:\/\/www.forestsnews.org\/wp-content\/uploads\/2025\/02\/53859434347_b699dbb670_k.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">News<\/div><h2 class=\"content-title\">Formulating the ideal mangrove business model in Indonesia<\/h2>    <\/div>\n\n                        <div class=\"content-date\">20 Feb 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/news\/40116\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Peatlands and mangroves: Southeast Asian countries must protect these major carbon pools to boost climate ambitions\" src=\"https:\/\/images.theconversation.com\/files\/646428\/original\/file-20250203-15-5cpkul.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">News<\/div><h2 class=\"content-title\">Peatlands and mangroves: Southeast Asian countries must protect these major carbon pools to boost climate ambitions<\/h2>    <\/div>\n\n                        <div class=\"content-date\">04 Feb 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n                                                    <div class=\"row\">\n        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n            <a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575news\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n        <\/div>\n    <\/div>\n    \n                                                                    <\/div>\n                    <\/div>\n        \n\n\n\n\n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/placeholder-loading\/dist\/css\/placeholder-loading.min.css\">\n\n    <style>\n        .section-page-hero::before {\n            background-image: url();\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center center;\n            background-attachment: fixed;\n        }\n\n            <\/style>\n    \n        <div  class=\" wpe-block _section\">\n                            <div class=\"row mb-3\">\n                    <div class=\"col\">\n                        <h3 class=\"m-weight-700 lead-34\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Publications<\/h3><\/h3>\n                    <\/div>\n                <\/div>\n                            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"form-check form-switch float-end\">\n                        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"show-products-all-languages\">\n                        <label class=\"form-check-label\" for=\"show-products-all-languages\">\n                            Show knowledge products in all languages                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" id=\"parent-page-title\" value=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\">\n\n            <script>\n                function getCookie(name) {\n                    const value = `; ${document.cookie}`;\n                    const parts = value.split(`; ${name}=`);\n                    if (parts.length === 2) return parts.pop().split(';').shift();\n                }\n\n                let knowledgeLanguage = getCookie('knowledge_product_language')\n\n                let columnSize = 3;\n                let limit = 4;\n\n                let placeholderBox = `<div class=\"row\">\n                <div class=\"col-lg-${columnSize}\">\n                <div class=\"ph-row\">\n                    <div class=\"ph-col-6 big mb-3\" style=\"height:26.4px\"><\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row\">`\n\n                for (i = 0; i < limit; i++) {\n                    placeholderBox += `<div class=\"col-lg-${columnSize}\">\n                        <div class=\"ph-item mb-2\">\n                        <div class=\"ph-col-12\">\n                            <div class=\"ph-picture\"><\/div>\n                            <div class=\"ph-row\">\n                            <div class=\"ph-col-6 big\"><\/div>\n                            <div class=\"ph-col-6 empty big\"><\/div>\n                            <div class=\"ph-col-4\"><\/div>\n                            <div class=\"ph-col-8 empty\"><\/div>\n                            <div class=\"ph-col-6\"><\/div>\n                            <div class=\"ph-col-6 empty\"><\/div>\n                            <div class=\"ph-col-12\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>`\n                }\n\n                placeholderBox += `<\/div>\n                <div class=\"row\">\n                <div class=\"col-lg-${columnSize} offset-lg-${12 - columnSize}\">\n                    <div class=\"ph-row mt-0\">\n                    <div class=\"ph-col-6 empty\"><\/div>\n                    <div class=\"ph-col-6 big\" style=\"height:38px\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>`\n\n                function knowledgeProducts(res, contentType, currentPageNumber) {\n                    let productsHTML = ''\n                    let currentLang = $('html')[0].lang\n                    let months = []\n\n                    if (currentLang === 'en') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n                    } else if (currentLang === 'es') {\n                        months = [\"en.\", \"feb.\", \"mar.\", \"abr.\", \"may.\", \"jun.\", \"jul.\", \"ag.\", \"sept.\", \"oct.\", \"nov.\", \"dic.\"];\n                    } else if (currentLang === 'fr') {\n                        months = [\"Jan.\", \"F\u00e9v.\", \"Mar.\", \"Avr.\", \"Mai\", \"Juin\", \"Juil.\", \"Ao\u00fbt\", \"Sept.\", \"Oct.\", \"Nov.\", \"D\u00e9c.\"];\n                    } else if (currentLang === 'id') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Ags\", \"Sep\", \"Okt\", \"Nov\", \"Des\"];\n                    } else if (currentLang === 'pt-br') {\n                        months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\n                    }\n\n                    if (res.data.All) {\n                                                let products = res.data.All.response.docs\n                        let totalPages = Math.ceil(res.data.All.response.numFound \/ 15)\n\n                        $('.total-pages').text(totalPages)\n\n                        if (contentType === 'publication') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img decoding=\"async\"  alt=\"thumbnail of ${item.dcTitle}\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Publication<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/publications?lpage=\" + totalPages)\n                        } else if (contentType === 'infographic') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/infographic\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Infographic<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/infographics?lpage=\" + totalPages)\n                        } else if (contentType === 'video') {\n                            let videoBox = ''\n\n                            videoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/video\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail position-relative\">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                                                                                            <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Video<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            videoBox += `<\/div>`\n\n                            $('.product-items-container').html(videoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/videos?lpage=\" + totalPages)\n                        } else if (contentType === 'presentation') {\n                            let presentationBox = ''\n\n                            presentationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                                <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                    <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                    <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Presentation<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                    <\/div>\n                                                                                                                    <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                                <\/div>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            presentationBox += `<\/div>`\n\n                            $('.product-items-container').html(presentationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/presentations?lpage=\" + totalPages)\n                        } else if (contentType === 'podcasts') {\n                            let podcastBox = ''\n\n                            podcastBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 podcast mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                                                                                            <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <\/div>\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                                <div class=\"content-label\">Podcast<\/div>\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            podcastBox += `<\/div>`\n\n                            $('.product-items-container').html(podcastBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/podcasts?lpage=\" + totalPages)\n                        } else if (contentType === 'news') {\n                            let newsBox = ''\n\n                            newsBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                newsBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/news\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">News<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            newsBox += `<\/div>`\n\n                            $('.product-items-container').html(newsBox)\n                            $('.pagination-ci li').last().find('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/news?lpage=\" + totalPages)\n                        } else if (contentType === 'dataset') {\n                            let datasetBox = ''\n\n                            datasetBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                        <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                                                                                                        <div class=\"post-box\">\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group\">\n                                                                                                                <div class=\"content-label\">Dataset<\/div>\n                                                                                                                <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            datasetBox += `<\/div>`\n\n                            $('.product-items-container').html(datasetBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/datasets?lpage=\" + totalPages)\n                        } else if (contentType === 'photo') {\n                            let photoBox = ''\n\n                            photoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-4 parent_eh mb-3\">\n                                                                                                    <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Photo<\/div>\n                                                                                                            <h2 class=\"content-title\"><\/h2>\n                                                                                                            <p>${item.dcTitle}<\/p>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            photoBox += `<\/div>`\n\n                            $('.product-items-container').html(photoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/photos?lpage=\" + totalPages)\n                        }\n\n                        let totalResult = res.data.All.response.numFound ?? 0\n                        let resultsPerPage = 15;\n                        let currentPage = currentPageNumber ?? 1;\n                        let rightLinks = currentPage + 3;\n                        let previousLinks = currentPage - 3;\n                        let paginationHTML = '';\n                        let baseUrl = 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/';\n                        let queryString = '&';\n                        totalPages = Math.ceil(totalResult \/ resultsPerPage);\n\n                        $('.current-page').text(currentPage)\n\n                        if (currentPageNumber) {\n                            window.history.replaceState({}, 'Page 1', baseUrl)\n                        }\n\n                        if (previousLinks > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=1${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&laquo;&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === 1) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage-1}${queryString}\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        for (let i = previousLinks; i <= currentPage; i++) {\n                            if (i > 0) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        for (let i = currentPage + 1; i < rightLinks; i++) {\n                            if (i <= totalPages) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        if (currentPage !== totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage + 1}${queryString}\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === totalPages) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (rightLinks < totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${totalPages}${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&raquo;&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        $('.pagination-ci').html('')\n                        $('.pagination-ci').html(paginationHTML)\n                    } else {\n\n                        if (res.country && res.country === 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Publications\n                        if (res.data.Publication.response.docs.length !== 0) {\n                            let publicationBox = ''\n                            let publications = res.data.Publication.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Publications_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Publications_section\">`\n\n                            publications.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-3 parent_eh\">\n                                    <div class=\"post-box _grid w-100 publication \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                        <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                        <\/div>\n                                        <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                            <div class=\"content-label\">Publication<\/div>\n                                            <div class=\"content-date mb-2\">${year}<\/div>\n                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <\/div>\n                                    <\/a>\n                                    <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += publicationBox + `<\/div>\n                                            <div class=\"row\">\n                                            <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                                <a href=\"\/blue-carbon-tpp\/publications\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                            <\/div>\n                                            <\/div>`\n                        }\n\n                        \/\/ Videos\n                        if (res.data.Video.response.docs.length !== 0) {\n                            let videoBox = ''\n                            let videos = res.data.Video.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Videos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Videos_section\">`\n\n                            videos.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/video\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail position-relative\">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Video<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += videoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/videos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Presentations\n                        if (res.data.Presentation.response.docs.length !== 0) {\n                            let presentationBox = ''\n                            let presentations = res.data.Presentation.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Presentations_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Presentations_section\">`\n\n                            presentations.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-3 parent_eh\">\n                                <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                    <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                    <\/div>\n                                    <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                        <div class=\"content-label\">Presentation<\/div>\n                                        <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <div class=\"content-date\">${productFullDate}<\/div>\n                                    <\/div>\n                                    <\/a>\n                                <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += presentationBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/presentations\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Podcasts\n                        if (res.data.Podcasts.response.docs.length !== 0) {\n                            let podcastBox = ''\n                            let podcasts = res.data.Podcasts.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Podcasts_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Podcasts_section\">`\n\n                            podcasts.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box _grid w-100 podcast  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <\/div>\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                    <div class=\"content-label\">Podcast<\/div>\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/a>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += podcastBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/podcasts\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        if (res.country && res.country !== 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Datasets\n                        if (res.data.Dataset.response.docs.length !== 0) {\n                            let datasetBox = ''\n                            let dataset = res.data.Dataset.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Datasets_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Datasets<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Datasets_section\">`\n\n                            dataset.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                            <div class=\"post-box\">\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group\">\n                                    <div class=\"content-label\">Dataset<\/div>\n                                    <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                    <\/a>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += datasetBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/datasets\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Photos\n                        if (res.data.Photo.response.docs.length !== 0) {\n                            let photoBox = ''\n                            let photo = res.data.Photo.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Photos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Photos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Photos_section\">`\n\n                            photo.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Photo<\/div>\n                                <h2 class=\"content-title\"><\/h2>\n                                <p>${item.dcTitle}<\/p>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += photoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/photos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n                    }\n\n\n                    $('.products-container').html(productsHTML)\n\n                    let knowledgeLang = res.knowledge_product_language\n\n                    if (knowledgeLang === 'one') {\n                        if (currentLang === 'en') {\n                            $('#language').val('english')\n                        } else if (currentLang === 'id') {\n                            $('#language').val('indonesian')\n                        } else if (currentLang === 'fr') {\n                            $('#language').val('french')\n                        } else if (currentLang === 'es') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        } else if (currentLang === 'pt-br') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        }\n\n                    } else {\n                        $('#language').val('')\n                    }\n\n                    $('#language').trigger('change')\n                }\n\n                if (knowledgeLanguage === 'all') {\n                    setTimeout(function() {\n                        $('#show-products-all-languages').prop(\"checked\", true);\n                        $('.products-container').empty()\n                        $('.products-container').append(placeholderBox + placeholderBox + placeholderBox)\n                    }, 500);\n\n                    $.ajax({\n                        url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                        data: {\n                            language: 'all',\n                            nav_language: '',\n                            set_cookie: 'no',\n                            country: '',\n                            sub_name: '',\n                            subject_domain: '',\n                            limit: '4',\n                            content_type: '',\n                            page_number: '1',\n                            sort_by: '-date'\n                        },\n                        dataType: 'json'\n                    }).done(function(res) {\n                        knowledgeProducts(res, '')\n                    }).fail(function(error) {\n\n                    });\n                }\n\n                $('#show-products-all-languages').change(\n                    function() {\n                        $ct = '' == '' ? '.products-container' : '.product-items-container'\n                        $($ct).empty()\n                        $($ct).append(placeholderBox + placeholderBox + placeholderBox)\n\n                        if ($(this).is(':checked')) {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'all',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        } else {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'one',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        }\n                    });\n            <\/script>\n                                <div class=\"products-container\">\n                                                                        <div class=\"row\"\n                                                    id=\"Publications_title_section\">\n                                                    <div class=\"col-lg-12\">\n                                                        <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"row\" id=\"Publications_section\">\n\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 publication eee\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/publication\/9449\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-publication\" alt=\"thumbnail of Indonesia\u2019s leadership in the blue carbon economy\" src=\"https:\/\/www.cifor-icraf.org\/uploads\/webservice\/9449.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Publication<\/div>                    <div class=\"content-date mb-2\">2026<\/div>\n                <h2 class=\"content-title\">Indonesia\u2019s leadership in the blue carbon economy<\/h2>    <\/div>\n\n    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 publication eee\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/publication\/46414\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-publication\" alt=\"thumbnail of New species-specific allometric models for above- and below-ground biomass and carbon content of young mangroves\" src=\"https:\/\/www.cifor-icraf.org\/uploads\/webservice\/23519894.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Publication<\/div>                    <div class=\"content-date mb-2\">2026<\/div>\n                <h2 class=\"content-title\">New species-specific allometric models for above- and below-ground biomass and carbon content of young mangroves<\/h2>    <\/div>\n\n    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 publication eee\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/publication\/9416\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-publication\" alt=\"thumbnail of i-Mangrove Blue Carbon Dashboard: A mangrove-based climate solutions mapping tool to support high-integrity blue actions\" src=\"https:\/\/www.cifor-icraf.org\/uploads\/webservice\/9416.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Publication<\/div>                    <div class=\"content-date mb-2\">2026<\/div>\n                <h2 class=\"content-title\">i-Mangrove Blue Carbon Dashboard: A mangrove-based climate solutions mapping tool to support high-integrity blue actions<\/h2>    <\/div>\n\n    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 publication eee\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/publication\/46115\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-publication\" alt=\"thumbnail of Field and laboratory manual for unsupported &lt;sup&gt;210&lt;\/sup&gt;Pb analyses\" src=\"https:\/\/www.cifor-icraf.org\/uploads\/webservice\/46115.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Publication<\/div>                    <div class=\"content-date mb-2\">2026<\/div>\n                <h2 class=\"content-title\">Field and laboratory manual for unsupported <sup>210<\/sup>Pb analyses<\/h2>    <\/div>\n\n    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n                                                    <div class=\"row\">\n        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n            <a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575publications\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n        <\/div>\n    <\/div>\n    \n                                                                    <\/div>\n                    <\/div>\n        \n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/placeholder-loading\/dist\/css\/placeholder-loading.min.css\">\n\n    <style>\n        .section-page-hero::before {\n            background-image: url();\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center center;\n            background-attachment: fixed;\n        }\n\n        #videos-section.section-bg::before{\n background-color:#f8f8f8;  \n}    <\/style>\n    \n        <div id=\"videos-section\" class=\"section-bg wpe-block _section\">\n                            <div class=\"row mb-3\">\n                    <div class=\"col\">\n                        <h3 class=\"m-weight-700 lead-34\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Videos<\/h3><\/h3>\n                    <\/div>\n                <\/div>\n                            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"form-check form-switch float-end\">\n                        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"show-products-all-languages\">\n                        <label class=\"form-check-label\" for=\"show-products-all-languages\">\n                            Show knowledge products in all languages                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" id=\"parent-page-title\" value=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\">\n\n            <script>\n                function getCookie(name) {\n                    const value = `; ${document.cookie}`;\n                    const parts = value.split(`; ${name}=`);\n                    if (parts.length === 2) return parts.pop().split(';').shift();\n                }\n\n                let knowledgeLanguage = getCookie('knowledge_product_language')\n\n                let columnSize = 3;\n                let limit = 4;\n\n                let placeholderBox = `<div class=\"row\">\n                <div class=\"col-lg-${columnSize}\">\n                <div class=\"ph-row\">\n                    <div class=\"ph-col-6 big mb-3\" style=\"height:26.4px\"><\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row\">`\n\n                for (i = 0; i < limit; i++) {\n                    placeholderBox += `<div class=\"col-lg-${columnSize}\">\n                        <div class=\"ph-item mb-2\">\n                        <div class=\"ph-col-12\">\n                            <div class=\"ph-picture\"><\/div>\n                            <div class=\"ph-row\">\n                            <div class=\"ph-col-6 big\"><\/div>\n                            <div class=\"ph-col-6 empty big\"><\/div>\n                            <div class=\"ph-col-4\"><\/div>\n                            <div class=\"ph-col-8 empty\"><\/div>\n                            <div class=\"ph-col-6\"><\/div>\n                            <div class=\"ph-col-6 empty\"><\/div>\n                            <div class=\"ph-col-12\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>`\n                }\n\n                placeholderBox += `<\/div>\n                <div class=\"row\">\n                <div class=\"col-lg-${columnSize} offset-lg-${12 - columnSize}\">\n                    <div class=\"ph-row mt-0\">\n                    <div class=\"ph-col-6 empty\"><\/div>\n                    <div class=\"ph-col-6 big\" style=\"height:38px\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>`\n\n                function knowledgeProducts(res, contentType, currentPageNumber) {\n                    let productsHTML = ''\n                    let currentLang = $('html')[0].lang\n                    let months = []\n\n                    if (currentLang === 'en') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n                    } else if (currentLang === 'es') {\n                        months = [\"en.\", \"feb.\", \"mar.\", \"abr.\", \"may.\", \"jun.\", \"jul.\", \"ag.\", \"sept.\", \"oct.\", \"nov.\", \"dic.\"];\n                    } else if (currentLang === 'fr') {\n                        months = [\"Jan.\", \"F\u00e9v.\", \"Mar.\", \"Avr.\", \"Mai\", \"Juin\", \"Juil.\", \"Ao\u00fbt\", \"Sept.\", \"Oct.\", \"Nov.\", \"D\u00e9c.\"];\n                    } else if (currentLang === 'id') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Ags\", \"Sep\", \"Okt\", \"Nov\", \"Des\"];\n                    } else if (currentLang === 'pt-br') {\n                        months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\n                    }\n\n                    if (res.data.All) {\n                                                let products = res.data.All.response.docs\n                        let totalPages = Math.ceil(res.data.All.response.numFound \/ 15)\n\n                        $('.total-pages').text(totalPages)\n\n                        if (contentType === 'publication') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img decoding=\"async\"  alt=\"thumbnail of ${item.dcTitle}\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Publication<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/publications?lpage=\" + totalPages)\n                        } else if (contentType === 'infographic') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/infographic\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Infographic<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/infographics?lpage=\" + totalPages)\n                        } else if (contentType === 'video') {\n                            let videoBox = ''\n\n                            videoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/video\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail position-relative\">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                                                                                            <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Video<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            videoBox += `<\/div>`\n\n                            $('.product-items-container').html(videoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/videos?lpage=\" + totalPages)\n                        } else if (contentType === 'presentation') {\n                            let presentationBox = ''\n\n                            presentationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                                <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                    <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                    <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Presentation<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                    <\/div>\n                                                                                                                    <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                                <\/div>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            presentationBox += `<\/div>`\n\n                            $('.product-items-container').html(presentationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/presentations?lpage=\" + totalPages)\n                        } else if (contentType === 'podcasts') {\n                            let podcastBox = ''\n\n                            podcastBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 podcast mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                                                                                            <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <\/div>\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                                <div class=\"content-label\">Podcast<\/div>\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            podcastBox += `<\/div>`\n\n                            $('.product-items-container').html(podcastBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/podcasts?lpage=\" + totalPages)\n                        } else if (contentType === 'news') {\n                            let newsBox = ''\n\n                            newsBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                newsBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/news\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">News<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            newsBox += `<\/div>`\n\n                            $('.product-items-container').html(newsBox)\n                            $('.pagination-ci li').last().find('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/news?lpage=\" + totalPages)\n                        } else if (contentType === 'dataset') {\n                            let datasetBox = ''\n\n                            datasetBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                        <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                                                                                                        <div class=\"post-box\">\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group\">\n                                                                                                                <div class=\"content-label\">Dataset<\/div>\n                                                                                                                <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            datasetBox += `<\/div>`\n\n                            $('.product-items-container').html(datasetBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/datasets?lpage=\" + totalPages)\n                        } else if (contentType === 'photo') {\n                            let photoBox = ''\n\n                            photoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-4 parent_eh mb-3\">\n                                                                                                    <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Photo<\/div>\n                                                                                                            <h2 class=\"content-title\"><\/h2>\n                                                                                                            <p>${item.dcTitle}<\/p>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            photoBox += `<\/div>`\n\n                            $('.product-items-container').html(photoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/photos?lpage=\" + totalPages)\n                        }\n\n                        let totalResult = res.data.All.response.numFound ?? 0\n                        let resultsPerPage = 15;\n                        let currentPage = currentPageNumber ?? 1;\n                        let rightLinks = currentPage + 3;\n                        let previousLinks = currentPage - 3;\n                        let paginationHTML = '';\n                        let baseUrl = 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/';\n                        let queryString = '&';\n                        totalPages = Math.ceil(totalResult \/ resultsPerPage);\n\n                        $('.current-page').text(currentPage)\n\n                        if (currentPageNumber) {\n                            window.history.replaceState({}, 'Page 1', baseUrl)\n                        }\n\n                        if (previousLinks > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=1${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&laquo;&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === 1) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage-1}${queryString}\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        for (let i = previousLinks; i <= currentPage; i++) {\n                            if (i > 0) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        for (let i = currentPage + 1; i < rightLinks; i++) {\n                            if (i <= totalPages) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        if (currentPage !== totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage + 1}${queryString}\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === totalPages) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (rightLinks < totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${totalPages}${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&raquo;&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        $('.pagination-ci').html('')\n                        $('.pagination-ci').html(paginationHTML)\n                    } else {\n\n                        if (res.country && res.country === 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Publications\n                        if (res.data.Publication.response.docs.length !== 0) {\n                            let publicationBox = ''\n                            let publications = res.data.Publication.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Publications_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Publications_section\">`\n\n                            publications.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-3 parent_eh\">\n                                    <div class=\"post-box _grid w-100 publication \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                        <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                        <\/div>\n                                        <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                            <div class=\"content-label\">Publication<\/div>\n                                            <div class=\"content-date mb-2\">${year}<\/div>\n                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <\/div>\n                                    <\/a>\n                                    <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += publicationBox + `<\/div>\n                                            <div class=\"row\">\n                                            <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                                <a href=\"\/blue-carbon-tpp\/publications\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                            <\/div>\n                                            <\/div>`\n                        }\n\n                        \/\/ Videos\n                        if (res.data.Video.response.docs.length !== 0) {\n                            let videoBox = ''\n                            let videos = res.data.Video.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Videos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Videos_section\">`\n\n                            videos.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/video\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail position-relative\">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Video<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += videoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/videos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Presentations\n                        if (res.data.Presentation.response.docs.length !== 0) {\n                            let presentationBox = ''\n                            let presentations = res.data.Presentation.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Presentations_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Presentations_section\">`\n\n                            presentations.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-3 parent_eh\">\n                                <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                    <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                    <\/div>\n                                    <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                        <div class=\"content-label\">Presentation<\/div>\n                                        <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <div class=\"content-date\">${productFullDate}<\/div>\n                                    <\/div>\n                                    <\/a>\n                                <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += presentationBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/presentations\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Podcasts\n                        if (res.data.Podcasts.response.docs.length !== 0) {\n                            let podcastBox = ''\n                            let podcasts = res.data.Podcasts.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Podcasts_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Podcasts_section\">`\n\n                            podcasts.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box _grid w-100 podcast  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <\/div>\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                    <div class=\"content-label\">Podcast<\/div>\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/a>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += podcastBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/podcasts\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        if (res.country && res.country !== 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Datasets\n                        if (res.data.Dataset.response.docs.length !== 0) {\n                            let datasetBox = ''\n                            let dataset = res.data.Dataset.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Datasets_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Datasets<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Datasets_section\">`\n\n                            dataset.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                            <div class=\"post-box\">\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group\">\n                                    <div class=\"content-label\">Dataset<\/div>\n                                    <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                    <\/a>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += datasetBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/datasets\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Photos\n                        if (res.data.Photo.response.docs.length !== 0) {\n                            let photoBox = ''\n                            let photo = res.data.Photo.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Photos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Photos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Photos_section\">`\n\n                            photo.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Photo<\/div>\n                                <h2 class=\"content-title\"><\/h2>\n                                <p>${item.dcTitle}<\/p>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += photoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/photos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n                    }\n\n\n                    $('.products-container').html(productsHTML)\n\n                    let knowledgeLang = res.knowledge_product_language\n\n                    if (knowledgeLang === 'one') {\n                        if (currentLang === 'en') {\n                            $('#language').val('english')\n                        } else if (currentLang === 'id') {\n                            $('#language').val('indonesian')\n                        } else if (currentLang === 'fr') {\n                            $('#language').val('french')\n                        } else if (currentLang === 'es') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        } else if (currentLang === 'pt-br') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        }\n\n                    } else {\n                        $('#language').val('')\n                    }\n\n                    $('#language').trigger('change')\n                }\n\n                if (knowledgeLanguage === 'all') {\n                    setTimeout(function() {\n                        $('#show-products-all-languages').prop(\"checked\", true);\n                        $('.products-container').empty()\n                        $('.products-container').append(placeholderBox + placeholderBox + placeholderBox)\n                    }, 500);\n\n                    $.ajax({\n                        url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                        data: {\n                            language: 'all',\n                            nav_language: '',\n                            set_cookie: 'no',\n                            country: '',\n                            sub_name: '',\n                            subject_domain: '',\n                            limit: '4',\n                            content_type: '',\n                            page_number: '1',\n                            sort_by: '-date'\n                        },\n                        dataType: 'json'\n                    }).done(function(res) {\n                        knowledgeProducts(res, '')\n                    }).fail(function(error) {\n\n                    });\n                }\n\n                $('#show-products-all-languages').change(\n                    function() {\n                        $ct = '' == '' ? '.products-container' : '.product-items-container'\n                        $($ct).empty()\n                        $($ct).append(placeholderBox + placeholderBox + placeholderBox)\n\n                        if ($(this).is(':checked')) {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'all',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        } else {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'one',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        }\n                    });\n            <\/script>\n                                <div class=\"products-container\">\n                                                                        <div class=\"row\"\n                                                    id=\"Videos_title_section\">\n                                                    <div class=\"col-lg-12\">\n                                                        <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"row\" id=\"Videos_section\">\n\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/video\/v=EcKK8jIMK4o\/\">\n            <div class=\"post-box_thumbnail position-relative\"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  i-Mangrove Blue Carbon Dashboard\" src=\"https:\/\/i.ytimg.com\/vi\/EcKK8jIMK4o\/hqdefault.jpg\" \/>                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                    <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                <\/div>\n                <\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Video<\/div><h2 class=\"content-title\">i-Mangrove Blue Carbon Dashboard<\/h2>    <\/div>\n\n                        <div class=\"content-date\">11 Feb 2026<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/video\/v=GyEKdL7hUuI\/\">\n            <div class=\"post-box_thumbnail position-relative\"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Strengthening Mangrove Governance and Market Opportunities in Indonesia\" src=\"https:\/\/i.ytimg.com\/vi\/GyEKdL7hUuI\/hqdefault.jpg\" \/>                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                    <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                <\/div>\n                <\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Video<\/div><h2 class=\"content-title\">Strengthening Mangrove Governance and Market Opportunities in Indonesia<\/h2>    <\/div>\n\n                        <div class=\"content-date\">04 Nov 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/video\/v=wOU-HzgM4x8\/\">\n            <div class=\"post-box_thumbnail position-relative\"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  What matter in action research to supports community-based mangrove restoration efforts in South Sumatra, Indonesia\" src=\"https:\/\/i.ytimg.com\/vi\/wOU-HzgM4x8\/hqdefault.jpg\" \/>                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                    <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                <\/div>\n                <\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Video<\/div><h2 class=\"content-title\">What matter in action research to supports community-based mangrove restoration efforts in South Sumatra, Indonesia<\/h2>    <\/div>\n\n                        <div class=\"content-date\">09 May 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/video\/v=eM0MljJKlZw\/\">\n            <div class=\"post-box_thumbnail position-relative\"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Wait, what?! Why do we have a day for forests?\" src=\"https:\/\/i.ytimg.com\/vi\/eM0MljJKlZw\/hqdefault.jpg\" \/>                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                    <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                <\/div>\n                <\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Video<\/div><h2 class=\"content-title\">Wait, what?! Why do we have a day for forests?<\/h2>    <\/div>\n\n                        <div class=\"content-date\">19 Mar 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n                                                    <div class=\"row\">\n        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n            <a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575videos\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n        <\/div>\n    <\/div>\n    \n                                                                    <\/div>\n                    <\/div>\n        \n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/placeholder-loading\/dist\/css\/placeholder-loading.min.css\">\n\n    <style>\n        .section-page-hero::before {\n            background-image: url();\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center center;\n            background-attachment: fixed;\n        }\n\n        .wpe-section-title {display:none;}    <\/style>\n    \n        <div  class=\" wpe-block _section\">\n                            <div class=\"row mb-3\">\n                    <div class=\"col\">\n                        <h3 class=\"m-weight-700 lead-34\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Presentations<\/h3><\/h3>\n                    <\/div>\n                <\/div>\n                            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"form-check form-switch float-end\">\n                        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"show-products-all-languages\">\n                        <label class=\"form-check-label\" for=\"show-products-all-languages\">\n                            Show knowledge products in all languages                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" id=\"parent-page-title\" value=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\">\n\n            <script>\n                function getCookie(name) {\n                    const value = `; ${document.cookie}`;\n                    const parts = value.split(`; ${name}=`);\n                    if (parts.length === 2) return parts.pop().split(';').shift();\n                }\n\n                let knowledgeLanguage = getCookie('knowledge_product_language')\n\n                let columnSize = 3;\n                let limit = 4;\n\n                let placeholderBox = `<div class=\"row\">\n                <div class=\"col-lg-${columnSize}\">\n                <div class=\"ph-row\">\n                    <div class=\"ph-col-6 big mb-3\" style=\"height:26.4px\"><\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row\">`\n\n                for (i = 0; i < limit; i++) {\n                    placeholderBox += `<div class=\"col-lg-${columnSize}\">\n                        <div class=\"ph-item mb-2\">\n                        <div class=\"ph-col-12\">\n                            <div class=\"ph-picture\"><\/div>\n                            <div class=\"ph-row\">\n                            <div class=\"ph-col-6 big\"><\/div>\n                            <div class=\"ph-col-6 empty big\"><\/div>\n                            <div class=\"ph-col-4\"><\/div>\n                            <div class=\"ph-col-8 empty\"><\/div>\n                            <div class=\"ph-col-6\"><\/div>\n                            <div class=\"ph-col-6 empty\"><\/div>\n                            <div class=\"ph-col-12\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>`\n                }\n\n                placeholderBox += `<\/div>\n                <div class=\"row\">\n                <div class=\"col-lg-${columnSize} offset-lg-${12 - columnSize}\">\n                    <div class=\"ph-row mt-0\">\n                    <div class=\"ph-col-6 empty\"><\/div>\n                    <div class=\"ph-col-6 big\" style=\"height:38px\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>`\n\n                function knowledgeProducts(res, contentType, currentPageNumber) {\n                    let productsHTML = ''\n                    let currentLang = $('html')[0].lang\n                    let months = []\n\n                    if (currentLang === 'en') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n                    } else if (currentLang === 'es') {\n                        months = [\"en.\", \"feb.\", \"mar.\", \"abr.\", \"may.\", \"jun.\", \"jul.\", \"ag.\", \"sept.\", \"oct.\", \"nov.\", \"dic.\"];\n                    } else if (currentLang === 'fr') {\n                        months = [\"Jan.\", \"F\u00e9v.\", \"Mar.\", \"Avr.\", \"Mai\", \"Juin\", \"Juil.\", \"Ao\u00fbt\", \"Sept.\", \"Oct.\", \"Nov.\", \"D\u00e9c.\"];\n                    } else if (currentLang === 'id') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Ags\", \"Sep\", \"Okt\", \"Nov\", \"Des\"];\n                    } else if (currentLang === 'pt-br') {\n                        months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\n                    }\n\n                    if (res.data.All) {\n                                                let products = res.data.All.response.docs\n                        let totalPages = Math.ceil(res.data.All.response.numFound \/ 15)\n\n                        $('.total-pages').text(totalPages)\n\n                        if (contentType === 'publication') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img decoding=\"async\"  alt=\"thumbnail of ${item.dcTitle}\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Publication<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/publications?lpage=\" + totalPages)\n                        } else if (contentType === 'infographic') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/infographic\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Infographic<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/infographics?lpage=\" + totalPages)\n                        } else if (contentType === 'video') {\n                            let videoBox = ''\n\n                            videoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/video\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail position-relative\">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                                                                                            <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Video<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            videoBox += `<\/div>`\n\n                            $('.product-items-container').html(videoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/videos?lpage=\" + totalPages)\n                        } else if (contentType === 'presentation') {\n                            let presentationBox = ''\n\n                            presentationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                                <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                    <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                    <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Presentation<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                    <\/div>\n                                                                                                                    <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                                <\/div>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            presentationBox += `<\/div>`\n\n                            $('.product-items-container').html(presentationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/presentations?lpage=\" + totalPages)\n                        } else if (contentType === 'podcasts') {\n                            let podcastBox = ''\n\n                            podcastBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 podcast mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                                                                                            <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <\/div>\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                                <div class=\"content-label\">Podcast<\/div>\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            podcastBox += `<\/div>`\n\n                            $('.product-items-container').html(podcastBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/podcasts?lpage=\" + totalPages)\n                        } else if (contentType === 'news') {\n                            let newsBox = ''\n\n                            newsBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                newsBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/news\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">News<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            newsBox += `<\/div>`\n\n                            $('.product-items-container').html(newsBox)\n                            $('.pagination-ci li').last().find('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/news?lpage=\" + totalPages)\n                        } else if (contentType === 'dataset') {\n                            let datasetBox = ''\n\n                            datasetBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                        <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                                                                                                        <div class=\"post-box\">\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group\">\n                                                                                                                <div class=\"content-label\">Dataset<\/div>\n                                                                                                                <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            datasetBox += `<\/div>`\n\n                            $('.product-items-container').html(datasetBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/datasets?lpage=\" + totalPages)\n                        } else if (contentType === 'photo') {\n                            let photoBox = ''\n\n                            photoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-4 parent_eh mb-3\">\n                                                                                                    <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Photo<\/div>\n                                                                                                            <h2 class=\"content-title\"><\/h2>\n                                                                                                            <p>${item.dcTitle}<\/p>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            photoBox += `<\/div>`\n\n                            $('.product-items-container').html(photoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/photos?lpage=\" + totalPages)\n                        }\n\n                        let totalResult = res.data.All.response.numFound ?? 0\n                        let resultsPerPage = 15;\n                        let currentPage = currentPageNumber ?? 1;\n                        let rightLinks = currentPage + 3;\n                        let previousLinks = currentPage - 3;\n                        let paginationHTML = '';\n                        let baseUrl = 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/';\n                        let queryString = '&';\n                        totalPages = Math.ceil(totalResult \/ resultsPerPage);\n\n                        $('.current-page').text(currentPage)\n\n                        if (currentPageNumber) {\n                            window.history.replaceState({}, 'Page 1', baseUrl)\n                        }\n\n                        if (previousLinks > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=1${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&laquo;&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === 1) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage-1}${queryString}\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        for (let i = previousLinks; i <= currentPage; i++) {\n                            if (i > 0) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        for (let i = currentPage + 1; i < rightLinks; i++) {\n                            if (i <= totalPages) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        if (currentPage !== totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage + 1}${queryString}\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === totalPages) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (rightLinks < totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${totalPages}${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&raquo;&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        $('.pagination-ci').html('')\n                        $('.pagination-ci').html(paginationHTML)\n                    } else {\n\n                        if (res.country && res.country === 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Publications\n                        if (res.data.Publication.response.docs.length !== 0) {\n                            let publicationBox = ''\n                            let publications = res.data.Publication.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Publications_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Publications_section\">`\n\n                            publications.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-3 parent_eh\">\n                                    <div class=\"post-box _grid w-100 publication \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                        <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                        <\/div>\n                                        <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                            <div class=\"content-label\">Publication<\/div>\n                                            <div class=\"content-date mb-2\">${year}<\/div>\n                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <\/div>\n                                    <\/a>\n                                    <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += publicationBox + `<\/div>\n                                            <div class=\"row\">\n                                            <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                                <a href=\"\/blue-carbon-tpp\/publications\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                            <\/div>\n                                            <\/div>`\n                        }\n\n                        \/\/ Videos\n                        if (res.data.Video.response.docs.length !== 0) {\n                            let videoBox = ''\n                            let videos = res.data.Video.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Videos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Videos_section\">`\n\n                            videos.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/video\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail position-relative\">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Video<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += videoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/videos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Presentations\n                        if (res.data.Presentation.response.docs.length !== 0) {\n                            let presentationBox = ''\n                            let presentations = res.data.Presentation.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Presentations_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Presentations_section\">`\n\n                            presentations.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-3 parent_eh\">\n                                <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                    <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                    <\/div>\n                                    <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                        <div class=\"content-label\">Presentation<\/div>\n                                        <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <div class=\"content-date\">${productFullDate}<\/div>\n                                    <\/div>\n                                    <\/a>\n                                <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += presentationBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/presentations\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Podcasts\n                        if (res.data.Podcasts.response.docs.length !== 0) {\n                            let podcastBox = ''\n                            let podcasts = res.data.Podcasts.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Podcasts_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Podcasts_section\">`\n\n                            podcasts.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box _grid w-100 podcast  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <\/div>\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                    <div class=\"content-label\">Podcast<\/div>\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/a>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += podcastBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/podcasts\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        if (res.country && res.country !== 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Datasets\n                        if (res.data.Dataset.response.docs.length !== 0) {\n                            let datasetBox = ''\n                            let dataset = res.data.Dataset.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Datasets_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Datasets<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Datasets_section\">`\n\n                            dataset.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                            <div class=\"post-box\">\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group\">\n                                    <div class=\"content-label\">Dataset<\/div>\n                                    <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                    <\/a>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += datasetBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/datasets\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Photos\n                        if (res.data.Photo.response.docs.length !== 0) {\n                            let photoBox = ''\n                            let photo = res.data.Photo.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Photos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Photos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Photos_section\">`\n\n                            photo.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Photo<\/div>\n                                <h2 class=\"content-title\"><\/h2>\n                                <p>${item.dcTitle}<\/p>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += photoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/photos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n                    }\n\n\n                    $('.products-container').html(productsHTML)\n\n                    let knowledgeLang = res.knowledge_product_language\n\n                    if (knowledgeLang === 'one') {\n                        if (currentLang === 'en') {\n                            $('#language').val('english')\n                        } else if (currentLang === 'id') {\n                            $('#language').val('indonesian')\n                        } else if (currentLang === 'fr') {\n                            $('#language').val('french')\n                        } else if (currentLang === 'es') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        } else if (currentLang === 'pt-br') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        }\n\n                    } else {\n                        $('#language').val('')\n                    }\n\n                    $('#language').trigger('change')\n                }\n\n                if (knowledgeLanguage === 'all') {\n                    setTimeout(function() {\n                        $('#show-products-all-languages').prop(\"checked\", true);\n                        $('.products-container').empty()\n                        $('.products-container').append(placeholderBox + placeholderBox + placeholderBox)\n                    }, 500);\n\n                    $.ajax({\n                        url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                        data: {\n                            language: 'all',\n                            nav_language: '',\n                            set_cookie: 'no',\n                            country: '',\n                            sub_name: '',\n                            subject_domain: '',\n                            limit: '4',\n                            content_type: '',\n                            page_number: '1',\n                            sort_by: '-date'\n                        },\n                        dataType: 'json'\n                    }).done(function(res) {\n                        knowledgeProducts(res, '')\n                    }).fail(function(error) {\n\n                    });\n                }\n\n                $('#show-products-all-languages').change(\n                    function() {\n                        $ct = '' == '' ? '.products-container' : '.product-items-container'\n                        $($ct).empty()\n                        $($ct).append(placeholderBox + placeholderBox + placeholderBox)\n\n                        if ($(this).is(':checked')) {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'all',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        } else {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'one',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        }\n                    });\n            <\/script>\n                                <div class=\"products-container\">\n                                                                        <div class=\"row\"\n                                                    id=\"Presentations_title_section\">\n                                                    <div class=\"col-lg-12\">\n                                                        <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"row\" id=\"Presentations_section\">\n\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/slide\/46051\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Measuring Mangroves to Shape Blue Carbon Policy for Climate Action\" src=\"https:\/\/image.slidesharecdn.com\/danielmurdiyarsomeasuringmangroves-251119113319-0651209d\/75\/Measuring-Mangroves-to-Shape-Blue-Carbon-Policy-for-Climate-Action-1-2048.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Presentation<\/div><h2 class=\"content-title\">Measuring Mangroves to Shape Blue Carbon Policy for Climate Action<\/h2>    <\/div>\n\n                        <div class=\"content-date\">14 Nov 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/slide\/44948\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Peatlands and mangroves: key natural climate solutions for Southeast Asian countries\" src=\"https:\/\/image.slidesharecdn.com\/02-glfforests2025-ss1-250724160720-d4199b7b\/85\/Peatlands-and-mangroves-key-natural-climate-solutions-for-Southeast-Asian-countries-1-320.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Presentation<\/div><h2 class=\"content-title\">Peatlands and mangroves: key natural climate solutions for Southeast Asian countries<\/h2>    <\/div>\n\n                        <div class=\"content-date\">25 Jul 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/slide\/42754\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Mangroves for Climate Action, Biodiversity &amp; Sustainability: Adaptation &amp; Nature-based solutions\" src=\"https:\/\/image.slidesharecdn.com\/kkathiresanimc-2024-250115031644-a39afae2\/85\/Mangroves-for-Climate-Action-Biodiversity-Sustainability-Adaptation-Nature-based-solutions-1-320.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Presentation<\/div><h2 class=\"content-title\">Mangroves for Climate Action, Biodiversity & Sustainability: Adaptation & Nature-based solutions<\/h2>    <\/div>\n\n                        <div class=\"content-date\">15 Jan 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/slide\/42761\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive\" alt=\"thumbnail of  Perspectives of Establishing a Cyclone Ecology Research in a Mangrove Estuary of India\" src=\"https:\/\/image.slidesharecdn.com\/souravpaulimc-2024-250116071213-357fbbcf\/85\/Perspectives-of-Establishing-a-Cyclone-Ecology-Research-in-a-Mangrove-Estuary-of-India-1-320.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Presentation<\/div><h2 class=\"content-title\">Perspectives of Establishing a Cyclone Ecology Research in a Mangrove Estuary of India<\/h2>    <\/div>\n\n                        <div class=\"content-date\">15 Jan 2025<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n                                                    <div class=\"row\">\n        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n            <a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575presentations\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n        <\/div>\n    <\/div>\n    \n                                                                    <\/div>\n                    <\/div>\n        \n\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/placeholder-loading\/dist\/css\/placeholder-loading.min.css\">\n\n    <style>\n        .section-page-hero::before {\n            background-image: url();\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center center;\n            background-attachment: fixed;\n        }\n\n        #podcast-section.section-bg::before{\n background-color:#f8f8f8;  \n}    <\/style>\n    \n        <div id=\"podcast-section\" class=\"section-bg wpe-block _section\">\n                            <div class=\"row mb-3\">\n                    <div class=\"col\">\n                        <h3 class=\"m-weight-700 lead-34\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Podcasts<\/h3><\/h3>\n                    <\/div>\n                <\/div>\n                            <div class=\"row\">\n                <div class=\"col\">\n                    <div class=\"form-check form-switch float-end\">\n                        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"show-products-all-languages\">\n                        <label class=\"form-check-label\" for=\"show-products-all-languages\">\n                            Show knowledge products in all languages                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <input type=\"hidden\" id=\"parent-page-title\" value=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\">\n\n            <script>\n                function getCookie(name) {\n                    const value = `; ${document.cookie}`;\n                    const parts = value.split(`; ${name}=`);\n                    if (parts.length === 2) return parts.pop().split(';').shift();\n                }\n\n                let knowledgeLanguage = getCookie('knowledge_product_language')\n\n                let columnSize = 3;\n                let limit = 4;\n\n                let placeholderBox = `<div class=\"row\">\n                <div class=\"col-lg-${columnSize}\">\n                <div class=\"ph-row\">\n                    <div class=\"ph-col-6 big mb-3\" style=\"height:26.4px\"><\/div>\n                <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"row\">`\n\n                for (i = 0; i < limit; i++) {\n                    placeholderBox += `<div class=\"col-lg-${columnSize}\">\n                        <div class=\"ph-item mb-2\">\n                        <div class=\"ph-col-12\">\n                            <div class=\"ph-picture\"><\/div>\n                            <div class=\"ph-row\">\n                            <div class=\"ph-col-6 big\"><\/div>\n                            <div class=\"ph-col-6 empty big\"><\/div>\n                            <div class=\"ph-col-4\"><\/div>\n                            <div class=\"ph-col-8 empty\"><\/div>\n                            <div class=\"ph-col-6\"><\/div>\n                            <div class=\"ph-col-6 empty\"><\/div>\n                            <div class=\"ph-col-12\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                    <\/div>`\n                }\n\n                placeholderBox += `<\/div>\n                <div class=\"row\">\n                <div class=\"col-lg-${columnSize} offset-lg-${12 - columnSize}\">\n                    <div class=\"ph-row mt-0\">\n                    <div class=\"ph-col-6 empty\"><\/div>\n                    <div class=\"ph-col-6 big\" style=\"height:38px\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>`\n\n                function knowledgeProducts(res, contentType, currentPageNumber) {\n                    let productsHTML = ''\n                    let currentLang = $('html')[0].lang\n                    let months = []\n\n                    if (currentLang === 'en') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\n                    } else if (currentLang === 'es') {\n                        months = [\"en.\", \"feb.\", \"mar.\", \"abr.\", \"may.\", \"jun.\", \"jul.\", \"ag.\", \"sept.\", \"oct.\", \"nov.\", \"dic.\"];\n                    } else if (currentLang === 'fr') {\n                        months = [\"Jan.\", \"F\u00e9v.\", \"Mar.\", \"Avr.\", \"Mai\", \"Juin\", \"Juil.\", \"Ao\u00fbt\", \"Sept.\", \"Oct.\", \"Nov.\", \"D\u00e9c.\"];\n                    } else if (currentLang === 'id') {\n                        months = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"Mei\", \"Jun\", \"Jul\", \"Ags\", \"Sep\", \"Okt\", \"Nov\", \"Des\"];\n                    } else if (currentLang === 'pt-br') {\n                        months = [\"jan\", \"fev\", \"mar\", \"abr\", \"mai\", \"jun\", \"jul\", \"ago\", \"set\", \"out\", \"nov\", \"dez\"];\n                    }\n\n                    if (res.data.All) {\n                                                let products = res.data.All.response.docs\n                        let totalPages = Math.ceil(res.data.All.response.numFound \/ 15)\n\n                        $('.total-pages').text(totalPages)\n\n                        if (contentType === 'publication') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img decoding=\"async\"  alt=\"thumbnail of ${item.dcTitle}\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Publication<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/publications?lpage=\" + totalPages)\n                        } else if (contentType === 'infographic') {\n                            let publicationBox = ''\n\n                            publicationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 publication mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                            <a href=\"\/infographic\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Infographic<\/div>\n                                                                                                                    <div class=\"content-date mb-2\">${year}<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/div>\n                                                                                                                <\/div>\n                                                                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            publicationBox += `<\/div>`\n\n                            $('.product-items-container').html(publicationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/infographics?lpage=\" + totalPages)\n                        } else if (contentType === 'video') {\n                            let videoBox = ''\n\n                            videoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/video\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail position-relative\">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                                                                                            <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Video<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            videoBox += `<\/div>`\n\n                            $('.product-items-container').html(videoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/videos?lpage=\" + totalPages)\n                        } else if (contentType === 'presentation') {\n                            let presentationBox = ''\n\n                            presentationBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                            <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                                <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                                                                                                <div class=\"post-box_thumbnail \">\n                                                                                                                    <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                                                                                                <\/div>\n                                                                                                                <div class=\"post-box_content\">\n                                                                                                                    <div class=\"post-box_group text-break\">\n                                                                                                                    <div class=\"content-label\">Presentation<\/div>\n                                                                                                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                    <\/div>\n                                                                                                                    <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                                <\/div>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                        <\/div>`\n                            })\n\n                            presentationBox += `<\/div>`\n\n                            $('.product-items-container').html(presentationBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/presentations?lpage=\" + totalPages)\n                        } else if (contentType === 'podcasts') {\n                            let podcastBox = ''\n\n                            podcastBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 podcast mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                                                                                            <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                            <\/div>\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                                <div class=\"content-label\">Podcast<\/div>\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            podcastBox += `<\/div>`\n\n                            $('.product-items-container').html(podcastBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/podcasts?lpage=\" + totalPages)\n                        } else if (contentType === 'news') {\n                            let newsBox = ''\n\n                            newsBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                newsBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                    <div class=\"post-box _grid w-100 mb-3\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/news\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">News<\/div>\n                                                                                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            newsBox += `<\/div>`\n\n                            $('.product-items-container').html(newsBox)\n                            $('.pagination-ci li').last().find('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/news?lpage=\" + totalPages)\n                        } else if (contentType === 'dataset') {\n                            let datasetBox = ''\n\n                            datasetBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-4 parent_eh\">\n                                                                                                        <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                                                                                                        <div class=\"post-box\">\n                                                                                                            <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group\">\n                                                                                                                <div class=\"content-label\">Dataset<\/div>\n                                                                                                                <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                                                                                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                                                                                                <\/a>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                            <\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/div>\n                                                                                                    <\/div>`\n                            })\n\n                            datasetBox += `<\/div>`\n\n                            $('.product-items-container').html(datasetBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/datasets?lpage=\" + totalPages)\n                        } else if (contentType === 'photo') {\n                            let photoBox = ''\n\n                            photoBox += `<div class=\"row\">`\n\n                            products.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-4 parent_eh mb-3\">\n                                                                                                    <div class=\"post-box _grid w-100\" data-bs-toggle=\"\" data-bs-target=\"\">\n                                                                                                        <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                                                                                                        <div class=\"post-box_thumbnail \">\n                                                                                                            <img  alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\" >\n                                                                                                        <\/div>\n                                                                                                        <div class=\"post-box_content\">\n                                                                                                            <div class=\"post-box_group text-break\">\n                                                                                                            <div class=\"content-label\">Photo<\/div>\n                                                                                                            <h2 class=\"content-title\"><\/h2>\n                                                                                                            <p>${item.dcTitle}<\/p>\n                                                                                                            <\/div>\n                                                                                                            <div class=\"content-date\">${productFullDate}<\/div>\n                                                                                                        <\/div>\n                                                                                                        <\/a>\n                                                                                                    <\/div>\n                                                                                                <\/div>`\n                            })\n\n                            photoBox += `<\/div>`\n\n                            $('.product-items-container').html(photoBox)\n                            $('a[aria-label=\"First\"]').attr(\"href\", \"\/blue-carbon-tpp\/photos?lpage=\" + totalPages)\n                        }\n\n                        let totalResult = res.data.All.response.numFound ?? 0\n                        let resultsPerPage = 15;\n                        let currentPage = currentPageNumber ?? 1;\n                        let rightLinks = currentPage + 3;\n                        let previousLinks = currentPage - 3;\n                        let paginationHTML = '';\n                        let baseUrl = 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/';\n                        let queryString = '&';\n                        totalPages = Math.ceil(totalResult \/ resultsPerPage);\n\n                        $('.current-page').text(currentPage)\n\n                        if (currentPageNumber) {\n                            window.history.replaceState({}, 'Page 1', baseUrl)\n                        }\n\n                        if (previousLinks > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=1${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&laquo;&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === 1) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage > 1) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage-1}${queryString}\" aria-label=\"Previous\">\n                                                                                                <span aria-hidden=\"true\">&laquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        for (let i = previousLinks; i <= currentPage; i++) {\n                            if (i > 0) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        for (let i = currentPage + 1; i < rightLinks; i++) {\n                            if (i <= totalPages) {\n                                if (i === currentPage) {\n                                    paginationHTML += `<li class=\"active\"><a href=\"#\">${i}<\/a><\/li>`\n                                } else {\n                                    paginationHTML += `<li>\n                                                                                                    <a href=\"${baseUrl}?lpage=${i}${queryString}\">${i}<\/a>\n                                                                                                <\/li>`\n                                }\n                            }\n                        }\n\n                        if (currentPage !== totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${currentPage + 1}${queryString}\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (currentPage === totalPages) {\n                            paginationHTML += `<li class=\"disabled\">\n                                                                                            <a href=\"#\" aria-label=\"Next\">\n                                                                                                <span aria-hidden=\"true\">&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        if (rightLinks < totalPages) {\n                            paginationHTML += `<li>\n                                                                                            <a href=\"${baseUrl}?lpage=${totalPages}${queryString}\" aria-label=\"First\">\n                                                                                                <span aria-hidden=\"true\">&raquo;&raquo;<\/span>\n                                                                                            <\/a>\n                                                                                        <\/li>`\n                        }\n\n                        $('.pagination-ci').html('')\n                        $('.pagination-ci').html(paginationHTML)\n                    } else {\n\n                        if (res.country && res.country === 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Publications\n                        if (res.data.Publication.response.docs.length !== 0) {\n                            let publicationBox = ''\n                            let publications = res.data.Publication.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Publications_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Publications<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Publications_section\">`\n\n                            publications.forEach(function(item) {\n                                let objectDate = new Date(item.dcDateIssued);\n                                let year = objectDate.getFullYear();\n\n                                publicationBox += `<div class=\"col-lg-3 parent_eh\">\n                                    <div class=\"post-box _grid w-100 publication \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/publication\/${item.detail_id[0]}\/\">\n                                        <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-publication\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                        <\/div>\n                                        <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                            <div class=\"content-label\">Publication<\/div>\n                                            <div class=\"content-date mb-2\">${year}<\/div>\n                                            <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <\/div>\n                                    <\/a>\n                                    <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += publicationBox + `<\/div>\n                                            <div class=\"row\">\n                                            <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                                <a href=\"\/blue-carbon-tpp\/publications\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                            <\/div>\n                                            <\/div>`\n                        }\n\n                        \/\/ Videos\n                        if (res.data.Video.response.docs.length !== 0) {\n                            let videoBox = ''\n                            let videos = res.data.Video.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Videos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Videos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Videos_section\">`\n\n                            videos.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                videoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/video\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail position-relative\">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <div class=\"play-button position-absolute top-50 start-50 translate-middle\">\n                                <i class=\"bi bi-play-fill text-white position-absolute top-50 start-50 translate-middle\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Video<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += videoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/videos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Presentations\n                        if (res.data.Presentation.response.docs.length !== 0) {\n                            let presentationBox = ''\n                            let presentations = res.data.Presentation.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Presentations_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Presentations<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Presentations_section\">`\n\n                            presentations.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                presentationBox += `<div class=\"col-lg-3 parent_eh\">\n                                <div class=\"post-box _grid w-100  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                                    <a href=\"\/slide\/${item.detail_id[0]}\/\">\n                                    <div class=\"post-box_thumbnail \">\n                                        <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                    <\/div>\n                                    <div class=\"post-box_content\">\n                                        <div class=\"post-box_group text-break\">\n                                        <div class=\"content-label\">Presentation<\/div>\n                                        <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                        <\/div>\n                                        <div class=\"content-date\">${productFullDate}<\/div>\n                                    <\/div>\n                                    <\/a>\n                                <\/div>\n                                <\/div>`\n                            })\n\n                            productsHTML += presentationBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/presentations\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Podcasts\n                        if (res.data.Podcasts.response.docs.length !== 0) {\n                            let podcastBox = ''\n                            let podcasts = res.data.Podcasts.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Podcasts_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Podcasts_section\">`\n\n                            podcasts.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                podcastBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box _grid w-100 podcast  \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/podcast\/${item.detail_id[0]}\/\">\n                                <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive img-podcast\" src=\"${item.dcDocumentThumbnail[0]}\">\n                                <\/div>\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                    <div class=\"content-label\">Podcast<\/div>\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/a>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += podcastBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/podcasts\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        if (res.country && res.country !== 'sri+lanka') {\n                            \/\/ News\n                            if (res.data.News.response.docs.length !== 0) {\n                                let newsBox = ''\n                                let news = res.data.News.response.docs\n\n                                productsHTML += `<div class=\"row\" id=\"News_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">News<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"News_section\">`\n\n                                news.forEach(function(item) {\n                                    let productDateIssued = item.dcDateIssued\n                                    let productNewDate = new Date(productDateIssued)\n                                    let productDate = productNewDate.getDate()\n                                    let productMonth = months[productNewDate.getMonth()]\n                                    let productYear = productNewDate.getFullYear()\n                                    let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                    newsBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid w-100 \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/news\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">News<\/div>\n                                <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                                })\n\n                                productsHTML += newsBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/news\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                            }\n                        }\n\n                        \/\/ Datasets\n                        if (res.data.Dataset.response.docs.length !== 0) {\n                            let datasetBox = ''\n                            let dataset = res.data.Dataset.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Datasets_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Datasets<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Datasets_section\">`\n\n                            dataset.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                datasetBox += `<div class=\"col-lg-3 parent_eh\">\n                            <div class=\"post-box-event no-thumb medium-font-size d-flex align-items-stretch\">\n                            <div class=\"post-box\">\n                                <div class=\"post-box_content\">\n                                <div class=\"post-box_group\">\n                                    <div class=\"content-label\">Dataset<\/div>\n                                    <a href=\"\/dataset\/${item.detail_id[0]}\/\">\n                                    <h2 class=\"content-title\">${item.dcTitle}<\/h2>\n                                    <\/a>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                                <\/div>\n                            <\/div>\n                            <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += datasetBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/datasets\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n\n                        \/\/ Photos\n                        if (res.data.Photo.response.docs.length !== 0) {\n                            let photoBox = ''\n                            let photo = res.data.Photo.response.docs\n\n                            productsHTML += `<div class=\"row\" id=\"Photos_title_section\">\n                            <div class=\"col-lg-12\">\n                            <h2 class=\"wpe-section-title mt-3\">Photos<\/h2>\n                            <\/div>\n                        <\/div>\n                        <div class=\"row\" id=\"Photos_section\">`\n\n                            photo.forEach(function(item) {\n                                let productDateIssued = item.dcDateIssued\n                                let productNewDate = new Date(productDateIssued)\n                                let productDate = productNewDate.getDate()\n                                let productMonth = months[productNewDate.getMonth()]\n                                let productYear = productNewDate.getFullYear()\n                                let productFullDate = productDate + ' ' + productMonth + ' ' + productYear\n\n                                photoBox += `<div class=\"col-lg-3 parent_eh\">\n                        <div class=\"post-box _grid \" data-bs-toggle=\"\" data-bs-target=\"\">\n                            <a href=\"\/photo\/${item.detail_id[0]}\/\">\n                            <div class=\"post-box_thumbnail \">\n                                <img alt=\"thumbnail of ${item.dcTitle}\" decoding=\"async\" class=\"img-responsive\" src=\"${item.dcDocumentThumbnail[0]}\">\n                            <\/div>\n                            <div class=\"post-box_content\">\n                                <div class=\"post-box_group text-break\">\n                                <div class=\"content-label\">Photo<\/div>\n                                <h2 class=\"content-title\"><\/h2>\n                                <p>${item.dcTitle}<\/p>\n                                <\/div>\n                                <div class=\"content-date\">${productFullDate}<\/div>\n                            <\/div>\n                            <\/a>\n                        <\/div>\n                        <\/div>`\n                            })\n\n                            productsHTML += photoBox + `<\/div>\n                                    <div class=\"row\">\n                                        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n                                        <a href=\"\/blue-carbon-tpp\/photos\/\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n                                        <\/div>\n                                    <\/div>`\n                        }\n                    }\n\n\n                    $('.products-container').html(productsHTML)\n\n                    let knowledgeLang = res.knowledge_product_language\n\n                    if (knowledgeLang === 'one') {\n                        if (currentLang === 'en') {\n                            $('#language').val('english')\n                        } else if (currentLang === 'id') {\n                            $('#language').val('indonesian')\n                        } else if (currentLang === 'fr') {\n                            $('#language').val('french')\n                        } else if (currentLang === 'es') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        } else if (currentLang === 'pt-br') {\n                            $('#language').val(['spanish', 'portuguese'])\n                        }\n\n                    } else {\n                        $('#language').val('')\n                    }\n\n                    $('#language').trigger('change')\n                }\n\n                if (knowledgeLanguage === 'all') {\n                    setTimeout(function() {\n                        $('#show-products-all-languages').prop(\"checked\", true);\n                        $('.products-container').empty()\n                        $('.products-container').append(placeholderBox + placeholderBox + placeholderBox)\n                    }, 500);\n\n                    $.ajax({\n                        url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                        data: {\n                            language: 'all',\n                            nav_language: '',\n                            set_cookie: 'no',\n                            country: '',\n                            sub_name: '',\n                            subject_domain: '',\n                            limit: '4',\n                            content_type: '',\n                            page_number: '1',\n                            sort_by: '-date'\n                        },\n                        dataType: 'json'\n                    }).done(function(res) {\n                        knowledgeProducts(res, '')\n                    }).fail(function(error) {\n\n                    });\n                }\n\n                $('#show-products-all-languages').change(\n                    function() {\n                        $ct = '' == '' ? '.products-container' : '.product-items-container'\n                        $($ct).empty()\n                        $($ct).append(placeholderBox + placeholderBox + placeholderBox)\n\n                        if ($(this).is(':checked')) {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'all',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        } else {\n                            $.ajax({\n                                url: 'https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/ci\/v1\/multilanguage',\n                                data: {\n                                    language: 'one',\n                                    nav_language: '',\n                                    country: '',\n                                    sub_name: '',\n                                    subject_domain: '',\n                                    limit: '4',\n                                    content_type: '',\n                                    sort_by: '-date'\n                                },\n                                dataType: 'json'\n                            }).done(function(res) {\n                                knowledgeProducts(res, '', 1)\n                            }).fail(function(error) {\n\n                            });\n                        }\n                    });\n            <\/script>\n                                <div class=\"products-container\">\n                                                                        <div class=\"row\"\n                                                    id=\"Podcasts_title_section\">\n                                                    <div class=\"col-lg-12\">\n                                                        <h2 class=\"wpe-section-title mt-3\">Podcasts<\/h2>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"row\" id=\"Podcasts_section\">\n\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 podcast\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/podcast\/864230086\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-podcast\" alt=\"thumbnail of Mangroves: Amphibious Defenders Against Extreme Climate Events\" src=\"https:\/\/www.cifor.org\/uploads\/webservice\/864230086.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Podcast<\/div><h2 class=\"content-title\">Mangroves: Amphibious Defenders Against Extreme Climate Events<\/h2>    <\/div>\n\n                        <div class=\"content-date\">25 Jul 2020<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                                                                            <div class=\"col-lg-3 parent_eh\">\n                                                            <div class=\"post-box _grid w-100 podcast\" data-bs-toggle=\"\" data-bs-target=\"\" >\n            <a href=\"https:\/\/www.cifor-icraf.org\/\/knowledge\/podcast\/855964627\/\">\n            <div class=\"post-box_thumbnail \"><img decoding=\"async\" class=\"img-responsive img-podcast\" alt=\"thumbnail of The carbon on your plate: mangrove and aquaculture\" src=\"https:\/\/www.cifor.org\/uploads\/webservice\/855964627.jpg\" \/><\/div><div class=\"post-box_content  \">\n    <div class=\"post-box_group text-break\">\n        <div class=\"content-label\">Podcast<\/div><h2 class=\"content-title\">The carbon on your plate: mangrove and aquaculture<\/h2>    <\/div>\n\n                        <div class=\"content-date\">11 Jul 2020<\/div>\n                    <\/div>\n        <\/a>\n<\/div>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n                                                    <div class=\"row\">\n        <div class=\"gap-2 col-lg-12 col-sm-12 d-flex justify-content-end\">\n            <a href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575podcasts\" class=\"link-more btn btn-outline-secondary\">Browse all<\/a>\n        <\/div>\n    <\/div>\n    \n                                                                    <\/div>\n                    <\/div>\n        \n\n            <\/div>\n        <\/article>\n    <\/div>\n    <style>\n    #photo-section.section-bg::before\n            {\n            background-image:url(\"\");\n            }#photo-section.section-bg::before{\nbackground-color:#ffffff;\n}\n#photo-section .post-box     {min-height: 370px;}\n#photo-section .post-box._grid.publication .post-box_thumbnail {\n    height: 210px;\n    min-height: 210px;\n}<\/style>\n\n<div id=\"photo-section\" class=\"wpe-block section-bg pt-5  wpe-block\">\n    <div class=\"section-wrapper\">\n            <div class=\"container\">\n           <article>\n                <div class=\"entry-content\">\n        <div class=\"row\">\n    <div class=\"col-lg-12\">\n        <div class=\"wpec-block-header\">\n            <div class=\"wpec-block-label\"><\/div>\n            <h2 class=\"wpec-block-title\"><h3 style=\"margin-bottom: 1.5em;color: #5C5C5C; font-weight: bold;\">Photos<\/h3><\/h2>\n            <div class=\"wpec-block-subtitle\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"block-content\"><div class=\"row \"><div class=\"col-lg-3 \"><div class=\"col-content w-100 \" ><div class=\"post-box _grid w-100 mb-3 publication\" data-bs-toggle=\"\" data-bs-target=\"\">\n<a href=\" https:\/\/www.flickr.com\/photos\/cifor-icraf\/albums\/72177720329781812\">\n<img decoding=\"async\" src=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2025\/10\/54867245448_4d13aab56d_b.jpg\" class=\"img-responsive img-publication jetpack-lazy-image jetpack-lazy-image--handled\" alt=\"\"data-lazy-loaded=\"1\" style=\"width: 100%;\"  loading=\"eager\">\n<div class=\"post-box_content \">\n<div class=\"post-box_group text-break\">\n<h2 class=\"content-title\">Blue carbon economic value and Indonesia's leadership<\/h2><\/div>\n<\/div>\n<\/a>\n<\/div><\/div><\/div><div class=\"col-lg-3 \"><div class=\"col-content w-100 \" ><div class=\"post-box _grid w-100 mb-3 publication\" data-bs-toggle=\"\" data-bs-target=\"\">\n<a href=\"https:\/\/www.flickr.com\/photos\/cifor-icraf\/albums\/72177720323040968\/\">\n<img decoding=\"async\" src=\"https:\/\/www.cifor-icraf.org\/swamp\/wp-content\/uploads\/sites\/30\/2025\/01\/54252112198_09da1e6135_c.jpg\" class=\"img-responsive img-publication jetpack-lazy-image jetpack-lazy-image--handled\" alt=\"\"data-lazy-loaded=\"1\" style=\"width: 100%;\"  loading=\"eager\">\n<div class=\"post-box_content \">\n<div class=\"post-box_group text-break\">\n<h2 class=\"content-title\">Focused Group Discussion on Developing Manual for Blue Carbon Mangrove Measurement Manual for Achieving FOLU Net Sink 2030<\/h2><\/div>\n<\/div>\n<\/a>\n<\/div><\/div><\/div><\/div><\/div>                <\/div>\n            <\/article>\n        <\/div>\n            <\/div>\n<\/div>\n    <div class=\"container\">\n       <article>\n            <div class=\"entry-content\">\n    ","protected":false},"excerpt":{"rendered":"<p>Related links TOPIC Wetlands and blue carbon Website The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) Theme Climate change, energy and low-carbon development Publication Deriving emission factors for mangrove blue carbon ecosystem in Indonesia<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-575","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck<\/title>\n<meta name=\"description\" content=\"Related links TOPIC Wetlands and blue carbon Website The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) Theme Climate change, energy and...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck\" \/>\n<meta property=\"og:description\" content=\"Related links TOPIC Wetlands and blue carbon Website The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) Theme Climate change, energy and low-carbon development Publication Deriving emission factors for mangrove blue carbon ecosystem in Indonesia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\" \/>\n<meta property=\"og:site_name\" content=\"Blue Carbon Deck\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T04:53:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/52208689549_9a2446c7a9_2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"841\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\",\"url\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\",\"name\":\"Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck\",\"isPartOf\":{\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#website\"},\"datePublished\":\"2024-09-20T06:31:45+00:00\",\"dateModified\":\"2026-04-07T04:53:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blue Carbon Deck: A Transformative Partnership Platform (TPP)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#website\",\"url\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\",\"name\":\"Blue Carbon Deck\",\"description\":\"Innovative collaborations for wetlands\",\"publisher\":{\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#organization\",\"name\":\"Blue Carbon Deck\",\"url\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/cifor-icraf-logo.png\",\"contentUrl\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/cifor-icraf-logo.png\",\"width\":596,\"height\":250,\"caption\":\"Blue Carbon Deck\"},\"image\":{\"@id\":\"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck","description":"Related links TOPIC Wetlands and blue carbon Website The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) Theme Climate change, energy and...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","og_locale":"en_US","og_type":"article","og_title":"Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck","og_description":"Related links TOPIC Wetlands and blue carbon Website The Sustainable Wetlands Adaptation and Mitigation Program (SWAMP) Theme Climate change, energy and low-carbon development Publication Deriving emission factors for mangrove blue carbon ecosystem in Indonesia","og_url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","og_site_name":"Blue Carbon Deck","article_modified_time":"2026-04-07T04:53:56+00:00","og_image":[{"width":1600,"height":841,"url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/09\/52208689549_9a2446c7a9_2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","name":"Blue Carbon Deck: A Transformative Partnership Platform (TPP) - Blue Carbon Deck","isPartOf":{"@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#website"},"datePublished":"2024-09-20T06:31:45+00:00","dateModified":"2026-04-07T04:53:56+00:00","breadcrumb":{"@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/"},{"@type":"ListItem","position":2,"name":"Blue Carbon Deck: A Transformative Partnership Platform (TPP)"}]},{"@type":"WebSite","@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#website","url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","name":"Blue Carbon Deck","description":"Innovative collaborations for wetlands","publisher":{"@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#organization","name":"Blue Carbon Deck","url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#\/schema\/logo\/image\/","url":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/cifor-icraf-logo.png","contentUrl":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-content\/uploads\/sites\/51\/2023\/10\/cifor-icraf-logo.png","width":596,"height":250,"caption":"Blue Carbon Deck"},"image":{"@id":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/comments?post=575"}],"version-history":[{"count":20,"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/revisions"}],"predecessor-version":[{"id":1048,"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/pages\/575\/revisions\/1048"}],"wp:attachment":[{"href":"https:\/\/www.cifor-icraf.org\/blue-carbon-tpp\/wp-json\/wp\/v2\/media?parent=575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}