/*!
* FAO Design System
* Version: 3.7.0
* Build date: 2026-04-14
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Cairo&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");

.text-color-default {
    color: #545454
}

.mb-comp {
    margin-bottom: 2rem
}

.background-cover {
    background-size: cover
}

[data-bs-theme=dark] .btn.text-color-gray-medium,
[data-bs-theme=dark] .small.text-color-gray-medium {
    color: var(--on-background-secondary) !important
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px !important
    }
}

@keyframes blink {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

:root {
    --primary: #116bac;
    --primary-light: #e5ecf4;
    --link: #116bac;
    --line: #f2f2f2;
    --border: #dee2e6;
    --background: #fff;
    --surface: #fff;
    --on-background: #545454;
    --on-background-secondary: #999;
    --on-surface: #545454;
    --on-primary: #fff;
    --on-primary-light: #545454;
    --on-white-fao: #545454;
    --accordion-bg: #fff;
    --accordion-btn-bg: #f8f9fa;
    --accordion-active-bg: #f8f9fa;
    --accordion-active-color: #212529;
    --accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --btn-primary: #116bac;
    --btn-primary-hover: #1688da;
    --btn-secondary: #fff;
    --btn-secondary-hover: #fff;
    --custom-subheader-bg: #f2f2f2
}

[data-bs-theme=dark] {
    --primary: #1d82f6;
    --primary-light: #212529;
    --link: #1d82f6;
    --line: #495057;
    --border: #545454;
    --background: #161616;
    --surface: #212529;
    --on-background: hsla(0, 0%, 100%, .85);
    --on-background-secondary: hsla(0, 0%, 100%, .65);
    --on-surface: #fff;
    --on-primary: #fff;
    --on-primary-light: #fff;
    --on-white-fao: #fff;
    --accordion-bg: var(--background);
    --accordion-btn-bg: var(--surface);
    --accordion-active-bg: var(--surface);
    --accordion-active-color: var(--on-surface);
    --accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
    --btn-primary: var(--primary);
    --btn-primary-hover: #4e9df8;
    --btn-secondary: var(--surface);
    --btn-secondary-hover: #383f45;
    --bs-card-bg: var(--background);
    --custom-subheader-bg: var(--surface)
}

.bg-primary {
    background-color: #116bac !important
}

.text-color-primary {
    color: #116bac !important
}

.bg-primary-light {
    background-color: #e5ecf4 !important
}

.text-color-primary-light {
    color: #e5ecf4 !important
}

.bg-gray-dark {
    background-color: #545454 !important
}

.text-color-gray-dark {
    color: #545454 !important
}

.bg-gray-medium {
    background-color: #999 !important
}

.text-color-gray-medium {
    color: #999 !important
}

.bg-gray-light {
    background-color: #f2f2f2 !important
}

.text-color-gray-light {
    color: #f2f2f2 !important
}

.bg-white-fao {
    background-color: #f7f8f9 !important
}

.text-color-white-fao {
    color: #f7f8f9 !important
}

.bg-orange {
    background-color: #f58320 !important
}

.text-color-orange {
    color: #f58320 !important
}

.bg-caption {
    background-color: #1c4767 !important
}

.text-color-caption {
    color: #1c4767 !important
}

.bg-emergency {
    background-color: #980000 !important
}

.text-color-emergency {
    color: #980000 !important
}

.bg-un-blue {
    background-color: #5792c9 !important
}

.text-color-un-blue {
    color: #5792c9 !important
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
    color: var(--on-primary-light)
}

.bg-caption,
.bg-caption a,
.bg-caption a:hover,
.bg-caption h1,
.bg-caption h2,
.bg-caption h3,
.bg-caption h4,
.bg-caption h5,
.bg-caption h6,
.bg-caption p,
.bg-gray-dark,
.bg-gray-dark a,
.bg-gray-dark a:hover,
.bg-gray-dark h1,
.bg-gray-dark h2,
.bg-gray-dark h3,
.bg-gray-dark h4,
.bg-gray-dark h5,
.bg-gray-dark h6,
.bg-gray-dark p,
.bg-gray-medium,
.bg-gray-medium a,
.bg-gray-medium a:hover,
.bg-gray-medium h1,
.bg-gray-medium h2,
.bg-gray-medium h3,
.bg-gray-medium h4,
.bg-gray-medium h5,
.bg-gray-medium h6,
.bg-gray-medium p,
.bg-orange,
.bg-orange a,
.bg-orange a:hover,
.bg-orange h1,
.bg-orange h2,
.bg-orange h3,
.bg-orange h4,
.bg-orange h5,
.bg-orange h6,
.bg-orange p,
.bg-primary,
.bg-primary a,
.bg-primary a:hover,
.bg-primary h1,
.bg-primary h2,
.bg-primary h3,
.bg-primary h4,
.bg-primary h5,
.bg-primary h6,
.bg-primary p {
    color: #fff
}

[data-bs-theme=dark] .bg-primary {
    background-color: #1d82f6 !important
}

[data-bs-theme=dark] .text-color-primary {
    color: #1d82f6 !important
}

[data-bs-theme=dark] .bg-primary-light {
    background-color: #212529 !important
}

[data-bs-theme=dark] .text-color-primary-light {
    color: #212529 !important
}

[data-bs-theme=dark] .bg-gray-dark {
    background-color: #333 !important
}

[data-bs-theme=dark] .text-color-gray-dark {
    color: #333 !important
}

[data-bs-theme=dark] .bg-gray-medium {
    background-color: #666 !important
}

[data-bs-theme=dark] .text-color-gray-medium {
    color: #666 !important
}

[data-bs-theme=dark] .bg-gray-light {
    background-color: #0d0d0d !important
}

[data-bs-theme=dark] .text-color-gray-light {
    color: #0d0d0d !important
}

[data-bs-theme=dark] .bg-white-fao {
    background-color: #080705 !important
}

[data-bs-theme=dark] .text-color-white-fao {
    color: #080705 !important
}

[data-bs-theme=dark] .bg-orange {
    background-color: #f58320 !important
}

[data-bs-theme=dark] .text-color-orange {
    color: #f58320 !important
}

[data-bs-theme=dark] .bg-caption {
    background-color: #1c4767 !important
}

[data-bs-theme=dark] .text-color-caption {
    color: #1c4767 !important
}

[data-bs-theme=dark] .bg-emergency {
    background-color: #980000 !important
}

[data-bs-theme=dark] .text-color-emergency {
    color: #980000 !important
}

[data-bs-theme=dark] .bg-un-blue {
    background-color: #5792c9 !important
}

[data-bs-theme=dark] .text-color-un-blue {
    color: #5792c9 !important
}

[data-bs-theme=dark] .bg-primary-light ul {
    color: var(--on-primary-light) !important
}

[data-bs-theme=dark] .bg-white-fao ul {
    color: var(--on-white-fao) !important
}

[data-bs-theme=dark] .bg-caption,
[data-bs-theme=dark] .bg-caption a,
[data-bs-theme=dark] .bg-caption a:hover,
[data-bs-theme=dark] .bg-caption h1,
[data-bs-theme=dark] .bg-caption h2,
[data-bs-theme=dark] .bg-caption h3,
[data-bs-theme=dark] .bg-caption h4,
[data-bs-theme=dark] .bg-caption h5,
[data-bs-theme=dark] .bg-caption h6,
[data-bs-theme=dark] .bg-caption p,
[data-bs-theme=dark] .bg-gray-dark,
[data-bs-theme=dark] .bg-gray-dark a,
[data-bs-theme=dark] .bg-gray-dark a:hover,
[data-bs-theme=dark] .bg-gray-dark h1,
[data-bs-theme=dark] .bg-gray-dark h2,
[data-bs-theme=dark] .bg-gray-dark h3,
[data-bs-theme=dark] .bg-gray-dark h4,
[data-bs-theme=dark] .bg-gray-dark h5,
[data-bs-theme=dark] .bg-gray-dark h6,
[data-bs-theme=dark] .bg-gray-dark p,
[data-bs-theme=dark] .bg-gray-medium,
[data-bs-theme=dark] .bg-gray-medium a,
[data-bs-theme=dark] .bg-gray-medium a:hover,
[data-bs-theme=dark] .bg-gray-medium h1,
[data-bs-theme=dark] .bg-gray-medium h2,
[data-bs-theme=dark] .bg-gray-medium h3,
[data-bs-theme=dark] .bg-gray-medium h4,
[data-bs-theme=dark] .bg-gray-medium h5,
[data-bs-theme=dark] .bg-gray-medium h6,
[data-bs-theme=dark] .bg-gray-medium p,
[data-bs-theme=dark] .bg-orange,
[data-bs-theme=dark] .bg-orange a,
[data-bs-theme=dark] .bg-orange a:hover,
[data-bs-theme=dark] .bg-orange h1,
[data-bs-theme=dark] .bg-orange h2,
[data-bs-theme=dark] .bg-orange h3,
[data-bs-theme=dark] .bg-orange h4,
[data-bs-theme=dark] .bg-orange h5,
[data-bs-theme=dark] .bg-orange h6,
[data-bs-theme=dark] .bg-orange p,
[data-bs-theme=dark] .bg-primary,
[data-bs-theme=dark] .bg-primary a,
[data-bs-theme=dark] .bg-primary a:hover,
[data-bs-theme=dark] .bg-primary h1,
[data-bs-theme=dark] .bg-primary h2,
[data-bs-theme=dark] .bg-primary h3,
[data-bs-theme=dark] .bg-primary h4,
[data-bs-theme=dark] .bg-primary h5,
[data-bs-theme=dark] .bg-primary h6,
[data-bs-theme=dark] .bg-primary p {
    color: #fff
}

:export {
    country-abw: abw;
    country-afg: afg;
    country-ago: ago;
    country-aia: aia;
    country-ala: ala;
    country-alb: alb;
    country-and: and;
    country-are: are;
    country-arg: arg;
    country-arm: arm;
    country-asm: asm;
    country-ata: ata;
    country-atf: atf;
    country-atg: atg;
    country-aus: aus;
    country-aut: aut;
    country-aze: aze;
    country-bdi: bdi;
    country-bel: bel;
    country-ben: ben;
    country-bes: bes;
    country-bfa: bfa;
    country-bgd: bgd;
    country-bgr: bgr;
    country-bhr: bhr;
    country-bhs: bhs;
    country-bih: bih;
    country-blm: blm;
    country-blr: blr;
    country-blz: blz;
    country-bmu: bmu;
    country-bol: bol;
    country-bra: bra;
    country-brb: brb;
    country-brn: brn;
    country-btn: btn;
    country-bvt: bvt;
    country-bwa: bwa;
    country-caf: caf;
    country-can: can;
    country-cck: cck;
    country-che: che;
    country-chl: chl;
    country-chn: chn;
    country-civ: civ;
    country-cmr: cmr;
    country-cod: cod;
    country-cog: cog;
    country-cok: cok;
    country-col: col;
    country-com: com;
    country-cpv: cpv;
    country-cri: cri;
    country-cub: cub;
    country-cuw: cuw;
    country-cxr: cxr;
    country-cym: cym;
    country-cyp: cyp;
    country-cze: cze;
    country-deu: deu;
    country-dji: dji;
    country-dma: dma;
    country-dnk: dnk;
    country-dom: dom;
    country-dza: dza;
    country-ecu: ecu;
    country-egy: egy;
    country-eri: eri;
    country-esh: esh;
    country-esp: esp;
    country-est: est;
    country-eth: eth;
    country-eur: eur;
    country-fin: fin;
    country-fji: fji;
    country-flk: flk;
    country-fra: fra;
    country-fro: fro;
    country-fsm: fsm;
    country-gab: gab;
    country-gbr: gbr;
    country-geo: geo;
    country-ggy: ggy;
    country-gha: gha;
    country-gib: gib;
    country-gin: gin;
    country-glp: glp;
    country-gmb: gmb;
    country-gnb: gnb;
    country-gnq: gnq;
    country-grc: grc;
    country-grd: grd;
    country-grl: grl;
    country-gtm: gtm;
    country-guf: guf;
    country-gum: gum;
    country-guy: guy;
    country-hkg: hkg;
    country-hmd: hmd;
    country-hnd: hnd;
    country-hrv: hrv;
    country-hti: hti;
    country-hun: hun;
    country-idn: idn;
    country-imn: imn;
    country-ind: ind;
    country-iot: iot;
    country-irl: irl;
    country-irn: irn;
    country-irq: irq;
    country-isl: isl;
    country-isr: isr;
    country-ita: ita;
    country-jam: jam;
    country-jey: jey;
    country-jor: jor;
    country-jpn: jpn;
    country-kaz: kaz;
    country-ken: ken;
    country-kgz: kgz;
    country-khm: khm;
    country-kir: kir;
    country-kna: kna;
    country-kor: kor;
    country-kwt: kwt;
    country-lao: lao;
    country-lbn: lbn;
    country-lbr: lbr;
    country-lby: lby;
    country-lca: lca;
    country-lie: lie;
    country-lka: lka;
    country-lso: lso;
    country-ltu: ltu;
    country-lux: lux;
    country-lva: lva;
    country-mac: mac;
    country-maf: maf;
    country-mar: mar;
    country-mco: mco;
    country-mda: mda;
    country-mdg: mdg;
    country-mdv: mdv;
    country-mex: mex;
    country-mhl: mhl;
    country-mkd: mkd;
    country-mli: mli;
    country-mlt: mlt;
    country-mmr: mmr;
    country-mne: mne;
    country-mng: mng;
    country-mnp: mnp;
    country-moz: moz;
    country-mrt: mrt;
    country-msr: msr;
    country-mtq: mtq;
    country-mus: mus;
    country-mwi: mwi;
    country-mys: mys;
    country-myt: myt;
    country-nam: nam;
    country-ncl: ncl;
    country-ner: ner;
    country-nfk: nfk;
    country-nga: nga;
    country-nic: nic;
    country-niu: niu;
    country-nld: nld;
    country-nor: nor;
    country-npl: npl;
    country-nru: nru;
    country-nzl: nzl;
    country-omn: omn;
    country-pak: pak;
    country-pan: pan;
    country-pcn: pcn;
    country-per: per;
    country-phl: phl;
    country-plw: plw;
    country-png: png;
    country-pol: pol;
    country-pri: pri;
    country-prk: prk;
    country-prt: prt;
    country-pry: pry;
    country-pse: pse;
    country-pyf: pyf;
    country-qat: qat;
    country-reu: reu;
    country-rou: rou;
    country-rus: rus;
    country-rwa: rwa;
    country-sau: sau;
    country-sdn: sdn;
    country-sen: sen;
    country-sgp: sgp;
    country-sgs: sgs;
    country-shn: shn;
    country-sjm: sjm;
    country-slb: slb;
    country-sle: sle;
    country-slv: slv;
    country-smr: smr;
    country-som: som;
    country-spm: spm;
    country-srb: srb;
    country-ssd: ssd;
    country-stp: stp;
    country-sur: sur;
    country-svk: svk;
    country-svn: svn;
    country-swe: swe;
    country-swz: swz;
    country-sxm: sxm;
    country-syc: syc;
    country-syr: syr;
    country-tca: tca;
    country-tcd: tcd;
    country-tgo: tgo;
    country-tha: tha;
    country-tjk: tjk;
    country-tkl: tkl;
    country-tkm: tkm;
    country-tls: tls;
    country-ton: ton;
    country-tto: tto;
    country-tun: tun;
    country-tur: tur;
    country-tuv: tuv;
    country-twn: twn;
    country-tza: tza;
    country-uga: uga;
    country-ukr: ukr;
    country-umi: umi;
    country-ury: ury;
    country-usa: usa;
    country-uzb: uzb;
    country-vat: vat;
    country-vct: vct;
    country-ven: ven;
    country-vgb: vgb;
    country-vir: vir;
    country-vnm: vnm;
    country-vut: vut;
    country-wlf: wlf;
    country-wsm: wsm;
    country-yem: yem;
    country-zaf: zaf;
    country-zmb: zmb;
    country-zwe: zwe
}

.flag {
    aspect-ratio: 4/3;
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    margin-bottom: -.25rem;
    margin-right: 1rem;
    min-height: 2rem
}

.flag.flag-small {
    margin-right: .5rem;
    min-height: 1.5rem
}

html[lang=ar] .flag,
html[lang=fa] .flag,
html[lang=sf] .flag {
    margin-left: 1rem;
    margin-right: 0
}

html[lang=ar] .flag.flag-small,
html[lang=fa] .flag.flag-small,
html[lang=sf] .flag.flag-small {
    margin-left: .5rem
}

.flag-abw {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/abw.svg)
}

.flag-afg {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/afg.svg)
}

.flag-ago {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ago.svg)
}

.flag-aia {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/aia.svg)
}

.flag-ala {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ala.svg)
}

.flag-alb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/alb.svg)
}

.flag-and {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/and.svg)
}

.flag-are {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/are.svg)
}

.flag-arg {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/arg.svg)
}

.flag-arm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/arm.svg)
}

.flag-asm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/asm.svg)
}

.flag-ata {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ata.svg)
}

.flag-atf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/atf.svg)
}

.flag-atg {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/atg.svg)
}

.flag-aus {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/aus.svg)
}

.flag-aut {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/aut.svg)
}

.flag-aze {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/aze.svg)
}

.flag-bdi {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bdi.svg)
}

.flag-bel {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bel.svg)
}

.flag-ben {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ben.svg)
}

.flag-bes {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bes.svg)
}

.flag-bfa {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bfa.svg)
}

.flag-bgd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bgd.svg)
}

.flag-bgr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bgr.svg)
}

.flag-bhr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bhr.svg)
}

.flag-bhs {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bhs.svg)
}

.flag-bih {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bih.svg)
}

.flag-blm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/blm.svg)
}

.flag-blr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/blr.svg)
}

.flag-blz {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/blz.svg)
}

.flag-bmu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bmu.svg)
}

.flag-bol {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bol.svg)
}

.flag-bra {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bra.svg)
}

.flag-brb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/brb.svg)
}

.flag-brn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/brn.svg)
}

.flag-btn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/btn.svg)
}

.flag-bvt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bvt.svg)
}

.flag-bwa {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/bwa.svg)
}

.flag-caf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/caf.svg)
}

.flag-can {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/can.svg)
}

.flag-cck {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cck.svg)
}

.flag-che {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/che.svg)
}

.flag-chl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/chl.svg)
}

.flag-chn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/chn.svg)
}

.flag-civ {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/civ.svg)
}

.flag-cmr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cmr.svg)
}

.flag-cod {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cod.svg)
}

.flag-cog {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cog.svg)
}

.flag-cok {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cok.svg)
}

.flag-col {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/col.svg)
}

.flag-com {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/com.svg)
}

.flag-cpv {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cpv.svg)
}

.flag-cri {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cri.svg)
}

.flag-cub {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cub.svg)
}

.flag-cuw {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cuw.svg)
}

.flag-cxr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cxr.svg)
}

.flag-cym {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cym.svg)
}

.flag-cyp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cyp.svg)
}

.flag-cze {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/cze.svg)
}

.flag-deu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/deu.svg)
}

.flag-dji {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/dji.svg)
}

.flag-dma {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/dma.svg)
}

.flag-dnk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/dnk.svg)
}

.flag-dom {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/dom.svg)
}

.flag-dza {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/dza.svg)
}

.flag-ecu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ecu.svg)
}

.flag-egy {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/egy.svg)
}

.flag-eri {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/eri.svg)
}

.flag-esh {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/esh.svg)
}

.flag-esp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/esp.svg)
}

.flag-est {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/est.svg)
}

.flag-eth {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/eth.svg)
}

.flag-eur {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/eur.svg)
}

.flag-fin {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/fin.svg)
}

.flag-fji {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/fji.svg)
}

.flag-flk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/flk.svg)
}

.flag-fra {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/fra.svg)
}

.flag-fro {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/fro.svg)
}

.flag-fsm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/fsm.svg)
}

.flag-gab {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gab.svg)
}

.flag-gbr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gbr.svg)
}

.flag-geo {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/geo.svg)
}

.flag-ggy {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ggy.svg)
}

.flag-gha {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gha.svg)
}

.flag-gib {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gib.svg)
}

.flag-gin {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gin.svg)
}

.flag-glp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/glp.svg)
}

.flag-gmb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gmb.svg)
}

.flag-gnb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gnb.svg)
}

.flag-gnq {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gnq.svg)
}

.flag-grc {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/grc.svg)
}

.flag-grd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/grd.svg)
}

.flag-grl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/grl.svg)
}

.flag-gtm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gtm.svg)
}

.flag-guf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/guf.svg)
}

.flag-gum {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/gum.svg)
}

.flag-guy {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/guy.svg)
}

.flag-hkg {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hkg.svg)
}

.flag-hmd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hmd.svg)
}

.flag-hnd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hnd.svg)
}

.flag-hrv {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hrv.svg)
}

.flag-hti {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hti.svg)
}

.flag-hun {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/hun.svg)
}

.flag-idn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/idn.svg)
}

.flag-imn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/imn.svg)
}

.flag-ind {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ind.svg)
}

.flag-iot {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/iot.svg)
}

.flag-irl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/irl.svg)
}

.flag-irn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/irn.svg)
}

.flag-irq {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/irq.svg)
}

.flag-isl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/isl.svg)
}

.flag-isr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/isr.svg)
}

.flag-ita {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ita.svg)
}

.flag-jam {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/jam.svg)
}

.flag-jey {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/jey.svg)
}

.flag-jor {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/jor.svg)
}

.flag-jpn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/jpn.svg)
}

.flag-kaz {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kaz.svg)
}

.flag-ken {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ken.svg)
}

.flag-kgz {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kgz.svg)
}

.flag-khm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/khm.svg)
}

.flag-kir {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kir.svg)
}

.flag-kna {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kna.svg)
}

.flag-kor {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kor.svg)
}

.flag-kwt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/kwt.svg)
}

.flag-lao {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lao.svg)
}

.flag-lbn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lbn.svg)
}

.flag-lbr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lbr.svg)
}

.flag-lby {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lby.svg)
}

.flag-lca {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lca.svg)
}

.flag-lie {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lie.svg)
}

.flag-lka {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lka.svg)
}

.flag-lso {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lso.svg)
}

.flag-ltu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ltu.svg)
}

.flag-lux {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lux.svg)
}

.flag-lva {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/lva.svg)
}

.flag-mac {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mac.svg)
}

.flag-maf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/maf.svg)
}

.flag-mar {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mar.svg)
}

.flag-mco {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mco.svg)
}

.flag-mda {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mda.svg)
}

.flag-mdg {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mdg.svg)
}

.flag-mdv {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mdv.svg)
}

.flag-mex {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mex.svg)
}

.flag-mhl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mhl.svg)
}

.flag-mkd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mkd.svg)
}

.flag-mli {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mli.svg)
}

.flag-mlt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mlt.svg)
}

.flag-mmr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mmr.svg)
}

.flag-mne {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mne.svg)
}

.flag-mng {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mng.svg)
}

.flag-mnp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mnp.svg)
}

.flag-moz {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/moz.svg)
}

.flag-mrt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mrt.svg)
}

.flag-msr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/msr.svg)
}

.flag-mtq {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mtq.svg)
}

.flag-mus {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mus.svg)
}

.flag-mwi {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mwi.svg)
}

.flag-mys {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/mys.svg)
}

.flag-myt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/myt.svg)
}

.flag-nam {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nam.svg)
}

.flag-ncl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ncl.svg)
}

.flag-ner {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ner.svg)
}

.flag-nfk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nfk.svg)
}

.flag-nga {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nga.svg)
}

.flag-nic {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nic.svg)
}

.flag-niu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/niu.svg)
}

.flag-nld {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nld.svg)
}

.flag-nor {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nor.svg)
}

.flag-npl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/npl.svg)
}

.flag-nru {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nru.svg)
}

.flag-nzl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/nzl.svg)
}

.flag-omn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/omn.svg)
}

.flag-pak {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pak.svg)
}

.flag-pan {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pan.svg)
}

.flag-pcn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pcn.svg)
}

.flag-per {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/per.svg)
}

.flag-phl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/phl.svg)
}

.flag-plw {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/plw.svg)
}

.flag-png {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/png.svg)
}

.flag-pol {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pol.svg)
}

.flag-pri {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pri.svg)
}

.flag-prk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/prk.svg)
}

.flag-prt {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/prt.svg)
}

.flag-pry {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pry.svg)
}

.flag-pse {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pse.svg)
}

.flag-pyf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/pyf.svg)
}

.flag-qat {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/qat.svg)
}

.flag-reu {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/reu.svg)
}

.flag-rou {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/rou.svg)
}

.flag-rus {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/rus.svg)
}

.flag-rwa {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/rwa.svg)
}

.flag-sau {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sau.svg)
}

.flag-sdn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sdn.svg)
}

.flag-sen {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sen.svg)
}

.flag-sgp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sgp.svg)
}

.flag-sgs {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sgs.svg)
}

.flag-shn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/shn.svg)
}

.flag-sjm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sjm.svg)
}

.flag-slb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/slb.svg)
}

.flag-sle {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sle.svg)
}

.flag-slv {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/slv.svg)
}

.flag-smr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/smr.svg)
}

.flag-som {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/som.svg)
}

.flag-spm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/spm.svg)
}

.flag-srb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/srb.svg)
}

.flag-ssd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ssd.svg)
}

.flag-stp {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/stp.svg)
}

.flag-sur {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sur.svg)
}

.flag-svk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/svk.svg)
}

.flag-svn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/svn.svg)
}

.flag-swe {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/swe.svg)
}

.flag-swz {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/swz.svg)
}

.flag-sxm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/sxm.svg)
}

.flag-syc {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/syc.svg)
}

.flag-syr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/syr.svg)
}

.flag-tca {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tca.svg)
}

.flag-tcd {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tcd.svg)
}

.flag-tgo {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tgo.svg)
}

.flag-tha {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tha.svg)
}

.flag-tjk {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tjk.svg)
}

.flag-tkl {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tkl.svg)
}

.flag-tkm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tkm.svg)
}

.flag-tls {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tls.svg)
}

.flag-ton {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ton.svg)
}

.flag-tto {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tto.svg)
}

.flag-tun {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tun.svg)
}

.flag-tur {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tur.svg)
}

.flag-tuv {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tuv.svg)
}

.flag-twn {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/twn.svg)
}

.flag-tza {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/tza.svg)
}

.flag-uga {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/uga.svg)
}

.flag-ukr {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ukr.svg)
}

.flag-umi {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/umi.svg)
}

.flag-ury {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ury.svg)
}

.flag-usa {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/usa.svg)
}

.flag-uzb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/uzb.svg)
}

.flag-vat {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vat.svg)
}

.flag-vct {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vct.svg)
}

.flag-ven {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/ven.svg)
}

.flag-vgb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vgb.svg)
}

.flag-vir {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vir.svg)
}

.flag-vnm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vnm.svg)
}

.flag-vut {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/vut.svg)
}

.flag-wlf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/wlf.svg)
}

.flag-wsm {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/wsm.svg)
}

.flag-yem {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/yem.svg)
}

.flag-zaf {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/zaf.svg)
}

.flag-zmb {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/zmb.svg)
}

.flag-zwe {
    background-image: url(https://www.fao.org/images/corporatelibraries/flags/zwe.svg)
}

.ratio>* {
    -o-object-fit: cover;
    object-fit: cover
}

.ratio-3x2:before {
    padding-top: 66.6%
}

.sdg-small {
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 18px;
    line-height: 18px;
    margin: 0 .5rem .5rem 0;
    text-align: center;
    width: 18px
}

.sdg-small.sdg-1 {
    background-color: #eb1c2e
}

.sdg-small.sdg-1:before {
    content: "1"
}

.sdg-small.sdg-2 {
    background-color: #d19e29
}

.sdg-small.sdg-2:before {
    content: "2"
}

.sdg-small.sdg-3 {
    background-color: #2c9946
}

.sdg-small.sdg-3:before {
    content: "3"
}

.sdg-small.sdg-4 {
    background-color: #c32033
}

.sdg-small.sdg-4:before {
    content: "4"
}

.sdg-small.sdg-5 {
    background-color: #ef402b
}

.sdg-small.sdg-5:before {
    content: "5"
}

.sdg-small.sdg-6 {
    background-color: #01acd8
}

.sdg-small.sdg-6:before {
    content: "6"
}

.sdg-small.sdg-7 {
    background-color: #fcb714
}

.sdg-small.sdg-7:before {
    content: "7"
}

.sdg-small.sdg-8 {
    background-color: #8f1838
}

.sdg-small.sdg-8:before {
    content: "8"
}

.sdg-small.sdg-9 {
    background-color: #f26e24
}

.sdg-small.sdg-9:before {
    content: "9"
}

.sdg-small.sdg-10 {
    background-color: #df1a83
}

.sdg-small.sdg-10:before {
    content: "10"
}

.sdg-small.sdg-11 {
    background-color: #f99c25
}

.sdg-small.sdg-11:before {
    content: "11"
}

.sdg-small.sdg-12 {
    background-color: #c98a2b
}

.sdg-small.sdg-12:before {
    content: "12"
}

.sdg-small.sdg-13 {
    background-color: #47773b
}

.sdg-small.sdg-13:before {
    content: "13"
}

.sdg-small.sdg-14 {
    background-color: #017dbb
}

.sdg-small.sdg-14:before {
    content: "14"
}

.sdg-small.sdg-15 {
    background-color: #3eb049
}

.sdg-small.sdg-15:before {
    content: "15"
}

.sdg-small.sdg-16 {
    background-color: #005689
}

.sdg-small.sdg-16:before {
    content: "16"
}

.sdg-small.sdg-17 {
    background-color: #1f3668
}

.sdg-small.sdg-17:before {
    content: "17"
}

.sdg {
    background-size: 100% 100%;
    display: inline-block;
    height: 60px;
    margin: 0 1rem 1rem 0;
    width: 60px
}

html .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-en.svg)
}

html .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-en.svg)
}

html .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-en.svg)
}

html .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-en.svg)
}

html .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-en.svg)
}

html .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-en.svg)
}

html .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-en.svg)
}

html .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-en.svg)
}

html .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-en.svg)
}

html .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-en.svg)
}

html .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-en.svg)
}

html .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-en.svg)
}

html .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-en.svg)
}

html .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-en.svg)
}

html .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-en.svg)
}

html .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-en.svg)
}

html .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-en.svg)
}

html[lang=en] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-en.svg)
}

html[lang=en] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-en.svg)
}

html[lang=en] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-en.svg)
}

html[lang=en] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-en.svg)
}

html[lang=en] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-en.svg)
}

html[lang=en] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-en.svg)
}

html[lang=en] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-en.svg)
}

html[lang=en] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-en.svg)
}

html[lang=en] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-en.svg)
}

html[lang=en] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-en.svg)
}

html[lang=en] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-en.svg)
}

html[lang=en] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-en.svg)
}

html[lang=en] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-en.svg)
}

html[lang=en] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-en.svg)
}

html[lang=en] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-en.svg)
}

html[lang=en] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-en.svg)
}

html[lang=en] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-en.svg)
}

html[lang=fr] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-fr.svg)
}

html[lang=fr] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-fr.svg)
}

html[lang=fr] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-fr.svg)
}

html[lang=fr] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-fr.svg)
}

html[lang=fr] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-fr.svg)
}

html[lang=fr] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-fr.svg)
}

html[lang=fr] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-fr.svg)
}

html[lang=fr] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-fr.svg)
}

html[lang=fr] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-fr.svg)
}

html[lang=fr] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-fr.svg)
}

html[lang=fr] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-fr.svg)
}

html[lang=fr] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-fr.svg)
}

html[lang=fr] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-fr.svg)
}

html[lang=fr] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-fr.svg)
}

html[lang=fr] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-fr.svg)
}

html[lang=fr] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-fr.svg)
}

html[lang=fr] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-fr.svg)
}

html[lang=es] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-es.svg)
}

html[lang=es] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-es.svg)
}

html[lang=es] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-es.svg)
}

html[lang=es] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-es.svg)
}

html[lang=es] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-es.svg)
}

html[lang=es] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-es.svg)
}

html[lang=es] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-es.svg)
}

html[lang=es] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-es.svg)
}

html[lang=es] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-es.svg)
}

html[lang=es] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-es.svg)
}

html[lang=es] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-es.svg)
}

html[lang=es] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-es.svg)
}

html[lang=es] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-es.svg)
}

html[lang=es] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-es.svg)
}

html[lang=es] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-es.svg)
}

html[lang=es] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-es.svg)
}

html[lang=es] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-es.svg)
}

html[lang=zh] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-zh.svg)
}

html[lang=zh] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-zh.svg)
}

html[lang=zh] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-zh.svg)
}

html[lang=zh] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-zh.svg)
}

html[lang=zh] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-zh.svg)
}

html[lang=zh] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-zh.svg)
}

html[lang=zh] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-zh.svg)
}

html[lang=zh] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-zh.svg)
}

html[lang=zh] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-zh.svg)
}

html[lang=zh] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-zh.svg)
}

html[lang=zh] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-zh.svg)
}

html[lang=zh] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-zh.svg)
}

html[lang=zh] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-zh.svg)
}

html[lang=zh] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-zh.svg)
}

html[lang=zh] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-zh.svg)
}

html[lang=zh] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-zh.svg)
}

html[lang=zh] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-zh.svg)
}

html[lang=ar] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-ar.svg)
}

html[lang=ar] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-ar.svg)
}

html[lang=ar] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-ar.svg)
}

html[lang=ar] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-ar.svg)
}

html[lang=ar] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-ar.svg)
}

html[lang=ar] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-ar.svg)
}

html[lang=ar] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-ar.svg)
}

html[lang=ar] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-ar.svg)
}

html[lang=ar] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-ar.svg)
}

html[lang=ar] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-ar.svg)
}

html[lang=ar] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-ar.svg)
}

html[lang=ar] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-ar.svg)
}

html[lang=ar] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-ar.svg)
}

html[lang=ar] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-ar.svg)
}

html[lang=ar] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-ar.svg)
}

html[lang=ar] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-ar.svg)
}

html[lang=ar] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-ar.svg)
}

html[lang=ru] .sdg.sdg-1 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg01-ru.svg)
}

html[lang=ru] .sdg.sdg-2 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg02-ru.svg)
}

html[lang=ru] .sdg.sdg-3 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg03-ru.svg)
}

html[lang=ru] .sdg.sdg-4 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg04-ru.svg)
}

html[lang=ru] .sdg.sdg-5 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg05-ru.svg)
}

html[lang=ru] .sdg.sdg-6 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg06-ru.svg)
}

html[lang=ru] .sdg.sdg-7 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg07-ru.svg)
}

html[lang=ru] .sdg.sdg-8 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg08-ru.svg)
}

html[lang=ru] .sdg.sdg-9 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg09-ru.svg)
}

html[lang=ru] .sdg.sdg-10 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg10-ru.svg)
}

html[lang=ru] .sdg.sdg-11 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg11-ru.svg)
}

html[lang=ru] .sdg.sdg-12 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg12-ru.svg)
}

html[lang=ru] .sdg.sdg-13 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg13-ru.svg)
}

html[lang=ru] .sdg.sdg-14 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg14-ru.svg)
}

html[lang=ru] .sdg.sdg-15 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg15-ru.svg)
}

html[lang=ru] .sdg.sdg-16 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg16-ru.svg)
}

html[lang=ru] .sdg.sdg-17 {
    background-image: url(https://www.fao.org/images/corporatelibraries/sdg/sdg17-ru.svg)
}

body {
    background: var(--background);
    font-family: Open Sans, sans-serif
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    color: var(--on-background)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.4
}

h1,
h2,
h3,
h4 {
    font-weight: 300
}

h5,
h6 {
    font-weight: 400
}

.sfContentBlock a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
table a {
    text-decoration: none
}

.sfContentBlock a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
table a:hover {
    text-decoration: underline
}

h1 {
    margin-bottom: 2rem
}

h2 {
    margin-bottom: 1.8rem
}

h3 {
    margin-bottom: 1.6rem
}

h4 {
    margin-bottom: 1.4rem
}

h5 {
    margin-bottom: 1.2rem
}

a,
a:hover {
    color: var(--link)
}

b,
strong {
    font-weight: 700
}

ul {
    padding-left: 1.4rem
}

.page-title {
    border-bottom: 2px solid var(--line);
    font-size: calc(1.325rem + .9vw);
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 1rem;
    padding-top: .75rem
}

@media (min-width:1200px) {
    .page-title {
        font-size: 2rem
    }
}

.template-corporate .page-title {
    margin-bottom: 1.5rem
}

.primary-heading {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:992px) {
    .primary-heading {
        font-size: 1.7rem;
        margin-bottom: 1.3rem
    }
}

.detail-title {
    font-size: calc(1.275rem + .3vw);
    margin-bottom: 1rem
}

@media (min-width:1200px) {
    .detail-title {
        font-size: 1.5rem
    }
}

.title-highlight {
    font-weight: 400;
    margin-bottom: 1.2rem;
    margin-top: 0;
    padding-top: .8rem;
    position: relative
}

.title-highlight:before {
    background-color: var(--primary);
    content: "";
    height: 2px;
    position: absolute;
    top: 0;
    width: 50px
}

a.title-link {
    font-weight: 400;
    text-decoration: none
}

a.title-link:hover {
    text-decoration: underline
}

a.title-link a {
    text-decoration: none
}

a.title-link a:hover {
    text-decoration: underline
}

.sub-title {
    font-weight: 400;
    margin-bottom: 1.2rem;
    margin-top: 0;
    padding-top: .8rem;
    position: relative
}

.sub-title:before {
    background-color: var(--line);
    content: "";
    height: 2px;
    position: absolute;
    top: 0;
    width: 100%
}

.sub-title.small {
    font-size: 1rem;
    font-weight: 400;
    padding-top: .6rem
}

.sub-title.small:before {
    background-color: var(--on-background);
    height: 1px;
    opacity: .5
}

.title-category {
    font-size: 12px;
    margin-top: 0
}

.blog-author,
.date,
.title-category {
    color: var(--on-background-secondary);
    font-weight: 700;
    text-transform: uppercase
}

.blog-author,
.date {
    font-size: .75rem
}

.blog-author em,
.blog-author i,
.date em,
.date i {
    margin-right: 4px;
    position: relative;
    top: -2px
}

.date-location {
    color: var(--on-background-secondary);
    font-size: .75rem;
    text-transform: uppercase
}

.date-location,
.date-location .date {
    font-weight: 600
}

.simple-list li {
    padding-bottom: .5rem
}

blockquote {
    background-color: #f7f8f9;
    border-left: 0;
    display: block;
    float: left;
    font-family: Merriweather, serif;
    font-size: 110%;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.7;
    padding: 33px 25px;
    position: relative;
    width: 100%
}

blockquote b {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 80%;
    letter-spacing: 0;
    margin-top: 10px
}

@media (min-width:992px) {
    blockquote {
        background-color: transparent;
        margin-bottom: 0;
        padding: 20px 30px 20px 0;
        width: 35%
    }
}

html[lang=ar] blockquote,
html[lang=fa] blockquote,
html[lang=sf] blockquote {
    float: right;
    font-family: Cairo, sans-serif
}

html[lang=ar] blockquote b,
html[lang=fa] blockquote b,
html[lang=sf] blockquote b {
    font-family: Cairo, sans-serif
}

@media (min-width:992px) {

    html[lang=ar] blockquote,
    html[lang=fa] blockquote,
    html[lang=sf] blockquote {
        padding: 40px 0 20px 30px
    }
}

.btn {
    --bs-btn-focus-box-shadow: none;
    transition: none
}

.btn.btn-block {
    margin-top: 0
}

.btn-primary {
    background: var(--btn-primary);
    border-color: var(--btn-primary);
    color: var(--on-primary)
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):focus {
    background: var(--btn-primary-hover);
    border-color: var(--btn-primary-hover);
    box-shadow: none;
    color: var(--on-primary);
    text-decoration: none
}

.btn-secondary {
    background: var(--btn-secondary);
    border-color: var(--btn-secondary);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: var(--link)
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled):focus {
    background: var(--btn-secondary-hover);
    border-color: var(--btn-secondary-hover);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .16);
    color: var(--link);
    text-decoration: none
}

.btn-outline {
    background: transparent;
    border-color: var(--btn-primary);
    color: var(--btn-primary)
}

.btn-outline:hover,
.btn-outline:not(:disabled):not(.disabled):active,
.btn-outline:not(:disabled):not(.disabled):active:focus,
.btn-outline:not(:disabled):not(.disabled):focus {
    background: transparent;
    border-color: var(--btn-primary-hover);
    box-shadow: none;
    color: var(--btn-primary-hover);
    text-decoration: none
}

.btn-round {
    border-radius: 50%;
    padding: .375rem;
    width: 38px
}

.btn-round .bi {
    margin-left: 0
}

.btn-icon .bi {
    display: inline-block;
    margin-left: .5rem
}

.btn-icon .bi:before {
    vertical-align: -.1em
}

.btn-icon.btn-icon-left .bi {
    margin: 0 .5rem 0 0
}

.btn-icon.btn-round {
    margin-bottom: 0
}

.btn-icon.btn-round .bi {
    margin-left: 0
}

.btn-round-big {
    border-radius: 50%;
    font-size: 1.5em;
    width: 50px
}

.btn-round-big .bi {
    margin-left: 0
}

.btn-round-big .bi:before {
    vertical-align: -.12em
}

.btn-round-side {
    border-radius: 50%;
    font-size: 1.8em;
    padding: .438rem;
    width: 59px
}

.btn-round-side .bi {
    margin-left: 0
}

.btn-round-side .bi:before {
    vertical-align: -.12em
}

@media screen and (min-width:1200px) {
    .btn.btn-search {
        border: 1px solid #ced4da;
        min-width: 180px;
        text-align: left
    }

    .btn.btn-search:hover {
        box-shadow: 0 0 0 .1rem rgba(17, 107, 172, .5) !important
    }

    .btn.btn-search:hover>i,
    .btn.btn-search:hover>span {
        color: #116bac
    }
}

.link-icon {
    display: inline-flex;
    text-decoration: none
}

.link-icon:hover {
    text-decoration: underline
}

.link-icon .bi {
    display: inline-block;
    margin-right: .6rem
}

.link-icon .bi:before {
    vertical-align: -.15em
}

.link-icon .bi:last-child {
    margin-left: .2rem;
    margin-right: 0
}

.link-icon .bi.bi-bgico {
    background-color: var(--primary);
    border-radius: 5px;
    flex-shrink: 0;
    height: 1.6rem;
    text-align: center;
    width: 1.6rem
}

.link-icon .bi.bi-bgico:before {
    color: #fff
}

.btn-lg {
    font-size: 1rem;
    padding: 1.2rem 1rem;
    text-align: left
}

.btn-lg .bi {
    font-size: 1.2rem;
    margin-left: 0;
    margin-right: .7rem
}

.btn-lg .bi:before {
    vertical-align: -.2em
}

.btn-link {
    color: #116bac;
    text-decoration: none
}

.btn-link:hover {
    color: #116bac;
    text-decoration: underline
}

html[lang=ar] .btn-icon.btn-lg .bi,
html[lang=fa] .btn-icon.btn-lg .bi,
html[lang=sf] .btn-icon.btn-lg .bi {
    margin-left: .7rem;
    margin-right: 0
}

html[lang=ar] .btn-icon .bi,
html[lang=fa] .btn-icon .bi,
html[lang=sf] .btn-icon .bi {
    transform: scaleX(-1)
}

html[lang=ar] .btn-icon .bi.bi-question-circle,
html[lang=fa] .btn-icon .bi.bi-question-circle,
html[lang=sf] .btn-icon .bi.bi-question-circle {
    transform: none
}

html[lang=ar] .link-icon .bi,
html[lang=fa] .link-icon .bi,
html[lang=sf] .link-icon .bi {
    transform: scaleX(-1)
}

html[lang=ar] .link-icon .bi.bi-question-circle,
html[lang=fa] .link-icon .bi.bi-question-circle,
html[lang=sf] .link-icon .bi.bi-question-circle {
    transform: none
}

html[lang=ar] .link-icon .bi.bi-chevron-right,
html[lang=fa] .link-icon .bi.bi-chevron-right,
html[lang=sf] .link-icon .bi.bi-chevron-right {
    margin-right: .6rem
}

.fao-header {
    background-color: var(--surface);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    position: relative
}

.fao-header.subsite-header {
    padding: 15px 0
}

.fao-header.corporate-header {
    padding-top: 15px
}

.fao-header.corporate-header .card.card-overlay .card-img-overlay .title-caption {
    color: #fff
}

.fao-header.corporate-header .card-mb-0 .card {
    margin-bottom: 0
}

.fao-header.corporate-header .header-wrapper {
    padding-bottom: 15px
}

.fao-header.corporate-header .discover-dropdown {
    visibility: hidden
}

.fao-header.corporate-header .navbar-corporate {
    background: #f2f2f2;
    padding-bottom: 0;
    padding-top: 0
}

.fao-header.corporate-header .navbar-corporate .navbar-nav {
    position: relative;
    width: 100%
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item {
    position: static
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item>a {
    position: relative
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item>a:after {
    border: 0;
    content: "\f282";
    font-family: bootstrap-icons;
    font-size: .6rem;
    line-height: 1;
    margin-left: .26rem;
    vertical-align: -.1em
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item.show>a {
    background-color: #fff
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item.show>a:before {
    background-color: #fff;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2
}

.fao-header.corporate-header .navbar-corporate .navbar-nav li.nav-item .dropdown-menu {
    width: 100%
}

.fao-header.corporate-header .navbar-corporate .navbar-nav .nav-link {
    padding: 1.1rem
}

.fao-header.corporate-header .navbar-corporate .dropdown-menu {
    border: 0;
    border-radius: 5px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);
    margin-top: 2px;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.fao-header.corporate-header .navbar-corporate .dropdown-menu .row {
    flex-grow: 1
}

.fao-header.corporate-header .navbar-corporate .navbar-list {
    background-color: #e5ecf4;
    border-radius: 5px;
    height: 100%;
    padding: 1rem 0
}

.fao-header.corporate-header .navbar-corporate .navbar-list li a {
    align-items: center;
    justify-content: space-between;
    padding: .25rem 1.25rem;
    width: 100%
}

.fao-header.corporate-header .navbar-corporate .navbar-list li a:hover {
    background-color: #fff;
    text-decoration: none
}

.fao-header.corporate-header .navbar-corporate .card-horizontal .card-image,
.fao-header.corporate-header .navbar-corporate .card-overlay .card-image {
    height: 100%
}

.fao-header.corporate-header .navbar-corporate .card-horizontal .card-image img,
.fao-header.corporate-header .navbar-corporate .card-overlay .card-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.fao-header.corporate-header .navbar-corporate .card-body .btn-icon {
    flex-shrink: 0
}

.fao-header.corporate-header .navbar-corporate .icon-corporate-header-media {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: .25rem
}

.fao-header.corporate-header .navbar-corporate .dropdown-menu[aria-labelledby=navbarDropdownAbout] .card-overlay,
.fao-header.corporate-header .navbar-corporate .dropdown-menu[aria-labelledby=navbarDropdownMainTopics] .col-md-8 .card-overlay {
    max-height: 235px
}

.fao-header.corporate-header .dropdown-menu .row {
    height: 100%
}

.fao-header .header-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width:768px) {
    .fao-header .header-wrapper {
        flex-direction: row
    }
}

.fao-header .fao-header-left {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.fao-header .fao-header-right {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    padding-top: 1rem
}

.fao-header .fao-header-right .discover-dropdown {
    flex: 1 1 auto
}

@media (min-width:768px) {
    .fao-header .fao-header-right .discover-dropdown {
        margin-left: 3rem
    }

    .fao-header .fao-header-right {
        padding-top: 0
    }
}

.fao-header .header-fao-logo {
    height: 60px;
    margin-bottom: 0;
    width: 100%
}

.fao-header .dropdown>.btn,
.fao-header .dropdown>.btn:hover,
.fao-header .dropdown>.btn:not(:disabled):not(.disabled):active,
.fao-header .dropdown>.btn:not(:disabled):not(.disabled):active:focus,
.fao-header .dropdown>.btn:not(:disabled):not(.disabled):focus {
    box-shadow: none
}

.fao-header .dropdown>.btn:after {
    border: 0;
    content: "\f282";
    font-family: bootstrap-icons;
    font-size: .6rem;
    line-height: 1;
    margin-left: .26rem;
    vertical-align: -.1em
}

.fao-header .dropdown>.btn.dropdown-disabled {
    cursor: default;
    pointer-events: none
}

.fao-header .dropdown>.btn.dropdown-disabled:after {
    display: none
}

.fao-header .header-icons {
    align-items: center;
    display: flex
}

.fao-header .header-icons a {
    text-decoration: none
}

.fao-header .header-icons a:hover {
    opacity: .6;
    text-decoration: none
}

.fao-header .header-icons .bi {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 1rem
}

.fao-header .header-icons #fao-theme-toggle .bi {
    margin-left: 0
}

.fao-header .dark-mode-toggle {
    color: var(--primary);
    padding-right: 0
}

.header-share {
    font-size: 14px;
    padding: .5rem 0
}

.header-share li {
    margin-right: 1rem
}

.header-share li .bi {
    margin-right: .4rem
}

[data-bs-theme=dark] .fao-header.corporate-header .navbar-corporate {
    background: #495057 !important
}

[data-bs-theme=dark] .fao-header.corporate-header .navbar-corporate .navbar-list {
    background: #4a5058
}

[data-bs-theme=dark] .fao-header.corporate-header .navbar-corporate .navbar-list li a {
    color: #fff
}

[data-bs-theme=dark] .fao-header.corporate-header .navbar-corporate .navbar-list li a:hover {
    background: #676c70
}

[data-bs-theme=dark] .fao-header .btn.dark-mode-toggle:first-child:active {
    border-color: none;
    color: var(--primary)
}

.hero-banner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 2rem;
    min-height: 60vh;
    overflow: hidden;
    position: relative
}

@media (min-width:768px) {
    .hero-banner {
        min-height: 295px;
        padding: 2rem
    }
}

@media (min-width:992px) {
    .hero-banner {
        min-height: 398px
    }
}

@media (min-width:1200px) {
    .hero-banner {
        min-height: 475px
    }
}

.hero-banner:before {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .01) 1%, #000);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=0);
    opacity: .8;
    z-index: 1
}

.hero-banner .hero-banner-video,
.hero-banner:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-banner .hero-banner-video {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.hero-banner .hero-caption {
    background-color: rgba(28, 71, 103, .8);
    border-radius: 5px;
    color: #fff;
    padding: 1rem;
    position: relative;
    z-index: 3
}

.hero-banner .hero-caption * {
    color: #fff
}

.hero-banner .hero-caption a:last-child,
.hero-banner .hero-caption h6:last-child,
.hero-banner .hero-caption p:last-child {
    margin-bottom: 0
}

.hero-banner .hero-caption p {
    font-weight: 300
}

.hero-banner .hero-caption p a {
    text-decoration: underline
}

.hero-banner .date {
    color: #fff;
    opacity: 1
}

.footer {
    background-color: var(--surface);
    box-shadow: 0 -2px 6px rgba(0, 0, 0, .1);
    margin-top: 4rem;
    padding: 20px 0;
    position: relative
}

.footer>.container {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.footer>.container>.row {
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:768px) {
    .footer>.container>.row:first-child {
        padding-bottom: 1rem
    }
}

.footer .row {
    padding: 1rem 0
}

.footer .row .footer-logo {
    padding-bottom: 2rem
}

.footer .row .footer-logo img {
    height: 60px
}

@media (min-width:768px) {
    .footer .row .footer-logo {
        padding-bottom: 0
    }
}

.footer .social-icons .list-inline-item {
    margin-bottom: .5rem
}

.footer .social-icons img {
    width: 1.5rem
}

.footer .copyright {
    color: var(--on-surface);
    font-size: 13px;
    text-decoration: none
}

.footer .copyright:hover {
    text-decoration: underline
}

.footer .footer-links {
    font-size: 14px
}

.footer .footer-links a {
    text-decoration: none
}

.footer .footer-links a:hover {
    text-decoration: underline
}

.footer .footer-links .footer-links-top {
    align-items: center;
    display: flex;
    padding-bottom: .5rem
}

.footer .footer-links .footer-links-top .dropup {
    margin-left: 2rem
}

.footer .footer-links .footer-links-top .dropup .btn {
    box-shadow: none;
    font-size: 14px
}

.footer .footer-links .footer-links-top .dropup .btn:hover,
.footer .footer-links .footer-links-top .dropup .btn:not(:disabled):not(.disabled):active,
.footer .footer-links .footer-links-top .dropup .btn:not(:disabled):not(.disabled):active:focus,
.footer .footer-links .footer-links-top .dropup .btn:not(:disabled):not(.disabled):focus {
    box-shadow: none
}

.footer .footer-links .footer-links-top .dropup .btn:after {
    border: 0;
    content: "\f286";
    font-family: bootstrap-icons;
    font-size: .6rem;
    line-height: 1;
    margin-left: .26rem;
    vertical-align: -.1em
}

.footer .footer-links .footer-links-bottom {
    border-top: 2px solid #f2f2f2;
    padding-top: .5rem
}

.footer .footer-links .footer-links-bottom li {
    position: relative
}

.footer .footer-links .footer-links-bottom li:after {
    background: #f2f2f2;
    content: "";
    height: 100%;
    position: absolute;
    right: -6px;
    top: 0;
    width: 2px
}

.footer .footer-links .footer-links-bottom li:last-child:after {
    content: none
}

.footer .footer-download {
    padding-top: 1rem
}

@media (min-width:768px) {
    .footer .footer-download {
        padding-top: 0
    }
}

.footer-app .footer-links li {
    position: relative
}

.footer-app .footer-links li:after {
    background: #f2f2f2;
    content: "";
    height: 100%;
    position: absolute;
    right: -6px;
    top: 0;
    width: 2px
}

.footer-app .footer-links li:last-child:after {
    content: none
}

[data-bs-theme=dark] .footer .footer-links .footer-links-bottom {
    border-top: 1px solid #6c757d
}

[data-bs-theme=dark] .footer .footer-links .footer-links-bottom li:after,
[data-bs-theme=dark] .footer.footer-app .footer-links li:after {
    background: #6c757d;
    width: 1px
}

.dropdown.dropdown-sort-by>.btn {
    box-shadow: none
}

.dropdown.dropdown-sort-by>.btn:after {
    border: 0;
    content: "\f282";
    font-family: bootstrap-icons;
    font-size: .6rem;
    line-height: 1;
    margin-left: .26rem;
    vertical-align: -.1em
}

.dropdown.dropdown-sort-by>.btn:hover,
.dropdown.dropdown-sort-by>.btn:not(:disabled):not(.disabled):active,
.dropdown.dropdown-sort-by>.btn:not(:disabled):not(.disabled):active:focus,
.dropdown.dropdown-sort-by>.btn:not(:disabled):not(.disabled):focus {
    box-shadow: none
}

.category-list {
    font-size: .8rem;
    font-weight: 500
}

.category-list .category-list-title {
    color: var(--on-background-secondary);
    font-weight: 600
}

.classifications {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1rem
}

.classifications.d-list-classifications {
    margin-bottom: .5rem
}

.classifications .hashtags-list,
.classifications .tags-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 0
}

.classifications .hashtags-list .class-list__title,
.classifications .tags-list .class-list__title {
    color: var(--on-background-secondary);
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 0
}

.classifications .hashtags-list .badge,
.classifications .tags-list .badge {
    margin-bottom: 0;
    margin-right: 0
}

.classifications .category-list {
    margin-bottom: 0
}

.classifications .sdg-list {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.classifications .sdg-list a {
    line-height: 1px;
    text-decoration: none
}

.classifications .sdg-list a:hover {
    color: #fff
}

.classifications .sdg-list .sdg-list__title {
    color: var(--on-background-secondary);
    font-size: .8rem;
    font-weight: 600
}

.classifications .sdg-list .sdg-small {
    margin: 0
}

.detail-page .classifications {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem
}

.detail-page .classifications .category-list,
.detail-page .classifications .sdg-list {
    margin-bottom: 0
}

.date-location {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.date-location--inverted .date {
    color: #fff
}

.date-location--inverted .location {
    color: var(--on-background-secondary)
}

.card {
    background-color: var(--surface);
    border-radius: 5px;
    margin-bottom: 2rem;
    overflow: hidden
}

.card a {
    text-decoration: none
}

.card a:hover {
    text-decoration: underline
}

.card.card-h-100 {
    height: calc(100% - 2rem)
}

.card.card-h-100.card-horizontal .card-image,
.card.card-h-100.card-horizontal>.row,
.card.card-h-100.card-overlay .card-image {
    height: 100%
}

.card.card-h-100.card-horizontal .card-image img,
.card.card-h-100.card-overlay .card-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card.no-border {
    background-color: var(--background);
    border: 0
}

.card[class*=bg-] {
    border: 0
}

.card.card-hide-title .card-title {
    display: none
}

.card .card-image {
    position: relative
}

.card .card-image:before {
    background-color: #f2f2f2
}

.card .card-image .card-img-overlay {
    align-items: center;
    bottom: auto;
    color: #fff;
    display: flex;
    right: auto
}

.card .card-image .card-img-overlay img {
    margin-right: .5rem;
    max-width: 50px
}

.card .card-image .card-img-overlay .card-title {
    margin-bottom: 0
}

.card .card-title {
    font-weight: 400
}

.card.card-bg-light {
    background: #e5ecf4;
    border: 0
}

.card.card-bg-gray {
    background: #f2f2f2;
    border: 0
}

.card.border-0 {
    background-color: var(--background)
}

.card.border-0 .card-image {
    border-radius: 5px;
    overflow: hidden
}

.card.border-0 .card-body {
    padding-left: 0;
    padding-right: 0
}

.card .card-event-live {
    align-items: center;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 2
}

.card .card-event-live:after {
    animation: blink .7s infinite alternate;
    background: red;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    margin-left: 5px;
    width: 14px
}

.card.event-live .card-event-live {
    display: flex
}

.card.event-live.card-horizontal>.row .col-md-6:first-child {
    position: relative
}

.card .card-date-location {
    margin-bottom: .5rem
}

.card.card-audio,
.card.card-photo-gallery,
.card.card-video,
.card.card-webcast {
    background-color: #545454
}

.card.card-audio .card-date-location,
.card.card-audio .card-date-location .date,
.card.card-audio .title-category,
.card.card-photo-gallery .card-date-location,
.card.card-photo-gallery .card-date-location .date,
.card.card-photo-gallery .title-category,
.card.card-video .card-date-location,
.card.card-video .card-date-location .date,
.card.card-video .title-category,
.card.card-webcast .card-date-location,
.card.card-webcast .card-date-location .date,
.card.card-webcast .title-category {
    color: var(--on-background-secondary)
}

.card.card-audio .card-text,
.card.card-photo-gallery .card-text,
.card.card-video .card-text,
.card.card-webcast .card-text {
    color: #ccc
}

.card.card-audio a,
.card.card-photo-gallery a,
.card.card-video a,
.card.card-webcast a {
    color: #fff
}

.card.card-audio p,
.card.card-photo-gallery p,
.card.card-video p,
.card.card-webcast p {
    color: #ccc
}

.card.card-article {
    border-bottom: 4px solid #999
}

.card-calendar {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: flex;
    padding: .7rem .5rem
}

@media (min-width:768px) {
    .card-calendar {
        align-items: flex-start;
        flex-direction: column;
        height: 155px
    }
}

.card-calendar p {
    color: #545454;
    font-weight: 400;
    margin: 0
}

.card-calendar .from-to-divider {
    background-color: #999;
    height: 2px;
    margin: 0 10px;
    position: relative;
    width: 20px
}

.card-calendar .from-to-divider:after {
    border-color: transparent transparent transparent #999;
    border-style: solid;
    border-width: 3.5px 0 3.5px 5px;
    bottom: -2.5px;
    content: "";
    height: 0;
    position: absolute;
    right: -5px;
    width: 0
}

@media (min-width:768px) {
    .card-calendar .from-to-divider {
        height: 20px;
        margin: 10px 0;
        width: 2px
    }

    .card-calendar .from-to-divider:after {
        border-color: #999 transparent transparent;
        border-width: 5px 3.5px 0;
        bottom: -5px;
        left: -2.5px;
        right: auto
    }
}

.card-calendar .date {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    opacity: 1
}

.card-calendar .year {
    color: #f58320;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

@media (min-width:768px) {
    .card-calendar .year {
        flex-direction: column;
        margin-left: 0
    }
}

.card-calendar .row-calendar {
    align-items: center;
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .card-calendar .row-calendar {
        align-items: flex-start;
        flex-direction: column
    }
}

.card.card-events {
    min-height: 20rem
}

.card.card-events .card-placeholder {
    position: relative
}

.card.card-events .card-placeholder:before {
    background: #116bac;
    content: "";
    display: block;
    padding-top: 66.6%;
    width: 100%
}

.card.card-events .card-events--location {
    bottom: 0;
    color: #fff;
    height: auto;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: unset
}

.card.card-events .card-events--location i {
    font-size: 2rem
}

.card.card-events .card-events--location p {
    color: #fff;
    font-size: 1rem;
    font-weight: 400
}

.card.card-events h6.date {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (min-width:1500px) {
    .card.card-events h6.date {
        font-size: 14px
    }
}

.card.card-overlay.type-event .card-event-live {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    visibility: hidden
}

.card.card-overlay.type-event .card-event-live:after {
    animation: blink .7s infinite alternate;
    background: red;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    margin-left: 5px;
    width: 14px
}

.card.card-overlay.type-event.event-live .card-event-live,
.card.card-overlay.type-event.on .card-event-live {
    visibility: visible
}

.card.card-horizontal .col-md-6:first-child {
    align-self: stretch
}

.card.card-horizontal .card-image {
    height: 100%
}

.card.card-horizontal .card-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.card.card-horizontal.bg-primary-light .card-image:before {
    content: none
}

.card.card-horizontal.bg-primary-light .card-image img {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto
}

.card.card-overlay {
    border: 0
}

.card.card-overlay .card-image:after {
    background: rgba(0, 0, 0, .45);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card.card-overlay .card-img-overlay .card-title,
.card.card-overlay .card-img-overlay .card-title a,
.card.card-overlay .card-img-overlay .date,
.card.card-overlay .card-img-overlay .location,
.card.card-overlay .card-img-overlay .title-category,
.card.card-overlay .card-img-overlay p {
    color: #fff
}

.card.card-overlay.type-story a:hover {
    text-decoration: none
}

.card.card-overlay.type-story .card-title {
    font-family: Merriweather, serif;
    font-weight: 300
}

.card.card-overlay.type-story .card-image:after {
    background: rgba(0, 0, 0, .65);
    transition: background-color .3s ease-out
}

.card.card-overlay.type-story:hover .card-image:after {
    background: rgba(0, 0, 0, .35)
}

html[lang=ar] .card.card-overlay.type-story .card-title,
html[lang=fa] .card.card-overlay.type-story .card-title,
html[lang=sf] .card.card-overlay.type-story .card-title {
    font-family: Cairo, sans-serif
}

.card.card-elearning {
    border-bottom: 4px solid #f58320
}

.card.card-photo-gallery .card-image {
    border: 1px solid #aaa;
    border-radius: 5px;
    left: 1.25rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    top: 1.25rem;
    width: calc(100% - 3.75rem);
    z-index: 2
}

.card.card-photo-gallery:before {
    left: 2.5rem;
    top: 2.1rem;
    transform: rotate(3deg)
}

.card.card-photo-gallery:after,
.card.card-photo-gallery:before {
    background-color: #343a40;
    border: 1px solid #aaa;
    border-radius: 5px;
    content: "";
    display: block;
    padding-top: calc(66.6% - 41px);
    position: absolute;
    width: calc(100% - 3.75rem)
}

.card.card-photo-gallery:after {
    left: 1.9rem;
    top: 1.7rem;
    transform: rotate(2deg)
}

.card.card-publication {
    border-bottom: 4px solid #f7f8f9
}

.card.card-publication .card-image:before {
    background-color: #f7f8f9
}

.card.card-publication .card-image .card-pub-image {
    align-items: center;
    display: flex;
    height: calc(100% - 3rem);
    justify-content: center;
    left: 3.5rem;
    top: 1.5rem;
    width: calc(100% - 7rem)
}

.card.card-publication .card-image .card-pub-image img {
    border-radius: 3px;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .12);
    display: inline-block;
    max-height: 100%;
    max-width: 100%
}

[data-bs-theme=dark] .card.card-publication .card-image:before {
    background-color: #343a40
}

.card.card-speeches {
    border-bottom: 4px solid #116bac
}

.card.card-twitter {
    border-color: transparent
}

.card.card-twitter .card-header {
    background-color: #039ff4;
    border-bottom: 0;
    color: #fff
}

.card.card-twitter .card-header .bi-twitter {
    display: block;
    font-size: 23px;
    height: 30px;
    margin-bottom: 5px
}

.card.card-twitter .card-header .bi-twitter:before {
    content: "\f8db";
    vertical-align: .1em
}

.card.card-twitter .card-body {
    background-color: #5cbcf7;
    color: #fff
}

.card.card-twitter .card-body ul {
    margin-bottom: 0
}

.card.card-twitter .card-body a {
    color: #fff
}

.bi-twitter:before {
    content: "\f8db"
}

.card-partners.ratio>* {
    -o-object-fit: contain;
    object-fit: contain
}

.card-knowledge-object .card-image {
    border: 10px solid #fff
}

.card-knowledge-object .card-image img {
    border-radius: 5px
}

.card-knowledge-object .card-badge {
    background: #fff;
    border-radius: 0 0 0 5px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px 8px;
    position: absolute;
    right: 10px;
    top: 10px
}

.card-knowledge-object .card-badge:before {
    bottom: -16px;
    right: 0
}

.card-knowledge-object .card-badge:after,
.card-knowledge-object .card-badge:before {
    background: transparent;
    border-top-right-radius: 10px;
    box-shadow: 4px -4px 0 4px #fff;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px
}

.card-knowledge-object .card-badge:after {
    left: -16px;
    top: 0
}

.dynamic-list {
    border: 0
}

.dynamic-list .dynamic-list-row {
    margin-bottom: 2rem;
    position: relative
}

.dynamic-list .dynamic-list-row .title-link {
    margin-bottom: .6rem
}

.dynamic-list .dynamic-list-img {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.dynamic-list .dynamic-list-img:before {
    background-color: #f2f2f2
}

.dynamic-list .list-resources {
    margin-left: 0;
    margin-right: 0
}

.dynamic-list .list-article>.col-12,
.dynamic-list .list-elearning>.col-12,
.dynamic-list .list-speeches>.col-12 {
    padding-left: 2rem
}

.dynamic-list .list-article:before,
.dynamic-list .list-elearning:before,
.dynamic-list .list-speeches:before {
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px
}

.dynamic-list .list-article:before {
    background-color: #c9c9c9
}

.dynamic-list .list-speeches:before {
    background-color: #116bac
}

.dynamic-list .list-elearning:before {
    background-color: #f58320
}

.dynamic-list .list-audio.row,
.dynamic-list .list-photog.row,
.dynamic-list .list-video.row {
    padding: 1rem 0
}

.dynamic-list .list-audio .btn-link,
.dynamic-list .list-photog .btn-link,
.dynamic-list .list-video .btn-link {
    font-size: 12px;
    font-weight: 700;
    opacity: 1
}

.dynamic-list .list-image {
    border-radius: 5px;
    overflow: hidden
}

.dynamic-list .dynamic-list-row .list-iframe-audio {
    height: 120px
}

.dynamic-list .dynamic-list-row.list-audio .list-image {
    position: relative
}

.dynamic-list .dynamic-list-row.list-audio .list-image:before {
    background-color: rgba(0, 0, 0, .45);
    position: relative;
    z-index: 1
}

.dynamic-list .dynamic-list-row.list-audio .list-image:after {
    content: "\f610";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.dynamic-list .dynamic-list-row.list-blog .date {
    color: #999;
    opacity: 1
}

.list-elearning-links .btn-link {
    color: #116bac
}

.list-elearning-links .btn-link:first-child {
    padding-left: 0
}

.list-photo-gallery .col-md-3 {
    position: relative
}

.list-photo-gallery .col-md-3 .list-image {
    border: 1px solid #aaa;
    border-radius: 5px;
    left: 0;
    margin-bottom: 2.5rem;
    overflow: hidden;
    position: relative;
    top: 0;
    width: calc(100% - 30px);
    z-index: 2
}

@media (min-width:768px) {
    .list-photo-gallery .col-md-3 .list-image {
        width: 100%
    }
}

.list-photo-gallery .col-md-3 .list-image:before {
    background-color: #343a40
}

.list-photo-gallery .col-md-3 .list-image>img {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.list-photo-gallery .col-md-3:before {
    background-color: #343a40;
    border: 1px solid #aaa;
    border-radius: 5px;
    content: "";
    display: block;
    left: 35px;
    padding-top: calc(66.6% - 45px);
    position: absolute;
    top: 15px;
    transform: rotate(3deg);
    width: calc(100% - 60px)
}

@media (min-width:768px) {
    .list-photo-gallery .col-md-3:before {
        left: 25px;
        padding-top: calc(66.6% - 30px);
        top: 15px;
        width: calc(100% - 30px)
    }
}

.list-photo-gallery .col-md-3:after {
    background-color: #343a40;
    border: 1px solid #aaa;
    border-radius: 5px;
    content: "";
    display: block;
    left: 25px;
    padding-top: calc(66.6% - 45px);
    position: absolute;
    top: 10px;
    transform: rotate(2deg);
    width: calc(100% - 60px)
}

@media (min-width:768px) {
    .list-photo-gallery .col-md-3:after {
        left: 21px;
        padding-top: calc(66.6% - 28px);
        top: 10px;
        width: calc(100% - 30px)
    }
}

.dynamic-list-publication {
    border-radius: 5px;
    padding: 0 1rem
}

.dynamic-list-publication .dynamic-list-row {
    background-color: #f7f8f9;
    margin-bottom: 0;
    padding: 1rem 1.5rem 1rem .5rem !important
}

.dynamic-list-publication p:last-child {
    margin-bottom: 0
}

.dynamic-list-publication .dynamic-list-img {
    overflow: visible;
    position: relative;
    text-align: center
}

.dynamic-list-publication .dynamic-list-img:before {
    content: none
}

.dynamic-list-publication .dynamic-list-img>img {
    border-radius: 3px;
    box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .12);
    max-width: 250px;
    position: relative;
    width: 100%
}

html[lang=ar] .dynamic-list-publication .dynamic-list-row,
html[lang=fa] .dynamic-list-publication .dynamic-list-row,
html[lang=sf] .dynamic-list-publication .dynamic-list-row {
    padding: 1rem .5rem 1rem 1.5rem !important
}

.dynamic-list .dynamic-list-row.list-video .list-image {
    position: relative
}

.dynamic-list .dynamic-list-row.list-video .list-image:before {
    background-color: rgba(0, 0, 0, .45);
    position: relative;
    z-index: 1
}

.dynamic-list .dynamic-list-row.list-video .list-image:after {
    content: "\f4f0";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    font-size: 2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.list-partners .ratio>* {
    -o-object-fit: contain;
    object-fit: contain
}

.d-list {
    align-items: flex-start;
    container-type: inline-size;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.75rem;
    position: relative
}

.d-list .d-list-visual {
    overflow: hidden;
    width: auto
}

@container (min-width: 350px) {
    .d-list .d-list-visual {
        width: 100%
    }

    .d-list .d-list-visual.ratio {
        overflow: hidden
    }

    @media (min-width:768px) {
        .d-list .d-list-visual {
            width: 25%
        }
    }
}

@container (min-width: 500px) {
    .d-list .d-list-visual {
        width: 25%
    }
}

@container (min-width: 700px) {
    .d-list .d-list-visual {
        width: 16.66666667%
    }
}

.d-list .d-list-visual.ratio:before {
    background-color: #f2f2f2;
    border-radius: 5px
}

.d-list .d-list-visual img {
    border-radius: 5px
}

.d-list .d-list-website {
    font-size: .8rem;
    margin-bottom: .5rem
}

.d-list .d-list-website .d-list-website-label {
    color: var(--on-background-secondary);
    font-weight: 600
}

.d-list .d-list-content {
    padding-left: 1rem;
    width: 85%
}

.d-list .d-list-content .d-list-date-location {
    margin-bottom: .5rem
}

.d-list .d-list-content .d-list-description {
    display: none;
    margin-bottom: .5rem
}

.d-list .d-list-content .d-list-classifications {
    display: none
}

.d-list .d-list-content h5.title-link {
    margin-bottom: .6rem
}

.d-list .d-list-content h6.title-category {
    margin-bottom: .4rem
}

@container (min-width: 350px) {
    .d-list .d-list-content {
        padding-left: 0;
        padding-top: .75rem;
        width: 100%
    }

    .d-list .d-list-content .d-list-description {
        display: block
    }

    .d-list .d-list-content .d-list-classifications {
        display: flex
    }

    @media (min-width:768px) {
        .d-list .d-list-content {
            padding-left: 1rem;
            padding-top: 0;
            width: 75%
        }
    }
}

@container (min-width: 500px) {
    .d-list .d-list-content {
        padding-left: 1.5rem;
        padding-top: 0;
        width: 75%
    }

    .d-list .d-list-content p {
        display: block
    }
}

@container (min-width: 700px) {
    .d-list .d-list-content {
        width: 83.33333333%
    }
}

.d-list.d-list-column {
    flex-direction: column;
    padding: 1rem
}

.d-list.d-list-column .d-list-visual {
    width: 100%
}

.d-list.d-list-column .d-list-content {
    padding-left: 0;
    width: 100%
}

.d-list.d-list-article:before,
.d-list.d-list-elearning:before,
.d-list.d-list-speeches:before {
    background-color: #c9c9c9;
    border-radius: 20px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

@container (min-width: 350px) {

    .d-list.d-list-article:before,
    .d-list.d-list-elearning:before,
    .d-list.d-list-speeches:before {
        width: 12px
    }
}

.d-list.d-list-article .d-list-content,
.d-list.d-list-elearning .d-list-content,
.d-list.d-list-speeches .d-list-content {
    padding-left: 1rem;
    width: 100%
}

@container (min-width: 350px) {

    .d-list.d-list-article .d-list-content,
    .d-list.d-list-elearning .d-list-content,
    .d-list.d-list-speeches .d-list-content {
        padding-left: 2rem
    }
}

.d-list.d-list-audio .btn-link.btn-icon,
.d-list.d-list-video .btn-link.btn-icon,
.d-list.d-list-webcast .btn-link.btn-icon {
    font-size: 12px;
    font-weight: 700;
    opacity: 1
}

.d-list.d-list-article:before {
    background-color: #c9c9c9
}

.d-list.d-list-audio {
    background-color: #545454;
    border-radius: 5px;
    color: #fff;
    padding: 1rem
}

.d-list.d-list-audio a {
    color: #fff
}

.d-list.d-list-audio p {
    color: #ccc
}

.d-list.d-list-audio .d-list-content .d-list-description {
    margin-bottom: 1rem
}

.d-list.d-list-audio .d-list-visual:after {
    content: "\f610";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    pointer-events: none
}

.d-list.d-list-audio .d-list-visual iframe {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-audio .d-list-visual iframe {
        display: inline
    }

    .d-list.d-list-audio.d-list-player {
        flex-direction: column;
        padding: 1rem
    }

    .d-list.d-list-audio.d-list-player .d-list-visual {
        width: 100%
    }

    .d-list.d-list-audio.d-list-player .d-list-visual:after {
        content: ""
    }

    .d-list.d-list-audio.d-list-player .d-list-content {
        padding-left: 0;
        width: 100%
    }
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual {
    position: relative
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual:before {
    content: none;
    pointer-events: none
}

@container (min-width: 350px) {
    .d-list.d-list-audio:not(.d-list-player) .d-list-visual:before {
        background-color: rgba(0, 0, 0, .45);
        content: "";
        position: relative;
        z-index: 1
    }

    .d-list.d-list-audio:not(.d-list-player) .d-list-visual:after {
        font-size: 2rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2
    }
}

.d-list.d-list-audio:not(.d-list-player) .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-audio:not(.d-list-player) .d-list-visual img {
        display: block
    }
}

.d-list.d-list-blog .d-list-visual:before {
    content: none
}

@container (min-width: 350px) {
    .d-list.d-list-blog .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-blog .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-blog .d-list-visual img {
        display: block
    }
}

.d-list.d-list-blog .d-list-visual:after {
    content: "\f191";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-blog .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-blog .date-location .author {
    color: var(--primary)
}

.d-list.d-list-elearning:before {
    background-color: #f58320
}

.d-list.d-list-event .d-list-visual {
    overflow: visible
}

.d-list.d-list-event .d-list-visual:before {
    content: "\f215";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-event .d-list-visual:before {
        content: none
    }
}

.d-list.d-list-event .card-calendar {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: none;
    padding: .7rem .5rem;
    position: relative
}

@container (min-width: 350px) {
    .d-list.d-list-event .card-calendar {
        display: flex
    }
}

@container (min-width: 500px) {
    .d-list.d-list-event .card-calendar {
        align-items: flex-start;
        flex-direction: column;
        height: 155px
    }
}

@media (min-width:992px) {
    .d-list.d-list-event .card-calendar {
        align-items: flex-start;
        flex-direction: column;
        height: 155px
    }
}

.d-list.d-list-event .card-calendar p {
    color: #545454;
    font-weight: 400;
    margin: 0
}

.d-list.d-list-event .card-calendar .from-to-divider {
    background-color: #999;
    height: 2px;
    margin: 0 10px;
    position: relative;
    width: 20px
}

.d-list.d-list-event .card-calendar .from-to-divider:after {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 3.5px 0;
    bottom: -1.5px;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: -4px;
    transform: rotate(-90deg);
    width: 0
}

@container (min-width: 500px) {
    .d-list.d-list-event .card-calendar .from-to-divider {
        height: 20px;
        margin: 10px 0;
        width: 2px
    }

    .d-list.d-list-event .card-calendar .from-to-divider:after {
        bottom: -5px;
        left: -2.5px;
        right: auto;
        transform: rotate(0)
    }
}

@media (min-width:992px) {
    .d-list.d-list-event .card-calendar .from-to-divider {
        height: 20px;
        margin: 10px 0;
        width: 2px
    }

    .d-list.d-list-event .card-calendar .from-to-divider:after {
        bottom: -5px;
        left: -2.5px;
        right: auto;
        transform: rotate(0)
    }
}

.d-list.d-list-event .card-calendar .row-calendar {
    align-items: center;
    display: flex;
    position: relative
}

@container (min-width: 500px) {
    .d-list.d-list-event .card-calendar .row-calendar {
        align-items: flex-start;
        flex-direction: column
    }
}

@media (min-width:992px) {
    .d-list.d-list-event .card-calendar .row-calendar {
        align-items: flex-start
    }
}

.d-list.d-list-event .card-calendar .date {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    opacity: 1
}

.d-list.d-list-event .card-calendar .year {
    color: #f58320;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px
}

@container (min-width: 500px) {
    .d-list.d-list-event .card-calendar .year {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .d-list.d-list-event .card-calendar .year {
        margin-left: 0
    }
}

.d-list.d-list-news .d-list-visual:before {
    content: none
}

@container (min-width: 350px) {
    .d-list.d-list-news .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-news .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-news .d-list-visual img {
        display: block
    }
}

.d-list.d-list-news .d-list-visual:after {
    content: "\f4a3";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-news .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-partners .ratio>* {
    -o-object-fit: contain;
    object-fit: contain
}

.d-list.d-list-partners .d-list-visual:before {
    content: none
}

@container (min-width: 350px) {
    .d-list.d-list-partners .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-partners .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-partners .d-list-visual img {
        display: block
    }
}

.d-list.d-list-partners .d-list-visual:after {
    content: "\f62e";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-partners .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-photogallery {
    background-color: #545454;
    border-radius: 5px;
    color: #fff;
    padding: 1rem
}

.d-list.d-list-photogallery a {
    color: #fff
}

.d-list.d-list-photogallery p {
    color: #ccc
}

.d-list.d-list-photogallery .d-list-visual {
    overflow: unset;
    position: relative
}

.d-list.d-list-photogallery .d-list-visual.ratio img {
    border: 1px solid #aaa;
    margin-bottom: 1rem;
    position: relative !important;
    z-index: 1
}

.d-list.d-list-photogallery .d-list-visual:before {
    background-color: transparent;
    padding-top: 0
}

@container (min-width: 350px) {
    .d-list.d-list-photogallery .d-list-visual:before {
        background-color: #343a40;
        border: 1px solid #aaa;
        border-radius: 5px;
        content: "";
        display: block;
        left: 25px;
        padding-top: calc(66.6% - 10px);
        position: absolute;
        top: 15px;
        transform: rotate(3deg);
        width: calc(100% - 14px);
        z-index: 0
    }
}

.d-list.d-list-photogallery .d-list-visual:after {
    content: "\f42b";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased
}

@container (min-width: 350px) {
    .d-list.d-list-photogallery .d-list-visual:after {
        background-color: #343a40;
        border: 1px solid #aaa;
        border-radius: 5px;
        content: "";
        display: block;
        left: 20px;
        padding-top: calc(66.6% - 10px);
        position: absolute;
        top: 10px;
        transform: rotate(2deg);
        width: calc(100% - 15px);
        z-index: 0
    }
}

.d-list.d-list-photogallery .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-photogallery .d-list-visual img {
        display: block
    }
}

.d-list.d-list-project .d-list-content {
    padding-left: 0;
    width: 100%
}

.d-list.d-list-publication {
    background-color: #f7f8f9;
    border-radius: .375rem;
    padding: 1rem
}

@container (min-width: 350px) {
    .d-list.d-list-publication {
        padding: 1rem 1.5rem
    }
}

.d-list.d-list-publication .d-list-visual {
    overflow: visible;
    position: relative
}

.d-list.d-list-publication .d-list-visual:before {
    content: none
}

.d-list.d-list-publication .d-list-visual>img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-publication .d-list-visual>img {
        border-radius: 3px;
        box-shadow: 0 4px 4px 1px rgba(0, 0, 0, .12);
        display: block;
        max-width: 250px;
        position: relative;
        width: 100%
    }
}

.d-list.d-list-publication .d-list-visual:after {
    content: "\f194";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-publication .d-list-visual:after {
        content: none
    }

    .d-list.d-list-publication .d-list-visual {
        text-align: center;
        width: 16.66666667%
    }
}

@container (min-width: 700px) {
    .d-list.d-list-publication .d-list-visual {
        width: 16.66666667%
    }
}

.d-list.d-list-publication .d-list-content {
    padding-left: 1rem;
    padding-top: 0
}

@container (min-width: 350px) {
    .d-list.d-list-publication .d-list-content {
        width: 83.33333333%
    }
}

@container (min-width: 700px) {
    .d-list.d-list-publication .d-list-content {
        width: 83.33333333%
    }
}

[data-bs-theme=dark] .d-list.d-list-publication {
    background-color: var(--surface)
}

.d-list.d-list-speeches:before {
    background-color: #116bac
}

.d-list.d-list-story .d-list-visual:before {
    content: none
}

@container (min-width: 350px) {
    .d-list.d-list-story .d-list-visual:before {
        content: ""
    }
}

.d-list.d-list-story .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-story .d-list-visual img {
        display: block
    }
}

.d-list.d-list-story .d-list-visual:after {
    content: "\f194";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    color: var(--primary)
}

@container (min-width: 350px) {
    .d-list.d-list-story .d-list-visual:after {
        content: none
    }
}

.d-list.d-list-video {
    background-color: #545454;
    border-radius: 5px;
    color: #fff;
    padding: 1rem
}

.d-list.d-list-video a {
    color: #fff
}

.d-list.d-list-video p {
    color: #ccc
}

.d-list.d-list-video .d-list-visual {
    border-radius: 5px;
    overflow: hidden
}

.d-list.d-list-video .d-list-visual:after {
    content: "\f4f2";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    pointer-events: none;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased
}

@container (min-width: 350px) {
    .d-list.d-list-video .d-list-visual:after {
        display: none
    }
}

.d-list.d-list-video .d-list-visual:before {
    content: none;
    pointer-events: none
}

@container (min-width: 350px) {
    .d-list.d-list-video .d-list-visual:before {
        background-color: rgba(0, 0, 0, .45);
        content: "";
        position: relative;
        z-index: 1
    }
}

.d-list.d-list-video .d-list-visual iframe {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-video .d-list-visual iframe {
        display: block
    }
}

.d-list.d-list-video:not(.d-list-player) .d-list-visual {
    position: relative
}

@container (min-width: 350px) {
    .d-list.d-list-video:not(.d-list-player) .d-list-visual:after {
        display: inline-block;
        font-size: 2rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2
    }
}

.d-list.d-list-video:not(.d-list-player) .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-video:not(.d-list-player) .d-list-visual img {
        display: block
    }
}

.d-list.d-list-webcast {
    background-color: #545454;
    border-radius: 5px;
    color: #fff;
    padding: 1rem
}

.d-list.d-list-webcast a {
    color: #fff
}

.d-list.d-list-webcast p {
    color: #ccc
}

.d-list.d-list-webcast .d-list-visual {
    border-radius: 5px;
    overflow: hidden
}

.d-list.d-list-webcast .d-list-visual:after {
    content: "\f4f2";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    pointer-events: none;
    text-transform: none;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased
}

@container (min-width: 350px) {
    .d-list.d-list-webcast .d-list-visual:after {
        display: none
    }
}

.d-list.d-list-webcast .d-list-visual:before {
    content: none;
    pointer-events: none
}

@container (min-width: 350px) {
    .d-list.d-list-webcast .d-list-visual:before {
        background-color: rgba(0, 0, 0, .45);
        content: "";
        position: relative;
        z-index: 1
    }
}

.d-list.d-list-webcast .d-list-visual iframe {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-webcast .d-list-visual iframe {
        display: block
    }
}

.d-list.d-list-webcast:not(.d-list-player) .d-list-visual {
    position: relative
}

@container (min-width: 350px) {
    .d-list.d-list-webcast:not(.d-list-player) .d-list-visual:after {
        display: inline-block;
        font-size: 2rem;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 2
    }
}

.d-list.d-list-webcast:not(.d-list-player) .d-list-visual img {
    display: none
}

@container (min-width: 350px) {
    .d-list.d-list-webcast:not(.d-list-player) .d-list-visual img {
        display: block
    }
}

.d-list.d-list-knowledge-object .d-list-visual {
    position: relative
}

.d-list.d-list-knowledge-object .card-badge {
    background: #fff;
    border-radius: 0 0 0 5px;
    color: #111;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px 6px;
    position: absolute;
    right: 0;
    top: 0
}

.d-list.d-list-knowledge-object .card-badge:before {
    bottom: -16px;
    right: 0
}

.d-list.d-list-knowledge-object .card-badge:after,
.d-list.d-list-knowledge-object .card-badge:before {
    background: transparent;
    border-top-right-radius: 8px;
    box-shadow: 4px -4px 0 4px #fff;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px
}

.d-list.d-list-knowledge-object .card-badge:after {
    left: -16px;
    top: 0
}

.detail-knowledge-object .detail-page-image {
    position: relative
}

.detail-knowledge-object .image-badge {
    background: #fff;
    border-radius: 0 0 0 5px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px 8px;
    position: absolute;
    right: 0;
    top: 0
}

.detail-knowledge-object .image-badge:before {
    bottom: -16px;
    right: 0
}

.detail-knowledge-object .image-badge:after,
.detail-knowledge-object .image-badge:before {
    background: transparent;
    border-top-right-radius: 10px;
    box-shadow: 4px -4px 0 4px #fff;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px
}

.detail-knowledge-object .image-badge:after {
    left: -16px;
    top: 0
}

.swiper {
    margin-bottom: 2rem
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
    background: #fff;
    border-color: #fff;
    border-radius: 50%;
    height: 38px;
    width: 38px
}

.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
    color: #116bac;
    font-size: 14px
}

.swiper .swiper-slide {
    height: auto
}

.swiper .swiper-slide .card {
    height: 100%;
    margin-bottom: 0
}

.swiper .swiper-pagination-bullet-active {
    background: #116bac
}

.swiper.swiper-hero .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-container-rtl .swiper-button {
    width: auto
}

.swiper-container-rtl .swiper-button:after {
    content: none
}

.swiper-container-rtl .bi-chevron-right:before {
    content: "\f284"
}

.swiper-container-rtl .bi-chevron-left:before {
    content: "\f285"
}

.swiper-container .hero-banner {
    margin-bottom: 0
}

.swiper-button {
    width: auto
}

.swiper-button:after {
    content: none
}

[data-bs-theme=dark] .swiper .swiper-button-next,
[data-bs-theme=dark] .swiper .swiper-button-prev {
    background: var(--btn-secondary);
    border-color: var(--btn-secondary);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    color: #fff
}

[data-bs-theme=dark] .swiper .swiper-button-next:after,
[data-bs-theme=dark] .swiper .swiper-button-prev:after {
    color: #fff
}

.swiper-auto-cards-container .swiper-slide {
    width: 100%
}

@media (min-width:576px) {
    .swiper-auto-cards-container .swiper-slide {
        max-width: 320px
    }
}

.swiper-gallery .swiper-slide img {
    border-radius: 5px;
    overflow: hidden;
    width: 100%
}

.ratio .swiper-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.modal .modal-header {
    align-items: center;
    justify-content: space-between
}

.modal-share .social-icons {
    margin-bottom: 0
}

.modal-share .list-inline-item {
    margin-bottom: .6rem
}

.modal-share .list-inline-item img {
    width: 40px
}

.accordion {
    --bs-accordion-bg: var(--accordion-bg);
    --bs-accordion-btn-bg: var(--accordion-btn-bg);
    --bs-accordion-active-bg: var(--accordion-active-bg);
    --bs-accordion-active-color: var(--accordion-active-color);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 0.5rem;
    --bs-accordion-btn-focus-box-shadow: none
}

.accordion .accordion-button:after {
    --bs-accordion-btn-icon: var(--accordion-btn-icon);
    --bs-accordion-btn-active-icon: var(--accordion-btn-active-icon)
}

.accordion-item {
    color: var(--on-background)
}

.dynamic-search {
    margin-bottom: 2rem
}

.dynamic-search .input-main-search {
    margin-bottom: 1rem
}

.dynamic-search .input-main-search .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dynamic-search .input-main-search .btn .bi {
    margin-left: 0
}

.dynamic-search .dynamic-search-header {
    margin-bottom: 1rem
}

.dynamic-search .btn-adv-search {
    box-shadow: none;
    padding: 0
}

.dynamic-search .btn-adv-search .bi-chevron-down:before {
    content: "\f286"
}

.dynamic-search .btn-adv-search.collapsed .bi-chevron-down:before {
    content: "\f282"
}

.dynamic-search .btn-adv-search:hover,
.dynamic-search .btn-adv-search:not(:disabled):not(.disabled):active,
.dynamic-search .btn-adv-search:not(:disabled):not(.disabled):active:focus,
.dynamic-search .btn-adv-search:not(:disabled):not(.disabled):focus {
    box-shadow: none
}

html[lang=ar] .dynamic-search .input-main-search input,
html[lang=fa] .dynamic-search .input-main-search input,
html[lang=sf] .dynamic-search .input-main-search input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .375rem !important;
    border-top-left-radius: 0;
    border-top-right-radius: .375rem !important
}

html[lang=ar] .dynamic-search .input-main-search .btn,
html[lang=fa] .dynamic-search .input-main-search .btn,
html[lang=sf] .dynamic-search .input-main-search .btn {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: 0;
    border-top-left-radius: .375rem;
    border-top-right-radius: 0
}

[data-bs-theme=dark] .dynamic-search .btn-adv-search {
    background: transparent;
    border: none
}

.tabbed-content {
    margin-bottom: 2rem
}

.tabbed-content .nav-link {
    color: var(--primary)
}

.tabbed-content .tab-pane {
    color: var(--on-background)
}

.tabbed-content .tab-content {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.fao-header .search-container {
    margin-top: 1rem
}

.fao-header .search-container table.gsc-search-box {
    padding-bottom: 0
}

.fao-header .search-container .gsc-input {
    padding-right: 0
}

.fao-header .search-container .gsc-input-box {
    border-radius: 5px 0 0 5px
}

.fao-header .search-container .gsc-input-box .gsc-input {
    color: #545454
}

.fao-header .search-container .gsc-search-button button {
    background: #116bac;
    border: 0;
    border-radius: 0 5px 5px 0;
    height: 100%;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 42px
}

.fao-header .search-container .gsc-search-button button svg {
    display: none
}

.fao-header .search-container .gsc-search-button button:before {
    color: #fff;
    content: "\f52a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: -.1em
}

.search-container div.gsc-input-box {
    border-radius: 5px 0 0 5px
}

.search-container button.gsc-search-button {
    background-color: var(--primary);
    border: none;
    border-radius: 0 5px 5px 0;
    color: #fff;
    height: 35px;
    margin-left: 0;
    width: 42px
}

.search-container .gsc-search-button-v2 {
    padding: 6px
}

.search-container .gsc-search-button-v2:hover {
    background-color: var(--primary-light)
}

.search-container button.gsc-search-button svg {
    display: none
}

.search-container table.gsc-search-box td.gsc-input {
    padding-right: 0
}

.search-container button.gsc-search-button:before {
    color: #fff;
    content: "\f52a";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: -.1em
}

form.gsc-search-box.gsc-search-box-tools {
    border-radius: 5px;
    margin: 0;
    max-width: unset;
    width: 100%
}

div#collapseSearchBox .search-container {
    margin-bottom: 1rem
}

.gsc-search-box .gsc-search-button {
    display: block !important
}

.gsc-search-box td.gsib_b {
    height: 2rem
}

.gsc-search-box .gsc-search-button {
    margin-left: 0
}

.search-container button.gsc-search-button {
    height: 43px !important
}

.gsc-input-box .gsib_a {
    background-image: unset;
    padding-left: 1rem
}

.pagination {
    --bs-pagination-bg: var(--background);
    --bs-pagination-border-color: var(--border);
    --bs-pagination-color: var(--link);
    --bs-pagination-active-bg: var(--link);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-border-color: var(--link)
}

.bg-gray-dark .pagination .page-item a.page-link {
    color: var(--bs-pagination-color)
}

.bg-gray-dark .pagination .page-item.active a.page-link {
    color: var(--bs-pagination-active-color)
}

.list-partner {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width:576px) {
    .list-partner {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.list-partner img {
    height: 65px;
    margin: 1rem;
    max-width: 250px
}

@media (min-width:576px) {
    .list-partner img {
        margin: 1rem 1rem 1rem 0;
        width: auto
    }
}

.google__map {
    background-color: #f2f2f2;
    content: "";
    display: block;
    width: 100%
}

.google__map--ratio-0 {
    padding-top: 42.85714%
}

.google__map--ratio-1 {
    padding-top: 66.66667%
}

.google__map--ratio-2 {
    padding-top: 100%
}

.map__popup {
    font-family: Open Sans;
    max-width: 350px
}

.map__popup:not(:first-child) {
    border-top: 1px solid #efefef;
    margin-top: .75rem;
    padding-top: .5rem
}

.map__popup .map__popup--title {
    font-size: 1.15rem
}

.map__popup--country {
    align-items: flex-end;
    display: flex;
    font-size: .85rem;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.map__popup--country .map__popup--location {
    display: block;
    font-size: .8rem;
    text-transform: none
}

.map__popup--country img.map__popup--flag {
    max-width: 32px
}

.map__popup--date {
    font-size: .75rem;
    opacity: .6
}

.content-icons {
    display: flex;
    flex-wrap: wrap-reverse;
    margin: 2rem 0 0
}

.content-icons .content-icons-right {
    line-height: 1;
    margin-bottom: 1rem;
    margin-left: auto
}

@media (min-width:768px) {
    .content-icons .content-icons-right {
        margin-bottom: 1rem
    }
}

.content-icons .content-icons-right a {
    line-height: 1;
    text-decoration: none
}

.content-icons .content-icons-right a:hover {
    opacity: .6;
    text-decoration: none
}

.content-icons .content-icons-right .bi {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 1rem
}

.content-icons .content-icons-right span {
    font-size: .875rem;
    margin-left: .5rem
}

.table {
    --bs-table-color: var(--on-background)
}

.hashtags-list .class-list__title,
.tags-list .class-list__title {
    margin-right: .5rem
}

.hashtags-list .badge,
.tags-list .badge {
    --bs-badge-font-weight: 500;
    font-size: .8rem;
    line-height: 1.3;
    margin-bottom: .5rem;
    margin-right: .5rem;
    padding: .3rem .4rem;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    white-space: normal
}

.hashtags-list .badge:hover,
.tags-list .badge:hover {
    background-color: #495057 !important;
    color: #fff;
    text-decoration: none
}

.hashtags-list .badge {
    background-color: #5cbcf7
}

.hashtags-list .badge:hover {
    background-color: #5cbcf7 !important
}

html[lang=ar] .hashtags-list .badge,
html[lang=ar] .tags-list .badge,
html[lang=fa] .hashtags-list .badge,
html[lang=fa] .tags-list .badge,
html[lang=sf] .hashtags-list .badge,
html[lang=sf] .tags-list .badge {
    text-align: right
}

.project-list-item .table td,
.project-list-item .table th {
    border-bottom: 0
}

.project-list-item .table tr {
    display: flex;
    flex-direction: column;
    width: 100%
}

.project-list-item .table tr:last-child td {
    border-bottom: 1px solid #dee2e6
}

@media (min-width:768px) {
    .project-list-item .table tr {
        display: table-row
    }

    .project-list-item .table tr th {
        width: 20%
    }

    .project-list-item .table tr td {
        width: 80%
    }
}

.project-list-item a,
.project-list-item-minimal a {
    text-decoration: none
}

.project-list-item a:hover,
.project-list-item-minimal a:hover {
    text-decoration: underline
}

[data-bs-theme=dark] .project-list-item .table th.bg-gray-light,
[data-bs-theme=dark] .project-list-item-minimal .table th.bg-gray-light {
    background-color: var(--surface) !important
}

.app-sidebar {
    background-color: var(--surface);
    flex-shrink: 0;
    width: 300px
}

.app-sidebar .app-sidebar-route-title i {
    color: var(--primary)
}

.app-sidebar .app-sidebar-item .accordion {
    margin-bottom: .5rem
}

.app-sidebar .app-sidebar-item .accordion .accordion-button {
    color: rgba(0, 0, 0, .65);
    display: block;
    overflow: hidden;
    padding: .2rem 2rem .2rem .5rem;
    text-overflow: ellipsis
}

.app-sidebar .app-sidebar-item .accordion .accordion-button:not(.collapsed) {
    font-weight: 600
}

.app-sidebar .app-sidebar-item .accordion .accordion-header button:after {
    right: .5rem
}

.app-sidebar .app-sidebar-item .accordion .accordion-body {
    padding: .2rem .5rem
}

.app-sidebar .btn.btn-app-collapse {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0;
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 50px
}

.app-sidebar .app-sidebar-item {
    line-height: 1rem;
    padding: .3rem 0
}

.app-sidebar .app-sidebar-item:first-child {
    padding-top: 0
}

.app-sidebar .app-sidebar-item .app-sidebar-link {
    color: var(--on-surface);
    display: inline-block;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    margin-left: 1rem;
    padding: .2rem .5rem;
    text-decoration: none;
    text-overflow: ellipsis
}

.app-sidebar .app-sidebar-item .app-sidebar-link.active {
    color: var(--primary);
    font-weight: 600;
    position: relative
}

.app-sidebar .app-sidebar-item .app-sidebar-link.active:before {
    background-color: var(--primary);
    content: "";
    height: 100%;
    left: -.5rem;
    position: absolute;
    top: 0;
    width: 4px
}

.app-sidebar .app-sidebar-item.disabled {
    padding-top: 1rem
}

.app-sidebar .app-sidebar-item.disabled:first-child {
    padding-top: 0
}

.app-sidebar .app-sidebar-item.disabled .app-sidebar-link {
    font-size: .95rem;
    font-weight: 700;
    pointer-events: none
}

.app-sidebar .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-color: rgba(0, 0, 0, .65);
    --bs-accordion-active-color: #000
}

.app-sidebar .accordion .accordion-button,
.app-sidebar .accordion .accordion-button:after {
    font-size: .8rem
}

@media (min-width:992px) {
    .app-sidebar {
        height: calc(100vh - 56px);
        margin-left: -.25rem;
        overflow-y: auto;
        padding-left: .25rem;
        position: sticky;
        top: 56px
    }
}

@media (max-width:991.99px) {
    .app-sidebar.collapse {
        display: block
    }
}

@media (min-width:992px) {
    .app-sidebar {
        animation: none !important;
        transition: none !important
    }

    .app-sidebar.collapse:not(.show) {
        display: block;
        width: 50px
    }

    .app-sidebar.collapse:not(.show).collapsing {
        display: block
    }

    .app-sidebar.collapse:not(.show).collapsing .offcanvas-body {
        display: none
    }

    .app-sidebar.collapse:not(.show) .bi-list {
        display: block
    }

    .app-sidebar.collapse.show .bi-list,
    .app-sidebar.collapse:not(.show) .bi-x,
    .app-sidebar.collapse:not(.show) .offcanvas-body {
        display: none
    }

    .app-sidebar.collapse.show .bi-x {
        display: block
    }
}

.navbar.navbar--website,
.navbar.navbar--website .navbar--website__nav {
    width: 100%
}

.navbar.navbar--website .navbar--website__nav li {
    line-height: 1rem;
    padding: .3rem 0
}

.navbar.navbar--website .navbar--website__nav li:first-child {
    padding-top: 0
}

.navbar.navbar--website .navbar--website__nav li a {
    color: rgba(0, 0, 0, .65);
    display: inline-block;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    overflow: hidden;
    padding: .2rem .5rem;
    text-decoration: none;
    text-overflow: ellipsis
}

.navbar.navbar--website .navbar--website__nav li a.active {
    background-color: rgba(17, 107, 172, .1);
    color: rgba(0, 0, 0, .85);
    font-weight: 600
}

.app-navbar {
    background-color: var(--surface);
    border-bottom: 1px solid #ebecf0
}

.app-navbar .nav-link,
.app-navbar .navbar-toggler {
    color: var(--on-surface)
}

.app-navbar .nav-link {
    font-size: .9rem;
    font-weight: 400
}

.app-navbar .nav-link.active {
    color: var(--on-surface);
    font-weight: 600
}

.app-navbar .navbar-brand {
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

@media (min-width:992px) {
    .app-navbar .navbar-brand {
        left: 0;
        position: static;
        transform: none
    }
}

[data-bs-theme=dark] .app-navbar {
    border-bottom: 0
}

[data-bs-theme=dark] .app-navbar .btn-link.text-color-gray-dark,
[data-bs-theme=dark] .app-navbar .btn-search.text-color-gray-dark {
    color: var(--on-surface) !important
}

[data-bs-theme=dark] .app-navbar .dropdown-toggle.bg-gray-light {
    background-color: var(--surface) !important
}

.leaflet-container .leaflet-control-attribution span,
.leaflet-container .leaflet-control-attribution svg,
.leaflet-container .leaflet-control-attribution>a {
    display: none !important
}

.ds-map {
    overflow: hidden;
    position: relative
}

.ds-map .ds-map-tooltip {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: left .5s;
    width: 100%;
    z-index: 9999
}

@media (min-width:992px) {
    .ds-map .ds-map-tooltip {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        width: 50%
    }
}

.ds-map .ds-map-tooltip.active {
    left: 0
}

.ds-map .ds-map-tooltip-header {
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 1rem
}

.ds-map .ds-map-tooltip-header h5 {
    margin: 0
}

.ds-map .ds-map-tooltip-content {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem
}

.tl-timeline {
    height: 600px;
    width: 100%
}

.tl-timeline .tl-caption,
.tl-timeline .tl-credit,
.tl-timeline .tl-headline,
.tl-timeline .tl-headline-date,
.tl-timeline .tl-slidenav-description,
.tl-timeline .tl-slidenav-title,
.tl-timeline .tl-timeaxis-tick,
.tl-timeline .tl-timenav-slider,
.tl-timeline p {
    font-family: Open Sans, sans-serif !important
}

.tl-timeline .tl-text-headline-container .tl-headline-date,
.tl-timeline .tl-text-headline-container h3.tl-headline-date {
    color: #999 !important;
    font-family: Open Sans, sans-serif !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important
}

.tl-timeline .tl-headline {
    font-size: 1.5rem;
    font-weight: 300 !important;
    text-transform: none
}

.tl-timeline .tl-timeaxis-tick {
    font-size: .6rem !important
}

.tl-timeline .tl-icon-image {
    display: none !important
}

.tl-timeline .tl-attribution {
    display: none
}

.tl-timeline .tl-slidenav-next .tl-slidenav-icon:before,
.tl-timeline .tl-slidenav-previous .tl-slidenav-icon:before,
.tl-timeline [class*=" tl-icon-"]:after,
.tl-timeline [class^=tl-icon-]:after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tl-timeline .tl-slidenav-previous .tl-slidenav-icon:before {
    content: "\f284"
}

.tl-timeline .tl-slidenav-next .tl-slidenav-icon:before {
    content: "\f285"
}

.tl-timeline .tl-icon-zoom-in:after {
    content: "\f62c"
}

.tl-timeline .tl-icon-zoom-out:after {
    content: "\f62d"
}

.tl-timeline .tl-icon-goend:after {
    content: "\f110"
}

.tl-timeline .tl-icon-goback:after {
    content: "\f10f"
}

.breadcrumb {
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-item-active-color: var(--on-background-secondary);
    font-size: .875rem
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "\f285";
    font-family: bootstrap-icons;
    font-size: .6rem;
    position: relative;
    top: 5px
}

.breadcrumb .breadcrumb-item {
    line-height: 1;
    max-width: 320px;
    min-height: 26px
}

.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.breadcrumb .breadcrumb-item a {
    line-height: 1.2;
    max-width: 300px;
    text-decoration: none
}

.breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline
}

.breadcrumb .breadcrumb-item.active {
    position: relative;
    top: 1px
}

.breadcrumb .breadcrumb-item.active:before {
    top: 4px
}

._is-live {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .5rem;
    pointer-events: none;
    position: relative;
    text-transform: uppercase
}

._is-live._is-live--absolute {
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

._is-live:after {
    animation: blink .7s infinite alternate;
    background: red;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    margin-left: 5px;
    width: 14px
}

._video-lang-switcher {
    align-items: center;
    display: flex;
    gap: .25rem
}

._video-lang-switcher ._video-lang-switcher__title {
    color: var(--on-background-secondary);
    font-size: .8rem;
    font-weight: 600
}

._video-lang-switcher ._video-lang-switcher__item {
    text-decoration: none
}

._video-lang-switcher ._video-lang-switcher__item.active {
    background-color: #6c757d
}

.blog-hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    position: relative
}

.blog-hero:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

@media (min-width:1200px) {
    .blog-hero:before {
        background: linear-gradient(90deg, #000 0, rgba(0, 0, 0, .01) 99%, transparent);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=1);
        opacity: .8
    }
}

.blog-hero .blog-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    min-height: 425px;
    padding-bottom: 2rem;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-top: 2rem;
    position: relative
}

.blog-hero .blog-hero-content h2,
.blog-hero .blog-hero-content h2 a,
.blog-hero .blog-hero-content h6,
.blog-hero .blog-hero-content p {
    color: #fff
}

.blog-hero .blog-hero-content .date-location {
    margin-bottom: 1rem
}

.blog-hero .blog-hero-content h2 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem
}

.blog-hero .blog-hero-content h2 a {
    text-decoration: none
}

.blog-hero .blog-hero-content h2 a:hover {
    text-decoration: underline
}

.blog-hero .blog-hero-content p {
    font-size: 1rem
}

@media (min-width:576px) {
    .blog-hero .blog-hero-content {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .blog-hero .blog-hero-content {
        max-width: 720px;
        padding-bottom: 0;
        padding-top: 0
    }

    .blog-hero .blog-hero-content h2 {
        font-size: 1.5rem
    }
}

@media (min-width:992px) {
    .blog-hero .blog-hero-content {
        background-color: transparent;
        color: #fff;
        margin: 0 auto;
        max-width: 960px
    }

    .blog-hero .blog-hero-content h2 {
        font-size: 2rem
    }
}

@media (min-width:1200px) {
    .blog-hero .blog-hero-content {
        max-width: 1140px
    }

    .blog-hero .blog-hero-content h2,
    .blog-hero .blog-hero-content h6,
    .blog-hero .blog-hero-content p {
        width: 40%
    }
}

.blog-subhero {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden
}

.blog-subhero .blog-subhero-caption {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.blog-subhero .blog-subhero-content {
    margin: 0 auto;
    padding: 1rem 0 2rem;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5)
}

@media (min-width:576px) {
    .blog-subhero .blog-subhero-content {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .blog-subhero .blog-subhero-content {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .blog-subhero .blog-subhero-content {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .blog-subhero .blog-subhero-content {
        max-width: 1140px
    }
}

.app-main {
    width: 100%
}

@media (min-width:992px) {
    .app-layout {
        display: flex
    }

    .app-no-sidebar .app-layout {
        padding: 0 !important
    }

    .app-no-sidebar .app-sidebar {
        display: none !important
    }

    .app-no-sidebar .app-main {
        width: 100%
    }
}

.news-detail {
    font-weight: 700
}

.event-detail__date .bi {
    margin-right: .25rem;
    position: relative;
    top: -3px
}

.detail-publication .detail-title {
    font-size: calc(1.325rem + .9vw);
    margin-bottom: .4rem
}

@media (min-width:1200px) {
    .detail-publication .detail-title {
        font-size: 2rem
    }
}

.detail-speeches .background-cover {
    border-radius: 5px
}

.detail-speeches .background-cover h1,
.detail-speeches .background-cover h4,
.detail-speeches .background-cover h5,
.detail-speeches .background-cover h6,
.detail-speeches .background-cover p {
    color: #fff
}

.detail-speeches .background-cover .detail-title {
    font-size: calc(1.275rem + .3vw);
    font-weight: 500;
    margin-bottom: 1rem
}

@media (min-width:1200px) {
    .detail-speeches .background-cover .detail-title {
        font-size: 1.5rem
    }
}

.detail-speeches .background-cover h4 {
    font-size: 1.25rem
}

.detail-speeches .detail__body ol {
    padding-left: 1rem
}

.detail-speeches .detail__body ol li {
    margin-bottom: 1.5rem;
    padding-left: 1rem
}

.detail-audio h4,
.detail-photo-gallery h4,
.detail-video h4,
.detail-webcast h4 {
    color: #fff
}

.detail-audio .border-white,
.detail-photo-gallery .border-white,
.detail-video .border-white,
.detail-webcast .border-white {
    border-color: transparent !important
}

@media (min-width:992px) {

    .detail-audio .border-white,
    .detail-photo-gallery .border-white,
    .detail-video .border-white,
    .detail-webcast .border-white {
        border-color: #999 !important
    }
}

.detail-audio .frameshoundcloud-anchor,
.detail-photo-gallery .frameshoundcloud-anchor,
.detail-video .frameshoundcloud-anchor,
.detail-webcast .frameshoundcloud-anchor {
    background-color: red;
    color: #ccc;
    font-size: 10px;
    line-break: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal
}

.detail-event .col-lg-3 .btn,
.detail-event .col-md-3 .btn {
    margin-bottom: 1rem
}

.fao-story-header {
    align-items: center;
    background: var(--background);
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, .02), 0 6.7px 5.3px rgba(0, 0, 0, .028), 0 12.5px 10px rgba(0, 0, 0, .035), 0 22.3px 17.9px rgba(0, 0, 0, .042), 0 41.8px 33.4px rgba(0, 0, 0, .05), 0 100px 80px rgba(0, 0, 0, .07);
    display: flex;
    justify-content: space-between;
    padding: 0 .75rem
}

.fao-story-header .fao-story-header-left a {
    display: inline-block;
    padding: .5rem 0
}

.fao-story-header .fao-story-header-left a img {
    height: 38px;
    width: auto
}

.fao-story-header .fao-story-header-left a .fao-logo-mobile {
    display: inline-block
}

@media (min-width:768px) {
    .fao-story-header .fao-story-header-left a .fao-logo-mobile {
        display: none
    }
}

.fao-story-header .fao-story-header-left a .fao-logo-desktop {
    display: none
}

@media (min-width:768px) {
    .fao-story-header .fao-story-header-left a .fao-logo-desktop {
        display: inline-block
    }
}

.fao-story-header .fao-story-header-right .btn-secondary:not(:disabled):not(.disabled):focus,
.fao-story-header .fao-story-header-right .dropdown-toggle,
.fao-story-header .fao-story-header-right .dropdown-toggle:active,
.fao-story-header .fao-story-header-right .dropdown-toggle:focus:active {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--on-background)
}

.story-cover {
    position: relative
}

.story-cover:before {
    content: "";
    display: block;
    min-height: 80vh;
    width: 100%
}

@media (min-width:768px) {
    .story-cover:before {
        min-height: 0;
        padding-top: 42.8571428571%
    }
}

.story-cover>img {
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.story-cover .story-cover-content,
.story-cover>img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.story-cover .story-cover-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem
}

.story-cover .story-cover-content hr {
    border-top-color: #fff;
    display: none;
    margin: 1rem 0 1.5rem;
    opacity: 1;
    position: relative;
    width: 160px
}

.story-cover .story-cover-content .date,
.story-cover .story-cover-content .detail-title,
.story-cover .story-cover-content .story-sdgs,
.story-cover .story-cover-content h2 {
    color: #fff;
    position: relative
}

.story-cover .story-cover-content .story-sdgs span {
    background-size: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin: 0 .5rem .5rem 0;
    text-align: center;
    width: 18px
}

.story-cover .story-cover-content .story-sdgs span.sdg-1 {
    background-color: #eb1c2e
}

.story-cover .story-cover-content .story-sdgs span.sdg-1:before {
    content: "1"
}

.story-cover .story-cover-content .story-sdgs span.sdg-2 {
    background-color: #d19e29
}

.story-cover .story-cover-content .story-sdgs span.sdg-2:before {
    content: "2"
}

.story-cover .story-cover-content .story-sdgs span.sdg-3 {
    background-color: #2c9946
}

.story-cover .story-cover-content .story-sdgs span.sdg-3:before {
    content: "3"
}

.story-cover .story-cover-content .story-sdgs span.sdg-4 {
    background-color: #c32033
}

.story-cover .story-cover-content .story-sdgs span.sdg-4:before {
    content: "4"
}

.story-cover .story-cover-content .story-sdgs span.sdg-5 {
    background-color: #ef402b
}

.story-cover .story-cover-content .story-sdgs span.sdg-5:before {
    content: "5"
}

.story-cover .story-cover-content .story-sdgs span.sdg-6 {
    background-color: #01acd8
}

.story-cover .story-cover-content .story-sdgs span.sdg-6:before {
    content: "6"
}

.story-cover .story-cover-content .story-sdgs span.sdg-7 {
    background-color: #fcb714
}

.story-cover .story-cover-content .story-sdgs span.sdg-7:before {
    content: "7"
}

.story-cover .story-cover-content .story-sdgs span.sdg-8 {
    background-color: #8f1838
}

.story-cover .story-cover-content .story-sdgs span.sdg-8:before {
    content: "8"
}

.story-cover .story-cover-content .story-sdgs span.sdg-9 {
    background-color: #f26e24
}

.story-cover .story-cover-content .story-sdgs span.sdg-9:before {
    content: "9"
}

.story-cover .story-cover-content .story-sdgs span.sdg-10 {
    background-color: #df1a83
}

.story-cover .story-cover-content .story-sdgs span.sdg-10:before {
    content: "10"
}

.story-cover .story-cover-content .story-sdgs span.sdg-11 {
    background-color: #f99c25
}

.story-cover .story-cover-content .story-sdgs span.sdg-11:before {
    content: "11"
}

.story-cover .story-cover-content .story-sdgs span.sdg-12 {
    background-color: #c98a2b
}

.story-cover .story-cover-content .story-sdgs span.sdg-12:before {
    content: "12"
}

.story-cover .story-cover-content .story-sdgs span.sdg-13 {
    background-color: #47773b
}

.story-cover .story-cover-content .story-sdgs span.sdg-13:before {
    content: "13"
}

.story-cover .story-cover-content .story-sdgs span.sdg-14 {
    background-color: #017dbb
}

.story-cover .story-cover-content .story-sdgs span.sdg-14:before {
    content: "14"
}

.story-cover .story-cover-content .story-sdgs span.sdg-15 {
    background-color: #3eb049
}

.story-cover .story-cover-content .story-sdgs span.sdg-15:before {
    content: "15"
}

.story-cover .story-cover-content .story-sdgs span.sdg-16 {
    background-color: #005689
}

.story-cover .story-cover-content .story-sdgs span.sdg-16:before {
    content: "16"
}

.story-cover .story-cover-content .story-sdgs span.sdg-17 {
    background-color: #1f3668
}

.story-cover .story-cover-content .story-sdgs span.sdg-17:before {
    content: "17"
}

.story-cover .story-cover-content .story-tag {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 13px;
    position: absolute;
    text-transform: uppercase;
    top: 4.5rem
}

.story-cover .story-cover-content .story-tag .bi {
    font-size: 21px;
    margin-right: 5px
}

.story-cover .story-cover-content .story-share-cover {
    bottom: 1.5rem;
    position: absolute
}

.story-cover .story-cover-content .detail-title {
    font-size: 1.1rem;
    font-weight: 300;
    margin-bottom: .65rem
}

@media (min-width:768px) {
    .story-cover .story-cover-content .detail-title {
        font-size: 1.2rem
    }
}

@media (min-width:992px) {
    .story-cover .story-cover-content .detail-title {
        font-size: 1.3rem
    }
}

@media (min-width:1200px) {
    .story-cover .story-cover-content .detail-title {
        font-size: 1.6rem
    }
}

.story-cover .story-cover-content h2 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1rem
}

.story-cover .story-cover-content .detail-title,
.story-cover .story-cover-content h2 {
    max-width: 80%
}

.story-cover .story-cover-content:before {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.story-share,
.story-share-cover {
    display: flex;
    justify-content: center
}

.story-share a,
.story-share-cover a {
    padding: .35rem
}

.story-share a img,
.story-share-cover a img {
    height: 30px;
    width: 30px
}

.story-share {
    margin: 0 auto
}

.story-cover .story-cover-content .story-tag,
.story-share,
.story-share-cover {
    display: none
}

.story-column {
    margin: 0 auto
}

.story-column-2photos {
    margin: 4rem auto
}

.story-column-2photos .story-2photos-images {
    display: flex;
    flex-direction: column
}

.story-column-2photos .story-2photos-images .ratio:first-child {
    margin-bottom: 1.5rem
}

@media (min-width:1200px) {
    .story-column-2photos .story-2photos-images {
        flex-direction: row
    }

    .story-column-2photos .story-2photos-images .ratio:first-child {
        margin-bottom: 0;
        margin-right: .75rem
    }

    .story-column-2photos .story-2photos-images .ratio:last-child {
        margin-left: .75rem
    }
}

.story-column-1photo {
    margin: 4rem auto
}

.story-column-1photo img,
.story-column-2photos img {
    border-radius: 5px
}

.story-corporate {
    -webkit-font-smoothing: antialiased;
    --on-background: #1b1d1f
}

.story-corporate .story-cover .story-cover-content .story-tag,
.story-corporate .story-share,
.story-corporate .story-share-cover {
    display: flex
}

.story-corporate .story-cover {
    min-height: 100vh
}

.story-corporate .story-cover img {
    border-radius: 0
}

.story-corporate .story-cover .story-cover-content {
    align-items: center;
    justify-content: center
}

.story-corporate .story-cover .story-cover-content .date,
.story-corporate .story-cover .story-cover-content .detail-title,
.story-corporate .story-cover .story-cover-content .story-sdgs,
.story-corporate .story-cover .story-cover-content h2 {
    text-align: center
}

.story-corporate .story-cover .story-cover-content .detail-title {
    font-family: Merriweather, serif;
    font-size: 1.25rem
}

@media (min-width:576px) {
    .story-corporate .story-cover .story-cover-content .detail-title {
        font-size: 1.6rem
    }
}

@media (min-width:768px) {
    .story-corporate .story-cover .story-cover-content .detail-title {
        font-size: 2rem
    }
}

@media (min-width:992px) {
    .story-corporate .story-cover .story-cover-content .detail-title {
        font-size: 2.25rem
    }
}

@media (min-width:1200px) {
    .story-corporate .story-cover .story-cover-content .detail-title {
        font-size: 2.5rem
    }
}

.story-corporate .story-cover .story-cover-content hr {
    display: block
}

.story-corporate .story-cover .story-cover-content h2 {
    font-size: .875rem;
    font-weight: 700;
    margin-bottom: 2rem
}

@media (min-width:768px) {
    .story-corporate .story-cover .story-cover-content h2 {
        font-size: 1.125rem
    }

    .story-corporate .story-cover .story-cover-content .detail-title,
    .story-corporate .story-cover .story-cover-content h2 {
        max-width: 60%
    }
}

.story-corporate .story-cover .story-cover-content .story-sdgs span {
    background-size: 100% 100%;
    height: 60px;
    margin: 0 1rem 1rem 0;
    width: 60px
}

.story-corporate .story-cover .story-cover-content .story-sdgs span:before {
    content: none
}

.story-corporate p,
.story-corporate ul {
    font-family: Merriweather, serif;
    font-size: 1.063rem;
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 25px
}

.story-corporate p.small,
.story-corporate ul.small {
    font-family: Open Sans, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.42857143;
    margin-top: 15px
}

.story-corporate a {
    text-decoration: none
}

.story-corporate a:hover {
    text-decoration: underline
}

.story-corporate .date {
    font-family: Merriweather, serif;
    font-size: 1.063rem;
    font-weight: 300
}

.story-corporate blockquote {
    background-color: transparent;
    border-left: 0;
    display: block;
    float: left;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.7;
    margin: 10px 55px 35px 0;
    padding: 19px 0 0;
    width: 100%
}

@media (min-width:992px) {
    .story-corporate blockquote {
        margin: 10px 48px 20px -15%;
        width: 329px
    }
}

.story-corporate .sub-title {
    font-family: Merriweather, serif;
    font-size: 1.063rem;
    font-weight: 700
}

.story-corporate .sub-title:before {
    content: none
}

.story-corporate .story-column {
    padding: 0 .75rem
}

@media (min-width:768px) {
    .story-corporate .story-column {
        width: 416px
    }
}

@media (min-width:992px) {
    .story-corporate .story-column {
        width: 538px
    }
}

@media (min-width:1200px) {
    .story-corporate .story-column {
        width: 650px
    }
}

.story-corporate .story-column-1photo,
.story-corporate .story-column-2photos {
    padding: 0 .75rem
}

@media (min-width:768px) {

    .story-corporate .story-column-1photo,
    .story-corporate .story-column-2photos {
        width: 625px
    }
}

@media (min-width:992px) {

    .story-corporate .story-column-1photo,
    .story-corporate .story-column-2photos {
        width: 808px
    }
}

@media (min-width:1400px) {

    .story-corporate .story-column-1photo,
    .story-corporate .story-column-2photos {
        width: 975px
    }
}

@media (min-width:992px) {
    .story-corporate .story-column-2photos .story-2photos-images {
        flex-direction: row
    }

    .story-corporate .story-column-2photos .story-2photos-images .ratio:first-child {
        margin-bottom: 0;
        margin-right: .75rem
    }

    .story-corporate .story-column-2photos .story-2photos-images .ratio:last-child {
        margin-left: .75rem
    }
}

.story-corporate .story-column-1photo .ratio:before,
.story-corporate .story-column-2photos .ratio:before {
    content: none
}

.story-corporate .story-column-1photo .ratio *,
.story-corporate .story-column-2photos .ratio * {
    height: auto;
    position: relative;
    width: auto
}

.story-corporate .story-column-1photo .ratio img,
.story-corporate .story-column-2photos .ratio img {
    height: auto;
    max-width: 100%
}

html[lang=ar] .story-cover .story-cover-content h1,
html[lang=fa] .story-cover .story-cover-content h1,
html[lang=sf] .story-cover .story-cover-content h1 {
    font-family: Cairo, sans-serif
}

html[lang=ar] .story-cover .story-cover-content .story-tag .bi,
html[lang=fa] .story-cover .story-cover-content .story-tag .bi,
html[lang=sf] .story-cover .story-cover-content .story-tag .bi {
    margin-left: 5px;
    margin-right: 0
}

@media (min-width:1200px) {

    html[lang=ar] .story-column-2photos .story-2photos-images .ratio:first-child,
    html[lang=fa] .story-column-2photos .story-2photos-images .ratio:first-child,
    html[lang=sf] .story-column-2photos .story-2photos-images .ratio:first-child {
        margin-left: .75rem
    }

    html[lang=ar] .story-column-2photos .story-2photos-images .ratio:last-child,
    html[lang=fa] .story-column-2photos .story-2photos-images .ratio:last-child,
    html[lang=sf] .story-column-2photos .story-2photos-images .ratio:last-child {
        margin-right: .75rem
    }
}

html[lang=ar] .story-corporate .story-cover .story-cover-content h1,
html[lang=ar] .story-corporate p,
html[lang=ar] .story-corporate ul,
html[lang=fa] .story-corporate .story-cover .story-cover-content h1,
html[lang=fa] .story-corporate p,
html[lang=fa] .story-corporate ul,
html[lang=sf] .story-corporate .story-cover .story-cover-content h1,
html[lang=sf] .story-corporate p,
html[lang=sf] .story-corporate ul {
    font-family: Cairo, sans-serif
}

html[lang=ar] .story-corporate blockquote,
html[lang=fa] .story-corporate blockquote,
html[lang=sf] .story-corporate blockquote {
    float: right;
    margin: 10px 0 35px 55px
}

@media (min-width:992px) {

    html[lang=ar] .story-corporate blockquote,
    html[lang=fa] .story-corporate blockquote,
    html[lang=sf] .story-corporate blockquote {
        margin: 10px -15% 20px 48px
    }
}

main .sfContentBlock img {
    border-radius: 5px;
    margin-bottom: 1rem
}

main .sfContentBlock img.-align-left {
    margin-right: 1.5rem
}

main .sfContentBlock img.-align-right {
    margin-left: 1.5rem
}

.image-widget,
img,
video {
    max-width: 100%
}

.image-widget {
    border-radius: 5px;
    margin-bottom: 2rem
}

.image-widget.img-responsive {
    height: auto;
    width: 100%
}

.image-widget.img-hero {
    max-height: 218px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:768px) {
    .image-widget.img-hero {
        max-height: 295px
    }
}

@media (min-width:992px) {
    .image-widget.img-hero {
        max-height: 398px
    }
}

@media (min-width:1200px) {
    .image-widget.img-hero {
        max-height: 475px
    }
}

.custom-sub-header {
    background-color: var(--custom-subheader-bg);
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    padding: 15px 0;
    position: relative
}

@media (min-width:768px) {
    .custom-sub-header {
        height: 100px
    }
}

.custom-sub-header .custom-sub-left,
.custom-sub-header .custom-sub-right {
    flex-grow: 1;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 15px
}

.custom-sub-header .custom-sub-left img {
    margin-right: 5px
}

@media (min-width:768px) {
    .custom-sub-header .custom-sub-left img {
        margin-right: 15px
    }
}

.custom-sub-header .custom-sub-right img {
    margin-left: 5px
}

@media (min-width:768px) {
    .custom-sub-header .custom-sub-right img {
        margin-left: 15px
    }
}

.custom-sub-header img {
    border-radius: 5px;
    display: block;
    flex-shrink: 0;
    height: 70px;
    margin-bottom: 5px;
    width: auto
}

.custom-sub-header img.pop-out {
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.navbar-subsite {
    justify-content: flex-end;
    padding: .5rem 0;
    position: relative
}

.navbar-subsite .bi {
    color: #f58320;
    font-size: 1.2rem;
    line-height: 1;
    position: relative;
    top: 1px
}

.navbar-subsite.dropdown-nowrap .dropdown-item,
.navbar-subsite.dropdown-nowrap .nav-link {
    white-space: normal
}

.navbar-subsite .navbar-nav .nav-link {
    color: #545454
}

.navbar-subsite .navbar-nav .active>.nav-link {
    font-weight: 700
}

.navbar-subsite .dropdown-menu {
    border-radius: 5px
}

@media (min-width:992px) {
    .navbar-subsite .dropdown-menu {
        box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
    }
}

.navbar-subsite .dropdown-menu li:last-child {
    border-bottom: 0
}

.navbar-subsite .dropdown-submenu .dropdown-toggle {
    align-items: center;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.navbar-subsite .dropdown-submenu>.dropdown-menu {
    border-width: 0;
    display: block;
    margin: 0;
    padding: 0 0 0 20px
}

@media (min-width:992px) {
    .navbar-subsite .dropdown-submenu {
        position: relative
    }

    .navbar-subsite .dropdown-submenu .dropdown-toggle {
        opacity: 1;
        pointer-events: auto
    }

    .navbar-subsite .dropdown-submenu .dropdown-toggle:after {
        content: "\f285"
    }

    .navbar-subsite .dropdown-submenu>.dropdown-menu {
        border-width: 1px;
        display: none;
        left: 100%;
        margin: -6px .125rem 0 0;
        padding: .5rem 0;
        top: 0
    }

    .navbar-subsite .dropdown-submenu:hover>.dropdown-menu {
        display: block
    }
}

.navbar-subsite .dropdown-toggle:after {
    border: 0;
    content: "\f282";
    font-family: bootstrap-icons;
    font-size: .6rem;
    margin-left: .26rem;
    vertical-align: 0
}

[data-bs-theme=dark] .navbar-subsite {
    background-color: var(--background)
}

[data-bs-theme=dark] .navbar-subsite.bg-white {
    background-color: var(--background) !important
}

[data-bs-theme=dark] .navbar-subsite .navbar-nav .nav-link {
    color: var(--on-background)
}

.subsite-col-border {
    margin-bottom: 2rem
}

.audio-visual-cover {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    display: none;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media (min-width:992px) {
    .audio-visual-cover {
        display: block
    }
}

.audio-visual-cover .audio-visual-image {
    background-repeat: no-repeat;
    height: 100%;
    left: 50%;
    position: fixed;
    width: 100%
}

.media-provider-list {
    align-items: center;
    display: flex
}

.media-provider-list .media-provider-title {
    margin-right: .5rem
}

.media-provider-list .media-provider-ico {
    border-radius: 5px;
    display: inline-block;
    margin-right: .5rem;
    overflow: hidden
}

.media-provider-list .media-provider-ico img {
    height: 30px;
    width: auto
}

.audio-visual {
    background-color: #161616;
    color: #fff
}

.audio-visual .page-title,
.audio-visual p {
    color: hsla(0, 0%, 100%, .85)
}

.audio-visual .title-category {
    color: hsla(0, 0%, 100%, .65)
}

.row-blog-corporate-hero {
    margin: 0;
    padding: 0;
    position: relative
}

.row-blog-corporate-hero .col-12,
.row-blog-corporate-hero>.col-md-12 {
    padding: 0
}

.row-blog-corporate-hero .blog-hero,
.row-blog-corporate-hero .blog-subhero {
    border-radius: 0
}

html[lang=ar]:not(.sfPageEditorWrp),
html[lang=fa]:not(.sfPageEditorWrp),
html[lang=sf]:not(.sfPageEditorWrp) {
    direction: rtl
}

html[lang=ar] body,
html[lang=fa] body,
html[lang=sf] body {
    font-family: Cairo, sans-serif
}

html[lang=ar] .navbar-corporate .dropdown-menu,
html[lang=fa] .navbar-corporate .dropdown-menu,
html[lang=sf] .navbar-corporate .dropdown-menu {
    text-align: right
}

html[lang=ar] .navbar-corporate .dropdown-menu .simple-list .bi-chevron-right,
html[lang=fa] .navbar-corporate .dropdown-menu .simple-list .bi-chevron-right,
html[lang=sf] .navbar-corporate .dropdown-menu .simple-list .bi-chevron-right {
    transform: rotate(180deg)
}

html[lang=ar] .navbar-subsite .navbar-nav,
html[lang=fa] .navbar-subsite .navbar-nav,
html[lang=sf] .navbar-subsite .navbar-nav {
    margin-right: 0 !important;
    padding-inline-start: 0
}

html[lang=ar] .link-icon .bi,
html[lang=fa] .link-icon .bi,
html[lang=sf] .link-icon .bi {
    margin-left: .6rem;
    margin-right: 0
}

html[lang=ar] .btn-lg,
html[lang=fa] .btn-lg,
html[lang=sf] .btn-lg {
    text-align: right
}

html[lang=ar] .fao-header.corporate-header .navbar-corporate .navbar-nav,
html[lang=fa] .fao-header.corporate-header .navbar-corporate .navbar-nav,
html[lang=sf] .fao-header.corporate-header .navbar-corporate .navbar-nav {
    padding-inline-start: 0
}

@media (min-width:768px) {

    html[lang=ar] .fao-header .fao-header-right .discover-dropdown,
    html[lang=fa] .fao-header .fao-header-right .discover-dropdown,
    html[lang=sf] .fao-header .fao-header-right .discover-dropdown {
        margin-left: 0;
        margin-right: 3rem
    }
}

html[lang=ar] footer ul,
html[lang=fa] footer ul,
html[lang=sf] footer ul {
    padding-inline-start: 0
}

html[lang=ar] footer .footer-download .list-inline-item:not(:last-child),
html[lang=ar] footer .social-icons .list-inline-item:not(:last-child),
html[lang=fa] footer .footer-download .list-inline-item:not(:last-child),
html[lang=fa] footer .social-icons .list-inline-item:not(:last-child),
html[lang=sf] footer .footer-download .list-inline-item:not(:last-child),
html[lang=sf] footer .social-icons .list-inline-item:not(:last-child) {
    margin-left: .5rem;
    margin-right: 0
}

html[lang=ar] .dropdown.discover-dropdown .dropdown-menu,
html[lang=fa] .dropdown.discover-dropdown .dropdown-menu,
html[lang=sf] .dropdown.discover-dropdown .dropdown-menu {
    text-align: revert;
    text-align: right
}

html[lang=ar] .hashtags-list .badge,
html[lang=ar] .hashtags-list .class-list__title,
html[lang=ar] .tags-list .badge,
html[lang=ar] .tags-list .class-list__title,
html[lang=fa] .hashtags-list .badge,
html[lang=fa] .hashtags-list .class-list__title,
html[lang=fa] .tags-list .badge,
html[lang=fa] .tags-list .class-list__title,
html[lang=sf] .hashtags-list .badge,
html[lang=sf] .hashtags-list .class-list__title,
html[lang=sf] .tags-list .badge,
html[lang=sf] .tags-list .class-list__title {
    margin-left: .5rem;
    margin-right: 0
}

html[lang=ar] .tl-timeline .tl-slide .tl-slide-content-container .tl-slide-content .tl-text,
html[lang=fa] .tl-timeline .tl-slide .tl-slide-content-container .tl-slide-content .tl-text,
html[lang=sf] .tl-timeline .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
    direction: rtl;
    text-align: right
}

html[lang=ar] .tl-timeline .tl-slidenav-next,
html[lang=ar] .tl-timeline .tl-slidenav-previous,
html[lang=fa] .tl-timeline .tl-slidenav-next,
html[lang=fa] .tl-timeline .tl-slidenav-previous,
html[lang=sf] .tl-timeline .tl-slidenav-next,
html[lang=sf] .tl-timeline .tl-slidenav-previous {
    text-align: right
}

html[lang=ar] .tl-timeline .tl-slidenav-previous,
html[lang=fa] .tl-timeline .tl-slidenav-previous,
html[lang=sf] .tl-timeline .tl-slidenav-previous {
    left: 80px
}

html[lang=ar] .tl-timeline .tl-slidenav-next,
html[lang=fa] .tl-timeline .tl-slidenav-next,
html[lang=sf] .tl-timeline .tl-slidenav-next {
    right: 0
}

html[lang=ar] .tl-timeline .tl-caption,
html[lang=fa] .tl-timeline .tl-caption,
html[lang=sf] .tl-timeline .tl-caption {
    text-align: right
}

html[lang=ar] .tl-timeline .tl-timenav,
html[lang=fa] .tl-timeline .tl-timenav,
html[lang=sf] .tl-timeline .tl-timenav {
    direction: ltr
}

html[lang=ar] .tl-timeline .tl-timemarker-content,
html[lang=fa] .tl-timeline .tl-timemarker-content,
html[lang=sf] .tl-timeline .tl-timemarker-content {
    direction: rtl
}

html[lang=ar] .breadcrumb .breadcrumb-item:first-child,
html[lang=fa] .breadcrumb .breadcrumb-item:first-child,
html[lang=sf] .breadcrumb .breadcrumb-item:first-child {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

html[lang=ar] .breadcrumb .breadcrumb-item+.breadcrumb-item:before,
html[lang=fa] .breadcrumb .breadcrumb-item+.breadcrumb-item:before,
html[lang=sf] .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "\f284";
    padding-left: var(--bs-breadcrumb-item-padding-x);
    padding-right: 0
}

html[lang=ar] .d-list .d-list-content,
html[lang=fa] .d-list .d-list-content,
html[lang=sf] .d-list .d-list-content {
    padding-left: 0;
    padding-right: 1rem
}

@container (min-width: 350px) {

    html[lang=ar] .d-list .d-list-content,
    html[lang=fa] .d-list .d-list-content,
    html[lang=sf] .d-list .d-list-content {
        padding-left: 0;
        padding-right: 1.5rem
    }
}

html[lang=ar] .d-list.d-list-column .d-list-content,
html[lang=fa] .d-list.d-list-column .d-list-content,
html[lang=sf] .d-list.d-list-column .d-list-content {
    padding-right: 0
}

html[lang=ar] .d-list.d-list-article:before,
html[lang=ar] .d-list.d-list-elearning:before,
html[lang=ar] .d-list.d-list-speeches:before,
html[lang=fa] .d-list.d-list-article:before,
html[lang=fa] .d-list.d-list-elearning:before,
html[lang=fa] .d-list.d-list-speeches:before,
html[lang=sf] .d-list.d-list-article:before,
html[lang=sf] .d-list.d-list-elearning:before,
html[lang=sf] .d-list.d-list-speeches:before {
    left: auto;
    right: 0
}

@container (min-width: 350px) {

    html[lang=ar] .d-list.d-list-article:before,
    html[lang=ar] .d-list.d-list-elearning:before,
    html[lang=ar] .d-list.d-list-speeches:before,
    html[lang=fa] .d-list.d-list-article:before,
    html[lang=fa] .d-list.d-list-elearning:before,
    html[lang=fa] .d-list.d-list-speeches:before,
    html[lang=sf] .d-list.d-list-article:before,
    html[lang=sf] .d-list.d-list-elearning:before,
    html[lang=sf] .d-list.d-list-speeches:before {
        width: 12px
    }
}

html[lang=ar] .d-list.d-list-article .d-list-content,
html[lang=ar] .d-list.d-list-elearning .d-list-content,
html[lang=ar] .d-list.d-list-speeches .d-list-content,
html[lang=fa] .d-list.d-list-article .d-list-content,
html[lang=fa] .d-list.d-list-elearning .d-list-content,
html[lang=fa] .d-list.d-list-speeches .d-list-content,
html[lang=sf] .d-list.d-list-article .d-list-content,
html[lang=sf] .d-list.d-list-elearning .d-list-content,
html[lang=sf] .d-list.d-list-speeches .d-list-content {
    padding-left: 1rem;
    padding-right: 1rem
}

@container (min-width: 350px) {

    html[lang=ar] .d-list.d-list-article .d-list-content,
    html[lang=ar] .d-list.d-list-elearning .d-list-content,
    html[lang=ar] .d-list.d-list-speeches .d-list-content,
    html[lang=fa] .d-list.d-list-article .d-list-content,
    html[lang=fa] .d-list.d-list-elearning .d-list-content,
    html[lang=fa] .d-list.d-list-speeches .d-list-content,
    html[lang=sf] .d-list.d-list-article .d-list-content,
    html[lang=sf] .d-list.d-list-elearning .d-list-content,
    html[lang=sf] .d-list.d-list-speeches .d-list-content {
        padding-left: 0;
        padding-right: 2rem
    }
}

html[lang=ja] body,
html[lang=jp] body {
    font-family: Noto Sans JP, sans-serif
}

html[lang=ja] .card-calendar .row-calendar .date,
html[lang=ja] .date .date__container,
html[lang=jp] .card-calendar .row-calendar .date,
html[lang=jp] .date .date__container {
    display: flex;
    flex-direction: row-reverse
}