:root {
  --blue-100: #B5D5F5;
  --blue-200: #94C4F5;
  --blue-300: #6BABEB;
  --blue-400: #4F95DD;
  --blue-500: #3288CE;
  --blue-600: #006EB5;
  --blue-700: #1F5A95;
  --white: #FFF;
  --gray-100: #FAFAFA;
  --gray-200: #F7F7F7;
  --gray-300: #EDEFF0;
  --gray-400: #D4D6D8;
  --gray-500: #A9B1B7;
  --gray-600: #55606E;
  --gray-700: #232E3D;
  --black: #000;
  --light-yellow: #FFE17E;
  --yellow: #FFEB00;
  --dark-yellow: #FBC412;
  --light-red: #FFBCB7;
  --red: #EE402D;
  --dark-red: #D12800;
  --light-green: #B8ECB6;
  --green: #6DE354;
  --dark-green: #59BA47;
  --light-azure: #A2DAF3;
  --azure: #60D4F2;
  --dark-azure: #00C1FF;
  --spacing-00: 0;
  --spacing-01: 0.125rem;
  --spacing-02: 0.25rem;
  --spacing-03: 0.5rem;
  --spacing-04: 0.75rem;
  --spacing-05: 1rem;
  --spacing-06: 1.5rem;
  --spacing-07: 2rem;
  --spacing-08: 2.5rem;
  --spacing-09: 3rem;
  --spacing-10: 4rem;
  --spacing-11: 5rem;
  --spacing-12: 6rem;
  --spacing-13: 7rem;
  --fontFamily: 'ProximaNova', 'proxima-nova', 'Helvetica Neue', 'sans-serif';
  --fontFamilyHeadings: 'SohneBreit', 'ProximaNova', 'proxima-nova', 'Helvetica Neue', 'sans-serif';
}

@keyframes lineLoop-animation-for-links {
  0% {
    background-position: 100% 100%, -30px 100%;
    background-size: 100% 2px, 0 2px;
  }
  to {
    background-position: calc(100% + 30px) 100%, 0 100%;
    background-size: 0 2px, 100% 2px;
  }
}


.undp-container {
  font-family: var(--fontFamily);
  font-size: 1rem;
  line-height: 1.4;
  padding: 0;
  margin: auto;
}

.max-width {
  max-width: 100rem;
  margin: auto;
}

hr.undp-style {
  height: 1px;
  background-color: var(--black);
  border: none;
}

hr.undp-style.light {
  height: 1px;
  background-color: var(--gray-400);
  border: none;
}

p.undp-typography {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.4;
  font-family: var(--fontFamily) !important;
}

@media (min-width: 48em) {
  .undp-container, p.undp-typography {
      font-size: 1.25rem;
  }
}

caption.undp-typography, h1.undp-typography, h2.undp-typography, h3.undp-typography, h4.undp-typography, h5.undp-typography, h6.undp-typography {
  margin: 0 0 0.75rem;
  padding: 0;
  font-family: var(--fontFamily) !important;
}
@media(min-width:48em) {
  caption.undp-typography, h1.undp-typography, h2.undp-typography, h3.undp-typography, h4.undp-typography, h5.undp-typography, h6.undp-typography.undp-typography.undp-typography.undp-typography.undp-typography {
    margin-bottom: 1rem;
  }
}

h1.undp-typography {
  font-size: 2.938rem;
  font-weight: 700;
  letter-spacing: .06rem;
  line-height: 1.08;
  text-transform: uppercase;
  font-family: var(--fontFamilyHeadings) !important;
}

h2.undp-typography {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

h2.undp-typography.page-title {
  text-transform: uppercase;
  font-family: var(--fontFamilyHeadings) !important;
}


h3.undp-typography {
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.15;
}

h4.undp-typography {
  font-size: 1.563rem;
  font-weight: 400;
  line-height: 1.15;
}

h5.undp-typography {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.15;
}

blockquote.undp-typography {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.16;
  margin: 0;
}

cite.undp-typography {
  font-size: 1.25rem;
  line-height: 1.1;
  display: block;
  font-style: inherit;
  font-weight: 400;
  margin-top: 1.125rem;
}

code.undp-typography {
  font-size: 1rem;
  font-family: monospace;
  background: var(--gray-200);
  padding: 0 var(--spacing-02) var(--spacing-02);
}

@media(min-width:64em) {
  h2.undp-typography {
    font-size: 3.438rem;
  }
  h1.undp-typography {
    font-size: 6.25rem;
  }
}

@media(min-width:48em) {
  h5.undp-typography {
    font-size: 1.563rem;
  }
  h4.undp-typography {
    font-size: 2.188rem;
  }
  h3.undp-typography {
    font-size: 2.188rem;
  }
  h2.undp-typography {
    font-size: 2.813rem;
  }
  h1.undp-typography {
    font-size: 5.125rem;
  }
  blockquote.undp-typography {
    font-size: 2.188rem;
    line-height: 1.15;
  }
  cite.undp-typography {
    font-size: 1.5rem;
  }
  code.undp-typography {
    font-size: 1.25rem;
  }
}

h6.undp-typography {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
}

a.undp-style {
  background-image: linear-gradient(var(--dark-red), var(--dark-red)), linear-gradient(var(--dark-red), var(--dark-red));
  background-position: 100% 100%, -30px 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px, 0 1px;
  text-decoration: none;
  color: var(--black);
}

a.undp-style:hover {
  animation: lineLoop-animation-for-links 2s linear infinite;
  color: var(--black);
}

a.undp-style.dark-bg {
  background-image: linear-gradient(var(--white), var(--white)), linear-gradient(var(--white), var(--white));
  background-position: 100% 100%, -30px 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px, 0 1px;
  color: var(--white);
}

a.undp-style.dark-bg:hover {
  animation: lineLoop-animation-for-links 2s linear infinite;
  color: var(--white);
}

a.undp-style:focus-visible {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.bold {
  font-weight: bold !important;
}

.italics {
  font-style: italic !important;
}

.small-font {
  font-size: 0.875rem !important;
}

.label {
  margin-bottom: var(--spacing-03);
  margin-top: 0;
  font-size: 0.875rem !important;
  line-height: 1.4;
}

@media (min-width: 48em) {
  .label {
      font-size: 1rem !important;
  }
}

.tooltip {
  padding: 2rem;
  background-color: var(--gray-200);
  font-size: 0.875rem;
  color: var(--black);
}

.undp-scrollbar {
  overflow-x: auto;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.undp-scrollbar::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.undp-scrollbar::-webkit-scrollbar-track {
  background: #000;
  background-clip: padding-box;
  border: 2px solid rgba(255,255,255,0);
}
.undp-scrollbar::-webkit-scrollbar-corner {
  display: none;
}
.undp-scrollbar::-webkit-scrollbar-thumb {
  background: #000;
}

@keyframes loader-animation-undp {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.undp-loader {
  animation: loader-animation-undp 2s linear infinite;
  border-radius: 50%;
  border: 8px solid var(--blue-600);
  border-top: 8px solid var(--gray-300);
  height: 40px;
  width: 40px;
}

@media (min-width: 48em) {
  .undp-loader {
    border: 14px solid var(--blue-600);
    border-top: 14px solid var(--gray-300);
    height: 96px;
    width: 96px;
  }
}

.undp-button {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  font-family: var(--fontFamily);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  justify-content: center;
  padding: 1rem 1.5rem;
  margin: 0 !important;
}

.undp-button:focus-visible {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.undp-button.button-primary {
  background-color: var(--dark-red);
}

.undp-button.button-primary:hover {
  background-color: var(--red);
}

.undp-button.button-primary.button-arrow:after {
  transition: .2s ease;
  background: url(https://design.undp.org/static/media/chevron-right-black.f618eac3.svg) no-repeat left center;
  color: var(--dark-red);
  height: 20px;
  margin-left: 0.75rem;
  content: "";
  width: 13px;
}

.undp-button.button-primary.button-arrow:hover:after {
  transform: translate(70%, 0);
}

.undp-button.button-primary.button-arrow.disabled:after {
  background: url(https://design.undp.org/static/media/chevron-right-white.c14d1d86.svg) no-repeat left center;
  content: ""
}

.undp-button.button-secondary {
  background-color: var(--blue-600);
}

.undp-button.button-secondary:hover {
  background-color: var(--blue-500);
}


.undp-button.button-secondary.button-arrow:after {
  transition: .2s ease;
  background: url(https://design.undp.org/static/media/chevron-right-white.c14d1d86.svg) no-repeat left center;
  color: var(--dark-red);
  height: 20px;
  margin-left: 0.75rem;
  content: "";
  width: 13px;
}

.undp-button.button-secondary.button-arrow:hover:after {
  transform: translate(70%, 0);
}

.undp-button.button-secondary.button-arrow.disabled:after {
  background: url(https://design.undp.org/static/media/chevron-right-white.c14d1d86.svg) no-repeat left center;
  content: ""
}

.undp-button.disabled {
  background-color: var(--gray-400);
  color: var(--gray-300);
  pointer-events: none;
}

.undp-button.button-tertiary {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: var(--black);
}

.undp-button.button-tertiary:hover {
  color: var(--red);
}

.undp-button.button-tertiary.button-arrow:after {
  transition: .2s ease;
  background: url(https://design.undp.org/icons/chevron-right.svg) no-repeat left center;
  height: 20px;
  margin-left: 0.75rem;
  content: "";
  width: 13px;
}

.undp-button.button-tertiary.button-arrow:hover:after {
  background: url(https://design.undp.org/icons/chevron-right.svg) no-repeat left center;
  transform: translate(70%, 0);
}

.undp-button.button-tertiary.disabled {
  color: var(--gray-400);
}

.undp-button.button-tertiary.disabled.button-arrow:after {
  transition: .2s ease;
  background: url(https://design.undp.org/icons/chevron-right.svg) no-repeat left center;
  height: 20px;
  margin-left: 0.75rem;
  content: "";
  width: 13px;
  opacity: 0.3;
}

.undp-button.button-no-background{  
  background-color: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.undp-checkbox .ant-checkbox {
  padding: 2px 0 !important;
}

.undp-checkbox .ant-checkbox .ant-checkbox-inner {
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid var(--dark-red);
  cursor: pointer;
  height: 16px;
  margin: 0;
  width: 16px;
}

.undp-checkbox .ant-checkbox-checked .ant-checkbox-inner{
  background-color: transparent;
}

.undp-checkbox .ant-checkbox-checked {
  background: url(https://design.undp.org/static/media/icon-check.b332b98d.svg) no-repeat center center;
}

.undp-no-overflow{
  overflow: hidden;
}

.undp-checkbox:hover .ant-checkbox .ant-checkbox-inner {
  background-color: rgba(238, 64, 45,0.2);
  border: 2px solid var(--red);
}

.undp-checkbox:hover .ant-checkbox-checked .ant-checkbox-inner {
  background-color: rgba(238, 64, 45,0.2) !important;
  border: 2px solid var(--red) !important;
}

.undp-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner{
  outline: 0;
  box-shadow: 0 0 4px #0468b1;
}

.undp-checkbox .ant-checkbox-input {
  margin: 0;
}

.undp-checkbox .ant-checkbox-checked .ant-checkbox-inner:after {
  display: none !important;
}


.undp-checkbox .ant-checkbox-checked:after {
  display: none !important;
}

.undp-checkbox-label {
  font-size: 1rem;
  margin: 0 7px;
  line-height: 1rem;
}

.undp-checkbox .ant-checkbox + span {
  padding: 0 7px;
  font-size: 1rem !important;
  color: var(--black);
}

.undp-checkbox .ant-checkbox-disabled + span {
  color: var(--gray-400) !important;
}

.undp-checkbox .ant-checkbox-disabled .ant-checkbox-inner {
  background-color: var(--gray-200) !important;
  border-color: var(--gray-400) !important;
}



.undp-auto-complete{
  border: 2px solid var(--black);    
  padding: 0.625rem;
  font-size: 1rem;
  appearance: none;
  border-radius: 0;
  line-height: 1.4;
  color: var(--black);
  width: 100%;
  height: 3.25rem;
  font-family: var(--fontFamily);
  margin-top: 0 !important;
  background-color: var(--white) !important;
}

.undp-auto-complete .ant-select-selector{
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
}

.undp-auto-complete .ant-select-selection-search{
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
}

.undp-auto-complete .ant-select-selection-search-input{
  font-size: 1rem !important;
}

.undp-auto-complete.ant-input-status-error {
  border: 2px solid var(--dark-red) !important; 
}

.undp-auto-complete.ant-select-status-warning {
  border: 2px solid var(--dark-yellow) !important; 
}

.undp-input{
  border: 2px solid var(--black);    
  padding: 0.625rem;
  font-size: 1rem;
  appearance: none;
  border-radius: 0;
  line-height: 1.4;
  color: var(--black);
  width: 100%;
  height: 3.25rem;
  font-family: var(--fontFamily);
  margin-top: 0 !important;
  background-image: var(--white) !important;
}

.undp-picker{
  border: 2px solid var(--black);    
  padding: 0.625rem;
  font-size: 1rem;
  appearance: none;
  border-radius: 0;
  line-height: 1.4;
  color: var(--black);
  width: 100%;
  height: 3.25rem;
  font-family: var(--fontFamily);
  margin-top: 0 !important;
}

.undp-picker:hover{
  border: 2px solid var(--black) !important;
}

.undp-picker .ant-picker-input input{
  font-family: var(--fontFamily) !important;
  font-size: 1rem !important;

}

.undp-input.ant-input-status-warning {
  border: 2px solid var(--dark-yellow) !important; 
}

.undp-select.ant-select-status-warning {
  border: 2px solid var(--dark-yellow) !important; 
}

.undp-input.ant-input-status-error {
  border: 2px solid var(--dark-red) !important; 
}

.undp-select.ant-select-status-error {
  border: 2px solid var(--dark-red) !important; 
}

.undp-search > .ant-input-group{
  border: 2px solid var(--black);    
  padding: 0rem;
  font-size: 1rem;
  appearance: none;
  border-radius: 0;
  line-height: 1.4;
  color: var(--black);
  width: 100%;
  height: 3.25rem;
  font-family: var(--fontFamily);
}

.undp-search > .ant-input-group .ant-input{
  border: 0 !important;
  padding: 11px 12px !important;
}

.undp-search .ant-input-group-addon{
  background-color: var(--blue-600);
  border-radius: 0 !important;
}

.undp-search .ant-input-group-addon > button{
  background-color: var(--blue-600);
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--white) !important;
}

.undp-text-area {
  border: 2px solid var(--black);    
  padding: 0.625rem;
  font-size: 1rem;
  appearance: none;
  border-radius: 0;
  line-height: 1.4;
  color: var(--black);
  width: 100%;
  font-family: var(--fontFamily);
}

.undp-input:hover{
  border: 2px solid var(--blue-700) !important; 
}

.undp-input:focus{
  border: 2px solid var(--blue-700) !important; 
  box-shadow: 0 0 4px #0468b1 !important;
  outline: 0 !important;
}

.undp-input:focus-visible{
  border: 2px solid var(--blue-700) !important; 
  box-shadow: 0 0 4px #0468b1 !important;
  outline: 0 !important;
}

.undp-text-area:hover{
  border: 2px solid var(--blue-700); 
}

.undp-text-area:focus{
  border: 2px solid var(--blue-700); 
  box-shadow: 0 0 4px var(--blue-700);
  outline: 0;
}

.undp-input.ant-input-disabled{
  color: var(--gray-500) !important;
  background-color: var(--gray-100) !important;
}

.undp-input .ant-input-number-input{
  padding-left: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.undp-input > .ant-picker-input > input{
  font-size: 1rem;
  line-height: 1.4;
}

.ant-picker-dropdown {
  font-family: var(--fontFamily);
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--blue-600);
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: var(--blue-600);
}

.ant-picker-today-btn {
  color: var(--blue-600);
  font-size: 1rem;
}
.ant-picker-today-btn:hover {
  color: var(--blue-700);
}
.ant-picker-today-btn:hover {
  color: var(--blue-700);
}

.ant-modal-wrap{
  backdrop-filter: blur(18px);
  background: rgba(247,247,247,.8);
}

.undp-modal.ant-modal{
  width: 90% !important;
  max-width: 64rem;
}

.undp-modal.undp-modal-full-width.ant-modal{
  width: 90% !important;
  max-width: none;
}

.undp-modal .ant-modal-content {
  padding: 4rem;
  box-shadow: none;
  font-size: 1rem;
  border-radius: 0;
  border: 0;
  color: var(--black);
  font-family: var(--fontFamily);
  max-height: calc(100vh - 170px);
  overflow-y: auto;
  scroll-behavior: smooth;
}

.undp-modal .ant-modal-content::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}
.undp-modal .ant-modal-content::-webkit-scrollbar-track {
  background: #000;
  background-clip: padding-box;
  border: 2px solid #fff;
}
.undp-modal .ant-modal-content::-webkit-scrollbar-corner {
  display: none;
}
.undp-modal .ant-modal-content::-webkit-scrollbar-thumb {
  background: #000;
}

.undp-modal .ant-modal-header{
  padding: 0;
  border-bottom: 0;
  margin-bottom: 1rem;
}

.undp-modal .ant-modal-header .ant-modal-title {
  font-size: 1.563rem;
  line-height: 1.15;
}

.undp-modal .ant-modal-body {
  font-size: 1rem;
  line-height: 1.4;
}

.undp-modal .ant-modal-footer {
  display: none;
}

.undp-modal .ant-modal-close {
  background: url(https://design.undp.org/static/media/times-circle.69b7dcd7.svg) no-repeat left center;
  border: 0;
  cursor: pointer;
  font-size: 0;
  height: 45px;    
  position: absolute;
  right: 1.5rem;
  top: 2rem;
  width: 45px;
}

.undp-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}

.undp-modal .ant-modal-close:hover{
  background-color: transparent;
}


.undp-radio .ant-radio .ant-radio-inner {
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid var(--dark-red);
  cursor: pointer;
  height: 16px;
  margin: 0;
  width: 16px;
}

.undp-button-radio.ant-radio-group {
  position: relative;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.undp-button-radio.ant-radio-group label {
  padding: 0.5rem 0.75rem;
  height: auto !important;
}


.undp-button-radio.ant-radio-group .ant-radio-button-wrapper {
  border-radius: 0 !important;
  border-left: 2px solid var(--gray-600) !important;
  border-top: 2px solid var(--gray-600) !important;
  border-bottom: 2px solid var(--gray-600) !important;  
  border-right: 0 !important;
  color: var(--gray-600);
  font-family: var(--fontFamily) !important;
}

.undp-button-radio.ant-radio-group .ant-radio-button-wrapper:last-of-type {
  border-right: 2px solid var(--gray-600) !important; 
}


.undp-button-radio.ant-radio-group .ant-radio-button-wrapper-checked {
  border-radius: 0 !important;
  border: 2px solid var(--blue-600) !important;
  color: var(--white);
  background-color: var(--blue-600) !important;
}

.undp-radio .ant-radio-checked .ant-radio-inner{
  background-color: transparent;
}

.undp-radio:hover .ant-radio .ant-radio-inner {
  border: 2px solid var(--red);
  background-color: var(--light-red);
}

.undp-radio .ant-radio-checked .ant-radio-inner:after {
  background-color: var(--dark-red);
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
}

.undp-radio .ant-radio-input:focus-visible+.ant-radio-inner{
  outline: 0;
  box-shadow: 0 0 4px #0468b1;
}

.undp-radio-label {
  font-size: 1rem;
  margin: 0 7px;
  line-height: 1rem;
}

.undp-radio .ant-radio + span {
  padding: 0 7px;
  font-size: 1rem !important;
  color: var(--black);
  font-family: var(--fontFamily) !important;
}

.undp-radio .ant-radio-disabled .ant-radio-input{
  cursor: not-allowed;
}

.undp-radio .ant-radio-disabled + span {
  color: var(--gray-400) !important;
}

.undp-radio .ant-radio-disabled .ant-radio-inner {
  cursor: not-allowed;
  background-color: var(--gray-200) !important;
  border-color: var(--gray-400) !important;
}


.undp-segmented.ant-segmented {
  font-family: var(--fontFamily) !important;
  background-color: transparent;
  font-size: 1.125rem;
}

.undp-segmented-small.ant-segmented {
  font-family: var(--fontFamily) !important;
  background-color: var(--gray-300);
  border-radius: 2px;
  font-size: 1rem;
}

.undp-segmented.ant-segmented:hover {
  background-color: transparent;
}

.undp-segmented .ant-segmented-item {
  color: var(--gray-700);
  padding: 0.5rem;
  border-radius: 4px;
  transition: none;
}

.undp-segmented .ant-segmented-item:hover {
  background-color: var(--gray-200);
  color: var(--blue-600);
}

.undp-segmented .ant-segmented-item-selected {
  background-color: var(--blue-100);
  color: var(--blue-700);
  box-shadow: none;
}
.undp-segmented-small .ant-segmented-item-selected {
  color: var(--blue-700);
}

.undp-segmented .ant-segmented-item-selected:hover {
  background-color: var(--blue-100);
  color: var(--blue-700);
}

.undp-segmented .ant-segmented-item-disabled {
  color: var(--gray-400);
}

.undp-segmented .ant-segmented-item-disabled:hover {
  color: var(--gray-400);
  background-color: transparent;
}

.undp-select {
  width: 100%;
  border: 2px solid var(--black);
  height: 3.25rem;
  font-family: var(--fontFamily) !important;
}

.undp-select:hover {
  border: 2px solid var(--black);
}

.undp-select.ant-select-focused {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.undp-select:focus {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.undp-select:focus-visible {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.undp-select .ant-select-selector{
  min-height: 3rem !important;
  border: 0 !important;
}

.undp-select.ant-select-single .ant-select-selector{
  padding-top: 0.5rem !important;
}

.undp-select.ant-select-single.ant-select-show-search .ant-select-selector{
  padding-top: 0.5rem !important;
}

.undp-select .ant-select-selection-placeholder {
  font-size: 1rem !important;
  padding-left: 0 !important;
  font-family: var(--fontFamily) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: var(--gray-500) !important;
}

.undp-select .ant-select-selection-placeholder {
  font-size: 1rem !important;
  padding-left: 0 !important;
  font-family: var(--fontFamily) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  color: var(--gray-500) !important;
}


.undp-select .ant-select-selection-search{
  margin-inline-start: 0;
}

.undp-select:after {
  transform: translateY(-50%);
  transition: all 200ms ease-in-out;
  background: url(https://design.undp.org/static/media/chevron-down.16c97a3f.svg) no-repeat center center;
  content: "";
  float: right;
  height: 13px;
  position: absolute;
  pointer-events: none;
  right: 14px;
  top: 50%;
  width: 20px;
}

.undp-select .ant-select-selection-item {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  font-family: var(--fontFamily);
  height: inherit !important;
  padding: 0 3rem 0 0 !important;
}


.undp-select .ant-select-arrow {
  opacity: 0;
}

.undp-select-option {
  font-size: 1.25rem !important;
  white-space: normal !important;
  padding: 1rem !important;
  border-top: 1px solid var(--gray-400) !important;
  line-height: 1.4 !important;
  font-family: var(--fontFamily) !important;
}

.undp-select-option .ant-select-item-option-content{
  white-space: normal !important;
}

.undp-select-option.ant-select-item-option-selected{  
  background-color: transparent;
}

.undp-select-option.ant-select-item-option-active {
  background-color: var(--gray-100);
}

.undp-select.ant-select-single .ant-select-selector:after, .undp-select.ant-select-single .ant-select-selector .ant-select-selection-item:after, .undp-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after{
  display: none;
}

.undp-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
  height: 2rem;
  padding-bottom: 0;
  margin-top: 5px !important;
}

.undp-select .ant-select-selection-search-input {
  padding: 0 !important;
  font-size: 1em !important;
  box-shadow: none !important;
}

.undp-select.ant-select-multiple .ant-select-selection-item {
  padding: 0 11px !important;
}

.undp-select.ant-select-multiple .ant-select-selection-item span {
  font-size: 1rem !important;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
}

.undp-select-option.ant-select-item-option-selected .ant-select-item-option-state .anticon-check svg {
  fill: var(--dark-red);
}

.undp-select.ant-select-multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-item {
  background-color: var(--gray-300);
}

.undp-select.ant-select-multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-item .ant-select-selection-item-remove .anticon-close svg {
  fill: var(--gray-700);
}

.undp-select.ant-select-multiple .ant-select-selector .ant-select-selection-overflow .ant-select-selection-item .ant-select-selection-item-remove .anticon-close svg:hover {
  fill: var(--dark-red);
}

.undp-select .ant-select-selector{
  padding: 0 11px;
}

.ant-select-dropdown{
  padding: 0;
}

.ant-select-item.ant-select-item-group{
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--gray-600);
  color: var(--gray-100);
  font-family: var(--fontFamily);
}

.undp-select.not-to-be-embedded.ant-select-single .ant-select-selector{
  padding-top: 0 !important;
}

.undp-select.not-to-be-embedded.ant-select-single .ant-select-selection-item{
  padding-top: 0.5rem !important;
}

.maplibregl-control-container {
  display: none;
}

.maplibre-show-control .maplibregl-control-container {
  display: block !important;
}

.clearIcon {
  background: url(https://design.undp.org/icons/times-circle.svg) no-repeat center center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 50%;
  transform: translate(-50%,-50%);
}

.clearIcon-for-input {
  background: url(https://design.undp.org/icons/times-circle.svg) no-repeat center center;
  width: 1.5rem;
  height: 1.5rem;
}

.undp-language-select {
  width: auto;
  height: auto;
  border: 0;
}

.undp-language-select .ant-select-selection-item {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--blue-600);
  padding: 11px 1.5rem 0 2rem;
}

.undp-language-select .ant-select-selector{
  display: flex;
  align-items: center;
}

.undp-language-select .ant-select-selection-search{
  margin-top: 0;
}

.undp-language-select .ant-select-selection-search:before {
  background-color: var(--blue-600);
  display: inline-block;
  content: '';
  color: var(--blue-600);
  width: 25px;
  height: 26px;
  mask: url(https://design.undp.org/static/media/language.fa0c73b0.svg) no-repeat left center;
  -webkit-mask: url(https://design.undp.org/static/media/language.fa0c73b0.svg) no-repeat left center;
  margin-top: 13px;
}

.undp-language-select .ant-select-selection-item {
  margin-left: 2.25rem;
  margin-right: 0.5rem;
}

.undp-language-select .ant-select-selection-search input {
  display: none;
}

.undp-language-select:after {
  background: none;
  background-color: var(--blue-600);
  display: inline-block;
  content: "";
  height: 10px;
  mask: url(https://design.undp.org/static/media/arrow-blue.195b4397.svg) no-repeat left center;
  -webkit-mask: url(https://design.undp.org/static/media/arrow-blue.195b4397.svg) no-repeat left center;
  width: 15px;
}

.undp-select.undp-language-select.ant-select-single .ant-select-selector{
  padding-top: 0rem !important;
}


.undp-select.undp-language-select:hover {
  border: 0;
  opacity: 0.8;
}


.undp-select.undp-language-select.ant-select-single.ant-select-open .ant-select-selection-item {
  color: var(--blue-400) !important;
}

.undp-select.ant-select-multiple .ant-select-selection-placeholder{
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
}



.undp-select-no-background {
  border: 0 !important;
  padding: 0 !important;
}

.undp-select-no-background.ant-select-single .ant-select-selector:after, .undp-select-no-background.ant-select-single .ant-select-selector .ant-select-selection-item:after, .undp-select-no-background.ant-select-single .ant-select-selector .ant-select-selection-placeholder:after{
  display: none !important;
}

.undp-select-no-background .ant-select-arrow {
  display: none !important;
}

.undp-slider .ant-slider-rail {
  background-color: var(--gray-300);
}

.undp-slider:hover .ant-slider-rail {
  background-color: var(--gray-400);
}

.undp-slider .ant-slider-track {
  background-color: var(--dark-red);
}

.undp-slider:hover .ant-slider-dot-active {
  border-color: var(--dark-red);
}


.undp-slider.ant-slider-disabled .ant-slider-rail {
  background-color: var(--gray-300);
}

.undp-slider.ant-slider-disabled .ant-slider-track {
  background-color: var(--light-red);
}

.undp-slider.ant-slider-disabled .ant-slider-handle{
  border: solid 2px var(--light-red);
}
.undp-slider.ant-slider-disabled:hover .ant-slider-handle{
  background-color: var(--white);
}

.undp-slider:hover .ant-slider-track {
  background-color: var(--dark-red);
}

.undp-slider .ant-slider-handle{
  border: solid 2px var(--dark-red);  
  height: 0.875rem;
  background-color: var(--white);
  border-radius: 50%;
  width: 0.875rem;
  margin-top: -2px;
  transform: translate(-50%, -18%);
}

.undp-slider .ant-slider-handle::after{
  content: none;
}

.undp-slider .ant-slider-handle::before{
  content: none;
}

.undp-slider:hover .ant-slider-handle{
  background-color: var(--light-red);
  border: solid 2px var(--dark-red);
}

.undp-slider .ant-slider-dot{
  border: solid 2px var(--gray-400);
}

.undp-slider .ant-slider-mark {
  margin-top: -29px !important;
}

.undp-slider .ant-slider-dot-active{
  border: solid 2px var(--dark-red);
}

.undp-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--dark-red);
}

.undp-slider-tooltip {
  padding-top: 8px !important;
}

.undp-slider-tooltip-inner {
  background-color: var(--gray-400) !important;
  box-shadow: none !important;
  padding: var(--spacing-01) var(--spacing-02) !important;
  min-height: auto !important;
  border-radius: 2px !important;
  color: var(--gray-600) !important;
  min-width: 1.5rem !important;
  text-align: center !important;
  font-family: var(--fontFamily) !important;
  font-size: 0.75rem !important;
}

.undp-slider-tooltip-inner::before{
  background: var(--gray-400) !important;
}

.undp-slider-tooltip-arrow::before{
  background: var(--gray-400) !important;
  box-shadow: none !important;
}

.undp-slider-tooltip-arrow {
  background-color: transparent !important;
  box-shadow: none !important;
}

.undp-slider-tooltip-placement-top .undp-slider-tooltip-arrow {
  transform: translateX(-50%) translateY(85%) rotate(180deg) scale(0.75) !important;
}

.undp-slider-tooltip-placement-bottom .undp-slider-tooltip-arrow {
  transform: translateX(-50%) translateY(-85%) scale(0.75) !important;
}

.undp-slider-tooltip-content{
  margin-top: -0.5rem !important;
}

.undp-slider .ant-slider-mark-text {
  font-size: 0.75rem;
  font-family: var(--fontFamily) !important;
}

@media (min-width: 90em) {
  .ant-slider-mark-text {
    display: inline-block;
  }
}

@media (min-width: 73.25em) and (max-width: 90em) {
  .ant-slider-mark-text {
    font-size: 10px !important;
  }
  .ant-slider-mark-text:nth-of-type(even) {
    display: inline-block;
  }
  .ant-slider-mark-text:nth-of-type(odd) {
    display: none !important;
  }
}

@media (max-width: 73.25em) {
  .ant-slider-mark-text {
    display: none !important;
  }
  .ant-slider-mark-text:first-of-type {
    display: inline-block;
  }
  
  .ant-slider-mark-text:last-of-type {
    display: inline-block;
  }
}

.ant-tooltip-placement-bottom{
  padding-top: 0.25rem !important;
}

.ant-tooltip-placement-top{
  padding-bottom: 0.25rem !important;
}

.stat-card-container{
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-05);
  align-items: stretch;
  flex-grow: 1;
}

.stat-card {
  padding: 2rem;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 17.5rem;
  background-color: var(--gray-200);
  font-size: 1.25rem;
  color: var(--black);
  transition: 300ms all;
  height: auto !important;
}

@media (max-width: 48em) {
  .stats-card {
    padding: 1.5rem;
  }
}


@media (min-width: 48em) {
  .undp-container, p.undp-style {
    font-size: 1.25rem;
  }
}

.stat-card:hover {
  background-color: var(--light-yellow);
}

.stat-card.no-hover:hover{  
  background-color: var(--gray-200);
}

.stat-card h2 {
  line-height: 1.09;
  text-shadow: none;
  -webkit-text-stroke: 2px var(--black);
  color: var(--gray-200);
  font-size: 5rem;
  letter-spacing: .05rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--fontFamilyHeadings);
}
@media (max-width: 48em) {
  .stats-card.small h2 {
    font-size: 4.375rem;
  }
}
.stat-card h3 {
  font-size: 4.375rem;
  line-height: 1.09;
  text-shadow: none;
  -webkit-text-stroke: 2px var(--black);
  color: var(--gray-200);
  letter-spacing: .05rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--fontFamilyHeadings);
}

@media (max-width: 48em) {
    .stats-card.small h3 {
      font-size: 3.5rem;
  }
}

.stat-card:hover h2 {
  color: var(--black);
}

.stat-card.no-hover:hover h2 {  
  color: var(--gray-200);
}

.stat-card:hover h3 {
  color: var(--black);
}

.stat-card.no-hover:hover h3 {
  color: var(--gray-200);
}

.stat-card h4 {
  line-height: 1.15;
  color: var(--black);
  font-size: 1.563rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

.stat-card p {
  line-height: 1.15;
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

.undp-switch.ant-switch {
  border: 2px solid var(--dark-red);
  background-color: var(--gray-100);
  height: 26px;
}

.undp-switch.ant-switch-checked {
  background-color: var(--light-red);
}

.undp-switch .ant-switch-handle::before{
  background-color: var(--dark-red);
  box-shadow: none;
}

.undp-switch.ant-switch:hover:not(.ant-switch-disabled){
  background-color: var(--light-red);
}


.undp-table-head {
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
  align-items: flex-end;
  background-color: var(--gray-300);
}

.undp-table-head-small {
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  align-items: flex-end;
  background-color: var(--gray-300);
}

.undp-table-head-sticky {
  position: sticky;
  top: 0;
}

.undp-sticky-cell-column {
  position: sticky;
  left: 0;
}

.undp-table-head-cell {
  padding: 1rem 0;
  background-color: var(--gray-300);
}

.undp-table-row {
  display: flex;
}

.undp-table-row-cell {
  padding: .75rem 0;
  font-size: 1.25rem;
  color: var(--black);
  background-color: #fff;
  border-bottom: 1px solid var(--gray-400);
}

.undp-table-row-cell-small {
  padding: 1rem 0;
  font-size: 1rem;
  color: var(--black);
  background-color: #fff;
  border-bottom: 1px solid var(--gray-400);
}

.undp-tabs .ant-tabs-nav {
  padding: 0 3rem;
  margin: 0;
  border-bottom: 2px solid var(--gray-200);
}

.undp-tabs.subhead-tabs {
  background-color: var(--gray-300);
}

.undp-tabs.subhead-tabs .ant-tabs-nav {
  padding: 0 var(--spacing-06);
  margin: 0 auto;
  background-color: var(--gray-300);
  border-bottom: 2px solid var(--gray-300);
  max-width: 1980px;
  width: 100%;
}

.undp-tabs.subhead-tabs .ant-tabs-content-holder {
  background-color: var(--white);
  padding: 0;
}

.undp-tabs .ant-tabs-tab {
  font-family: var(--fontFamily);
  font-size: 1rem !important;
  color: var(--black) !important;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
}

.undp-tabs .ant-tabs-nav::before {
  border-bottom: 1px solid var(--gray-200);
}

.undp-tabs .ant-tabs-tab .ant-tabs-tab-btn {
  color: var(--black);
  padding-bottom: 0.5rem;
  padding-left: 0;
  border-bottom: 2px solid var(--gray-200);
  font-size: 1rem !important;
}

.undp-tabs .ant-tabs-tab .ant-tabs-tab-btn>div {
  font-size: 1rem !important;
}

.undp-tabs .ant-tabs-tab .ant-tabs-tab-btn:focus {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}

.undp-tabs .ant-tabs-tab .ant-tabs-tab-btn:hover {
  border-bottom: 2px solid var(--gray-500);
}

.undp-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--black);
  padding-bottom: 0.5rem;
  padding-left: 0;
  font-weight: 700;
  border-bottom: 2px solid var(--dark-red);
}

.undp-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn:focus {
  box-shadow: 0 0 4px #0468b1;
  outline: 0;
}


.undp-tabs .ant-tabs-tab + .ant-tabs-tab {
  margin-left: 1.5rem;
}

.undp-tabs .ant-tabs-ink-bar {
  display: none;
}

.undp-tabs .ant-tabs-content-holder {
  padding: 2.5rem 1rem 1.25rem 1rem;
  font-size: 1.25rem;
}

.ant-tabs-dropdown {
  font-family: var(--fontFamily);
}

.ant-space-item {
  font-size: 1rem !important;
}

.undp-chip {
  align-items: center;
  background: var(--gray-200);
  border: none;
  border-radius: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  display: inline-flex;
  font-size: 1rem !important;
  padding: 0.25rem 1rem;
  font-family: var(--fontFamily) !important;
}

.undp-chip-small {
  font-size: 0.875rem !important;
}

.undp-chip-large {
  font-size: 1.25rem !important;
}

.undp-chip-red {
  background: var(--light-red);
}

.undp-chip-blue {
  background: var(--light-azure);
}

.undp-chip-yellow {
  background: var(--light-yellow);
}

.undp-chip-green {
  background: var(--light-green);
}

.undp-chip-clickable {
  cursor: pointer;
}

.undp-loader-container {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  height: 10rem;
}

.undp-hero-image {
  padding: 7.125rem 2rem;
  margin: 0 auto;
  width: calc(100% - 4.5rem);
  color: var(--white);
}

.undp-hero-image>div {
  max-width: 100rem;
}

.max-width-1980 {
  max-width: 1980px;
  margin-left: auto;
  margin-right: auto;
}

.undp-hero-image h1 {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.undp-hero-section-blue {
  background-color: var(--blue-600);
  padding: 7rem 0;
  margin: 0 auto;
  width: 100%;
  color: var(--white);
  display: flex;
  align-items: stretch;
  gap: 2rem;
}

.undp-hero-section-blue div.undp-section-content {
  width: calc(50% - 1rem);
}

.undp-section {
  padding: 0rem 1rem;
  margin: 0 auto;
  width: calc(100% - 2rem);
  display: flex;
  gap: 2rem;
}

.undp-section div {
  width: calc(50% - 1rem);
}

.undp-hero-section-gray {
  background-color: var(--gray-700);
  padding: 7rem 0;
  margin: 0 auto;
  width: 100%;
  color: var(--white);
  align-items: stretch;
  gap: 2rem;
}

.undp-hero-section-gray div.undp-section-content {
  width: calc(50% - 1rem);
}

.undp-footer {
  height: auto;
  font-family: var(--fontFamily);
  background-color: var(--blue-600);
  width: calc(100% - 1.5rem);
  padding: 3.25rem 0.75rem 3rem 0.75rem;
  color: var(--white);
}

.undp-footer>div {
  margin: 0 auto;
  max-width: 83.33333%;
}


.undp-footer>p {
  margin: 0 auto;
  max-width: 83.33333%;
}

.undp-footer-right-link {
  display: flex;
  justify-content: flex-end;
}

.undp-footer-right-container>div {
  text-align: right;
}

@media (max-width: 680px) { 
  .undp-footer-right-container{
    width: 100%;
    margin-top: var(--spacing-09);
  }
  .undp-footer-right-link {
    justify-content: flex-start;
  }
  .undp-footer-right-container>div {
    text-align: left;
  }
}

.undp-footer-link {
  font-size: 1rem !important;
  color: var(--white) !important;
  text-decoration: none !important;
}

.undp-footer-link:hover{
  opacity: 0.7;
}

.undp-country-header {
  height: auto;
  font-family: var(--fontFamily);
  background-color: var(--gray-100);
  box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
  height: 7.1875rem;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}

.undp-country-header .undp-header-bg {
  padding: 0 0.75rem;
  max-width: 100%;
}

.undp-country-header .undp-site-title {
  font-size: 1rem;
  line-height: 1rem;
  margin-top: -0.25rem;
  margin-left: var(--spacing-03);
  padding: 0.438rem 0;
  width: calc(100% - 52px);
}

@media  (min-width: 90em) {
  .undp-country-header .undp-site-title {
    font-size: 1.25rem;
    margin-right: 2rem;
    width: 14.4375rem;
  }  
}

.undp-country-header .undp-site-title span {
  display: flex;
  margin-top: 0.3rem;
  font-weight: 400;
}


.undp-country-header .undp-site-title span a {
  text-decoration: none;
  color: var(--black);
}

.undp-country-header .undp-site-title span a:hover {
  color: var(--blue-600);
}

.undp-country-header .undp-site-title .logo-sub-head {
  border-bottom: 1px solid var(--gray-500);
  color: var(--gray-600);
  display: inline-block;
  font-size: .75rem;
  margin: 0;
  margin-bottom: var(--spacing-02);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 400;
  padding-bottom: 1px;
  text-decoration: none !important;
}

.undp-nav-div {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  gap: 4.375rem;
  text-transform: uppercase;
}

.undp-nav-div a {
  color: var(--gray-700);
  letter-spacing: 0.03em;
  text-decoration: none;
}

.header-link-active {
  color: var(--blue-600) !important;
}

.header-link:hover {
  color: var(--gray-600) !important;
}

.undp-pagination .ant-pagination-item.ant-pagination-item-active {
  border-radius: 2rem;
  background-color: var(--blue-600);
  font-size: 1rem;
  font-family: var(--fontFamily);
}

.undp-pagination a {
  background-image: none !important;
}

.undp-pagination .ant-pagination-item.ant-pagination-item-active a{
  color: var(--white);
}

.undp-button-dropdown {
  background-color: var(--gray-200);
  padding: var(--spacing-05);
  display: flex;
  align-items: center;
  border-radius: 4px;
  width: fit-content;
  cursor: pointer;
}
.undp-button-dropdown.no-background {
  background-color: transparent;
}

.undp-button-dropdown:hover {
  background-color: var(--gray-300);
  color: var(--dark-red) !important;
}

.undp-button-dropdown.no-background:hover {
  background-color: transparent;
}

.undp-button-dropdown:after {
  transition: .2s ease;
  display: block;
  background: url(https://design.undp.org/icons/chevron-down.svg) no-repeat left center;
  color: var(--black);
  height: 20px;
  margin-left: 0.75rem;
  content: "";
  width: 20px;
}

.undp-dropdown-menu {
  background-color: var(--gray-200);
  border-radius: 0;
}

.undp-dropdown-menu .ant-dropdown-menu-item {
  padding: var(--spacing-05);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
}

.undp-accordion-with-bg {
  border: 0;
  border-radius: 2rem;
  background-color: transparent;
  font-family: var(--fontFamily);
  color: var(--gray-700);
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-05);
}

.undp-accordion-with-bg-item {
  padding: 0 !important;
  background-color: var(--gray-200);
  border: 0 !important;
}


.undp-accordion-with-bg-item .ant-collapse-header {
  display: flex;
  align-items: center !important;
  padding: 1rem;
}

.undp-accordion-with-bg-item .ant-collapse-header .ant-collapse-header-text{
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 1rem;
}

.undp-accordion-with-bg-item .ant-collapse-content-box {
  padding: 1rem;
  background-color: var(--gray-200);
}

@media (max-width: 72rem) {
  .undp-nav-div{
    gap:3.5rem;
  }
}

@media (max-width: 81.25rem) {
  .nav-top-right{
    width: auto;
  }
}

.undp-menu-hamburger {
  margin-left: 0;
  background: none;
  border: 0;
  cursor: pointer;
  display: none;
  font-size: 0;
  min-height: 1.75rem;
  position: relative;
  width: 1.375rem;
  z-index: 25;
}

@media (max-width: 85rem) {
  .undp-nav-div{
    display: none !important;
  }
  .undp-menu-hamburger {
    display: block;
  }
  .nav-top-right {
    width: fit-content;
  }
}

.undp-menu-hamburger .undp-hamburger-line.undp-line-top {
  transform: translateY(-6.5px);
}
.undp-menu-hamburger .undp-hamburger-line.undp-line-bottom {
  transform: translateY(6.5px);
}


.undp-menu-hamburger.is-active .undp-hamburger-line.undp-line-top {
  transform: translateY(0) rotate(45deg);
}

.undp-menu-hamburger.is-active .undp-hamburger-line.undp-line-middle {
  opacity: 0;
  transform: translateX(6.33px);
}

.undp-menu-hamburger.is-active .undp-hamburger-line.undp-line-bottom {
  transform: translateY(0) rotate(-45deg);
}

.undp-menu-hamburger .undp-hamburger-line {
  background-color: #006eb5;
  display: block;
  height: 0.125rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0.75rem;
  transition: .2s ease-out;
  width: 1.375rem;
}


.undp-mobile-nav {
  box-sizing: border-box;
  display: none;
  height: calc(100vh - 7.1875rem);
  left: 0;
  margin: 0;
  overflow-y: auto;
  padding: 5.625rem 1.5rem 3.75rem 1.5rem;
  position: absolute;
  top: 100%;
  width: 100%;
  backdrop-filter: blur(18px);
  background: rgba(247,247,247,.8);
}

.undp-mobile-nav div{
  padding-bottom: 2.25rem;
  font-size: 1rem;
  color: var(--black);
  text-transform: uppercase;
  width: 100%;
  font-weight: 700;  
  letter-spacing: .03em;
  line-height: 1;
}

.undp-mobile-nav div a{
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--black);
  text-decoration: none;
  width: 100%;
}

.mobile-nav-show {
  display: block;
}

.undp-tab-radio {
  background-color: var(--gray-100);
  border-radius: 5rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--blue-600);
  color: var(--black);
  font-size: 1rem;
  cursor: pointer;
  font-family: var(--fontFamily) !important;
}

.undp-tab-radio.selected {
  background-color: var(--blue-600);
  color: var(--white);
}

.undp-select-no-background:after {
  transform: translateY(-50%) !important;
  transition: all 200ms ease-in-out !important;
  background: url(https://design.undp.org/static/media/chevron-down.16c97a3f.svg) no-repeat center center !important;
  content: "" !important;
  float: right !important;
  height: 13px !important;
  position: absolute !important;
  pointer-events: none !important;
  right: 14px !important;
  top: 50% !important;
  width: 20px !important;
}

.undp-select-no-background .ant-select-selector {
  padding: 0 !important;
  border: 0 !important;
  height: 60px !important;
}

.undp-select-no-background .ant-select-selection-item{
  font-size: 2.5rem !important;
  font-weight: bold;
  padding-right: 3rem !important;
  line-height: 1.5 !important;
}

li.undp-list-item {
  font-family: var(--fontFamily) !important;
}

.insight-card {
  padding: var(--spacing-07) 0;
  min-width: 100%;
  scroll-snap-align: start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-07);
  padding-bottom: var(--spacing-07);
  justify-content: space-between;
}

.insight-card-text {
  width: calc(40% - 1rem);
  @media (max-width: 960px) {
    width: 100%;
  }
}

.category-tag{
  font-size: 0.75rem !important;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;  
}

.insight-card-graph {
  width: calc(60% - 5rem);
  display: flex;
  flex-direction: column;
  padding: var(--spacing-06) var(--spacing-07);
  justify-content: space-between;
  gap: var(--spacing-05);
  background-color: var(--white);
  @media (max-width: 960px) {
    width: 100%;
  }  
}

h1.banner-heading.undp-typography{
  font-family: var(--fontFamilyHeadings);
  font-size: 1.8rem;
}
@media (min-width: 48em) {
  h1.banner-heading.undp-typography {
      font-size: 3.125rem;
  }
}

@media (min-width: 64em) {
  h1.banner-heading.undp-typography {
      font-size: 4.25rem;
  }
}

.undp-breadcrumb {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.undp-breadcrumb-light {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.undp-breadcrumb a {
  background: none;
  text-decoration: none;
  color: var(--dark-red);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: opacity .2s ease;
}

.undp-breadcrumb .divider {
  background: none;
  color: var(--dark-red);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.undp-breadcrumb a:hover {
  color: var(--red);
}

.undp-breadcrumb span {
  background: none;
  color: var(--gray-700);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}


.undp-breadcrumb-light a {
  background: none;
  color: var(--white);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: opacity .2s ease;
  text-decoration: none !important;
}

.undp-breadcrumb-light a:hover {
  opacity: 0.7;
}

.undp-breadcrumb-light .divider {
  background: none;
  color: var(--white);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  content: '/';
}

.undp-breadcrumb-light span {
  background: none;
  color: var(--white);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.undp-accordion .ant-collapse-item{
  border: 0 !important;
  background-color: var(--gray-200) !important;
  margin-bottom: 1rem !important;
}

.undp-accordion {
  background-color: transparent !important;
}

.undp-accordion.no-background .ant-collapse-item{
  border: 0 !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--gray-500) !important;
  margin-bottom: 0 !important;
}

.undp-accordion .ant-collapse-item .ant-collapse-header{
  align-items: center !important;
}

.undp-accordion.no-background .ant-collapse-item .ant-collapse-header{
  padding-left: 0;
  padding-right: 0;
}

.undp-accordion.no-background .ant-collapse-item .ant-collapse-header{
  align-items: center !important;
}

.undp-accordion .ant-collapse-item .ant-collapse-header-text{
  font-size: 1.5rem !important;
  font-weight: 600;
}

.undp-accordion.no-background .ant-collapse-item .ant-collapse-header-text{
  font-size: 1.563rem !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
}

.undp-message.ant-message-notice-success .ant-message-notice-content{
  padding: 0.5rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600;
  border: 1px solid var(--dark-green);
  border-radius: 0;
  background-color: var(--light-green);
  box-shadow: 0 0 0 !important;
}

.undp-message.ant-message-notice-success .ant-message-notice-content .ant-message-success{
  display: flex !important;
  align-items: center !important;
}

.undp-message.ant-message-notice-error .ant-message-notice-content{
  padding: 0.5rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600;
  border: 1px solid var(--dark-red);
  border-radius: 0;
  background-color: var(--light-red);
  box-shadow: 0 0 0 !important;
}

.undp-message.ant-message-notice-error .ant-message-notice-content .ant-message-error{
  display: flex !important;
  align-items: center !important;
}

.undp-message.ant-message-notice-warning .ant-message-notice-content{
  padding: 0.5rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600;
  border: 1px solid var(--dark-yellow);
  border-radius: 0;
  background-color: var(--light-yellow);
  box-shadow: 0 0 0 !important;
}

.undp-message.ant-message-notice-warning .ant-message-notice-content .ant-message-warning{
  display: flex !important;
  align-items: center !important;
}

.undp-message.ant-message-notice-info .ant-message-notice-content{
  padding: 0.5rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600;
  border: 1px solid var(--gray-500);
  border-radius: 0;
  background-color: var(--gray-300);
  box-shadow: 0 0 0 !important;
}

.undp-message.ant-message-notice-info .ant-message-notice-content .ant-message-info{
  display: flex !important;
  align-items: center !important;
}

.undp-message.ant-message-notice-loading .ant-message-notice-content{
  padding: 0.5rem 1rem !important;
  font-size: 1.125rem !important;
  font-weight: 600;
  border: 1px solid var(--gray-500);
  border-radius: 0;
  background-color: var(--gray-300);
  box-shadow: 0 0 0 !important;
}

.undp-message.ant-message-notice-loading .ant-message-notice-content .ant-message-loading{
  display: flex !important;
  align-items: center !important;
}

/* Margins */

.margin-00 {
  margin: var(--spacing-00) !important;
}

.margin-top-00 {
  margin-top: var(--spacing-00) !important;
}

.margin-bottom-00 {
  margin-bottom: var(--spacing-00) !important;
}

.margin-left-00 {
  margin-left: var(--spacing-00) !important;
}

.margin-right-00 {
  margin-right: var(--spacing-00) !important;
}

.margin-01 {
  margin: var(--spacing-01) !important;
}

.margin-top-01 {
  margin-top: var(--spacing-01) !important;
}

.margin-bottom-01 {
  margin-bottom: var(--spacing-01) !important;
}

.margin-left-01 {
  margin-left: var(--spacing-01) !important;
}

.margin-right-01 {
  margin-right: var(--spacing-01) !important;
}

.margin-02 {
  margin-top: var(--spacing-02) !important;
}

.margin-top-02 {
  margin-top: var(--spacing-02) !important;
}

.margin-bottom-02 {
  margin-bottom: var(--spacing-02) !important;
}

.margin-left-02 {
  margin-left: var(--spacing-02) !important;
}

.margin-right-02 {
  margin-right: var(--spacing-02) !important;
}

.margin-03 {
  margin: var(--spacing-03) !important;
}

.margin-top-03 {
  margin-top: var(--spacing-03) !important;
}

.margin-bottom-03 {
  margin-bottom: var(--spacing-03) !important;
}

.margin-left-03 {
  margin-left: var(--spacing-03) !important;
}

.margin-right-03 {
  margin-right: var(--spacing-03) !important;
}

.margin-04 {
  margin: var(--spacing-04) !important;
}

.margin-top-04 {
  margin-top: var(--spacing-04) !important;
}

.margin-bottom-04 {
  margin-bottom: var(--spacing-04) !important;
}

.margin-left-04 {
  margin-left: var(--spacing-04) !important;
}

.margin-right-04 {
  margin-right: var(--spacing-04) !important;
}

.margin-05 {
  margin: var(--spacing-05) !important;
}

.margin-top-05 {
  margin-top: var(--spacing-05) !important;
}

.margin-bottom-05 {
  margin-bottom: var(--spacing-05) !important;
}

.margin-left-05 {
  margin-left: var(--spacing-05) !important;
}

.margin-right-05 {
  margin-right: var(--spacing-05) !important;
}

.margin-06 {
  margin: var(--spacing-06) !important;
}

.margin-top-06 {
  margin-top: var(--spacing-06) !important;
}

.margin-bottom-06 {
  margin-bottom: var(--spacing-06) !important;
}

.margin-left-06 {
  margin-left: var(--spacing-06) !important;
}

.margin-right-06 {
  margin-right: var(--spacing-06) !important;
}

.margin-07 {
  margin: var(--spacing-07) !important;
}

.margin-top-07 {
  margin-top: var(--spacing-07) !important;
}

.margin-bottom-07 {
  margin-bottom: var(--spacing-07) !important;
}

.margin-left-07 {
  margin-left: var(--spacing-07) !important;
}

.margin-right-07 {
  margin-right: var(--spacing-07) !important;
}

.margin-08 {
  margin: var(--spacing-08) !important;
}

.margin-top-08 {
  margin-top: var(--spacing-08) !important;
}

.margin-bottom-08 {
  margin-bottom: var(--spacing-08) !important;
}

.margin-left-08 {
  margin-left: var(--spacing-08) !important;
}

.margin-right-08 {
  margin-right: var(--spacing-08) !important;
}

.margin-09 {
  margin: var(--spacing-09) !important;
}

.margin-top-09 {
  margin-top: var(--spacing-09) !important;
}

.margin-bottom-09 {
  margin-bottom: var(--spacing-09) !important;
}

.margin-left-09 {
  margin-left: var(--spacing-09) !important;
}

.margin-right-09 {
  margin-right: var(--spacing-09) !important;
}

.margin-10 {
  margin: var(--spacing-10) !important;
}

.margin-top-10 {
  margin-top: var(--spacing-10) !important;
}

.margin-bottom-10 {
  margin-bottom: var(--spacing-10) !important;
}

.margin-left-10 {
  margin-left: var(--spacing-10) !important;
}

.margin-right-10 {
  margin-right: var(--spacing-10) !important;
}

.margin-11 {
  margin: var(--spacing-11) !important;
}

.margin-top-11 {
  margin-top: var(--spacing-11) !important;
}

.margin-bottom-11 {
  margin-bottom: var(--spacing-11) !important;
}

.margin-left-11 {
  margin-left: var(--spacing-11) !important;
}

.margin-right-11 {
  margin-right: var(--spacing-11) !important;
}

.margin-12 {
  margin: var(--spacing-12) !important;
}

.margin-top-12 {
  margin-top: var(--spacing-12) !important;
}

.margin-bottom-12 {
  margin-bottom: var(--spacing-12) !important;
}

.margin-left-12 {
  margin-left: var(--spacing-12) !important;
}

.margin-right-12 {
  margin-right: var(--spacing-12) !important;
}

.margin-13 {
  margin: var(--spacing-13) !important;
}

.margin-top-13 {
  margin-top: var(--spacing-13) !important;
}

.margin-bottom-13 {
  margin-bottom: var(--spacing-13) !important;
}

.margin-left-13 {
  margin-left: var(--spacing-13) !important;
}

.margin-right-13 {
  margin-right: var(--spacing-13) !important;
}


/* Paddings */

.padding-00 {
  padding: var(--spacing-00) !important;
}

.padding-top-00 {
  padding-top: var(--spacing-00) !important;
}

.padding-bottom-00 {
  padding-bottom: var(--spacing-00) !important;
}

.padding-left-00 {
  padding-left: var(--spacing-00) !important;
}

.padding-right-00 {
  padding-right: var(--spacing-00) !important;
}

.padding-01 {
  padding: var(--spacing-01) !important;
}

.padding-top-01 {
  padding-top: var(--spacing-01) !important;
}

.padding-bottom-01 {
  padding-bottom: var(--spacing-01) !important;
}

.padding-left-01 {
  padding-left: var(--spacing-01) !important;
}

.padding-right-01 {
  padding-right: var(--spacing-01) !important;
}

.padding-02 {
  padding-top: var(--spacing-02) !important;
}

.padding-top-02 {
  padding-top: var(--spacing-02) !important;
}

.padding-bottom-02 {
  padding-bottom: var(--spacing-02) !important;
}

.padding-left-02 {
  padding-left: var(--spacing-02) !important;
}

.padding-right-02 {
  padding-right: var(--spacing-02) !important;
}

.padding-03 {
  padding: var(--spacing-03) !important;
}

.padding-top-03 {
  padding-top: var(--spacing-03) !important;
}

.padding-bottom-03 {
  padding-bottom: var(--spacing-03) !important;
}

.padding-left-03 {
  padding-left: var(--spacing-03) !important;
}

.padding-right-03 {
  padding-right: var(--spacing-03) !important;
}

.padding-04 {
  padding: var(--spacing-04) !important;
}

.padding-top-04 {
  padding-top: var(--spacing-04) !important;
}

.padding-bottom-04 {
  padding-bottom: var(--spacing-04) !important;
}

.padding-left-04 {
  padding-left: var(--spacing-04) !important;
}

.padding-right-04 {
  padding-right: var(--spacing-04) !important;
}

.padding-05 {
  padding: var(--spacing-05) !important;
}

.padding-top-05 {
  padding-top: var(--spacing-05) !important;
}

.padding-bottom-05 {
  padding-bottom: var(--spacing-05) !important;
}

.padding-left-05 {
  padding-left: var(--spacing-05) !important;
}

.padding-right-05 {
  padding-right: var(--spacing-05) !important;
}

.padding-06 {
  padding: var(--spacing-06) !important;
}

.padding-top-06 {
  padding-top: var(--spacing-06) !important;
}

.padding-bottom-06 {
  padding-bottom: var(--spacing-06) !important;
}

.padding-left-06 {
  padding-left: var(--spacing-06) !important;
}

.padding-right-06 {
  padding-right: var(--spacing-06) !important;
}

.padding-07 {
  padding: var(--spacing-07) !important;
}

.padding-top-07 {
  padding-top: var(--spacing-07) !important;
}

.padding-bottom-07 {
  padding-bottom: var(--spacing-07) !important;
}

.padding-left-07 {
  padding-left: var(--spacing-07) !important;
}

.padding-right-07 {
  padding-right: var(--spacing-07) !important;
}

.padding-08 {
  padding: var(--spacing-08) !important;
}

.padding-top-08 {
  padding-top: var(--spacing-08) !important;
}

.padding-bottom-08 {
  padding-bottom: var(--spacing-08) !important;
}

.padding-left-08 {
  padding-left: var(--spacing-08) !important;
}

.padding-right-08 {
  padding-right: var(--spacing-08) !important;
}

.padding-09 {
  padding: var(--spacing-09) !important;
}

.padding-top-09 {
  padding-top: var(--spacing-09) !important;
}

.padding-bottom-09 {
  padding-bottom: var(--spacing-09) !important;
}

.padding-left-09 {
  padding-left: var(--spacing-09) !important;
}

.padding-right-09 {
  padding-right: var(--spacing-09) !important;
}

.padding-10 {
  padding: var(--spacing-10) !important;
}

.padding-top-10 {
  padding-top: var(--spacing-10) !important;
}

.padding-bottom-10 {
  padding-bottom: var(--spacing-10) !important;
}

.padding-left-10 {
  padding-left: var(--spacing-10) !important;
}

.padding-right-10 {
  padding-right: var(--spacing-10) !important;
}

.padding-11 {
  padding: var(--spacing-11) !important;
}

.padding-top-11 {
  padding-top: var(--spacing-11) !important;
}

.padding-bottom-11 {
  padding-bottom: var(--spacing-11) !important;
}

.padding-left-11 {
  padding-left: var(--spacing-11) !important;
}

.padding-right-11 {
  padding-right: var(--spacing-11) !important;
}

.padding-12 {
  padding: var(--spacing-12) !important;
}

.padding-top-12 {
  padding-top: var(--spacing-12) !important;
}

.padding-bottom-12 {
  padding-bottom: var(--spacing-12) !important;
}

.padding-left-12 {
  padding-left: var(--spacing-12) !important;
}

.padding-right-12 {
  padding-right: var(--spacing-12) !important;
}

.padding-13 {
  padding: var(--spacing-13) !important;
}

.padding-top-13 {
  padding-top: var(--spacing-13) !important;
}

.padding-bottom-13 {
  padding-bottom: var(--spacing-13) !important;
}

.padding-left-13 {
  padding-left: var(--spacing-13) !important;
}

.padding-right-13 {
  padding-right: var(--spacing-13) !important;
}

/* Flex Classes */

.flex-div {
  display: flex;
  gap: var(--spacing-05);
}

/* Flex Directions */

.flex-row {
  flex-direction: row;
}

.flex-row-reversed {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reversed {
  flex-direction: column-reverse;
}

/* Flex wrap settings */

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

/* Flex vertical and horizontal alignment */

.flex-vert-align-center {  
  align-items: center;
}

.flex-vert-align-bottom {  
  align-items: flex-end;
}

.flex-space-between {
  justify-content: space-between;
}

.flex-hor-align-center {
  justify-content: center;
}

/* Grow and Shrink */

.grow {
  flex-grow: 1;
}

.no-shrink {
  flex-shrink: 0;
}

/* Gap for Flex Boxes */

.gap-00 {
  gap: var(--spacing-00) !important;
}

.gap-01 {
  gap: var(--spacing-01) !important;
}

.gap-02 {
  gap: var(--spacing-02) !important;
}

.gap-03 {
  gap: var(--spacing-03) !important;
}

.gap-04 {
  gap: var(--spacing-04) !important;
}

.gap-05 {
  gap: var(--spacing-05) !important;
}

.gap-06 {
  gap: var(--spacing-06) !important;
}

.gap-07 {
  gap: var(--spacing-07) !important;
}

.gap-08 {
  gap: var(--spacing-08) !important;
}

.gap-09 {
  gap: var(--spacing-09) !important;
}

.gap-10 {
  gap: var(--spacing-10) !important;
}

.gap-11 {
  gap: var(--spacing-11) !important;
}

/* Typography Classes */

.undp-container .align-right {
  text-align: right !important;
}

.undp-container .align-center {
  text-align: center !important;
}

.undp-container .bold {
  font-weight: bold !important;
}

.undp-container .italics {
  font-style: italic !important;
}

.undp-container .small-font {
  font-size: 0.875rem !important;
}

.undp-container .large-font{
  font-size: 1.25rem !important;
}

.undp-container .label {
  margin-bottom: var(--spacing-03);
  margin-top: 0;
  font-size: 0.875rem !important;
  line-height: 1.4;
}