https://wwf-congobasin-monitoring.org/

ID da verificação
9932ef45-aa42-49bc-b484-523c297daa1fConcluído
URL enviado:
https://wwf-congobasin-monitoring.org/
Relatório concluído:
LinkTexto
https://www.worldwildlife.org/WWF International
https://www.wwf.fr/WWF France
https://www.wwf.de/WWF Deutschland

Variáveis JavaScript · 40 encontrada(s)

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
mapboxglobject
$function
jQueryfunction
___FONT_AWESOME___object
FontAwesomeConfigobject
FontAwesomeobject
DataTablefunction

Mensagens de registro do console · 1 encontrada(s)

TipoCategoriaLog
warningother
URL
https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU
Texto
Google Maps JavaScript API has been loaded directly without loading=async. This can result in suboptimal performance. For best-practice loading patterns please see https://goo.gle/js-api-loading

HTML

<!DOCTYPE html><html lang="fr" class="fontawesome-i2svg-active fontawesome-i2svg-complete"><head>

  <!-- Basic Page Needs
================================================== -->
  <meta charset="utf-8">

  <title>Congo Basin Impact Monitoring Portal</title>



  <!-- Mobile Specific Metas
================================================== -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta content="Congo Basin Impact Monitoring Portal" name="description">
  <meta name="author" content="Arsene Soumeu">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=5.0" name="viewport">

  <!-- Favicon
================================================== -->
  <style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}</style><style type="text/css">:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Solid";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Regular";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Light";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Thin";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-counter-scale,.25));transform:scale(var(--fa-counter-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);-webkit-transform:scale(var(--fa-layers-scale,.25));transform:scale(var(--fa-layers-scale,.25));-webkit-transform-origin:top left;transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width,2em) * -1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}24%,8%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,40%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,0));transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}</style><link href="/static/images/logo.png" rel="icon" type="image/png">

  <!-- CSS
================================================== -->
  <!-- Bootstrap -->
  <link href="/static/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">
  <!-- FontAwesome -->
  
  <!-- Animation -->
  <link href="/static/plugins/animate-css/animate.css" rel="stylesheet">
  <!-- slick Carousel -->
  <link href="/static/plugins/slick/slick.css" rel="stylesheet">
  <link href="/static/plugins/slick/slick-theme.css" rel="stylesheet">
  <!-- Colorbox -->
  <link href="/static/plugins/colorbox/colorbox.css" rel="stylesheet">
  <!-- Template styles-->
  
  <link href="/static/css/style.css" rel="stylesheet">
  <link href="/static/css/monstyle.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/select2-bootstrap-5-theme.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
  <script src="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.js"></script>
  <link href="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.css" rel="stylesheet">
  
  
  <!-- Scripts -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/js/all.min.js" integrity="sha512-u3fPA7V8qQmhBPNT5quvaXVa1mnnLSXUep5PS1qo5NRzHwG19aHmNJnj1Q8hpA/nBWZtZD4r4AX6YOt5ynLN2g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.full.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.0/js/all.min.js"></script>
  <link href="/static/css/monstyle.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.2/css/jquery.dataTables.css">
  <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.13.2/js/jquery.dataTables.js"></script>
  
  <style>
    .dropbtn {
      background-color: #04AA6D;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
    }
    
    .dropdown {
      position: relative;
      display: inline-block;
    }
    /*.solid-bg{
      background-color: #EDEDED !important;
    }*/
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    .ts-service-info h3{
      font-size: 2em;
      text-transform:uppercase;
    }
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    .dropdown-content a:hover {background-color: #ddd;}
    
    .dropdown:hover .dropdown-content {display: block;}
    
    .dropdown:hover .dropbtn {background-color: #3e8e41;}
    #map-canvas {
      height: 100%;
      position: absolute; 
      top: 0; 
      bottom: -200px; 
      left: 0; 
      right: 0; 
      z-index: 0;
    }
    .carousel-control{
      /*background-color: #000 !important;*/
      padding: 20px;
      color: #fff !important;
      font-weight: bolder;
      font-size: 2.5em;

    }
    
    #container {
      z-index: 100;
      position: relative;
    }
    #contactform {
      z-index: 100;
      position: relative;
      height: auto;
      opacity: .98; /* Set the opacity for a slightly transparent Google Form */
      color: white;
      padding: 04px;
    }
    .datalist,.datalist tr{
      padding: 0px !important;
      margin: 0px !important;
    }
   .datalist td,th
   {
    /*list-style-type: none;*/
    text-align: left;
    font-size:1em !important
   }
   .table td, .table th {
    padding: 0.1rem !important; 
    vertical-align: top;
    border-top: 1px solid #fff;
    /*font-size: 0.7em !important;*/
  }
  section, .section-padding {
    padding: 30px 0 !important;
    position: relative;
  }
  .hover_orange_white:hover{
    border:1px solid white;
    /*color: #f07d00 !important;*/

  }
  table.dataTable tbody th, table.dataTable tbody td{
    padding: 1px 4px !important;
    
  }
  .gallery-popup2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 5px 12px;
    background: #197627; 
    color: #fff;
    opacity: 0;
    
    -webkit-transform: perspective(1px) scale3d(0, 0, 0); 
    transform: perspective(1px) scale3d(0, 0, 0); 
    transition: all 400ms; 
}
label{
  font-weight: bold;
}
.list-unstyled img:hover{
  border: 1px  solid !important;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.2rem 0.35rem !important;
  color: #000;
  background-color: #fff;
  font-size: 1em;
  font-weight: bold;
  border: none;
  margin: 5px;
}
.list-group-item.active,.list-group-item:hover {

  background-color: #fff;
  border: 1.5px solid #197627;
  padding: 0.2rem 0.35rem;
  border-radius: 5px;
  color: #197627;
  /*text-decoration: underline;*/
  /*border: 1px solid rgba(0,0,0,.125);*/
}
.hide{
  display: none !important;
}
.show{
  display: block !important;
}
.smallimg{
  height: 25px;
  width: 25px;
  margin-right: 5px;
  border: none !important;
}
#changelist-filter {
  flex: 0 0 240px;
  order: 1;
  max-height: 800px;
  overflow-y: scroll;
  border-left: none;
  margin: 0 0 0 30px;
}
body, p {
  font-family: "open sans";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  line-height: 26px;
  font-size: 1em;
}
li {
  font-size:1em;
}
.list-collapse{
  {
    margin: 0px;
    padding: 0px;
    max-height: 200px !important;
    overflow-y: auto;
    text-align: left;
    
}
.list-collapse li:hover{
  /*font-weight: bold;*/
}
}
footer a:hover{
  color: green !important;
}
.post{
  box-shadow:0 0 5px #fff !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  height: 500px !important;
  overflow-y:hidden !important;
  
}
.ts-team-wrapper .ts-team-content2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  margin-top: 0;
  color: #572F20;
  min-height: 450px;
  border-radius:32px;
  background: #C8D8C0;
  transition: 350ms;
  opacity: 0.95;
}
.ts-team-wrapper, .border-radius{
  
  border-radius:32px !important;
}
.ts-team-wrapper .ts-team-content2:hover a,.ts-team-content:hover a {
  text-decoration: underline;
  text-align: center !important;

}
header:hover{
  opacity: 1 !important;
}
.ts-team-wrapper .ts-team-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px 25px;
  margin-top: -32px;
  color: #F2EFE3;
  min-height: 450px;
  border-radius:32px;
  background: rgb(25, 118, 39);
  transition: 350ms;
  opacity: 0.95;
}
.post:hover{
  box-shadow:0 0 5px #197627 !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  
}
.post2,.box{
  /*box-shadow:0 0 5px #FFF !important;*/
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  height: 500px !important;
  background: #fff;
  overflow-y:hidden !important;
  
}
.post2:hover{
  box-shadow:0 0 15px #fff !important;
  padding: 10px;
  border-radius: 15px;
  /*height: 490px !important;*/
  margin-top: 10px !important;
  
}
.parent {

  /*border: 1px solid #AAA;*/
  overflow: hidden;
}

.child {
  height: 100%;
  margin-right: -50px; /* Maximum width of scrollbar */
  padding-right: 50px; /* Maximum width of scrollbar */
  overflow-y: scroll;
}
.post-media{
  border-radius:15px !important;
} 
.post-body{
  height: 400px !important;
  overflow-y:hidden !important;
}
.post-footer{
  text-align: center;
}
/*  .post-video{
  height:25px;
} */
.post-body{

  padding: 10px !important; 
  text-align: left;
}
.wwftitle{
  font-family:'WWF';
  font-size:2.4em !important;
}
  .nav.nav-pills-green .nav-link.active{
    background-color: #197627 !important;
    color: #fff !important;
  }
  h1, h2, h3, h4, h5, h6 {
    color: #212121;
    font-family: WWF;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 500 !important;
}
  p,a,li {
    font-family:"open sans" !important;
    
  }
  h3{
    font-size:28px !important;
  }
  .accordion-group .card-header .btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 13px 15px;
    padding-bottom: 10px;
}
  </style>
<script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/1/common.js"></script><script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/59/1/util.js"></script></head>
<body>
  <div class="body-inner">

        



<!-- Header start -->
<div class="" style="background-color: #000 !important; ">
  <div style="border-bottom: 0.1px solid; border-radius: 100px !important; background-color:white !important; ">


    <header class="header-two" id="header" style="opacity: 0.999; background-color: rgb(135, 138, 19); box-shadow: none; padding: 0px !important;">
      <div class="site-navigation">
        <div class="container">
            <div class="row">
              <div class="col-lg-12">
                
<nav class="navbar navbar-expand-lg navbar-black p-2">

    <div class="logo">
        <a class="d-block" href="/">
          <img alt="WWF" loading="lazy" src="/static/images/logo_medium.jpg" style="height: 80px  !important;  width: 80px  !important; background:white;">
        </a>
    </div><!-- logo end -->

    <button style="background-color:black; color:white;" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
         <b>Pages</b> <svg class="svg-inline--fa fa-bars navbar-toggler-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg><!-- <span class="navbar-toggler-icon fa fa-bars
            "></span> Font Awesome fontawesome.com -->
    </button>

    <div class="collapse navbar-collapse" id="navbar-collapse" style="max-height: calc(100vh - 96px);">
        <ul class="nav navbar-nav ml-auto align-items-center pt-3">
            <li class="active-nav nav-elt"><a href="/">Home</a></li>
            
            <li class="nav-item dropdown    ">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">About <svg class="svg-inline--fa fa-angle-down" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-down"></i> Font Awesome fontawesome.com --> </a>
                <ul class="dropdown-menu" role="menu">
                    <li><a href="/about/">The Programme</a></li>
                    <li><a href="/team/">The team</a></li>

                
                </ul> 
            </li>
            <li class=" nav-elt"><a href="/news/">Activities</a></li>

            
            <li class="nav-item dropdown ">
                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Key information <svg class="svg-inline--fa fa-angle-down" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-down"></i> Font Awesome fontawesome.com --></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="/pillar/Wildlife">Monitoring Pillars &amp; Indicators</a></li>
                  <li><a href="/information/region/1">Area of interest</a></li>
                  
                </ul>
            </li>
            
            <li class="nav-item  nav-elt ">
                <a class=" " href="/gallery/"> Gallery </a>
            </li>   
            <li class="nav-item  nav-elt ">
                <a class=" " href="/document/"> Library </a>
            </li>
            
            
                
                
                <li class="nav-item  nav-elt ">
                    <a href="/result/" style=""> Dashboard</a>
                </li>
                
                
            

            
            
            
            
                <li class="header-get-a-quote ">
                    <a class="btn btn-primary a-underline-hover text-white   " href="/signin/" style="border-radius: 32px; background-color: white; color: black !important;">Sign In</a>
                </li>
            
        </ul>
    </div>
  </nav>
              </div>
              <!--/ Col end -->
            </div>
            <!--/ Row end -->
        </div>
        <!--/ Container end -->

      </div>
      <!--/ Navigation end -->
    </header>
    <!--/ Header end -->

    <div class="banner-carousel banner-carousel-1 mb-0 slick-initialized slick-slider slick-dotted" style="max-height: 590px !important; "><button type="button" class="carousel-control left slick-arrow" aria-label="carousel-control" style=""><svg class="svg-inline--fa fa-chevron-left" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg><!-- <i class="fas fa-chevron-left"></i> Font Awesome fontawesome.com --></button>
      
      
      <div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 5530px; transform: translate3d(-1580px, 0px, 0px);"><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide" style="margin-top: -10px; background-image: url(&quot;../static/images/bg1.JPG&quot;); max-height: 500px !important; width: 790px;" data-slick-index="0" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#197627; opacity: 0.80; margin-top:-60px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Welcome to the Congo Basin Monitoring and Evaluation Database</h1>
                <p class="slide-sub-title text-center" style="font-size:1.8em">Supporting Conservation Through Effective Data Management</p>
                <div class="row justify-content-center">
                  <div class="col-6 row justify-content-center"> 
                    <a class="btn btn-primary m-auto a-underline-hover text-white m-2" href="/result/" style="border-radius: 32px; background-color: white; color: black !important;" tabindex="-1">Access the Database</a>
                  </div>
                </div>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-current slick-active" style="margin-top: -10px; background-image: url(&quot;../static/images/home/home2.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="1" aria-hidden="false" tabindex="0" role="tabpanel" id="slick-slide01" aria-describedby="slick-slide-control01">
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#878A13; opacity: 0.80; margin-top:-70px">
                <h1 class="slide-title text-center fadeIn animated" data-animation-in="fadeIn" style="opacity: 1;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="2" aria-hidden="true" tabindex="-1" role="tabpanel" id="slick-slide02" aria-describedby="slick-slide-control02">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/bg1.JPG&quot;); max-height: 500px !important; width: 790px;" data-slick-index="3" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#197627; opacity: 0.80; margin-top:-60px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Welcome to the Congo Basin Monitoring and Evaluation Database</h1>
                <p class="slide-sub-title text-center" style="font-size:1.8em">Supporting Conservation Through Effective Data Management</p>
                <div class="row justify-content-center">
                  <div class="col-6 row justify-content-center"> 
                    <a class="btn btn-primary m-auto a-underline-hover text-white m-2" href="/result/" style="border-radius: 32px; background-color: white; color: black !important;" tabindex="-1">Access the Database</a>
                  </div>
                </div>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/home2.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="4" id="" aria-hidden="true" tabindex="-1">
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: /*#59914F*/#878A13; opacity: 0.80; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div><div class="banner-carousel-item slick-slide slick-cloned" style="margin-top: -10px; background-image: url(&quot;../static/images/home/slide/slide1.jpg&quot;); max-height: 500px !important; width: 790px;" data-slick-index="5" id="" aria-hidden="true" tabindex="-1">
      
        <div class="slider-content text-left">
          <div class="container h-100">
            <div class="row align-items-center h-100">
              <div class="col-md-12 colorbg border-radius" style="background-color: #878A13; opacity: 0.85; margin-top:-70px">
                <h1 class="slide-title text-center" data-animation-in="fadeIn" style="opacity: 0;">Be part of our conservation journey by contributing to the ongoing monitoring and evaluation effort in the Congo Basin </h1>
                <p style="font-size:2em" class="slide-sub-title text-center">Congo basin Monitoring and  Evaluation database</p>
                <p class="d-none d-sm-block box-slide-description">
                  <!--<ul style="font-size: 1.4em;">
                    <li>To know the natural capital in order to sustainably manage it </li>
                    <li>Properly orientate actions to optimize conservation efforts</li>
                    <li>Evaluate the efforts and impacts of actions and programs</li>
                  </ul>-->
                
                
                </p>
               
              </div>
            </div>
          </div>
        </div>
      </div></div></div>
      
      
      
      
      
    <button type="button" class="carousel-control right slick-arrow" aria-label="carousel-control" style=""><svg class="svg-inline--fa fa-chevron-right" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg><!-- <i class="fas fa-chevron-right"></i> Font Awesome fontawesome.com --></button><ul class="slick-dots" style="" role="tablist"><li class="" role="presentation"><button type="button" role="tab" id="slick-slide-control00" aria-controls="slick-slide00" aria-label="1 of 3" tabindex="-1">1</button></li><li role="presentation" class="slick-active"><button type="button" role="tab" id="slick-slide-control01" aria-controls="slick-slide01" aria-label="2 of 3" tabindex="0" aria-selected="true">2</button></li><li role="presentation"><button type="button" role="tab" id="slick-slide-control02" aria-controls="slick-slide02" aria-label="3 of 3" tabindex="-1">3</button></li></ul></div>
    

    
  
    
    
    <section class="d-none d-md-block d-xxl-bock" style="margin-top: -65px;     border-radius: 100px  !important;background: white;  margin-left: 50px; margin-right: 50px; ">
      <h1 class="text-center wwftitle text-uppercase pt-5 pb-5"> About the Database</h1>
      <div class="container">
        
        <div class="row container">
          <p class=" text-justify pl-3" style="font-size: 1.05em;">
            The Congo Basin Monitoring and Evaluation Database is designed to enhance conservation efforts through structured data management and sharing. It integrates ecological, socio-economic, and policy-related data from various sources, providing vital information for decision-making in conservation projects.
          </p>
          <div class="col-md-8 text-center text-md-left pr-4">

            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">Why this database ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              This database was designed to provide access to reliable ecological and socio-economic data from WWF-supported programmes in the Congo Basin. It is also a repository to facilitate information sharing, communication, and learning for users. It also depicts the outcomes and impacts of WWF conservation and sustainable development efforts.
            </p>
            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">How to use it ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              The results are compiled on different geographic and thematic issues linked to WWF conservation and sustainable development programmes. Being a semi-open kind of database, you can sort and filter from the home page on different topics of your choice and needs. 
            </p>

          </div>
          <div class="col-lg-4 col-md-4 mb-5" id="image" style="border-radius: 20px; padding: 20px; background-color: rgb(135, 138, 19);">
            <div class="ts-service-box mt-5 ml-5 "> 
                <div class="ts-service-image-wrapper " data-animation-in="fadeIn">
                  <img loading="lazy " class="w-100 pt-5" src="/static/images/mask2.png" alt="service-image">
                </div>
                
            </div><!-- Service1 end -->
          </div>
          
      

        </div>
      </div>
    </section>
    <section class="d-block d-sm-block d-xs-block d-md-none d-xl-none d-lg-none" style="border-radius: 0px 0px 0 0 !important;background: white;  margin-left: 50px; margin-right: 50px; ">
      
      <h1 class="text-center wwftitle text-uppercase pt-5 pb-5"> About the Database</h1>
        
        <div class="row ">
          <p class=" text-justify" style="font-size: 1.05em;">
            The Congo Basin Monitoring and Evaluation Database is designed to enhance conservation efforts through structured data management and sharing. It integrates ecological, socio-economic, and policy-related data from various sources, providing vital information for decision-making in conservation projects.
          </p>
          <div class="col-md-12 text-center text-md-left">

            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">Why this database ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              This database was designed to provide access to reliable ecological and socio-economic data from WWF-supported programmes in the Congo Basin. It is also a repository to facilitate information sharing, communication, and learning for users. It also depicts the outcomes and impacts of WWF conservation and sustainable development efforts.
            </p>
            <h3 class="text-left text-uppercase pb-2 pt-2 text-bold ">How to use it ?</h3>
            <p class=" text-justify" style="font-size: 1.05em;">
              The results are compiled on different geographic and thematic issues linked to WWF conservation and sustainable development programmes. Being a semi-open kind of database, you can sort and filter from the home page on different topics of your choice and needs. 
            </p>

          </div>
          
      

        </div>
    </section>
    <section class="d-none d-md-block d-lg-block " style="background-color: #C8D8C0; border-radius: 0 0 100px 100px;  margin-left: 50px; margin-right: 50px; margin-bottom: 50px;">
      <div class="container">
        <h1 class="text-center wwftitle text-uppercase"> Data coverage sites</h1>
        
        <div class="row" style="border: 0px solid white; width: 100%; margin-left: 0.5px;">
          
          <div class="col-md-4  ts-facts">
            
            <div class="ts-facts-content">
              <h3 style="color: #59914F;" class="ts-facts-num text-center"><span class="counterUp" data-count="5">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card border-radius" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingOne">
                    
                    <p class="ts-facts-title">
                      <button style="color: #59914F !important; font-weight:bold;" s="" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                        Countries <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </p>
                  </div>
  
                  <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      margin: 0px;
                      padding: 0px;
                      text-align: left;
                      max-height: 200px !important;
                      overflow-y: auto;
                      
                  ">
           
                        
                          <li><a class="dropdown-item" href="/information/country/1"><b>* </b>  Cameroon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/2"><b>* </b>  Central African Republic</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/4"><b>* </b>  Democratic Republic of Congo</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/5"><b>* </b>  Gabon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/3"><b>* </b>  Republic of Congo</a></li>
                        
  
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              
            </div>
        </div><!-- Col end -->
  
        <div class="col-md-4  ts-facts mt-2 mt-sm-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #9a681c;" class="ts-facts-num text-center"><span class="counterUp" data-count="11">0</span></h3>
            <div class="accordion accordion-group accordion-classic" id="construction-accordion">
              <div class="card border-radius" style="background-color: white ;">
                <div class="card-header p-0 bg-transparent" id="headingTwo">
                  
                  <p class="ts-facts-title">
                    <button style="color: #9a681c !important; font-weight:bold;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                      Landscapes <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                    </button>
                  </p>
                </div>
  
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#construction-accordion">
                  <div class="card-body" style="color: #000 !important;">
                    <ul class="list-collapse" style="
                    margin: 0px;
                    padding: 0px;
                    max-height: 200px !important;
                    overflow-y: auto;
                     text-align: left; 
                ">
                      
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1850"><b>* </b>Bas-congo</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1848"><b>* </b>Bas-Ogooue</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1838"><b>* </b>Campo Ma'an</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1839"><b>* </b>Dja-Odzala-Minkebe Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1840"><b>* </b>Gamba-Mayumba-Conkouati</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1847"><b>* </b>Lac Tele-Lac Tumba</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1845"><b>* </b>Maiko-Tayna-Kahuzi-Biega</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1846"><b>* </b>Mount Cameroon-Korup-Bakossi</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1842"><b>* </b>Salonga-Lukenie-Sankuru</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1843"><b>* </b>Sangha Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1849"><b>* </b>Virunga</a></li>
                      
  
                    </ul>
                  </div>
                </div>
              </div>
  
            </div>
            <!--/ Accordion end -->
          </div>
        </div><!-- Col end -->
  
        
        <div class="col-md-4  ts-facts mt-5 mb-5 mt-md-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #8CC63F;" class="ts-facts-num text-center"><span class="counterUp" data-count="77">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card border-radius" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingFour">
                    
                    <p class="ts-facts-title">
                      <button style="color: #8CC63F !important; font-weight:bold;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                      Sites  <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </p>
                  </div>
  
                  <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      max-height: 200px !important;
                      overflow-y: auto;
                      margin: 0px;
                      padding: 0px;
                       text-align: left; 
                  ">
                  
                        
                          <li> <a class="dropdown-item" href="/information/site/185"><b>* </b>Banyang-Mbo Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/32"><b>* </b>Bas-Ogooue_Ramsar Site  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/3"><b>* </b>Boumba Bek National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/1"><b>* </b>Campo Ma'an National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/137"><b>* </b>CPAET Bayonne  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/138"><b>* </b>CPAET Mavoungou  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/38"><b>* </b>Dja Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/39"><b>* </b>Djoua Ivindo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/40"><b>* </b>Djoua-Zadie Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/15"><b>* </b>Dzanga-Sangha Protected Areas  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/21"><b>* </b>Espace Tridom Interzone Congo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/24"><b>* </b>Gamba  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/42"><b>* </b>Haut-Abanga  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/188"><b>* </b>Ivindo National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/28"><b>* </b>Korup National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/8"><b>* </b>Loango National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/2"><b>* </b>Lobeke National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/44"><b>* </b>Lokoro-Lukenie  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/45"><b>* </b>Lotoi-Lokoro Lokolo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/46"><b>* </b>Lukenie – Sankuru  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/16"><b>* </b>Luki Integrale Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/47"><b>* </b>Maiko National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/6"><b>* </b>Malebo Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/26"><b>* </b>Mandji  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/48"><b>* </b>Mengame Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/14"><b>* </b>Messok Dja Proposed&nbsp;protected&nbsp;area  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/10"><b>* </b>Minkebe National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/158"><b>* </b>Mintom Communal Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/9"><b>* </b>Moukalaba Doudou National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/34"><b>* </b>Mount Cameroon National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/50"><b>* </b>Ndoki_Likouala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/23"><b>* </b>Ngiri Triangle Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/156"><b>* </b>Ngoyla Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/4"><b>* </b>Nki National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/187"><b>* </b>Ntokou Pikounda National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/186"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/183"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-Atama Palmeraie-Ntokou Sud  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/51"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-UFA Ngombe  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/57"><b>* </b>Odzala-Kokoua National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/27"><b>* </b>Rabi  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/7"><b>* </b>Salonga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/35"><b>* </b>Tumba Lediima Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/140"><b>* </b>UFA09-001  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/141"><b>* </b>UFA09-002  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/73"><b>* </b>UFA 09-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/74"><b>* </b>UFA 09-024  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/75"><b>* </b>UFA 09-025  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/149"><b>* </b>UFA 10-008  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/150"><b>* </b>UFA 10-009  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/151"><b>* </b>UFA 10-010  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/152"><b>* </b>UFA 10-012  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/83"><b>* </b>UFA 10-013  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/85"><b>* </b>UFA 10-015  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/153"><b>* </b>UFA 10-018  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/168"><b>* </b>UFA10-020  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/169"><b>* </b>UFA10-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/154"><b>* </b>UFA10-022  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/88"><b>* </b>UFA10-023  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/142"><b>* </b>UFA10-027  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/143"><b>* </b>UFA10-028  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/172"><b>* </b>UFA10-029  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/173"><b>* </b>UFA10-030  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/144"><b>* </b>UFA10-032  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/145"><b>* </b>UFA10-033  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/146"><b>* </b>UFA10-035  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/147"><b>* </b>UFA10-036  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/89"><b>* </b>UFA 10-052  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/92"><b>* </b>UFA 10-064  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/148"><b>* </b>UFA10-067  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/95"><b>* </b>UFA Kivoro  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/72"><b>* </b>UFA Tala-Tala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/119"><b>* </b>Virunga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/122"><b>* </b>Wonga-Wongue Special Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/126"><b>* </b>ZIC-GC10  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/127"><b>* </b>ZIC-GC14  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/128"><b>* </b>ZIC-GC8  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/129"><b>* </b>ZIC-GC9  </a></li>
                        
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              <!--/ Accordion end -->
           
            
          </div>
        </div><!-- Col end -->
  
        <!-- Col end -->
  
        </div>
        
  
      </div>
        
      </section></div>
      
    
    <section class="d-block d-sm-block d-xs-block d-md-none d-xl-none d-lg-none" style="background-color: #C8D8C0; border-radius: 0 0 0px 0px;  margin-left: 50px; margin-right: 50px; margin-bottom: 50px;">
      <div class="container">
        <h1 class="text-center wwftitle text-uppercase"> Data coverage sites</h1>
        <div class="row" style="border: 0px solid white; width: 100%; margin-left: 0.5px;">
          
          <div class="col-md-4  ts-facts">
            
            <div class="ts-facts-content">
              <h3 style="color: #59914F;" class="ts-facts-num text-center"><span class="counterUp" data-count="5">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingOne">
                    
                    <h3 class="ts-facts-title">
                      <button style="color: #59914F !important;" s="" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                        Countries <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </h3>
                  </div>
  
                  <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      margin: 0px;
                      padding: 0px;
                      text-align: left;
                      max-height: 200px !important;
                      overflow-y: auto;
                      
                  ">
           
                        
                          <li><a class="dropdown-item" href="/information/country/1"><b>* </b>  Cameroon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/2"><b>* </b>  Central African Republic</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/4"><b>* </b>  Democratic Republic of Congo</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/5"><b>* </b>  Gabon</a></li>
                        
                          <li><a class="dropdown-item" href="/information/country/3"><b>* </b>  Republic of Congo</a></li>
                        
  
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              
            </div>
        </div><!-- Col end -->
  
        <div class="col-md-4  ts-facts mt-2 mt-sm-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #9a681c;" class="ts-facts-num text-center"><span class="counterUp" data-count="11">0</span></h3>
            <div class="accordion accordion-group accordion-classic" id="construction-accordion">
              <div class="card" style="background-color: white ;">
                <div class="card-header p-0 bg-transparent" id="headingTwo">
                  
                  <h3 class="ts-facts-title">
                    <button style="color: #9a681c !important;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                      Landscapes <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                    </button>
                  </h3>
                </div>
  
                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#construction-accordion">
                  <div class="card-body" style="color: #000 !important;">
                    <ul class="list-collapse" style="
                    margin: 0px;
                    padding: 0px;
                    max-height: 200px !important;
                    overflow-y: auto;
                     text-align: left; 
                ">
                      
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1850"><b>* </b>Bas-congo</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1848"><b>* </b>Bas-Ogooue</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1838"><b>* </b>Campo Ma'an</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1839"><b>* </b>Dja-Odzala-Minkebe Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1840"><b>* </b>Gamba-Mayumba-Conkouati</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1847"><b>* </b>Lac Tele-Lac Tumba</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1845"><b>* </b>Maiko-Tayna-Kahuzi-Biega</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1846"><b>* </b>Mount Cameroon-Korup-Bakossi</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1842"><b>* </b>Salonga-Lukenie-Sankuru</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1843"><b>* </b>Sangha Trinational</a></li>
                      
                        <li> <a class="dropdown-item" href="/information/landscape/1849"><b>* </b>Virunga</a></li>
                      
  
                    </ul>
                  </div>
                </div>
              </div>
  
            </div>
            <!--/ Accordion end -->
          </div>
        </div><!-- Col end -->
  
        
        <div class="col-md-4  ts-facts mt-5 mb-5 mt-md-0">
          
          <div class="ts-facts-content">
            <h3 style="color: #8CC63F;" class="ts-facts-num text-center"><span class="counterUp" data-count="77">0</span></h3>
              <div class="accordion accordion-group accordion-classic" id="construction-accordion">
                <div class="card" style="background-color: white ;">
                  <div class="card-header p-0 bg-transparent" id="headingFour">
                    
                    <h3 class="ts-facts-title">
                      <button style="color: #8CC63F !important;" class="btn btn-block text-center collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                      Sites  <svg class="svg-inline--fa fa-angle-down pl-2" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"></path></svg><!-- <i class="pl-2 fa fa-angle-down"></i> Font Awesome fontawesome.com -->
                      </button>
                    </h3>
                  </div>
  
                  <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#construction-accordion">
                    <div class="card-body" style="color: #000 !important;">
                      <ul class="list-collapse" style="
                      max-height: 200px !important;
                      overflow-y: auto;
                      margin: 0px;
                      padding: 0px;
                       text-align: left; 
                  ">
                  
                        
                          <li> <a class="dropdown-item" href="/information/site/185"><b>* </b>Banyang-Mbo Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/32"><b>* </b>Bas-Ogooue_Ramsar Site  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/3"><b>* </b>Boumba Bek National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/1"><b>* </b>Campo Ma'an National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/137"><b>* </b>CPAET Bayonne  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/138"><b>* </b>CPAET Mavoungou  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/38"><b>* </b>Dja Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/39"><b>* </b>Djoua Ivindo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/40"><b>* </b>Djoua-Zadie Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/15"><b>* </b>Dzanga-Sangha Protected Areas  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/21"><b>* </b>Espace Tridom Interzone Congo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/24"><b>* </b>Gamba  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/42"><b>* </b>Haut-Abanga  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/188"><b>* </b>Ivindo National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/28"><b>* </b>Korup National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/8"><b>* </b>Loango National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/2"><b>* </b>Lobeke National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/44"><b>* </b>Lokoro-Lukenie  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/45"><b>* </b>Lotoi-Lokoro Lokolo  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/46"><b>* </b>Lukenie – Sankuru  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/16"><b>* </b>Luki Integrale Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/47"><b>* </b>Maiko National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/6"><b>* </b>Malebo Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/26"><b>* </b>Mandji  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/48"><b>* </b>Mengame Wildlife Sanctuary  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/14"><b>* </b>Messok Dja Proposed&nbsp;protected&nbsp;area  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/10"><b>* </b>Minkebe National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/158"><b>* </b>Mintom Communal Forest  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/9"><b>* </b>Moukalaba Doudou National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/34"><b>* </b>Mount Cameroon National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/50"><b>* </b>Ndoki_Likouala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/23"><b>* </b>Ngiri Triangle Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/156"><b>* </b>Ngoyla Faunal Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/4"><b>* </b>Nki National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/187"><b>* </b>Ntokou Pikounda National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/186"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/183"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-Atama Palmeraie-Ntokou Sud  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/51"><b>* </b>Ntokou Pikounda NP-UFE Pikounda Nord-UFA Ngombe  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/57"><b>* </b>Odzala-Kokoua National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/27"><b>* </b>Rabi  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/7"><b>* </b>Salonga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/35"><b>* </b>Tumba Lediima Nature Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/140"><b>* </b>UFA09-001  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/141"><b>* </b>UFA09-002  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/73"><b>* </b>UFA 09-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/74"><b>* </b>UFA 09-024  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/75"><b>* </b>UFA 09-025  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/149"><b>* </b>UFA 10-008  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/150"><b>* </b>UFA 10-009  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/151"><b>* </b>UFA 10-010  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/152"><b>* </b>UFA 10-012  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/83"><b>* </b>UFA 10-013  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/85"><b>* </b>UFA 10-015  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/153"><b>* </b>UFA 10-018  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/168"><b>* </b>UFA10-020  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/169"><b>* </b>UFA10-021  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/154"><b>* </b>UFA10-022  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/88"><b>* </b>UFA10-023  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/142"><b>* </b>UFA10-027  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/143"><b>* </b>UFA10-028  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/172"><b>* </b>UFA10-029  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/173"><b>* </b>UFA10-030  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/144"><b>* </b>UFA10-032  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/145"><b>* </b>UFA10-033  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/146"><b>* </b>UFA10-035  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/147"><b>* </b>UFA10-036  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/89"><b>* </b>UFA 10-052  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/92"><b>* </b>UFA 10-064  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/148"><b>* </b>UFA10-067  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/95"><b>* </b>UFA Kivoro  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/72"><b>* </b>UFA Tala-Tala  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/119"><b>* </b>Virunga National Park  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/122"><b>* </b>Wonga-Wongue Special Reserve  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/126"><b>* </b>ZIC-GC10  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/127"><b>* </b>ZIC-GC14  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/128"><b>* </b>ZIC-GC8  </a></li>
                        
                          <li> <a class="dropdown-item" href="/information/site/129"><b>* </b>ZIC-GC9  </a></li>
                        
                      </ul>
                    </div>
                  </div>
                </div>
  
              </div>
              <!--/ Accordion end -->
           
            
          </div>
        </div><!-- Col end -->
  
        <!-- Col end -->
  
        </div>
        
  
      </div>
        
      </section></div>
      
    
</div>

<script>
  var color = $(".slick-active .colorbg").css("background-color")
  document.querySelector("#header").style.backgroundColor = color;
  //document.querySelector("#header").style.opacity = 0.9;
  var prev_color = color
  
 // alert(color);

  setInterval(
    function() {
      prev_color = $(".slick-active .colorbg").css("background-color")
      //alert($("#header_color").css('background-color'))
      document.querySelector("#header").style.backgroundColor = prev_color;
      document.querySelector("#image").style.backgroundColor = prev_color;
     // document.querySelector("#header").style.opacity = 0.9;
      //alert(document.querySelector("#header_color").style.backgroundColor )

      
      
     
    }
    
    , 500);
    $( "header" ).hover(
      function() {
        $("header").css("opacity",1);
      }
    );
    $("header").mouseleave(function(){
      $("header").css("opacity",0.9);
    });
  
</script>

  
<!--/ News end -->

  <footer class="footer " style="background:#000 !important;" id="footer">
    
    <div class="footer-main" style="padding: 30px 0 20px !important;">
      <div class="container">
        <div class="row justify-content-between">
          
            
            

          <div class="col-lg-3 col-md-6 footer-widget mt-5 mt-md-0">
            <h1 class="widget-title">Partners</h1>
            <p class="working-hours" style="font-size: 0.9em  ;">
              </p><h4 class="text-white text-left "> Donors</h4>
              <ul class="list-arrow li-hover-white">
                
                   <li><a href="https://www.worldwildlife.org/">WWF International</a></li>
                
                   <li><a href="https://www.wwf.fr/">WWF France</a></li>
                
                   <li><a href="https://www.wwf.de/">WWF Deutschland</a></li>
                
              </ul>
            <p></p>
          </div><!-- Col end -->
          <div class="col-lg-3 col-md-6 footer-widget mt-5 mt-md-0">
            <h1 class="widget-title">Contacts</h1>
            <div class="working-hours">
              WWF Regional Office for Africa
              Yaounde Hub/ <br> Cameroon Country Office
              <br><br> Tel:  <span class="text-right"><br>+237 222 21 70 84/83 <br> 677 50 00 35 <br> 691 91 08 11  </span>
              <br><br><br><br><br> Email:   <span class="text-right"><a href="mailto:[email protected]">[email protected]</a></span>
            </div>
          </div><!-- Col end -->

          <div class="col-lg-3 col-md-6 mt-5 mt-lg-0 footer-widget">
            <h1 class="widget-title">Links</h1>
            <ul class="list-arrow li-hover-white">
              <li><a href="/">Home</a></li>
              <li><a href="/about/">About </a></li>
              
              <li><a href="/gallery/">Gallery</a></li>
              <li><a href="/document/">Documents</a></li>
              <li><a href="/result/" style=""> Dashboard</a></li>
              
              
              
            </ul>
          </div><!-- Col end -->
        </div><!-- Row end -->
      </div><!-- Container end -->
    </div><!-- Footer main end -->
    
    <div class="copyright" style="padding: 5px 0 5px; background-color: black ;">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-12">
            <div class="copyright-info text-center text-white text-md-center">
              <span>Copyright  WWF © <script>
                  document.write(new Date().getFullYear())
                </script>2024, Developed by <a href="mailto:[email protected]">Arsene Soumeu</a></span>
            </div>
          </div>

          <!--<div class="col-md-6">
            <div class="footer-menu text-center text-md-right">
              <ul class="list-unstyled">
                <li><a href="about.html">About</a></li>
                <li><a href="team.html">Our people</a></li>
                <li><a href="faq.html">Faq</a></li>
                <li><a href="news-left-sidebar.html">Blog</a></li>
                <li><a href="pricing.html">Pricing</a></li>
              </ul>
            </div>
          </div>-->
        </div><!-- Row end -->

        <div class="back-to-top position-fixed" data-offset-top="10" data-spy="affix" id="back-to-top">
          <button class="btn btn-primary " title="Back to Top" style="color: #fff !important; ">
            <svg class="svg-inline--fa fa-angle-double-up" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-double-up" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z"></path></svg><!-- <i class="fa fa-angle-double-up"></i> Font Awesome fontawesome.com -->
          </button>
        </div>

      </div><!-- Container end -->
    </div><!-- Copyright end -->
  </footer><!-- Footer end -->


  <!-- Javascript Files
  ================================================== -->
  

  
  <!-- initialize jQuery Library -->
  
  
  <!-- Bootstrap jQuery -->
  <script defer="" src="/static/plugins/bootstrap/bootstrap.min.js"></script>
  <!-- Slick Carousel -->
  <script src="/static/plugins/slick/slick.min.js"></script>
  <script src="/static/plugins/slick/slick-animation.min.js"></script>
  <!-- Color box -->
  <script src="/static/plugins/colorbox/jquery.colorbox.js"></script>
  <!-- shuffle -->
  <script defer="" src="/static/plugins/shuffle/shuffle.min.js"></script>

  <!-- Google Map API Key-->
  <script defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"></script>
  <!-- Google Map Plugin-->
  <script defer="" src="/static/plugins/google-map/map.js"></script>
    <script>
      $(document).ready(function() {
        $('.js-example-basic-single').select2();
    });
    </script>
  <!-- Template custom -->

<script type="text/javascript" src="/static/js/noprint.js"></script>
  <script language="javascript">
    /*var noPrint=true;
    var noCopy=true;
    var noScreenshot=true;
    var autoBlur=false;*/
    /** TO DISABLE PRINTS WHIT CTRL+P **/
  /*document.addEventListener('keydown', (e) => {
  //alert('e.key')
  //alert(e)
  if (e.key == 'PrintScreen') {
    navigator.clipboard.writeText('');
    alert('Screenshots disabled!');
  }
  if (e.ctrlKey && e.key == 'p') {
      alert('This section is not allowed to print or export to PDF');
      e.cancelBubble = true;
      e.preventDefault();
      e.stopImmediatePropagation();
  }
  if (e.metaKey  ) {
    navigator.clipboard.writeText('');
    alert('Screenshots disabled!');
    e.cancelBubble = true;
    e.preventDefault();
    e.stopImmediatePropagation();
  }
});*/
  </script>
    <script src="/static/js/script.js"></script> 

  <!-- Body inner end -->
  
  <script type="text/javascript" src="/static/js/noprint.js"></script>
  
<!-- Google analytics tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-Q460ZGL5KF"></script>
<script language="javascript">
  //alert("ok");


  var noPrint=true;
  var noCopy=true;
  var noScreenshot=true;
  var autoBlur=false;
  /** TO DISABLE PRINTS WHIT CTRL+P **/
/*document.addEventListener('keydown', (e) => {
//alert(e.key)
if (e.key == 'PrintScreen') {
  navigator.clipboard.writeText('');
  alert('Screenshots disabled!');
}
if (e.ctrlKey && e.key == 'p') {
    alert('This section is not allowed to print or export to PDF');
    e.cancelBubble = true;
    e.preventDefault();
    e.stopImmediatePropagation();
}
if (e.metaKey  ) {
  navigator.clipboard.writeText('');
  alert('Screenshots disabled!');
}
});*/
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Q460ZGL5KF');
  $(function () {
  $('[data-toggle="tooltip"]').tooltip()
  
})
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js" integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

  
<div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button type="button" id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div></body></html>