@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@16;100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@16;25;50;100;400;600&family=IBM+Plex+Sans:wght@100;200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,500,1,0');





.form-required:after {
  background-image: unset !important;
}



input:required:focus:invalid {
  border: 2px solid red;
}

textarea:required:focus:invalid {
  border: 2px solid red !important;
}

input:required:focus:invalid+label {
  color: red;
}


input[type="radio"]:required:focus:invalid {
  outline: 2px solid red;
}


input[type="radio"]:required:focus:invalid+label {
  color: red;

}




.pager__item > a[title='Load more items'] {
  height: 40px;
    width: 124px;
    border-radius: 0 0 6px 0;
    background-color: #00A4B2;
    color: #FFFFFF;
    font-family: Archivo, sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.24px;
    line-height: 19px;
    padding-top: 10px;
    padding-bottom: 11px;
}


@media (min-width: 1440px) {
      .project-node-title {
        width: 576px;
      
      }
      .project-text-divider {
        width: 576px;
      }
      .news-event-page-search-cont input {
        width: 573px;
      }
}


#views-exposed-form-news-block-5 > div > div,  #views-exposed-form-news-block-6 > div > div {
  margin-top: unset;
}

.campaign {
  margin-bottom: 0.5rem !important;
}


#project-search-title {
  max-width: 828px;
  margin: auto;
  float: unset;
  margin-bottom: 32px;
}

#project-search-title > .form-type-textfield > input {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: url("../images/icons/Search.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-position-x: 98%;
  width: 100%;
  padding: 8px;
  
}

#project-search-title >  div > input::placeholder {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  
}

#project-search-title-cont {
  display: flex
}

#edit-grid-list-layout--2--wrapper > div {
  display: flex;
  justify-content: end;
}




#edit-news-year, #edit-events-year {
  box-sizing: border-box;
  height: 40px;
  width: 171px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  color: #A3ADAE;
}

label[for="edit-news-year"], label[for="edit-events-year"] {
    color: #1A1C1E;
    font-family: Archivo,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 20px;
    margin-bottom: 4px;
}

body{
  background-color: #F5F8F8;
}

.order-lg-2 >.row{
    margin-right: unset !important;
    margin-left: unset !important
}

.main-stdf-cont {
  position: relative;
  overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
}

.sf-a a {
  height: 24px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.sf-a a:hover {
  height: 24px;
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  border: unset;
}
.sf-a a.nav-link.active {
  height: 24px;
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  border: unset;
  padding-left: unset;
}

.nav-tabs {
  border: unset;
}

.h-1-heading-61-px-siz {
  height: 64px;
  width: 1295px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
}

.h-2-heading-40-px-siz {
  height: 48px;
  width: 882px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 48px;
}

.h-3-heading-32-px-siz {
  height: 40px;
  width: 706px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
}

.h-4-heading-25-size {
  height: 32px;
  width: 543px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 32px;
  text-align: justify;
}

.h-5-heading-20-size {
  height: 24px;
  width: 436px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.h-6-heading-16-size {
  height: 24px;
  width: 351px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.view-id-styleguide {
  margin-top: 100px;
}

.views-field-title {
  height: 28px;
  width: 337px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 16px;
}

.paragraph--type--styleguide-mini-body-text.paragraph--view-mode--default {
  margin-top: 48px;
}

.body-text-others {
  height: 28px;
  width: 246px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.body-text-large-20-p {
  height: 28px;
  width: 501px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.body-text-small-16-p {
  height: 24px;
  width: 402px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.buttons-archivo-500 {
  height: 28px;
  width: 267px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.buttons-17-px-size {
  height: 19px;
  width: 415px;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.cta-buttons-19-px-si {
  height: 21px;
  width: 505px;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 21px;
}


.paragraph--view-mode--card-background {
  height: 150px;
  background-color: #DADADA;
  padding-left: 80px;
  padding-top:24px;
  padding-bottom: 24px;
}

.paragraph--view-mode--default.paragraph--type--styleguide-mini-body-text {
  padding-bottom: 24px;
}

.labels-archivo-500 {
  height: 20px;
  width: 787px;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.caption-archivo-400 {
  height: 16px;
  width: 604px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.quotes-large-archi-1 {
  height: 40px;
  width: 1296px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 30px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 40px;
}

.quotes-large-archi {
  height: 128px;
  width: 1296px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 48px;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 64px;
}
.views-field-field-qoutes {
  margin-top: -40px;
}

.color_palletes {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  grid-gap: 0.2rem;
}

.palletes{
  padding: .5rem;
}

.name {
  height: 24px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.hex {
  height: 20px;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-top: 5px;
}

.rectangle {
  height: 128px;
  margin-top:7px;
}

.black_bg {
  background-color: #151D1F;
}

.grey_50 {
  background-color: #70797A;
}

.grey_70 {
  background-color: #A3ADAE;
}

.primary_60 {
  background-color: #00A4B2;
}

.primary_80 {
  background-color: #4ED8E8;
}

.white {
  background-color: #FFFFFF;
}

.error_red {
  background-color: #BA1B19;
}

.yellow {
  background-color: #F8BC49;
}

.for-subtitles-and-le {
  height: 72px;
  width: 128px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.paragraph--view-mode--color-cards > div:nth-child(4) {
  width: 128px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top:16px;
  font-weight: 300;
}

.depending-on-context {
  height: 48px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 48px;
}

.depending-on-context > span:nth-child(2) {
  font-weight: 500;
}

.paragraph--view-mode--utility-container > div:nth-child(1) {
  height: 272px;
  background-color: #FFDAD6;
  padding-left: 80px;
  padding-top: 52px;
}

.logo-img {
  height: 42px !important;
  margin: unset !important;
}

.logo-cont{
  background: #fff;
}

.region-nav-main {
  padding-top: 9px;
  padding-bottom: 9px;
}



.ext-cont {
  width: 1200px !important;
  margin: auto !important;
  background: #fff;
  height: 42px;
}

.primary_50{
  background-color: #02848F;
}

.secondary_75{
  background-color: #E7B55C;
}

.primary_98{
  background-color: #EBFDFF;
}
.secondary_90{
  background-color: #FFDEAA;
}

.secondary_98{
  background-color: #FFFBF5;

}
.field--name-field-cards-container-title{
  height: 28px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 24px;
  padding: 0.5rem;
}

.paragraph--view-mode--_-x-2-column {
  margin-bottom: 60px
}

.grey_80{
  background-color: #BEC8CA;
}

.grey_90 {
  background-color: #DBE3E5;
}

.grey_98 {
  background-color: #F5F8F8;
}

.grey_99 {
  background-color: #F9FBFB;
}

.error_surface {
  background-color: #FFDAD6;
}

.teal {
  background-color: #00A4B2;
}
.red {
  background-color: #E74254;
}

.burgundy {
  background-color: #9C0751;
}

.mustard{
  background-color: #E7B55C;
}

.green {
  background-color: #4BB9A9;
}

.pale_green {
  background-color: #F4F8F1;
}


.field--name-field-caption {
  height: 16px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top:2px
}

.cl-4 > .paragraph--type--typography > .field--name-field-color-cards > .color_palletes  {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  grid-gap: 0.2rem;
}

.el_1 {
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
}

.el_2 {
  box-shadow: 0 4px 6px -2px rgba(2,105,114,0.3);
}

.el_3 {
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
}

.views-field-field-layer-styles > .field-content  > div:nth-child(3) > .field--name-field-color-cards > .field__items {

  grid-template-columns: 160px 160px 160px 160px 300px;

}

.green_gradient{
  background: linear-gradient(270deg, #00A4B2 0%, #4BB9A9 100%);
  width: 280px;

}

.border_input_default {
  border: 1px solid #A3ADAE;
}

.border_input_secondary {
  border: 1px solid #00A4B2;
}

.border_input_disabled {
  border: 1px solid #BEC8CA;
}

.border_input_icon_default {
  border: 2px solid #70797A;
}

.border_input_disabled_solid {
  border: 2px solid #BEC8CA;
}

.border_input_error {
  border: 1px solid #BA1B19;
}

.border_input_focused {
  border: 2px solid #00A4B2;
}

.icon_active {
  background-color: #00A4B2;
}

.icon_focus_hover {
  border: 2px solid #4ED8E8;
}

.icon_pressed {
  background-color: #02848F;
}

.icon_disabled {
  border: 2px solid #BEC8CA;
  background-color: #F5F8F8;
}

.border_input_focused_hover {
  border: 2px solid #4ED8E8;
}

.border_input_pressed {
  border: 2px solid #02848F;
}

.layer_styles_default {
  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #00A4B2;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px rgba(0,0,0,0.5);
  display: none;
}

.layer_styles_focus_hover {
  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #4ED8E8;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px #02848F;
  display: none;

}

.layer_styles_passed {
  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #02848F;
  background-color: #EBFDFF;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
  display: none;

}

.views-field-field-layer-styles > .field-content  > div:nth-child(5) > .field--name-field-color-cards > .field__items {

  grid-template-columns: 300px 300px 300px;

}


.views-field-field-layer-styles > .field-content  > div:nth-child(5) > .field--name-field-color-cards > .field__items > div:nth-child(1) > .paragraph--type--styleguide-mini-body-text > div:nth-child(5) {

  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #00A4B2;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px rgba(0,0,0,0.5);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  /* height: 48px; */
  /* width: 260px; */
  color: #000000;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;

}

.views-field-field-layer-styles > .field-content  > div:nth-child(5) > .field--name-field-color-cards > .field__items > div:nth-child(2) > .paragraph--type--styleguide-mini-body-text > div:nth-child(5) {

  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #4ED8E8;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px #02848F;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  /* height: 48px; */
  /* width: 260px; */
  color: #000000;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;

}

.views-field-field-layer-styles > .field-content  > div:nth-child(5) > .field--name-field-color-cards > .field__items > div:nth-child(3) > .paragraph--type--styleguide-mini-body-text > div:nth-child(5) {

  box-sizing: border-box;
  height: 113px;
  width: 280px;
  border: 2px solid #02848F;
  background-color: #EBFDFF;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  /* height: 48px; */
  /* width: 260px; */
  color: #000000;
  font-family: Archivo, sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
}

.views-field-field-layer-styles > .field-content > div {
  margin-bottom: 10px;
}

.default-btn {
  box-sizing: border-box;
  height: 48px;
  width: 112px;
  border: 2px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px rgba(0,0,0,0.5);
  margin-bottom: 14px;
  margin-top: 13px;
}

.default-btn:hover {
  box-sizing: border-box;
  height: 48px;
  width: 178px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px #02848F;
}

.default-btn:focus {
  box-sizing: border-box;
  height: 48px;
  width: 178px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px #02848F;
}

.default-btn:visited {
  box-sizing: border-box;
  height: 48px;
  width: 121px;
  border: 2px solid #02848F;
  border-radius: 0 0 8px 0;
  background-color: #EBFDFF;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
}

.buttons-1-cta {
  height: 48px;
  width: 112px;
}

.buttons-1-cta-1 {
  height: 48px;
  width: 178px;
}

.buttons-1-cta-2 {
  height: 48px;
  width: 121px;
}

.default-btn:active {
  box-sizing: border-box;
  height: 48px;
  width: 121px;
  border: 2px solid #02848F;
  border-radius: 0 0 8px 0;
  background-color: #EBFDFF;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
}

.default-focus {
  box-sizing: border-box;
  height: 48px;
  width: 178px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px #02848F;
  margin-bottom: 14px;
  margin-top: 13px;
}

.default-pressed {
  box-sizing: border-box;
  height: 48px;
  width: 121px;
  border: 2px solid #02848F;
  border-radius: 0 0 8px 0;
  background-color: #EBFDFF;
  box-shadow: 0 2px 1px -1px rgba(0,0,0,0.25);
  margin-bottom: 14px;
  margin-top: 13px;
}

.btn-text {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 21px;
}

.icon-icons-arrow-left {
  height: 24px;
  width: 24px;
}

.icon-icons-arrow-right {
  height: 24px;
  width: 24px;
}

.left-arrow-icon:before {
  color: white;
  content: url(../images/icons/Arrow_left.svg);;
}

.right-arrow-icon:before {
  content: url(../images/icons/Arrow_right.svg);;
}


.btn-regular-text {
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.regular-btn {
  height: 40px;
  width: auto;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: unset;
  padding: 10px 16px;
}

.regular-btn:focus {
  height: 40px;
  width: auto;
  border-radius: 0 0 6px 0;
  background-color: #4ED8E8;
}


.regular-btn:active {
  height: 40px;
  width: 106px;
  border-radius: 0 0 6px 0;
  background-color: #02848F;
  border: unset;

}

.regular-btn:hover {
  height: 40px;
  border-radius: 0 0 6px 0;
  background-color: #fff;
  border: unset;
  color: #02848F;

}

.regular-btn-focused {
  height: 40px;
  width: auto;
  border-radius: 0 0 6px 0;
  background-color: #4ED8E8;
  border: unset;
  padding: 10px 16px;

}

.regular-btn-active {
  height: 40px;
  width: 106px;
  border-radius: 0 0 6px 0;
  border: unset;
  background-color: #02848F;
  padding: 10px 16px;

}


.disabled-btn {
  height: 40px;
  width: auto;
  border-radius: 0 0 6px 0;
  background-color: #A3ADAE;
  padding: 10px 16px;
  border: unset;
}

.secondary-btn {
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #00A4B2;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  padding: 10px 16px;
  cursor: pointer;
}

.secondary-btn:focus {
  box-sizing: border-box;
  height: 40px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
}

.secondary-btn:active {
  box-sizing: border-box;
  height: 40px;
  border: 2px solid #02848F;
  border-radius: 0 0 6px 0;
  background-color: #EBFDFF;
}

.btn-secondary-text {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.btn-secondary-disabled {
  box-sizing: border-box;
  height: 40px;
  width: auto;
  border: 2px solid #BEC8CA;
  border-radius: 0 0 6px 0;
  background-color: #F5F8F8;
  padding: 10px 16px;

}

.btn-secondary-disabled-text {
  color: #A3ADAE;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.btn-secondary-focus {
  box-sizing: border-box;
  height: 40px;
  width: auto;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  padding: 10px 16px;

}

.btn-secondary-active {
  box-sizing: border-box;
  height: 40px;
  width: auto;
  border: 2px solid #02848F;
  border-radius: 0 0 6px 0;
  background-color: #EBFDFF;
  padding: 10px 16px;

}

.icon-only {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
}

.icon-only-text {
  color: #70797A;
}

.icon-only:active {
  height: 40px;
  width: 40px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
}

.icon-only-active {
  height: 40px;
  width: 40px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
}

.icon-only-active-text {
  color: white;
}

.icon-only-default {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
}

.icon-only-default-text {
  color:#70797A;
}

.icon-only-disabled {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #BEC8CA;
  border-radius: 0 0 6px 0;
  background-color: #F5F8F8;
}

.icon-only-disabled-text {
  color: #BEC8CA;
}

.icon-only:disabled {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #BEC8CA;
  border-radius: 0 0 6px 0;
  background-color: #F5F8F8;
}

.icon-only:hover {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
}

.icon-only-hover {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #4ED8E8;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
}

.icon-only-hover-text {
  color:  #4ED8E8;

}

.icon-only:visited {
  height: 40px;
  width: 40px;
  border-radius: 0 0 6px 0;
  background-color: #02848F;
}

.icon-only-pressed {
  height: 40px;
  width: 40px;
  border-radius: 0 0 6px 0;
  background-color: #02848F;
}

.icon-only-pressed-text {
  color: white;
}


.regular-column {
  grid-template-columns: 160px 200px 206px;
  display: grid;
  grid-gap: 16px;
}

.regular-column-event {
  display: grid;
  grid-template-columns: 110px 200px 110px;
  grid-gap: 16px;
  margin-top: 24px;
}


.secondary-column {
  display: grid;
  grid-template-columns: 160px 220px 230px;
  grid-gap: 16px;
  margin-top: 48px;
}

.secondary-column-event {
  display: grid;
  grid-template-columns: 110px 157px 110px;
  grid-gap: 16px;
  margin-top: 24px;
}

.icon-column-event {
  grid-template-columns: 40px 50px 60px 40px 40px;
  display: grid;
  grid-gap: 16px;
}

.icon-column-numbers {
  grid-template-columns: 40px 50px 60px 40px 40px;
  display: grid;
  grid-gap: 16px;
  margin-bottom: 10px;
}

.icon-column-event-text {
  height: 16px;
  width: 37px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.icon-column-numbers-text {
  height: 16px;
  width: 160px;
  color: #BA1B19;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

a {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  text-decoration: unset;
}

.lnk{
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  text-decoration: unset;
  background: unset;
  border: unset;
}

.link-icon-right {
  height: 20px
}

.link-icon-left {
  height: 20px
}

.link-collection {
  display: grid;
  grid-template-columns: 78px 130px 140px;
  grid-gap: 20px;
}

.link-collection-title {
  margin-bottom: 24px;
  height: 28px;
  /* width: 49px; */
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 10px;
}
.views-field-field-button-collections {
  margin-bottom: 48px;
}

.form-check-input[type=checkbox] {
  height: 24px;
  width: 24px;
  border-radius: unset;
}

.form-check-input:checked {
  background: url("../images/icons/checkbox_on_white.svg");
}

.form-check-input:checked {
  border-color: unset;
}

.form-check-input {
  margin-top:unset;
  border:unset;
  background: url("../images/icons/Checkbox_off.svg");

}

.project-node-aim p, .project-node-aim li {
  text-align: left !important;
}

label.option {
  height: 24px;
  width: 136px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 8px;
}

.form-disabled > label {
  height: 24px;
  width: 200px;
  color: #A3ADAE;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[type=checkbox][disabled]:checked {
  background: url("../images/icons/Checkbox_on_disabled.svg");

}

.views-field-field-selections > .field-content > .webform-submission-styleguide-input-node-3-form > #edit-container > label  {
  height: 28px;
  color: #151D1F;
  font-family: Archivo;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.views-field-field-selections > .field-content > .webform-submission-styleguide-input-node-3-form > .webform-flexbox:nth-child(1)  {
  display: grid;
  grid-template-columns: 170px 170px 230px 200px;
  grid-gap: 24px;
}

.views-field-field-selections > .field-content > .webform-submission-styleguide-input-node-3-form > .webform-flexbox:nth-child(2)  {
  display: grid;
  grid-template-columns: 240px 240px 240px 240px 240px;
  grid-gap: 24px;
}

.views-field-field-selections > .field-content > .webform-submission-styleguide-input-node-3-form > #edit-container  {
  background-color: #F5F8F8;
  /* width: 100%; */
  padding: 8px 20px;
  margin-bottom: 80px;
}
fieldset > .fieldset-wrapper > #edit-radiobutton-selecteds {
  display: grid;
  grid-template-columns: 250px 250px;
  grid-gap: 10px;
}

#edit-radiobutton-selecteds > .js-form-item-radiobutton-selecteds:nth-child(1) > .option {
  height: 28px;
  width: 217px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
}

#edit-radiobutton-selecteds > .js-form-item-radiobutton-selecteds:nth-child(2) > .option {
  height: 28px;
  width: 198px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
}





input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  /* Not removed via appearance */
  margin: 0;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #70797A;
  border-radius: 50%;
  transform: translateY(-0.075em);

}

input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  /* Not removed via appearance */
  margin: 0;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #70797A;
  border-radius: 50%;
  transform: translateY(-0.075em);

}

input[type="radio"]:checked {
  border: 0.28em solid #00A4B2;
}

.form-type-textfield > label {
  height: 20px;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.focused{
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 2px solid #00A4B2 !important;
  border-radius: 0 0 8px 0;
  background-color: #EBFDFF !important;
}

.focused::placeholder{
  color: #151D1F;
}

.filled-input {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 1px solid #A3ADAE !important;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF !important;
}

.filled-input::placeholder {
  color: #151D1F;

}

.disabled-input {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 1px solid #BEC8CA !important;
  border-radius: 0 0 8px 0;
  background-color: #F5F8F8 !important;
}

.disabled-input::placeholder {
  color: #A3ADAE;
}

.error-input {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 1px solid #BA1B19 !important;
  border-radius: 0 0 8px 0;
  background-color: #FFDAD6 !important;
}

.error-input::placeholder {
  color: #151D1F;
}








input.form-text {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
}

input[type="email"] {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
}

input[type='text'] {
  background-image: url("../images/icons/Caret.svg");
  background-position: right;
  background-repeat: no-repeat;
}


select {
  background-image: url("../images/icons/Caret.svg") !important;
}

input[type="text"]:focus {
  box-sizing: border-box;
  height: 40px;
  border: 2px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #EBFDFF;
}

input[type="text"]:focus::placeholder {
  color: #151D1F;
}

input[type="text"]:disabled::placeholder {
  color: #A3ADAE;
}

#edit-flexbox-02 > label{
  height: 16px;
  width: 240px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

#edit-flexbox-03 > label{
  height: 16px;
  width: 240px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

#edit-flexbox-04 > label{
  height: 16px;
  width: 240px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

#edit-flexbox-05 > label{
  height: 16px;
  width: 240px;
  color: #A3ADAE;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

#edit-flexbox-06 > label{
  height: 16px;
  width: 240px;
  color: #BA1B19;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}
.form-item {
  margin-bottom: 8px;
}

#edit-flexbox-01 {
  margin-top: 0px;
}

fieldset#edit-radiobutton-selecteds--wrapper {
  margin-bottom: 96px;
}

.icon-test{
  margin-right: 24px;
  height: 16px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}
.desc-text{
  margin-right:15px;
  height: 16px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.icon-b{
  height: 28px;
  width: 50px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 28px;
}

.logo-cont-label {
  height: 28px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}



.tab-container {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 30px;
}
.used-on-good-practice {
  width: 100%;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
.nav-link.active {
  /* height: 24px; */
  /* width: 71px; */
  color: #00A4B2 !important;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  /* text-decoration: underline; */
  border-bottom: 2px solid #00A4B2;
  border-radius: unset;
  width: 100%;
}
.nav-link {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  background-color: unset !important;
  width: 100%;
}
.sec-ul {
  height: 151px;
  background: url("../images/jpg/styleguide-tab-bg.jpg");
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-size: cover;
  background-position: bottom;
}

.sec-ul::before{
  position: absolute;
  opacity: 0.6;
  content:"";
  display:inline-block;
  margin-right:10px;
  height:25px;
  vertical-align:bottom;
  width:25px;
}

.img-ul {
  background-color: #DBE3E5;
  margin-left: unset !important;
  width: 350px;
  margin-right: unset;
  z-index: 1;
}
.img-li {
  padding:unset;
  height: 56px;
}
.nav-link.img-nav.active {
  border-bottom: unset !important;
}
.nav-link.img-nav.active {
  background-color: #F5F8F8 !important;
}
.nav-link.img-nav {
  background-color: #DBE3E5;
  height: 100%;
  color: black;
}

.sec2-ul {
  height: 151px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.no-img-ul {
  width: 100%;
}

.nav-link.active >span{
  color: #00A4B2 !important;
}

.nav-link >span{
  color: #70797A;
}

.views-field-field-test {
  padding: 1.4rem;
}

#webform-submission-styleguide-input-node-3-add-form > label {
  height: 28px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.styleguide-tabs-label {
  height: 28px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}

.small-components-teaser-card {
  height: 328px;
  width: 276px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
  padding-left: 32px;
  padding-top: 56px;
  margin-bottom: 24px;
}

.small-components-icon {
  margin-bottom: 52px;
}

.small-components-title {
  margin-bottom: 24px;
}

.small-components-title > h2 {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.small-component-document-body {
  height: 32px;
  width: 288px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.small-component-news-body {
  height: 96px;
  width: 263px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.news-image {
  height: 176px;
  width: 100%;
  object-fit: contain;
}
.news-teaser-title-image{
  margin-bottom: 16px;
}
.news-teaser-title {
  margin-bottom: 12px;

}



.news-teaser-caption-text {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 40px;
}

.news-teaser-desc {
  padding-right: 20px;
  padding-left: 20px
}

.reports-teaser-top-card {
  height: 163px;
  width: 368px;
  background-color: #FFFBF5;
  padding-left: 24px;
  padding-top: 24px;
  margin-bottom: 108px;
}

.reports-teaser-2---top-card {
  height: 207px;
  background-color: #FFFBF5;
  padding-left: 24px;
  padding-top: 24px;
  margin-bottom: 64px;
}

.reports-teaser-3---top-card {
  height: 266px;
  background-color: #FFFBF5;
  padding-left: 24px;
  padding-top: 24px;
  margin-bottom: 21px;
}

.reports-teaser-top-card-image {
  margin-bottom:40px;

}


.reports-teaser-top-card-date {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 4px;
}

.reports-teaser-top-card-location {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}


.reports-teaser-2--top-card-location {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}


.homepage-events-and-news-block-title-cont {
  margin-bottom: 22px;
}

.reports-teaser-body {
  height: 48px;
  width: 367px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.reports-teaser-2--report-type {
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
}

.reports-teaser-2--captions {
  margin-bottom: 16px;
}

.reports-teaser-2--btn {
  min-width: 100px;
}

.mb-16 {
  margin-bottom: 16px;
}

.small-comp-green-text {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}


.small-comp-body-text {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;

}

.small-com-red-bg-text {
  height: 112px;
  width: 351px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.small-comp-body {
  height: 167px;
  width: 367px;
  background-color: #FFDAD6;
  padding-left: 16px;
  padding-top: 13px;
}





.field--name-field-project-tittle-image {
  height: 100%
}

.about-us-db-paragraph-title {
  height: 48px;
  width: 576px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 32px;
}



.project-teaser-image {
  height: 100%;
  object-fit:cover;
}



.project-teaser-title-cont {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 64px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.project-teaser-2--title-cont {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 20px;

}

.project-teaser-status {
  max-width: 77px;
  border-radius: 0 0 4px 0;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding-right: 8px;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
}



.project-teaser-status-completed {
  background-color: #00A4B2;
}

.project-teaser-status-awaiting {
  background-color: #9C0751;
}

.project-teaser-status-on_going {
  background-color: #E7B55C;
}

.project-teaser-desc {
  width: 357px;
}


.project-teaser-desc-cont {
  position: absolute;
  bottom: 16px;
}

.project-teaser-countries {
  margin-bottom: 4px;
}

.project-node-title-block {
  padding-right: 120px;
  padding-top: 78px;
  background:#F4F8F1;
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  white-space: nowrap;

}


.col-1 > .node--view-mode-teaser-3 > .project-teaser-card {
  margin-right: 15px;
}

.col-2 > .node--view-mode-teaser-3 > .project-teaser-card {
  margin-left: 15px;
}


.explore-view-styles {
  display: flex;
  float: right;
}

.explore-grid-view {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  content: url("../images/icons/Cards.svg");
  margin-right: 12px;
  padding: 6px;
  cursor: pointer;
}




.active-explore-grid-view {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/CardsWhite.svg");
}



.explore-list-view {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  padding: 6px;
  cursor: pointer;
  content: url("../images/icons/List.svg");
}

.active-explore-list-view {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/ListWhite.svg");
}

.project-node-full-view-beneficiaries-show-more {
  display: none;
}

.project-node-full-view-partners-show-more {
  display: none;
}



.project-node-full-view-implementing-entities-show-more {
  display: none;
}

.related-content-title {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 52px;

}

.related-content-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  grid-gap: 48px;
}

.related-content-item-image-content {
  margin-bottom: 16px
}
.related-content-item-image {
  height: 176px;
  width: 100%;
  object-fit: cover;
}

.related-content-item-title {
  height: 24px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 12px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.related-container-container {
  background: white;
}

.related-container-container > .container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.project-related-content-item-cc {
  display: flex;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.file-remover-submit {
  fill: #70797A;
  cursor: pointer;
  background: unset;
  border: unset;
}

.file-remover-submit > span {
  content: url("../images/icons/Close.svg");
}

.webform-document-file-preview {
  border: 2px solid #00A4B2;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  padding: 11px 16px 10px;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
  display: flex;
  justify-content: space-between;
}

.project-node-full-view-beneficiaries-show-more, .project-node-full-view-beneficiaries-close, .project-node-full-view-partners-show-more, .project-node-full-view-implementing-entities-show-more{
  margin-top: 10px !important;
  color: #70797A !important;
  font-family: Archivo, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -0.1px !important;
  line-height: 20px !important;
  cursor: pointer !important;
  height: unset !important;
}



.project-modal-container {
  display: none;
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.news-teaser-5-title h2{
  -webkit-box-orient: vertical;
}


.node-event-teaser-5-img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 176px !important;
}

.webform-managed-file-preview-wrapper.form-item {
  margin-top: 10px;
}

.project-modal {
  display: flex;
  flex-direction: column;
  margin-top: 10%;
  margin-bottom: 15%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 25%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
}

.project-modal-contents > p > a {
    font-family: "IBM Plex Sans Condensed",sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: -0.2px !important;
    line-height: 24px !important;
}

.project-modal-contents {
  height: 400px;
  overflow-y: scroll;
}

.project-modal-title {
  font-weight: 200;
  margin-bottom: 10px;
  font-family: Archivo, sans-serif;
}

.project-node-tab-cont {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  padding-left: unset;
}

.project-node-tab-link {
  padding-left: unset;
  padding-right: unset !important;
}

.project-node-tab-icon-text-cont {
  padding-left: unset;

}

.project-node-tab-text {
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  margin-top: 3px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-node-tab-icon-text-cont.nav-link.active {
  color: #00A4B2 !important;
  fill: #00A4B2 !important;
  border-bottom: 2px solid #00A4B2;

}

.project-node-title-im {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-text-divider {
  margin-bottom: 20px;
}

.project-node-tab-icon-text-cont.nav-link {
  border-radius: unset;
  border-bottom: 2px solid #DBE3E5;
  padding-bottom: 16px;
}

.project-node-tab-icon-text-cont-empty {
  border-radius: unset;
}

.project-node-tabs-content {
  padding-left: unset;
}

.project-rec-col-cont {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: auto;
  grid-gap: 0rem;
  margin-bottom: 14px;
}

.col-a {
  height: 4px;
  transform: scaleX(-1);
  background-color: #E74254;
}
.col-b {
  height: 4px;
  transform: scaleX(-1);
  background-color: #E7B55C;
}
.col-c {
  height: 4px;
  transform: scaleX(-1);
  background-color: #9C0751;
}
.col-d {
  height: 4px;
  transform: scaleX(-1);
  background-color: #E3E77E;
}

.col-e {
  height: 4px;
  transform: scaleX(-1);
  background-color: #00A4B2;
}

.project-node-title-image-block {
  padding-right: unset !important;
  padding-left: unset;
  height: auto;
}



.project-title-sub {
  display: flex;
  justify-content: space-between;
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.project-group-2 {
  margin-right: unset;
  margin-left: unset;
  margin-bottom: 24px !important;
}

.project-group-3 {
  margin-right: unset;
  margin-left: unset;
}

.p-group-2-svg {
  height: 48px;
  width: 48px;
  margin-right: 24px;
}

.project-node-aim{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 32px;
  text-align: justify;
}

.project-node-document-title-label {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 32px;
}

.project-node-document-cont{
  background-color: #F4F8F1;
  display: flex;
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  height: 104px;
}

.gp-node-document-cont{
  height: 104px;
  width: 378px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
  display: flex;
  padding: 16px;
}

.project-node-document-icon {
  margin-right: 16px
}

.project-node-document-title-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.project-node-document-title {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: left;
  width: 100%;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.project-node-document-title-size {
  height: 24px;
  width: 76px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.project-node-documents-main{
  margin-bottom: 80px;
}

.project-node-documents-main > div {
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
}

.p-group-2-status{
  height: 28px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.p-group-2-status-label {
  height: 16px;
  width: 164px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 4px;
}

.project-node-print-pdf-icon {
  margin-right: 7px;
}

.project-node-print-pdf {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  text-align: right;
  margin-top: 10px;
}



.p-group-2-status-partners {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.p-group-2-status-implementing-entities {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p-group-2-beneficiaries {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-group-2 > .col-md-4 > div {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px #20BCCC solid;
}





.project-node-title{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 24px;
  white-space: normal;
}

.project-teaser-amount {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.project-teaser-caption {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  width: 100%;
}

.project-teaser-countries-cont {
  display: grid;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  grid-template-columns: 65px 60px 70px 80px;
  grid-gap: 1px;
  margin-bottom: 8px;

}

.project-teaser-carat{
  margin-right: 5px;
  margin-left: 5px;
  font-weight: bolder;
  font-size: 15px;
}

.project-teaser-period{
  margin-right: 5px;
  margin-left: 5px;
  font-weight: bolder;
  font-size: 30px;
  margin-top: -7px;
}

.project-teaser-arrow-left {
  margin-bottom: 128px;
}

.project-teaser-project-1-text {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.project-teaser-2--desc {
  display: flex;
  justify-content: space-between;
}

.project-teaser-2--amount-cont {
  display: flex;
  align-items: end;
  margin-bottom: 16px;
}



.view-display-id-attachment_4 {
  margin-top: 48px !important;
}

.small-comp-image-1 {
  height: 266px;
  object-fit: cover;
}

.small-comp-body-text-ds {
  color: #151D1F;
  font-family: Archivo , sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.small-comp-title-image-2 > .field--name-field-small-comp-title-image > .small-comp-image-1 {
  object-fit: cover;
  height: 480px;
}

.main-nav-top {
  height: 24px;
  width: 100%;
  background-color: #00A4B2;
  padding-left: 120px;
  padding-right:120px;
  display: flex;
  justify-content: space-between;
}

.main-nav-top-text {
  color: #CCF9FF !important;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  padding-top:4px;
}

.main-nav-text {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.styleguide-main-nav-image{
  object-fit: none;
}
.menu-card-caption {
  width: 224px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 300;
}

.menu-card-title {
  width: 198px;
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 8px;
}
.menu-component-title {
  width: 37px;
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.menu-card {
  width: 936px;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -2px rgba(2,105,114,0.3);
  padding-left:32px;
  padding-top:32px;
  padding-right:32px;
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.styleguide-nav-news-card-caption{
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.styleguide-nav-about-us-card-caption{
  height: 32px;
  color: #A3ADAE;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.styleguide-nav-news-card-title{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 20px;
  margin-bottom: 4px;
}

.styleguide-nav-stories-card {
  margin-bottom: 16px
}

.styleguide-nav-news-comp-title {
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  margin-bottom: 8px;
}

.navbar {
  height: 72px;
  background: #fff !important;
  padding: 15px 120px;
}

.nav-link {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.tbm-item--has-dropdown.open > .tbm-link-container > a >.main-menu-search {
  color: #00A4B2;
  content: url("../images/icons/Close_active.svg") !important;
  margin-left: 2px;


}

.tbm-item--has-dropdown.open > .tbm-link-container > .dropdown-toggle {
  color: #00A4B2;

}


.tbm-item--has-dropdown.open > .tbm-link-container > .dropdown-toggle::after {
  content: url("../images/icons/Chevron_up_active.svg") !important;
  border: unset !important;
  color: #00A4B2;
  margin-left: 2px;

}

.dropdown-toggle::after {
  content: url("../images/icons/Chevron_down.svg") !important;
  border: unset !important;
  margin-left: 2px;
}

.dropdown-toggle:hover::after {
  content: url("../images/icons/Chevron_up_active.svg") !important;
  border: unset !important;
  margin-left: 2px;
}
.dropdown-toggle:focus::after {
  content: url("../images/icons/Chevron_up_active.svg") !important;
  border: unset !important;
  margin-left: 2px;
}
.dropdown-toggle:active::after {
  content: url("../images/icons/Chevron_up_active.svg") !important;
  border: unset !important;
  margin-left: 2px;
}

.main-menu-search {
  cursor: pointer;

}

.main-menu-search-cont {
  align-items: center;
  justify-content: center;
  display: flex;
}
.main-menu-text-container {
  margin-top: 9px
}

.footer-youtube-cont {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #E74254;
  background: url("../images/png/effects.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 64px;
}

.footer-youtube-text {
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.footer-main-cont {
  background-color: #00A4B2;
  flex-direction: row;
  padding-top: 64px;
  padding-left: 120px;
  padding-right: 120px;
}

.footer-wto-socials {
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 45px;
}

.footer-text {
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}


.footer-divider {
  height: 1px;
  width: 100%;
  background-color: #20BCCC;
  margin-top: unset;
  margin-bottom: unset;
  border: unset !important;
}

.main-footer-step-1 {
  margin-bottom: 80px !important;
}

.region-footer {
  padding: unset;
}

footer{
  background-color: #fff;
  padding-bottom: unset !important;
}

.news-teaser-card-image {
  height: 58px;
  object-fit: cover
}

.main-menu-news-teaser-image {
  margin-right: 16px;
}

.font-archivo {
  font-family: Archivo, sans-serif;
}
.font-color-primary {
  color: #00A4B2;
}

.main-menu-navigation-news-card-more-text {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  display:flex;
  align-items: center;
}

.main-menu-navigation-news-card-icon {
  display:flex;
  align-items: center;
}

.main-menu-news-footer-first-text {
  margin-left: 164px;
}

.main-menu-news-footer-second-text {
  margin-left: 150px;
}

.main-menu-about-us-teaser-icon {
  height: 24px;
  width: 24px;
  margin-right: 14.72px;
}

.one-column-main-nav-dropdown {
  width: 620px !important;
}


.title-display-2-title-text {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 16px;
}

.title-display-2-caption-text {
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-bottom: 32px;
}

.title-display-2-text-card {
  padding-left: 42px;
  padding-top: 122px;
  padding-right: 120px;
  background-color: #F4F8F1;
}

.title-display-3-text-card {
  padding: 78px 120px 90px 42px;
  background-color: #F4F8F1;
  height: 232px;
}

.title-display-4-card {
  height: 360px;
  background: linear-gradient(270deg, #00A4B2 0%, #4BB9A9 100%);
  padding: 80px 120px 72px;
}

.title-display-5-card {
  height: 260px;
  background: linear-gradient(270deg, #00A4B2 0%, #4BB9A9 100%);
  padding: 120px 98px;
}

.title-display-4-caption-text {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-bottom: 32px;
}

.title-display-2-image {
  height: 472px;
  width: 696px;
  object-fit: cover;
}

.title-display-3-image {
  height: 232px;
  width: 696px;
  object-fit: cover;
}

.title-display-3-text {
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.title-display-3-project-code{
  margin-right:24px;
}

.title-display-3-title-text {
  width: 576px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 42px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}

.title-display-4-title-text {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.title-display-5-title-text {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

input.document-search {
  background-image: url("../images/icons/Search.svg");
  background-position: right;
  background-repeat: no-repeat;
  width: 60%;
  background-position-x: 98%;
}

input.document-search:focus {
  background-image: url("../images/icons/Search.svg");
  background-position: right;
  background-repeat: no-repeat;
  width: 60%;
  background-position-x: 98%;
}

.article-banner-image {
  object-fit:cover;
}



.article-banner-caution-card {
  background-color: #FFDAD6;
  padding: 16px 24px 16px 20px;
  margin-bottom: 32px;
}

.article-banner-caution-card-text {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

.article-banner-title-text > span {
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 40px;
}

.article-banner-caption-text {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 32px;
}

.article-banner-card {
  padding-bottom: unset;
  margin-bottom: unset !important;
}

.article-banner-img-card {
}
.article-banner-text-card {
  margin-top: 80px;
  padding-left: 40px;
  padding-bottom: 64px;
}

.article-left-image-text-card {
  padding-top: 64px;
  padding-bottom: 64px;
}




.carousel-tab-title {
  width: 100%;
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carousel-tab-body {
  width: 90%;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}



.carousel-tab-headers {
  margin-top: 100px;
  width: 45%;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  max-height: 100%;
}


.carousel-tab-header-cont.active  > .carousel-tab-header-item-text {
  width: 98%;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 98%;

}

.carousel-tab-header-cont  > .carousel-tab-header-item-text {
  width: 98%;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 98%;
}

.slide-cont {
  background: url("https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/lexus-es-hero-modelpage-desktop-1669848992.jpeg?crop=0.5520833333333334xw:1xh;center,top&resize=1200:*");
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 72px;
  background-position: center center;
}

#block-stories-menu-block > div > .row {
  margin-bottom: unset !important;
}


.carousel-tab-header-cont  {
  width: 98%;
  margin-left: 1px;
  border-left: 1px solid #FFFFFFBA;
  transition: visibility 0s linear 0s, opacity 300ms;
}

.carousel-tab-header-cont.active {
  margin-left: unset !important;
  border-left: 3px solid #fff;

}

.carousel-tab-header-cont {
  flex: 1;
  justify-content: flex-start;
}

.region-content {
  padding: unset;
}

.carousel-tab-link {
  margin-top: 32px;
  box-sizing: border-box;
  height: 48px;
  width: fit-content;
  border: 2px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 8px 12px -5px rgba(0,0,0,0.5);
  padding: 14px 30px 14px 16px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}


.summary-reports-pop-modal {
  position: fixed;
  top: 0;
  right: -35%;
  width: 35%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: right 0.3s ease-in-out;
  z-index: 1000;
  background: white;
  padding-left: 64px;
  padding-right: 64px;
  padding-top: 108px;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
}

.summary-reports-pop-modal-tab-mobile {
  display: none;
}



.carousel-tab-link > a {
  height: 21px;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 21px;
}


.carousel-tab-card {
  width: 90%;
  padding: 16px 32px 32px;
  display: flex;
  justify-content: space-between;
}

.carousel-bg-1 {
  background-color: #9C0751da;
}

.carousel-bg-2 {
  background-color: #E74254da;
}

.carousel-bg-3 {
  background-color: #00A4B2da;
}

.carousel-bg-4 {
  background-color: #4BB9A9da;
}

.carousel-bg-5 {
  background-color: #151D1Fda;
}

.carousel-bg-6 {
  background-color: #E7B55Cda;
}


.tbm-item.level-1 {
  border: unset !important;
}

.tbm-link.level-1 {
  color: #222;

}

.tbm-link {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  background-color: unset !important;
  width: 100%;
}

.field--name-field-events-status.news-teaser-title-text > a {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}


.field--type-text-with-summary > p > a {
  font-family: "IBM Plex Sans Condensed",sans-serif !important;
  font-size: inherit !important;
  letter-spacing: -0.2px;
  line-height: 32px;
}

.styleguide-nav-about-us-card-title {
  height: 24px;
  width: 232px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.good-practice-menu-item-title {
  width: 276px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.main-menu-search-input {
  border: none !important;
  width: 100% !important;
  background: none !important;
  padding: 5px;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 48px;
  font-family: "IBM Plex Sans Condensed", sans-serif;
}
.main-menu-search-input::placeholder {
  width: 187px;
  color: #A3ADAE;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 48px;
}



.project-countries-ellipsis {
  color: #1A1C1E !important;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.webform-submission-main-menu-search-form > .webform-flexbox > .webform-flex:nth-child(1) {
  flex: unset !important;
  width: 90%;
}

.webform-submission-main-menu-search-form > .webform-flexbox > .webform-flex:nth-child(2) > .webform-flex--container > .form-actions {
 margin-top: unset !important;
}

.tbm-submenu {
  border-top: 1px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -2px rgba(2,105,114,0.3);
  padding-left:32px;
  padding-top:32px;
  padding-right:32px;
  margin-top: 24px;
}

.main-menu-search-container {
  padding-top:16px;
  padding-bottom: 16px;
  padding-left: 16px;
}


.main-menu-search-input:focus {
  box-sizing: border-box;
  height: 40px;
  width: 240px;
  border: none !important;
  border-radius: unset !important;
  background-color: #EBFDFF;
  box-shadow: unset !important;
}

.main-menu-search-input:focus::placeholder {
  color: #A3ADAE;
}

.main-menu-search-input:disabled::placeholder {
  color: #A3ADAE;
}

.search-menu > .tbm-submenu {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 16px;
  height: 80px !important;
}
.search-menu {
  margin-right: unset;
}

.tbm-link-container {
  background: #fff;
}

.tbm-link.level-1 {
  align-items: unset !important;
  padding: unset !important;
}

.tbm-item {
  height: 24px;
  margin-right: 20px;
}

.nav-divider {
  margin: unset;
  border: unset;
  height: 1px;
  width: 100%;
  transform: scaleY(-1);
  background-color: #E7B55C;
  opacity: 1;
}


.tbm-nav {
  background: #fff;
}

.styleguide-nav-news-card {
  margin-bottom: 18px;
  cursor: pointer;
}


.Apply-icon::after {
  background: url("../images/icons/Africa.svg")
}
.Apply-1-icon::after {
  background: url("../images/icons/Apply-1.svg")
}

.Archive-icon::after {
  background: url("../images/icons/Archive.svg")
}

.Arrow_down-icon::after {
  background: url("../images/icons/Arrow_down.svg")
}

.Arrow_first-icon::after {
  background: url("../images/icons/Arrow_first.svg")
}
.Arrow_last-icon::after {
  background: url("../images/icons/Arrow_last.svg")
}
.Arrow_left_white-icon::after {
  background: url("../images/icons/Arrow_left_white.svg")
}
.Arrow_left-icon::after {
  background: url("../images/icons/Arrow_left.svg")
}
.Arrow_right_white-icon::after {
  background: url("../images/icons/Arrow_right_white.svg")
}
.Arrow_right-icon::after {
  background: url("../images/icons/Arrow_right.svg")
}
.Arrow_up-icon::after {
  background: url("../images/icons/Arrow_up.svg")
}
.Asia-Pacific-icon::after {
  background: url("../images/icons/Asia-Pacific.svg")
}
.Awaiting-icon::after {
  background: url("../images/icons/Awaiting.svg")
}
.Bitmap-icon::after {
  background: url("../images/icons/Bitmap.svg")
}
.Briefcase-icon::after {
  background: url("../images/icons/Briefcase.svg")
}
.Cards-icon::after {
  background: url("../images/icons/Cards.svg")
}
.Caret-icon::after {
  background: url("../images/icons/Caret.svg")
}
.Check-icon::after {
  background: url("../images/icons/Check.svg")
}
.Checkbox_off-icon::after {
  background: url("../images/icons/Checkbox_off.svg")
}
.Checkbox_on_disabled-icon::after {
  background: url("../images/icons/Checkbox_on_disabled.svg")
}
.Checkbox_on_white-icon::after {
  background: url("../images/icons/Checkbox_on_white.svg")
}
.Checkbox_on-icon::after {
  background: url("../images/icons/Checkbox_on.svg")
}
.Chevron_down-icon::after {
  background: url("../images/icons/Chevron_down.svg")
}
.Chevron_up-icon::after {
  background: url("../images/icons/Chevron_up.svg")
}
.Close-icon::after {
  background: url("../images/icons/Close.svg")
}
.Contribution-icon::after {
  background: url("../images/icons/Contribution.svg")
}
.Documents-icon::after {
  background: url("../images/icons/Documents.svg")
}
.Download-icon::after {
  background: url("../images/icons/Download.svg")
}
.Email-icon::after {
  background: url("../images/icons/Email.svg")
}
.Events-icon::after {
  background: url("../images/icons/Events.svg")
}
.Facebook-icon::after {
  background: url("../images/icons/Facebook.svg")
}
.fao-logo-en-icon::after {
  background: url("../images/icons/fao-logo-en.svg")
}

.Goal-icon::after {
  background: url("../images/icons/Goal.svg")
}
.GRP-icon::after {
  background: url("../images/icons/GRP.svg")
}
.Implement-icon::after {
  background: url("../images/icons/Implement.svg")
}
.Info-icon::after {
  background: url("../images/icons/Info.svg")
}

.LinkedIn-icon::after {
  background: url("../images/icons/LinkedIn.svg")
}
.List-icon::after {
  background: url("../images/icons/List.svg")
}
.Members-icon::after {
  background: url("../images/icons/Members.svg")
}
.Minus-icon::after {
  background: url("../images/icons/Minus.svg")
}
.Network-icon::after {
  background: url("../images/icons/Network.svg")
}
.News-icon::after {
  background: url("../images/icons/News.svg")
}
.Newsletter-icon::after {
  background: url("../images/icons/Newsletter.svg")
}
.Note-icon::after {
  background: url("../images/icons/Note.svg")
}
.Ongoing-icon::after {
  background: url("../images/icons/Ongoing.svg")
}

.P-IMA-icon::after {
  background: url("../images/icons/P-IMA.svg")
}
.PDF-icon::after {
  background: url("../images/icons/PDF.svg")
}
.Pin_2-icon::after {
  background: url("../images/icons/Pin_2.svg")
}
.Pin-icon::after {
  background: url("../images/icons/Pin.svg")
}
.Plus-icon::after {
  background: url("../images/icons/Plus.svg")
}
.Publication-icon::after {
  background: url("../images/icons/Publication.svg")
}
.Radio_off-icon::after {
  background: url("../images/icons/Radio_off.svg")
}
.Radio_on-icon::after {
  background: url("../images/icons/Radio_on.svg")
}
.Report-icon::after {
  background: url("../images/icons/Report.svg")
}
.Rules-icon::after {
  background: url("../images/icons/Rules.svg")
}
.Search-icon::after {
  background: url("../images/icons/Search.svg")
}
.Share-icon::after {
  background: url("../images/icons/Share.svg")
}

.Story-icon::after {
  background: url("../images/icons/Story.svg")
}
.Strategy-icon::after {
  background: url("../images/icons/Strategy.svg")
}
.Structure-icon::after {
  background: url("../images/icons/Structure.svg")
}
.Twitter-icon::after {
  background: url("../images/icons/Twitter.svg")
}
.Upload-icon::after {
  background: url("../images/icons/Upload.svg")
}
.User-icon::after {
  background: url("../images/icons/User.svg")
}
.Value-icon::after {
  background: url("../images/icons/Value.svg")
}
.Vision-icon::after {
  background: url("../images/icons/Vision.svg")
}
.Warning-icon::after {
  background: url("../images/icons/Warning.svg")
}
.WHO-icon::after {
  background: url("../images/icons/WHO.svg")
}

.WTO-icon::after {
  background: url("../images/icons/WTO.svg")
}
.YouTube-icon::after {
  background: url("../images/icons/YouTube.svg")
}

.dx {
  grid-template-columns: 160px 200px 206px;
  display: grid;
  grid-gap: 16px;
}

.news-and-event-hp-group {
  padding-top: 80px;
  padding-bottom: 40px;
  background-color: #fff;
}

.stories-hp-group {
  padding-top: 72px;
  padding-bottom: 64px;
  background-color: #fff;

}

.project-notification-cont {
  padding-top: 80px !important;
  padding-bottom: 64px !important;
}

.nw-hp-group {
  padding-top: 72px;
  padding-bottom: 64px;
}

.gp-hp-group {
  padding-top: 72px;
  padding-bottom: 64px;
}

.pt-hp-group {
  padding-top: 72px;
  padding-bottom: 128px;
  background: #fff;
}

.project-hp-group {
  background-color: #F9FBFB;

}

.good-prac-block-title-cont {
  margin-bottom :32px;
}

.homepage-events-and-news-block-title-text {
  height: 48px;
  width: 112px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 22px;
}

.events-and-news-see-more {
  margin-top: -8px;
}

.good-prac-block-title-text {
  height: 48px;
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
}



.news-teaser-3-caption {
  height: 20px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.news-teaser-3-image-cont {
  margin-bottom: 16px;
}

.news-teaser-3-image {
  height: 176px;
  max-width: 100%;
  object-fit: cover;
}

.news-teaser-4-image {
  height: 266px;
  max-width: 100%;
  object-fit: cover;
}

.news-teaser-5-image {
  object-fit: cover;
  height: 176px;
  max-width: 100%;
}

.news-teaser-3-title > h1,h2,h3,h4,h5, .news-teaser-4-title  > h1,h2,h3,h4,h5{
  -webkit-box-orient: vertical;
}

.styleguide-nav-news-card-title > h1,h2,h3,h4,h5{
  -webkit-box-orient: vertical;
}


.tbm-center>.tbm-submenu {
  left: 40% !important;
}

.gd-icon-block-item-ic {
  margin-bottom: 24px;
}

.field--name-field-gd-title {
  height: 48px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.hp-nw-icon {
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  padding: 16px;
  height: 472px;
}

.hp-nw-icon-cont {
  background-color: #F9FBFB;
  height: 440px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hp-nw-text-cont {
  padding-left: 53px;
  padding-top: 20px;
}

.field--name-field-hp-nw-title {
  height: 100%;
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
}

.hp-nw-text-title-cont {
  margin-bottom: 32px;
}


.field--name-field-hp-nw-body {
  height: 100%;
  width: 100%;
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
  font-weight: 300;
}

.hp-nw-text-body-cont {
  margin-bottom: 32px;
}

.hp-nw-webform-cont {
  margin-bottom: 24px;
}

.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios   {
  display: flex;
}


.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio   {
  float: left;
  margin: 0 5px 0 0;
  width: 100px;
  height: 40px;
  position: relative;
}

.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input   {
  opacity: 0.01;
  z-index: 100;
}


.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input[type="radio"]:checked+label,
.Checked+label {
  color: white;
  background-color: #00A4B2;
}

.hp-nw-fm-lang > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > label   {
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding: 10px 16px;
  box-sizing: border-box;
  height: 40px;
  width: 100px;
  border: 2px solid #00A4B2;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
  margin-left: unset !important;
}

#edit-language--wrapper-legend {
  margin-bottom: 8px;
}

#edit-language--wrapper-legend > span {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.hp-nw-fm-email-label {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 8px;
}

.hp-nw-fm-email {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #A3ADAE;
  background-color: #FFFFFF;
  border-radius: 0 0 0 0;
}

.hp-nw-fm-cont > .webform-flex--1:nth-child(1) > .webform-flex--container {
  margin-right: 0;
  margin-left: unset;
}

.hp-nw-fm-cont > .webform-flex--1:nth-child(2) > .webform-flex--container {
  margin-left: 0;
}

.hp-nw-fm-cont > .webform-flex--1:nth-child(2) > .webform-flex--container  > div {

  margin-top: 31px;
}

.hp-nw-link-cont {

}

fieldset.hp-nw-fm-lang {
  margin-bottom: 24px !important;
}

div.hp-nw-fm-cont {
  margin: 0 0 24px;
}

.hp-link-icon {
  margin-top: -3px;
}

.hp-partners-icon {
}

.hp-fp-ic-cont {
  display: grid;
  grid-template-columns: 219px 256px 293px 229px 195px;
  grid-auto-rows: auto;
  grid-gap: 27px;
}

.hp-fp-3-ic {
  width: 24%;
  padding-left: 27px;
  padding-right: 27px;
  display: flex;
  border-right: 2px solid #4ED8E8;
  height: 96px;
  justify-content: center;
  align-items: center;
}

.hp-fp-3-ic > image {
  width: 239px;
}

.hp-fp-ic {
  width: 20%;
  padding-left: 27px;
  padding-right: 27px;
  display: flex;
  border-right: 2px solid #4ED8E8;
  height: 96px;
  justify-content: center;
  align-items: center;
}

.hp-fp-ic-last {
  width: 18%;
  padding-left: 27px;
  display: flex;
  height: 96px;
  justify-content: center;
  align-items: center;
}

.hp-fp-ic-sec-last {
  width: 18%;
  padding-left: 27px;
  display: flex;
  height: 96px;
}

.carousel-tab-header-cont-5 {
  padding-top: 10px;
  padding-bottom: 10px ;
  height: 43px ;
  padding-left: 18px
}

.carousel-tab-header-cont-4 {
  padding-top: 10px;
  padding-bottom: 10px ;
  height: 43px ;
  padding-left: 18px
}

.carousel-tab-header-cont-3 {
  padding-top: 20px;
  padding-bottom: 10px ;
  height: 43px ;
  padding-left: 18px
}

.carousel-tab-header-cont-2 {
  padding-top: 35px;
  padding-bottom: 10px ;
  height: 43px ;
  padding-left: 18px
}

.carousel-tab-header-cont-1 {
  padding-top: 80px;
  padding-bottom: 10px ;
  height: 43px ;
  padding-left: 18px
}

.carousel-tab-headers {
  margin-top: 80px;
}

.stdf-grid {
  width: 1200px;
  margin: auto;
  padding: unset;
}

.stdf-cr-grid {
  width: 1264px;
}

.news-event-hp-cont {
  padding-left: unset !important;
  padding-right: unset !important;
}


#block-views-block-news-block-2 {
  padding-left: unset;
}
.mb-24 {
  margin-bottom: 24px
}

.showOnMobile {
  display: none !important;
}

.mobile-search {
  display: none;
}

.close-mobile-menu {
  margin-right: 20px;
}

.projects-page-text-cont {
}

.projects-page-link-cont {
}


.projects-page-text-cont p {
  color: white !important;
}



.projects-page-title-background {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/jpg/projects.jpg");
  width: 100%;
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 570px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.about-us-page-title-background {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/jpg/about-us.jpg");
  width: 100%;
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 570px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
  padding-right: unset !important;
}

.hero::before {
  content: "";
  background-image: url('https://placekitten.com/1200/800');
  background-size: cover;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.75;
}

.projects-page-main-title {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 24px;
}


.about-us-page-main-title {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  text-align: center;
  margin-bottom: 24px;
}


li.page-item.active > a {
  height: 40px;
  width: 40px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border-color: #00A4B2;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}


li.page-item > a {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  margin-right: 4px;
  color: #70797A;
  display: flex;
  justify-content: center;
  align-items: center;
}


li.page-item.pager__item--next > a {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  margin-right: 4px;
  color: #70797A;
}



li.page-item.pager__item--last  > a {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  margin-right: 4px;
  color: #70797A;
  padding: 5px 4px;
}

li.page-item.pager__item--first > a {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  margin-right: 4px;
  color: #70797A;
  padding: 5px 4px;
}
li.page-item.pager__item--previous  > a {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  margin-right: 4px;
  color: #70797A;
}

.pager {
  display: flex;
  justify-content: flex-end;
}

.projects-page-desc {
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
  text-align: center;
}

.about-us-page-desc {
  max-width: 1200px !important;
  color: #FFFFFF !important;
  font-family: "IBM Plex Sans Condensed", sans-serif !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px !important;
  line-height: 28px !important;
  text-align: center !important;
}
.dark-scrim {
  height: 570px;
  width: 1440px;
  background-color: rgba(0,0,0,0.5);
}

.components-small-tab-default-c-selected {
  height: 56px;
  width: 200px;
  background-color: #F5F8F8;
}

.components-small-tab-default-c {
  height: 56px;
  width: 200px;
  background-color: #DBE3E5;
}

.components-small-tab-default-c-value-selected {
  height: 24px;
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.components-small-tab-default-c-value {
  height: 24px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  background-color: #DBE3E5;
}




.project-apply-info-title {
  color: #00A4B2;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 48px;
}

.project-apply-list-title {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 32px;
}





.project-apply-list-bottom-warning-icon {
  margin-right: 24px;
}

.project-apply-list-bottom-warning {
  font-family: Archivo;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}



.project-apply-list-item-icon {
  margin-right: 14px;
  fill: #E7B55C;
}

.project-apply-list-item-text-cont {
  margin-bottom: 16px;
}


.project_notification_title {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 28px;
}



.project_notification_cont {
  display: flex;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #FFDEAA;
}

.project_notification_icon {
  margin-right: 20px;
}


.project-apply-info-grid {
  max-width: 980px;
  margin: auto;
}

.project-apply-webform-title {
  display: flex;
  justify-content: center;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  text-align: center;
  margin-bottom: 64px;
}


.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input {
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 0;
  bottom: 0;
  content:url(../images/icons/Checkbox_off.svg);
}

.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.project-apply-form > .fieldset-wrapper > .js-webform-radios   {
  display: flex;
}


.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio   {
  float: left;
  position: relative;
  height: 170px;
  width: 380px;
  margin: 0 36px 0 0;
}

.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input   {
  z-index: 100;
  opacity: 0.01;
}

.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input[type="radio"]:checked~.project-apply-form-checkers  {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_on.svg");
  z-index: 100;
}

.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input[type="radio"]~.project-apply-form-checkers  {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_off.svg");
  z-index: 100;
  cursor: pointer;
}


.project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > input[type="radio"]:checked+label,
.Checked+label {
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  color: #00A4B2;

}






#edit-1-project-configuration,#edit-2-organization-details,#edit-3-complete-and-upload-documents,#edit-1-esential-criteria, #edit-2-online-submission-form,#edit-budget-requirements{
  background: unset;
  border: unset;

}
.details {
  margin-bottom: 64px;
}


#edit-1-project-configuration > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}

#edit-2-organization-details > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}


#edit-3-complete-and-upload-documents > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}

#edit-1-esential-criteria > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}

#edit-2-online-submission-form > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}

#edit-budget-requirements > .custom-summary {
  background: unset;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  border: unset;
  list-style:none;
  padding: unset;
}

#edit-classification-of-the-beneficiary-according-to-the-oecd-dac-2,
#edit-classification-of-the-beneficiary-according-to-the-oecd-dac-3,
#edit-email-2{
  width: 100%;
}

 .custom-summary > .card-body {
  padding: unset;
}

 #edit-is-this-the-first-time-you-are-submitting-this-application---wrapper-legend {
   color: #151D1F;
   font-family: Archivo, sans-serif;
   font-size: 20px;
   letter-spacing: 0;
   font-weight: unset;
   margin-bottom: 16px;
   line-height: 28px;
 }

 .project-apply-form-bin-radio:checked+label {
   color: #151D1F;
   font-family: "IBM Plex Sans Condensed", sans-serif;
   font-size: 25px;
   font-weight: 500;
   letter-spacing: -0.2px;
   line-height: 28px;
 }

.project-apply-form-bin-radio+label {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
 }


#edit-is-this-the-first-time-you-are-submitting-this-application-2-yes:checked+label,
#edit-is-this-the-first-time-you-are-submitting-this-application-2-no:checked+label,
#edit-is-this-application-a-result-of-an-stdf-project-preparation-gran-no:checked+label,
#edit-is-this-application-a-result-of-an-stdf-project-preparation-gran-yes:checked+label {
   color: #151D1F;
   font-family: "IBM Plex Sans Condensed", sans-serif;
   font-size: 25px;
   font-weight: 500;
   letter-spacing: -0.2px;
   line-height: 28px;
 }

#edit-is-this-the-first-time-you-are-submitting-this-application-2-yes+label,
#edit-is-this-application-a-result-of-an-stdf-project-preparation-gran-yes+label,
#edit-is-this-the-first-time-you-are-submitting-this-application-2-no+label,
#edit-is-this-application-a-result-of-an-stdf-project-preparation-gran-no+label{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
 }



.project-apply-form-bin-radio-cont {
  margin-bottom: 40px;
}

label[for="edit-ppg-title-"],
label[for="edit-stdf-funding-requested-us-"],
label[for="edit-beneficiary-country-or-territory-"],
label[for="edit-classification-of-the-beneficiary-according-to-the-oecd-dac-list"],
label[for="edit-name-of-the-requesting-organization-"],
label[for="edit-contact-person-for-follow-up-"],
label[for="edit-contact-person-for-follow-up-2"],
label[for="edit-email-"],
label[for="edit-email-2"]
{

  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}


#edit-ppg-title-,
#edit-stdf-funding-requested-us-,
#edit-email-,
#edit-contact-person-for-follow-up-,
#edit-contact-person-for-follow-up-2,
#edit-name-of-the-requesting-organization-,
#edit-stdf-funding-requested-us-,
#edit-project-title-,
#edit-stdf-funding-requested-us-2,
#edit-total-project-value-us-,
#edit-beneficiary-country-or-territory-2,
#edit-name-of-the-the-requesting-organization-,
#edit-prefix,
#edit-first-name,
#edit-project-number,
#edit-ppg-number,
#edit-ppg-2-number,
#edit-last-name,
#edit-beneficiary-country-or-territory-{
  background-image: unset;
}

#edit-beneficiary-country-or-territory---description {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 8px;
}

#edit-classification-of-the-beneficiary-according-to-the-oecd-dac-list,
#edit-ppg-title-{
  width: 784px;
}

#edit-contact-person-for-follow-up-,
#edit-contact-person-for-follow-up-2,
#edit-email-,
#edit-email-2,
#edit-stdf-funding-requested-us-,
#edit-beneficiary-country-or-territory- {
}

.file-letter-of-support-input-cont,
.file-additional-support-doc-input-cont,
.file-stdf-application-input-cont
{
  height: 160px;
  border: 1px dashed #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

input[id^="edit-upload-additonal-support-documents-remove-button"] {
  height: 40px;
  width: 177px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: unset;
}


input[data-drupal-selector ^="edit-upload-additonal-support-documents-file"] {
  height: 24px !important;
  width: 34px !important;
}


.webform-document-file-preview-wrapper {
  display: flex !important;
  width: 215px;
  border: 2px solid #00A4B2 !important;
  border-radius: 0 0 6px 0 !important;
  background-color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
  padding: 6px 16px !important;
  align-items: center;
  justify-content: center;
  float: left;
  margin-right: 16px;
}

label[for^="edit-upload-additonal-support-documents-file"] {
  width: 215px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: unset;
  margin-bottom: unset;
  color: #00A4B2;
  padding: unset;
  border: unset;

}

.highlightDropArea {
  border: 1px dashed #00A4B2 !important;
}


.custom-drag-and-drop {
  display: flex;
}


.custom-drag-and-drop > p {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin:auto;
  margin-right: 21.56px !important;
}

input[id^="edit-upload-completed-stdf-application-form-upload"],
input[id^="edit-upload-completed-letter-of-support-upload"],
input[id^="edit-upload-additonal-support-documents-upload"]
{
  display: none
}




.stdf-application-form-prompt-text {
  margin-top: 10px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.stdf-application-form-prompt-text + button {
  padding-top: 8px;
}

#edit-upload-completed-stdf-application-form---label,
#edit-upload-completed-letter-of-support--label,
#edit-upload-project-budget-in-excel---label,
#edit-upload-additonal-support-documents--label ,
.form-item-additional-info-optional- > label{
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}

.details-wrapper.card-body {
  padding: unset !important;
}

.does-the-pg-applicat {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.does-the-pg-applicat-cont {
  margin-bottom: 16px;
}

.back-to-projects {
  margin-bottom: unset !important;
}

#edit-does-the-pg-application-address-sps-capacity-development-i-e-foo--wrapper-legend,
#edit-does-the-pg-application-address-challenges-or-issues-linked-to-i--wrapper-legend,
#edit-does-the-beneficiary-country-or-territory-appear-on-the-oecd-dac--wrapper-legend,
#edit-is-this-the-first-time-you-are-submitting-this-application-2--wrapper-legend,
#edit-does-the-attached-budget-comply-with-these-requirements---wrapper-legend,
#edit-is-this-application-a-result-of-an-stdf-project-preparation-gran--wrapper-legend{
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 16px;
  font-weight: unset;
}

#edit-does-the-pg-application-address-sps-capacity-development-i-e-foo-yes+label,
#edit-does-the-pg-application-address-challenges-or-issues-linked-to-i-yes+label,
#edit-does-the-attached-budget-comply-with-these-requirements-yes+label,
#edit-does-the-beneficiary-country-or-territory-appear-on-the-oecd-dac-yes+label {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-left: unset;
}

#edit-does-the-pg-application-address-sps-capacity-development-i-e-foo-yes,
#edit-does-the-pg-application-address-challenges-or-issues-linked-to-i-yes,
#edit-does-the-attached-budget-comply-with-these-requirements-yes,
#edit-does-the-beneficiary-country-or-territory-appear-on-the-oecd-dac-yes {
  width: 24px;
  height: 24px;
  border: unset;
  border-radius: unset;
  content: url("../images/icons/Checkbox_off.svg");
  transform: translateY(-0.075em);
}

#edit-does-the-pg-application-address-sps-capacity-development-i-e-foo-yes:checked,
#edit-does-the-attached-budget-comply-with-these-requirements-yes:checked,
#edit-does-the-pg-application-address-challenges-or-issues-linked-to-i-yes:checked,
#edit-does-the-beneficiary-country-or-territory-appear-on-the-oecd-dac-yes:checked {
  width: 1.15em;
  height: 1.15em;
  border: unset;
  border-radius: unset;
  content: url("../images/icons/Checkbox_on.svg");
  transform: translateY(-0.075em);
}

label[for="edit-classification-of-the-beneficiary-according-to-the-oecd-dac-2"] {
  margin-bottom: 4px;
}

details {
  margin-bottom: 64px;
}

#edit-budget-requirements {
  margin-bottom : unset !important;
}

#edit-full-name-of-the-contact-person-for-follow-up- > div.fieldset-wrapper {

  display: grid;
  grid-auto-rows: auto;
  grid-gap: 48px;
  grid-template-columns: 160px 264px 264px;

}

#edit-full-name-of-the-contact-person-for-follow-up- > div.fieldset-wrapper > div > input {

 width: 100%

}

#edit-full-name-of-the-contact-person-for-follow-up- > legend {

  margin-bottom: -13px !important;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

#edit-stdf-funding-requested-us-2--description,
#edit-total-project-value-us---description,
#edit-beneficiary-country-or-territory-2--description,
#edit-name-of-the-the-requesting-organization---description,
#edit-prefix--description,
#edit-first-name--description,
#edit-last-name--description {
  margin-top: 8px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
}

#edit-processed-text-2 > ol > li {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.p1 {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: unset;
}

.dasher::marker {
  -webkit-appearance: none;
  appearance: none;
  content: "-";
  margin-right: 10px;
}






#edit-field-region-target-id--2--wrapper > .fieldset-wrapper {

}





.project-explore-exposed-block-title {
  text-align: center;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: 82px;
}




#edit-field-project-type-value--2 > .form-radios > div:nth-child(3) {
  display: none;
}

#edit-field-project-type-value > .form-radios > div:nth-child(3) {
  display: none;
}

#edit-field-project-type-value--2 > .form-radios  {
  display: flex;
}

#edit-field-project-type-value > .form-radios  {
  display: flex;
}

#edit-field-project-type-value--2 > .form-radios >  div {
  float: left;
  position: relative;
  height: 160px;
  width: 368px;
  margin: 0 36px 0 0;
}

#edit-field-project-type-value > .form-radios >  div {
  float: left;
  position: relative;
  height: 160px;
  width: 368px;
  margin: 0 36px 0 0;
}

#edit-field-project-type-value--2 > .form-radios > div > input {
  z-index: 100;
  opacity: 0.01;
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 0;
  bottom: 0;
  content: url("../images/icons/Checkbox_off.svg");
}

#edit-field-project-type-value > .form-radios > div > input {
  z-index: 100;
  opacity: 0.01;
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 0;
  bottom: 0;
  content: url("../images/icons/Checkbox_off.svg");
}

#edit-field-project-type-value--2 > .form-radios > div >input:checked ~ .exposed-form-project-apply-form-checkers {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_on.svg");
  z-index: 100;
}

#edit-field-project-type-value > .form-radios > div >input:checked ~ .exposed-form-project-apply-form-checkers {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_on.svg");
  z-index: 100;
}

#edit-field-project-type-value--2 > .form-radios > div >input ~ .exposed-form-project-apply-form-checkers {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_off.svg");
  z-index: 100;
}

#edit-field-project-type-value > .form-radios > div >input ~ .exposed-form-project-apply-form-checkers {
  height: 24px;
  width: 24px;
  top: 24px;
  left: 24px;
  position: absolute;
  content:url("../images/icons/Checkbox_off.svg");
  z-index: 100;
}

#edit-field-project-type-value--2 > .form-radios > div >input:checked ~ label {
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  color: #00A4B2;
}

#edit-field-project-type-value > .form-radios > div >input:checked ~ label {
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  color: #00A4B2;
}

#edit-field-project-type-value--2 > .form-radios > div >input ~ label {
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding: 10px 16px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  margin-left: unset !important;
  display: flex;
  justify-content: center;
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
  padding-top: 32px;
}


#edit-field-project-type-value > .form-radios > div >input ~ label {
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding: 10px 16px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  margin-left: unset !important;
  display: flex;
  justify-content: center;
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 64px;
  text-align: center;
  text-transform: capitalize;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
  padding-top: 32px;
}


#edit-field-project-type-value--2 > .form-radios > div > .exposed-pg-desc{
  top: 102px;
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  margin-left: unset;
  z-index: 100;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  text-align: center;
}


#edit-field-project-type-value > .form-radios > div > .exposed-pg-desc{
  top: 102px;
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  margin-left: unset;
  z-index: 100;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  text-align: center;
}

.js-form-item-field-region-target-id-1930,
.js-form-item-field-region-target-id-1927,
.js-form-item-field-region-target-id-1954,
.js-form-item-field-region-target-id-1925,
.js-form-item-field-region-target-id-1931,
.js-form-item-field-region-target-id-1934
 {
  float: left;
  margin: 0 5px 0 0;
  height: 40px;
  position: relative;
}

.form-item-field-region-2-target-id {
  float: left;
  margin: 0 5px 0 0;
  height: 40px;
  position: relative;
}


.js-form-item-field-status-value-awaiting, 
.js-form-item-field-status-value-completed,
.js-form-item-field-status-value-on-going  
{
  float: left;
  margin: 0 5px 0 0;
  height: 40px;
  position: relative;
}



.js-form-item-field-sector-value-animal-health,
.js-form-item-field-sector-value-food-safety,
.js-form-item-field-sector-value-general-sps,
.js-form-item-field-sector-value-plant-health
{
  float: left;
  margin: 0 5px 0 0;
  height: 40px;
  position: relative;
}

.js-form-item-grid-list-layout {
    float: left !important;
  margin: 0 5px 0 0;
  height: 40px;
  position: relative;
  margin-right: 0.2em !important;
  margin-top: unset !important;
}

#edit-grid-list-layout--2--wrapper {
  margin-top: unset;
  margin-right: unset;
}

.js-form-item-field-status-value-awaiting  > input,
.js-form-item-field-status-value-completed  > input,
.js-form-item-field-status-value-on-going  > input 
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.js-form-item-field-sector-value-animal-health  > input,
.js-form-item-field-sector-value-food-safety  > input,
.js-form-item-field-sector-value-general-sps  > input,
.js-form-item-field-sector-value-plant-health  > input
 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.js-form-item-grid-list-layout  > input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.js-form-item-field-region-target-id-1930 > input,
.js-form-item-field-region-target-id-1927 > input,
.js-form-item-field-region-target-id-1954 > input,
.js-form-item-field-region-target-id-1925 > input,
.js-form-item-field-region-target-id-1931 > input,
.js-form-item-field-region-target-id-1934 > input
 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.form-item-field-region-2-target-id  > input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.js-form-item-field-status-value-awaiting  > label,
.js-form-item-field-status-value-completed  > label,
.js-form-item-field-status-value-on-going > label
 {
  display:unset;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 16px;
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-left: unset !important;
}


.js-form-item-field-sector-value-animal-health  > label,
.js-form-item-field-sector-value-food-safety  > label,
.js-form-item-field-sector-value-general-sps > label,
.js-form-item-field-sector-value-plant-health  > label
 {
  display:unset;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 16px;
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-left: unset !important;
}

.js-form-item-grid-list-layout  > label {
  display:unset;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 16px;
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-left: unset !important;
}


.js-form-item-field-region-target-id-1930 > label,
.js-form-item-field-region-target-id-1927 > label,
.js-form-item-field-region-target-id-1954 > label,
.js-form-item-field-region-target-id-1925 > label,
.js-form-item-field-region-target-id-1931 > label,
.js-form-item-field-region-target-id-1934 > label
 {
  display:unset;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 16px;
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-left: unset !important;
}


.form-item-field-region-2-target-id > label {
  display:unset;
  border: 1px solid #CCC;
  cursor: pointer;
  z-index: 90;
  border: unset;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 16px;
  box-sizing: border-box;
  height: 40px;
  width: fit-content;
  border: 2px solid #70797A !important;
  border-radius: 0 0 6px 0;
  color: #70797A !important;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-left: unset !important;
}

.js-form-item-field-status-value-awaiting  > input:checked+label,
.js-form-item-field-status-value-completed  > input:checked+label,
.js-form-item-field-status-value-on-going  > input:checked+label
 {
  color: white;
  background-color: #00A4B2;
  border: 2px solid #00A4B2;
}

.js-form-item-grid-list-layout  > input:checked+label {
  color: white ;
  background-color: #00A4B2;
  border: 2px solid #00A4B2;
}


.js-form-item-field-sector-value-animal-health  > input:checked+label,
.js-form-item-field-sector-value-food-safety  > input:checked+label,
.js-form-item-field-sector-value-general-sps  > input:checked+label,
.js-form-item-field-sector-value-plant-health  > input:checked+label 
{
  color: white;
  background-color: #00A4B2;
  border: 2px solid #00A4B2;

}


.js-form-item-field-region-target-id-1930 > input:checked+label,
.js-form-item-field-region-target-id-1927 > input:checked+label,
.js-form-item-field-region-target-id-1954 > input:checked+label,
.js-form-item-field-region-target-id-1925 > input:checked+label,
.js-form-item-field-region-target-id-1931 > input:checked+label,
.js-form-item-field-region-target-id-1934 > input:checked+label
 {
  color: white;
  background-color: #00A4B2;
  border: 2px solid #00A4B2;

}

.form-item-field-region-2-target-id  > input:checked+label {
  color: white !important;
  background-color: #00A4B2;
  border: 2px solid #00A4B2 !important;

}

#edit-field-region-target-id--2--wrapper,
#edit-field-status-value--2--wrapper,
#edit-field-sector-value--2--wrapper{
  margin-top: unset !important;
}


#edit-field-region-target-id--2--wrapper > legend > span ,
#edit-field-status-value--2--wrapper > legend > span ,
#edit-field-sector-value--2--wrapper > legend > span {
  color: #1A1C1E;
  font-family: Archivo,sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

#edit-grid-list-layout--2--wrapper > legend > span {

}

#edit-submit-project--5 {
  width: auto;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: unset;
  padding: 10px 16px;
}

.node--view-mode-teaser-3{
  margin-bottom: 24px;
}




.project-explore-item-image {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.close-mobile-beneficaries-icon {
  cursor: pointer;
}

.about-us-paragraph-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
}

.about-us-strategy-paragraph-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}

.about-us-first-paragraph-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F9FBFB;
}

.about-us-db-pg-column{
  width: 576px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 32px;
  text-align: justify;
  padding-right: unset;
}

.double-column-paragraph-double-link-cont {
  padding-right: 124px;
}

.about-us-db-pg-column-first-link {
  height: 40px;
}

.mb-md-64 {
  margin-bottom: 64px;
}

.about-us-db-pg-column-first-link > a {
  height: 40px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  padding: 10px 16px;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
  margin-right: 16px;
  border: 2px solid #00A4B2;
}

.about-us-db-pg-column-second-link > a {
  box-sizing: border-box;
  height: 40px;
  border: 2px solid #00A4B2;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
  padding: 10px 16px;
}

.about-us-db-pg-column:nth-child(1) {
  margin-right: 48px;
}

.mb-64{
  margin-bottom: 64px;
}

.about-us-vision-cards-image {
  margin-bottom: 24px;
}

.about-us-vision-cards-title {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-bottom: 8px;
}

.about-us-vision-cards-tag-line {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 8px;
}

.about-us-vision-cards-body {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.first-md-3 {
  padding-right: 24px;
}

.norm-md-3 {
  padding-left: 24px;
  padding-right: 24px;
}
.last-md-3 {
  padding-left: 24px;
}

.about-us-vision-cards {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F9FBFB;
}

.about-us-founding-partners {
  padding-top: 80px;
  padding-bottom: 80px;
  background: white;
}

.ab-us-founding-partners-title {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 32px;
}
.ab-us-founding-partners-who-we-are{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 64px;
}

.ab-us-founding-partners-images{
  margin-bottom: 32px;
}

.text-accent {
  color: #00A4B2;
}
.text-acrhivo {
  font-family: Archivo, sans-serif;
}
.text-14 {
  font-size: 14px;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.dev-countries-experts{
  padding-top: 40px;
  background-color: #F9FBFB;
  padding-bottom: 40px;
}


.about-us-policy-commitee-structure-cont {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  padding-top: 80px;
  padding-bottom: 32px;
  width: 1200px;
  margin:auto;
}


.dv-country-experts-cont {
  display: grid;
  grid-template-columns: calc(50% - 24.5px) calc(50% - 24.5px);
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}

.ab-us-policy-comt-cont{
  display: grid;
  grid-template-columns: calc(50% - 24.5px) calc(50% - 24.5px);
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}



.dv-country-experts-first-column, .dv-country-experts-sec-column {

}
.dv-country-experts-first-column-cont{
  padding-top: 22px;
}

.dv-country-experts-first-column-title{
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 40px;
}

.dv-country-experts-first-column-body{
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 32px;
}

.dv-country-experts-sec-column > .field--name-field-dv-cr-experts-image > article > .field--type-image > .field__item > img {
  width: 100%;
  height: 100%;
}

.dv-country-experts-first-column-cont > div > .field--name-field-dv-cr-experts-link > a {
  height: auto;
  width: auto;
  min-width: 141px;
  border-radius: 0 0 6px 0;
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #00A4B2;
  color: white;
}

.ab-us-donors-title {
  height: 40px;
  width: 95px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 32px;
}

.ab-us-donors-sub {
  height: 28px;
  width: 584px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.ab-us-donor-icon{
  margin-bottom: 56px;
}

.ab-us-donors-text-cont {
  margin-bottom: 104px;
}

.ab-us-donor-cont {
  padding-top: 80px;
  background: white;
}

.ab-us-donor-icons-cont {
  display: grid;
  grid-template-columns: repeat(4, 264px);
  grid-auto-rows: auto;
  grid-gap: 48px;
}

.australian-aid {
  height: 63.7px;
  width: 142px;
}

.canada-wordmark {
  height: 37.3px;
  width: 155.93px;
}

.field--type-text-with-summary > p {
  color: #151D1F;
  font-family: Archivo,sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.field--type-text-with-summary  li {
  color: #151D1F;
  font-family: Archivo,sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.denmark-cont{
  height: 68px;
  width: 184px;
}

.europe-cont {
  height: 64px;
  width: 96px;
}

.finland {
  height: 68px;
  width: 184px;
}

.fmecd {
  height: 78px;
  width: 192.07px;
}

.fmfa {
  height: 78px;
  width: 138.54px;
}

.republique-francaise {
  height: 111px;
  width: 127px;
}

.irish-aid {
  height: 68px;
  width: 127.9px;
}

.kingdom-of-the-netherlands {
  height: 68px;
  width: 160px;
}

.norad {
  height: 62px;
  width: 168px;
}

.sweden-blue {
  height: 50px;
  width: 170px;
}

.ukaid {
  height: 90px;
  width: 82px;
}

.usaid {
  height: 53.84px;
  width: 179.99px;
}

.usda {
  height: 68px;
  width: 99.42px;
}

.fda {
  height: 38.37px;
  width: 184.01px;
}

.about-us-working-group-commitee {
  background: white;
}

.about-us-policy-commitee {
  background-color: #F9FBFB;
}

.about-us-scretariat-commitee {
  background-color: #F9FBFB;
}

.about-us-wider-network {
  padding-top: 80px;
  padding-bottom: 128px;
  background: white;
}


.ab-us-policy-comt-sec-column, .ab-us-policy-comt-first-column {
    padding-top: 46px;
    padding-bottom: 46px;
}


.ab-us-policy-comt-sec-column-cont{
  padding-top: 48px;
  padding-bottom: 48px;
}


.dv-country-experts-first-column-link > div > a {
  height: 40px;
  width: auto;
  border-radius: 0 0 6px 0;
  padding: 11px 16px 10px;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.page-stdf-secretariat-header{
  margin-top: 80px;
  margin-bottom: 80px;
}
.page-stdf-secretariat-title {
  height: 64px;
  width: 1200px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
  margin-bottom: 16px;
}
.page-stdf-secretariat-sub {
  height: 56px;
  width: 789px;
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.block-double-column-user-detail-card {
  max-width: 784px;
  margin: auto;
}

.block-double-column-user-detail-card-cont {
 margin-bottom: 80px;
}

.block-double-column-user-detail-card-body {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.block-double-column-user-detail-card-title {
  text-align: left;
  color: #151D1F;
  max-width: 174px;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-bottom: 4px;
}

.block-double-column-user-detail-card-portfolio {
  text-align: left;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;

}

.block-double-column-user-detail-text-column {
  width: 174px;
}

.block-double-column-user-detail-img-column {
  width: 552px;
}

.user-detail-card-first-column{
  margin-right: 64px;
}

.large-user-card-detail {
  height: 174px;
  width: 174px;
  border-radius: 50%;
  object-fit: cover;
}




.circle-large-user-card-detail {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #BEC8CA;
  line-height: 0;
  position: absolute;
  left: 10px;
  top: 8px;
}

.circle-bottom-large-user-card-detail {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  background: #E9F3F4;
  line-height: 0;
  position: absolute;
  left: 1px;
  bottom: -20px;
}

.wrappp {
  height: 174px;
  width: 174px;
  position: relative;
}

.white-bg {
  background-color: white;
}

.frame{
  position: inherit;
  z-index: 999;
}


.circle-large-user-card-detail:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  position: relative;


}


.active-link {
  color: #00A4B2 !important;
}

.active-link> a {
  color: #00A4B2 !important;
  border-bottom: 2px solid #00A4B2 !important;

}

.active-tabs {
  color: #00A4B2 !important;
  border-bottom: 2px solid #00A4B2 !important;
}

.active-tabs > a {
  color: #00A4B2 !important;
}

.developing-country-header {
  padding-bottom: 16px;
  width: 277px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
  border-bottom: 2px solid #DBE3E5;
}

.past-developing-country-header {
  padding-bottom: 16px;
  width: 277px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  text-align: center;
  border-bottom: 2px solid #DBE3E5;
}

.past-developing-country-header  > a, .developing-country-header > a {
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #151D1F;
  letter-spacing: -0.3px;
  line-height: 24px;
  text-align: center;

}

.dummy-div {
  padding-bottom: 16px;
  border-bottom: 2px solid #DBE3E5;
}
.country-text-header {
}

.field-1070 {
  width: 1070px;
  margin: auto;
}

.expert-list-table-header-cont {
  height: 56px;
  background-color: #FFDEAA;
  border-bottom: 1px solid #00A4B2;
}

.expert-list-table-header-cont > tr > th:nth-child(1) {
  padding-left: 8px;
  vertical-align: bottom;
  height: 54px;
  padding-bottom: 8px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.expert-list-table-header-cont > tr > th:nth-child(2) {
  width:  214px;
  vertical-align: bottom;
  height: 54px;
  padding-bottom: 8px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}
.expert-list-table-header-cont > tr > th:nth-child(3) {
  width: 82px;
  vertical-align: bottom;
  height: 54px;
  padding-bottom: 8px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}

.expert-list-table > tbody > tr {
  height: 54px;
  border-bottom: 1px solid #DBE3E5;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.expert-list-table > tbody > tr  > td:nth-child(1){
  padding-left: 8px;
}

.wider-network-title-cont {
  height: 288px;
  background: linear-gradient(270deg, #00A4B2 0%, #4BB9A9 100%);
  margin-bottom: 80px;
}

.wider-network-title {
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wider-network-title-text{
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
}

.wider-network-sub-text{
  max-width: 789px;
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.wider-item-abbrev {
  width: 78px;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin-right: 26px;
}

.wider-item-name {
  max-width: 264px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.summary-report-item-cont {
  padding: 24px;
  height: 163px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -2px rgba(2,105,114,0.3);
}

.summary-report-item-arc-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -2px rgba(2,105,114,0.3);
}

.summary-report-item-img-header{
  margin-bottom: 40px;
}

.summary-report-item-year {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 4px;
}

.summary-reports-content-cont {
  padding-top: 80px;
  padding-bottom: 80px;
}

.summary-report-item-title {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}


.wider-item-cont {
  height: 80px;
  border-bottom: 1px solid #DBE3E5;
}

.wider-item-grid {
  display: grid;
  grid-template-columns: 368px 368px 368px;
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}

.good-practise-grid > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}

.au-see-report-button{
  height: 40px;
  width: 129px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: white;
  padding: 10px 16px 11px;
  text-decoration: unset;
}

.au-evaluation-report-title-block {
  padding-right: 120px;
  background: #F4F8F1;
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.au-evaluation-report-title-sub {
  color: #70797A;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  margin-bottom: 32px;
}

.au-new-external-evalu-cont {
  margin: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.au-new-external-evalu {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 32px;
  text-align: justify;
}

.au-evaluation-report-image {
  height: 100%;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.au-evaluation-see-report {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-top: 2px;
}

.au-evaluation-report-item-cont {
  padding: 24px;
  height: 263px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
}

.au-evaluation-report-title-display-1-item-cont {
  height: 347px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.au-evaluation-report-item-image {
  margin-bottom: 32px;
}

.au-evaluation-report-item-title {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 8px;
}

.project-evaluation-title-cont {
  min-height: 140px;
}

.au-evaluation-report-project-report-item {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.au-evaluation-report-item-ass-firm > .field--name-field-reports-associated-firm > .vocabulary-associated-firm > h2 > a > div, .field--name-field-reports-author {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}

.au-evaluation-report-item-reference-code {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 16px;
}


.grid-table-form > .view-filters {
  margin-bottom: 32px;
}

.project-eval-grid-table-form  > .view-filters  {
  margin-bottom: 32px;
}


.grid-table-form > .view-content {
  display: grid;
  grid-template-columns: 368px 368px 368px;
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}

.project-eval-grid-table-form  > .view-content > div {
  display: grid;
  grid-template-columns: 368px 368px 368px;
  grid-column-gap: 49px;
  grid-row-gap: 32px;
}

.grid-table-form > .view-filters > form {
  display: flex;
  justify-content: end;
}


.project-eval-grid-table-form  > .view-filters > form {
  display: flex;
  justify-content: end;
}



.grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(2) > label  {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}

.project-eval-grid-table-form  > .view-filters > form > div:nth-child(1) > div:nth-child(2) > label  {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}

.grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(2)  > select  {
  box-sizing: border-box;
  height: 40px;
  width: 171px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  --bs-form-select-bg-img: url("../images/icons/Arrow_down.svg");
}

.grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(1)  > label  {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}
.grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(1)  > input  {
  box-sizing: border-box;
  height: 40px;
  width: 171px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: unset;
}

.project-eval-grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(2)  > select  {
  box-sizing: border-box;
  height: 40px;
  width: 171px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  --bs-form-select-bg-img: url("../images/icons/Arrow_down.svg");
}

.project-eval-grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(1)  > label  {
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 4px;
}
.project-eval-grid-table-form > .view-filters > form > div:nth-child(1) > div:nth-child(1)  > input  {
  box-sizing: border-box;
  height: 40px;
  width: 171px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: unset;
}

#block-strategyblock {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  width: 791px;
  margin: auto;
  text-align: justify;
}

.strategy-page-header{
  margin-top: 48px;
  margin-bottom: 80px;
}

.summary-reports-page-header {
  height: 260px;
  background: linear-gradient(270deg, #00A4B2 0%, #4BB9A9 100%);
  vertical-align: center;
}

.summary-reports-page-header-text {
  margin: auto;
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 64px;
  padding-left: unset;
}

.project-evaluation-page-cont {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #F5F8F8;
}

.nav-orange-border {
  border-bottom: 1px solid #E7B55C;
}

.project-evaluation-see-report-button {
  height: 40px;
  width: 129px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
  display: block;
  padding-top: 11px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
}

.wider-network-content{
  padding-bottom: 128px;
}

.country-experts-content-container {
  padding-top: 80px;
  padding-bottom: 128px;
}
.card-grid > .view-content {
  display: grid;
  grid-template-columns: repeat(3, 368px);
  grid-column-gap: 48px;
  grid-row-gap: 32px;
}

.news-card-grid > .view-content > div {
  display: grid;
  grid-template-columns: repeat(4, 264px);
  grid-column-gap: 48px;
  grid-row-gap: 32px;
}

.events-card-grid > .view-content > div {
  display: grid;
  grid-template-columns: repeat(4, 264px);
  grid-column-gap: 48px;
  grid-row-gap: 32px;
}

.news-card-grid > > .view-content + ul {
  padding-top: 30px;
  padding-left: unset;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: start;
  border-top: 1px solid #BEC8CA;
}

.events-card-grid > > .view-content + ul {
  padding-top: 30px;
  padding-left: unset;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: start;
  border-top: 1px solid #BEC8CA;
}

.events-card-grid > .view-content + ul > li > a {
  height: 40px;
  width: 124px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo,sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
  padding-top: 10px;
  padding-bottom: 11px;
}

.news-card-grid > .view-content + ul > li > a {
  height: 40px;
  width: 124px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo,sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
  padding-top: 10px;
  padding-bottom: 11px;
}

.good-practice-article-node-title-block {
  padding-right: 120px;
  padding-top: 78px;
  background: #F4F8F1;
  padding-left: 48px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  justify-content: center;
  align-content: center;
}

.no-img-ul >li:nth-child(1)  {
  width: 26%;
}
.no-img-ul >li:nth-child(2) {
  width: 17%;
}
.no-img-ul >li:nth-child(3) {
  width: 10%;
}

.no-img-ul >li:nth-child(4) {
  width: 11%;
}
.no-img-ul >li:nth-child(5) {
  width: 9%;
}
.no-img-ul >li:nth-child(6) {
  width: 26%;
}

.gd-article-node-tab-cont{
  padding-top: 80px;
  background-color: #F5F8F8;
}

.gd-article-node-results-tab-cont-title {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  text-align: center;
  margin-bottom: 47px;
}

.gd-article-node-results-item-cont, .ps-expert-tables-cont {
  display: grid;
  grid-template-columns: repeat(3, 368px);
  grid-gap: 48px;
}
.gd-article-node-results-item {
  height: 466px;
  width: 100%;
  border-radius: 0 0 16px 0;
  padding-top: 64px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3);
}

.gd-article-node-results-item-icon {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}

.gd-article-node-results-item-title-text {
  height: 28px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 34px;
}

.gd-article-node-results-item-link-cont {
  max-height: 130px;
  width: 100%; /* Or set to a larger value if you need */
  max-width: 288px; /* Maintain a limit if necessary */
  height: auto; /* Let the height adjust to the content */
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  text-align: center;
  margin: auto;
  overflow-y: auto; /* Optional if you want scrolling */
  word-wrap: break-word; /* Handle text overflow */

}



.text-link {
  color: #20BCCC;
}

.gd-article-node-featured-item-image {
  height: 266px;
  width: 100%;
  margin-bottom: 16px;
}

.gd-article-node-featured-item-image > img {
  height: 266px;
  width: 100%;
  object-fit: cover;
}

.gd-article-node-featured-item-title-text {
  height: 48px;
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 12px;
  -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.gd-article-node-featured-item-date-text {
  height: 20px;
  width: 358px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.gd-article-node-featured-label {
  height: 48px;
  width: 150px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 32px;
}

.gd-article-node-featured-item {
  height: 386px;
}

.gd-article-node-featured-item-cont {
  display: grid;
  grid-template-columns: repeat(4, 368px);
  grid-gap: 48px;
}

.gd-article-practice-teaser-img {
  width: 100%;
  margin-bottom: 16px;
}

.gd-article-practice-teaser-img > * {
  object-fit: cover;
  width: 100%;
}

.image-style-_64x176 {
  width: 100%;
}

.gd-article-practice-teaser-img > img {
  object-fit: cover;
  width: 100%;
}

.gd-article-practice-teaser-title {
  height: 48px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 12px;
}

.gd-article-practice-teaser-date-location  {
  display: flex;
}
.gd-article-practice-teaser-dot {
  font-size: 20px;
  margin-top: -5px;
}

.gd-article-practice-teaser-date-location > *  {
  height: 20px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  display: flex;
}

.field--name-field-project-apply-notf-desc > * {
  height: 16px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  line-height: 16px;
}

.project-ppg-info-modal {
  width: 60%;
  background-color: #FFFFFF;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
}

.project-ppg-info-modal-title {
  height: 40px;
  width: 576px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 16px;
}

.project-ppg-info-modal-text {
  height: 144px;
  width: 576px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.project-ppg-modal-contents {
  display: flex;
  flex-direction: column;
  margin-top: 64px;
  align-items: center;
  margin-bottom: 64px;
}

.field--name-field-ab-us-strategy > .field__item > .paragraph > .mb-64 > .field--name-field-ab-us-double-body > .about-us-db-pg-column {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
}

.field--name-field-dv-cr-experts-link > a {
  height: 19px;
  width: 102px;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
}

.news-event-page-search-cont{
  margin-top: 32px;
}

.news-events-page-search-input {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: url("../images/icons/Search.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-position-x: 98%;
  width: 100%;
}

.news-events-page-search-input::placeholder {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.news-and-event-page-title-cont {
  display: flex;
  margin-bottom: 41px;
}

.news-and-event-page-title {
  height: 48px;
  width: 93px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
}

.news-and-events-page-icon {
  padding-top: 15px;
  margin-right: 16px;
}


#news_sec {
  padding-top: 80px;
}

.divider-for-story{
  width: 2px;
  background-color: white;
}



.events-news-block-cont {
  background: white;
}

.newsletter2-block {
  width: 1200px;
  margin: auto;
}

.newsletter2-block-cont {
  padding-top: 72px;
  padding-bottom: 51px;
  background-color: #F9FBFB;
}

.news-and-events-page-cont {
  padding-top: 80px;
  background: white;
}

.news-and-events-comments-first {
  padding-right: 20px !important;
}

.news-and-events-comment-cont {
  padding: 64px 80px;
  height: 421px;
  max-width: 994px;
  background-color: #FFDEAA;

  margin: auto auto 80px;
}


.news-and-events-comment-title{
  height: 48px;
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 48px;
  margin-bottom: 32px;
}

.news-and-events-comment-input > label {
  height: 20px;
  color: #1A1C1E;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.news-and-events-comment-input > input {
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: unset;
  padding: 8px;
}

.news-and-events-comment-input > textarea {
  box-sizing: border-box;
  height: 150px;
  width: 100%;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  padding: 8px;
}

.news-full-comment-submit {
  margin-top: 24px;
  padding: 10px 16px;
  height: 40px;
  width: 100px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
  border: unset;
}




.news-event-page-search-cont  input, .news-events-page-search-input {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #00A4B2;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: url("../images/icons/Search.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-position-x: 98%;
  width: 100%;
  padding: 8px;
}

.news-event-page-search-cont  input::placeholder, .news-events-page-search-input::placeholder {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.news-event-page-search-cont  label {
    display: none
}

.news-event-page-search-cont  .form-type-textfield {
    width: 100%
}


.project-modal-contents {
  height: unset !important;
}

.news-events-socials-btn {
  display: flex;
  padding: 10px 16px;
  box-sizing: border-box;
  height: 40px;
  border: 2px solid #00A4B2;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.news-events-socials-btn:hover {
  display: flex;
  padding: 10px 16px;
  box-sizing: border-box;
  height: 40px;
  border: 2px solid white;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  fill: white;
  color: white;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}








.news-and-events-bottomfeeder  {
  height: 24px;
  color: #FFFFFF;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  text-align: center;
}

.news-and-events-bottomfeeder-divider{
  border: #FFFFFF 1px solid;
}



.dummy-primary-border {
  width: 32px;
  border: #00A4B2 2px solid;
  margin-bottom: 12px;
}

.light-primary-label {
  height: 20px;
  border-radius: 0 0 4px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding: 2px 4px;
}

.light-warning-label {
  height: 20px;
  border-radius: 0 0 4px 0;
  background-color: #E7B55C;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding: 2px 4px;
}

.sec-label {
  height: 20px;
  border-radius: 0 0 4px 0;
  background-color: #9C0751;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding: 2px 4px;
}

.news-and-events-tag-cont {
  margin-bottom: 24px;
}


.news-and-events-upfeeder-cont {
  height:auto;
  min-height:100%;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.stdf-grid-8 {
  max-width: 790px;
  margin: auto;
}

.gd-practice-files {
  display: grid;
  grid-template-columns: repeat(2, 378px);
  grid-gap: 32px;
  grid-row-gap: 16px;
}

.events-teaser-cont{
  padding: 24px;
  flex-direction: column;
  height: 263px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px -1px rgba(2,105,114,0.3)

}

.events-teaser-svg {
  margin-bottom: 32px;
}

.events-teaser-title {
  max-width: 320px;
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 8px;
  text-align: initial;
}

.events-teaser-date {
  max-width: 200px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.events-teaser-link {

}

.gd-practice-events-cards {
  display: grid;
  grid-template-columns: repeat(2, 368px);
  grid-gap: 48px;
}

.image-footnote {
  max-width: 790px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  margin: auto;
}

.landscape_image {
  width: 100%;
  margin: auto auto 16px;
}

.full-landscape > img {
  width: 1200px;
}

.landscape-media-default {
  margin-bottom: 40px;
}


.field--name-body > table > thead > tr {
  border-bottom: 1px #00A4B2 solid;
}

.table-subheader {
  min-height: 60px !important;
  border-bottom: 1px #00A4B2 solid !important;
}

.field--name-body > table > thead > tr > th {
  min-width: 98px;
  padding-bottom: 9px;
  font-family: Archivo, sans-serif;
}

.field--name-body > table > tbody > tr > td {
  border-bottom: 1px #DBE3E5 solid;
}

.field--name-body > table > tbody > tr > td {
  min-width: 98px;
  padding: 16px 8px 9px;
  font-family: Archivo, sans-serif;
  color: #151D1F;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}
.field--name-body > table > tbody > tr > td > p {
  font-family: Archivo, sans-serif !important;
  color: #151D1F !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
}

.large_landscape {
  width: 100%;
}

.landscape-image {
  margin-bottom: 16px;
}

.story-teaser-4-title h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  

}


.story-teaser-title h2 {
  width: 368px;
  color: #151D1F;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 49px;
}

.tabletFooter {
  display: none;
}

.desktopFooter {
  display: block;
}

.mobileFooter {
  display: none;
}

.main-menu-news-teaser-image {
  margin-right: unset;
}
.styleguide-nav-news-card .col-2 {
  padding-right: unset;
}

.styleguide-nav-news-card .col-3 {
  padding-right: unset;
}
.styleguide-nav-news-card .col-10 {
  padding-left: 16px;
}

.styleguide-nav-news-card .col-9 {
  padding-left: 16px;
}

.block-views-blocknews-block-2 {
}

.events-teaser-block > .row > .views-row:nth-child(4) {
  display: none;
}




.homepage-news-teaser-t  .row > div:nth-child(4) {
  display: none;
}

.homepage-news-teaser-t  .row > div{
  margin-bottom: unset !important;
}

.stories-hp-group > .container > .row > div > div > .row > div:nth-child(4) {
  display: none;
}

.briefing-image-teaser {
  height: 260px !important;
}

.briefing-image-teaser-cont {
  margin-bottom: 16px;
}

.briefing-teaser-title > span {
  height: 48px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 24px;
  margin-bottom: 16px;
}

.briefing-teaser-date > div {
  height: 20px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
}

.about-us-db-pg-column {
  padding-right: calc(47.64px * 0.5);
}

.project-hp-group > .container > .row {
  margin-bottom: unset !important;
}

label[for="edit-grid-list-layout-list--2"] {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  content: url("../images/icons/List.svg");
  padding: 6px;
  cursor: pointer;
}

label[for="edit-grid-list-layout-grid--2"] {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #70797A;
  border-radius: 0 0 6px 0;
  background-color: #FFFFFF;
  padding: 6px;
  cursor: pointer;
  content: url("../images/icons/Cards.svg");
}

.active-explore-grid-view {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/CardsWhite.svg");
}

.active-explore-list-view {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/ListWhite.svg");
}


.js-form-item-grid-list-layout  > input:checked+label[for="edit-grid-list-layout-grid--2"] {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/CardsWhite.svg");
}

.js-form-item-grid-list-layout  > input:checked+label[for="edit-grid-list-layout-list--2"] {
  padding: 6px;
  cursor: pointer;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  border: 1px solid #00A4B2;
  content: url("../images/icons/ListWhite.svg");
}

#edit-grid-list-layout--2 > div > div:nth-child(1) {
  display: none;
}

.summary-report-presentation-items {
  margin-bottom: 8px;
  background-color: #F9FBFB;
}

.summary-presentations-label {
  height: 24px;
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.summary-prsentations-document-cont{
  min-height: 80px;
  background-color: #F9FBFB;
  display: flex;
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
}

.summary-presentations-document-title {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}

.summary-presentations-document-name {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.summary-report-modal-header {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 25px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 28px;
  margin-bottom: 8px;
}

.summary-report-modal-sub-header {
  color: #70797A;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 32px;
}

.summary-report-modal-main-media {

  background-color: #FFDEAA;
  display: flex;
  padding-top: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
}

.summary-modal-close {
  margin-bottom: 20px;
}

.summary-report-presentation-items-cont {
  height: 300px;
  overflow: scroll;
}

.event-non-image-page-title  {
  margin: auto;
  display: flex;
  align-items: center;
  width: 100%;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 61px;
  letter-spacing: -1px;
  line-height: 64px;
}

.event-non-image-page-title-header {
  width: 100%;
  background-color: #FFFFFF;
  padding-top:80px;
  padding-bottom: 80px;
}


.text-formatted.field--type-text-long a {
  font-size: unset !important;
  font-weight: unset !important;
  font-family: unset !important;
}

.events-teaser-location-cont  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gd-article-node-results-item-link-cont > p > a {
  font-family: Archivo, sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  line-height: 28px !important;
  text-align: center !important;
  margin: auto;

}

#nw-modal-cont{
  display:none;
  position: fixed;
  z-index: 99999999;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  justify-content: center;
  
}

.nw-modal-form-cont {
  background-color: #F9FBFB;
  padding: 32px;
}

.nw-modal-form {
  width: 464px;
  border-radius: 0 0 12px 0;
  background-color: #F9FBFB;
  padding: 32px;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  height: 100%;
    overflow: scroll;
}

.nw-inputs {
  margin-bottom: 24px;
}

.nw-inputs > input[type='text'],
.nw-inputs > input[type='email'] {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #A3ADAE;
  border-radius: 0 0 8px 0;
  background-color: #FFFFFF;
  background-image: unset !important;
}

.nw-inputs >div > div > input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
  margin-right: 8px;
}

.nw-inputs >div > div  {
  margin-right: 10px;
}

.nw-inputs > div > div > input[type='radio']+label {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.nw-inputs > div > div > input[type='radio']:checked+label {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed",sans-serif;
  font-weight: 500;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 28px;
}

.nw-inputs > label {
  height: 20px;
    color: #1A1C1E;
    font-family: Archivo,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 20px;
    margin-bottom: 8px;
}

.join-our-newsletter {
  height: 40px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed";
  font-size: 32px;
  letter-spacing: 0;
  line-height: 40px;
  margin-bottom: 32px;
}


.nw-modal-btn-cont {
  margin-top: 8px;
}

.nw-modal-btn {
    display: flex;
    width: 200px;
}


.nw-modal-btn > span {
  margin-right: 8px;
  height: 19px;
  color: #FFFFFF;
  font-family: Archivo;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 18px;
}

.nw-modal-btn:hover > span {
  color: #00A4B2;

}


#edit-title--2 {
  margin-bottom: 8px;
}

.edit-title-2-search-query {
  box-sizing: border-box;
    border: 2px solid #70797A;
    border-radius: 0 0 6px 0;
    background-color: #FFFFFF;
    padding: 6px;
    font-family: Archivo;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 20px;
    color: #70797A;
}


.dot-divider {
  margin-top: 8px;
  width: 4px;
  height: 4px;
  background-color:  #70797A;
  border-radius: 50%;
  margin-right: 0.5rem !important;
}

.exposed-form-project-apply-form-checkers {
  z-index: 1 !important;
}

.language-link {
  height: 16px;
  width: 19px;
  color: #CCF9FF;
  font-family: Archivo, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-right:16px;
}

.block-sitemap-menu {
  margin-right: 32px;
}

.sitemap-row {
  padding-top: 64px;
  padding-bottom: 24px;
  border-bottom: #DBE3E5 2px solid;
  margin-right: unset;
  margin-left: unset;
}

.sitemap-row-last {
  border-bottom: white 2px solid;
}

.sitemap-main-label > a {
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 40px;
  font-weight: 500 !important;
  letter-spacing: 0;
  line-height: 48px;
}

.sitemap-row > div:nth-child(1) {
  padding-left: unset;
}

.sitemap-sub {
  text-decoration: none;
  list-style-type: none;
  padding-left: unset;
}

.sitemap-sub > li > a, .sitemap-sub-label > a {
  color: #151D1F;
  font-family: Archivo, sans-serif;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: unset !important;

}

.sitemap-sub > li, .sitemap-sub-label {
  margin-bottom: 12px;
}

.sitemap-row  small {
  color: #70797A;
  font-family: Archivo, sans-serf;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  margin-bottom: 16px;
}

#load-news-letter-more-button {
  height: 40px;
  width: 124px;
  border-radius: 0 0 6px 0;
  background-color: #00A4B2;
  color: #FFFFFF;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 19px;
  padding-top: 10px;
  padding-bottom: 11px;
}



#edit-evaluation-reports-filter--2--wrapper,
#edit-evaluation-reports-filter--wrapper {
  width: 100%;
}

#edit-evaluation-reports-filter--2 > div,
#edit-evaluation-reports-filter > div {
  display: flex;
  justify-content: center;
}

#edit-evaluation-reports-filter--2 > div >div:nth-child(1),
#edit-evaluation-reports-filter > div >div:nth-child(1)   {
    display: none;
}


#edit-evaluation-reports-filter--2 > div > div ,
#edit-evaluation-reports-filter > div > div  {
  margin-right: 38px;
}

#edit-evaluation-reports-filter--2 > div >div > label,
#edit-evaluation-reports-filter > div >div > label  {
  padding-bottom: 16px;
  width: 277px;
  color: #151D1F;
  font-family: "IBM Plex Sans Condensed", sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
}

#edit-evaluation-reports-filter--2 > div >div >input[type="radio"]:checked+label,
#edit-evaluation-reports-filter > div >div >input[type="radio"]:checked+label  {
  color: #00A4B2;
  border-bottom: 3px solid #00A4B2;
  z-index: 100;
  position: relative;
}


#block-exposedformreportpage-1 > form > div {
  border-bottom: 2px solid #DBE3E5;
}


#edit-evaluation-reports-filter--2 > div >div >input[type="radio"],
#edit-evaluation-reports-filter > div >div >input[type="radio"] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  z-index: 100;
}

.reports-title-display-5-document-link {
  color: #00A4B2;
  font-family: Archivo, sans-serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 20px;
  text-decoration: unset;
}

.related-container-container > .container {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.news-and-events-socials-cont {
  padding-bottom: 80px !important;
}


.custom_good_practise_title  {
  font-size: 32px;
  margin-bottom: 16px;
}



#loading-icon {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none; 
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7); /* Adjust transparency as needed */
  backdrop-filter: blur(5px); /* Adjust blur strength as needed */
  z-index: 9998; /* Ensure overlay is below loading icon */
  display: none; /* Initially hidden */
}

.field--name-field-hp-ptnr-img img,
.item-4-img img{
  height: 100%;
  width: 100%;
}


.tabs-wrapper > ul {
  padding: 20px;
}


.image-style-cke-media-resize-xl {
  width: 100%;
  height: 480px !important;
  object-fit: cover !important;
}


/*==================
  Media Queries
===================*/

/* Mobile*/


@media (max-width: 1300px) {
  .dropdown-toggle::after{
    content: '' !important;
  }
}

@media (max-width: 1180px) {

  .past-developing-country-header.w-50, .developing-country-header.w-50 {
    width: 100%;
  }

  .field-1070 {
    width: unset;
  }
  
  .about-us-vr-x {
    overflow-x: hidden !important;
  }

  .about-us-page-desc {
    padding-right: 24px;
    padding-left: 24px;
  }

 

  .grid-table-form > .view-content, .report-grid-layout > .view-content > div , .wider-item-grid , .good-practise-grid > div , .gd-article-node-featured-item-cont, .gd-practice-events-cards {
    grid-template-columns: calc(50% - 24.5px) calc(50% - 24.5px);
  }

  .project-eval-grid-table-form  > .view-content > div, .report-grid-layout > .view-content > div , .wider-item-grid , .good-practise-grid > div , .gd-article-node-featured-item-cont, .gd-practice-events-cards {
    grid-template-columns: calc(50% - 24.5px) calc(50% - 24.5px);
  }


  .about-us-policy-commitee-structure-cont {
    width: unset;
    padding-right: 24px;
    padding-left: 24px;
  }

  .ab-us-donor-icons-cont {
    grid-template-columns: repeat(3, auto);
  }

  .project-modal {
    width: 60%;
  }
  
  .carousel-tab-body > p {
    -webkit-box-orient: vertical;

  }

  .navbar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .slick-prev, .slick-next {
    margin-top: 180px;
  }


  .news-card-grid > .view-content > div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }
  .events-card-grid > .view-content > div {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .card-grid > .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .about-us-db-pg-column {
    width: unset;
  }

  .about-us-db-pg-column:nth-child(1) {
    margin-right: unset;
  }

  .ab-us-donor-icon > img {
    width: unset !important;
  }

}


@media (max-width: 1024px) {

  .summary-reports-pop-modal {
    display: none;
  }

  .summary-reports-pop-modal-tab-mobile {
    display: block;
  }

  .summary-reports-pop-modal-tab-mobile {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: right 0.3s ease-in-out;
    z-index: 1000;
    background: white;
    padding-left: 64px;
    padding-right: 64px;
    padding-top: 108px;
    box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
  }

  .project-countries-ellipsis{
    height: 20px;
  }

  .au-evaluation-report-title-block {

      padding-right: 54px;
  }

  .slick-prev, .slick-next {
    margin-top: 350px;
  }

  .gd-article-node-results-item-cont, .ps-expert-tables-cont {
    grid-template-columns: repeat(2,1fr);
  }

}
@media (max-width: 992px) {


  .carousel-tab-body > p {
    -webkit-box-orient: vertical;

  }

  .project-node-title-block {
    min-height: 500px;
  }

  .row{
    margin-right: unset;
  }
}

@media (max-width: 960px) {

  .carousel-tab-title {
    max-width: 500px !important;
  }

  .footer-wto-socials {
    margin-bottom: unset;
  }

  .tabletFooter {
    display: block;
  }

  .desktopFooter {
    display: none;
  }

  .mobileFooter {
    display: none;
  }

  .footer-main-cont {
    padding-left: unset;
    padding-right: unset;
  }
}

@media (max-width: 900px) {

  .project-modal {
    width: 50%;
  }

  .stories-hp-group > .container > .row > div > div > .row > div:nth-child(4) {
    display: block;
  }

  .homepage-news-teaser-t  .row > div:nth-child(4) {
    display: block;
  }

  .events-teaser-block > .row > .views-row:nth-child(4) {
    display: block;
  }

  .about-us-title-mobile-cont {
    margin-bottom: 48px
  }

  .news-and-events-title-mobile-cont {
    margin-bottom: 48px;
  }

  .mobile-menu-home-button-news-c {
    padding-right: 24px;
    padding-left: 24px;
  }





  .mobile-menu-nav {
    height: 24px;

  }

  .mobile-menu-item {
    height: 24px;
    color: #151D1F;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 24px;
  }

  .manual-mobile-menu-item {
    height: 24px;
    color: #151D1F;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 24px;
  }

  .manual-mobile-menu-item a{
    height: 24px;
    color: #151D1F;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 24px;
  }

  .mobile-menu-item-cont {
    margin-bottom: 24px;
  }

  .mobile-menu-home-button {
    margin-bottom: 26px;
  }

  .mobile-menu-title-text {
    width: 36px;
    color: #00A4B2;
    font-family: Archivo;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.1px;
    line-height: 20px;
    text-align: right;
    display: flex;
    align-items: center;
  }
  .mobile-menu-cont {
    padding-left: 24px;
    padding-top: 34px;
    padding-bottom: 34px;
    position: absolute;
    box-shadow: 0 0 10px #85888C;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    left: 0;
    width: 100vw;
    padding-right: 24px;
    overflow-y: scroll;
    background: white;
  }

  .mobile-menu-list-cont {
    padding-left: 24px;
    padding-top: 34px;
    padding-bottom: 34px;
    position: absolute;
    box-shadow: 0 0 10px #85888C;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    left: 0;
    width: 100vw;
    padding-right: 24px;
    overflow-y: scroll;
    background: white;

  }

  .mobile-menu-list-cont.good_prac_m_cont {
  }

  .mobile-menu-item-list-cont {
    padding-top: 34px;
    position: absolute;
    box-shadow: 0 0 10px #85888C;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    background: white;
  }

  .mobile-menu-list-items {
    padding-right: 24px;
    padding-left: 24px;
  }


  .mobile-menu-news-cont {
    padding-top: 34px;
    position: absolute;
    box-shadow: 0 0 10px #85888C;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%,0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    left: 0;
    width: 100vw;
    overflow-y: scroll;
    height: 100%;
    background:#fff;
  }

  #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }

  #menuToggle input
  {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }

  .bread
  {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #70797A;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
  }

  .bread:first-child
  {
    transform-origin: 0% 0%;
  }

  .bread:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }

  #menuToggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383F;
  }
  #menuToggle input:checked ~ span:nth-last-child(3)
  {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked ~ span:nth-last-child(2)
  {
    transform: rotate(-45deg) translate(0, -1px);
  }




  #menuToggle input:checked ~ div
  {
    transform: none;
  }

  .mobile-menu-action-cont {
    height: 64px;
    padding-right: 16px;
    padding-bottom: 19px;
  }

  .mobile-menu-action-cont-main-search {
    margin-top: -5px;
  }
  .mobile-menu-modal-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    z-index: 99999;
    padding-right: 16px;
    padding-bottom: 19px;
    padding-left: 16px;
    background-color: rgba(112,121,122,0.8);
  }



  .mobile-menu-modal-overlay #menuToggles {
    background-color: white;
    height: 100%;
    position: relative;
    margin: 0 auto;
    padding: 3em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  .mobile-menu-item:after {
    content: url(../images/icons/Chevron_right.svg);
    margin-left:2px;
  }

  .manual-mobile-menu-items-cont {
    margin-top: 48px;
  }

  .mobile-menu-lang-cont {
    height: 48px;
    border-radius: 0 0 8px 0;
    background-color: #00A4B2;
    padding: 16px 24px;
    color: #CCF9FF;
    font-family: Archivo, sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
  }

  .main-menu-news-footer-first-text, .main-menu-news-footer-second-text{
    margin: unset !important;
    background-color: #F9FBFB;
    padding: 16px 50px;
    justify-content: center;
  }

  .main-menu-mobile-search {
    margin-bottom: 112px;
  }

  .main-menu-mobile-search-cont{
    background: #fff;
    padding: 16px 24px 24px;
  }

  .main-menu-mobile-search-submit-cont {
    display: flex;
    justify-content: end;
  }

  .logo-img{
    margin-top: -5px !important;
    width: 188.42px !important;
  }

  .mobile-search {
    display: block;
  }

  .navbar-nav .nav-link {
    padding-left: unset;
    padding-right: unset;
  }

  .logo-img {
    height: 30px;
    width: 188.42px;
  }
  .ext-cont {
    width: 100%
  }
  .navbar {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tbm--mobile-hide {
    display: none;
  }

  .mobile-icon-cont {
    width: 50%;
  }

  #edit-full-name-of-the-contact-person-for-follow-up- > div.fieldset-wrapper {
    grid-template-columns: 29% 29% 29%;
  }

  .events-card-grid > .view-content > div {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .news-card-grid > .view-content > div {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .card-grid > .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .au-evaluation-report-title-block , .good-practice-article-node-title-block{
    padding-right: 48px;
    padding-top: 48px;
    padding-bottom: 50px;
    background: #F4F8F1;
    padding-left: 48px;
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .news-and-events-title-mobile-cont, #block-views-block-news-block-1, #block-views-block-events-block-1 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .carousel-tab-title {
    max-width: 500px !important;
  }

}





@media (max-width: 768px) {



  #edit-grid-list-layout--2--wrapper {
    display: none;
  }

  .project-grid-layout > div {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: unset;
  }

  .project-countries-ellipsis {
    height: 20px;
  }
  .view-project.view-id-project.view-display-id-page_2 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .events-teaser-block > .row, .homepage-events-and-news-block-title-cont {
    padding-right: 24px;
    padding-left: 24px;
  }

  .slick-prev, .slick-next {
    margin-top: 240px;
  }

  .node-event-teaser-5-img, .news-teaser-5-image {
    width: 100%;
    height: 400px !important;
  }

  .news-and-events-title-mobile-cont, #block-views-block-news-block-1, #block-views-block-events-block-1 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .news-and-events-title-mobile-cont.event-show {
    padding-right: unset;
    padding-left: unset;
  }

  #block-strategyblock {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }

  .news-card-grid > .view-content > div {
    padding: unset;
    display: block;
  }
  .events-card-grid > .view-content > div {
    padding: unset;
    display: block;
  }

  .about-us-db-pg-column {
    width: unset;
    padding-right: calc(47.64px * 0.5);
  }

  .about-us-db-pg-column:nth-child(1) {
    margin-right: unset;
  }

  .row > * {
    padding-right: unset !important;
  }

  .carousel-tab-title {
    max-width: 400px !important;
  }


}

@media (max-width: 767px) {

  #block-exposedformreportpage-1 > form > div {
    border-bottom: unset;
  }

  #edit-evaluation-reports-filter--2 > div > div,
  #edit-evaluation-reports-filter > div > div  {
    margin-right: unset;
  }

  #edit-evaluation-reports-filter--2 > div >div > label,
  #edit-evaluation-reports-filter > div >div > label  {
    width: 100%;
    display: block;
    margin-left: unset;
    height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #DBE3E5;
  }

  #edit-evaluation-reports-filter--2 > div >div >input[type="radio"]:checked+label,
  #edit-evaluation-reports-filter > div >div >input[type="radio"]:checked+label  {
    color: #00A4B2;
    border-bottom: 2px solid #00A4B2;
    z-index: 100;
    position: relative;
  }

  #edit-evaluation-reports-filter--2 > div,
  #edit-evaluation-reports-filter > div  {
    display: block;
  }

  .project-grid-layout > div {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: unset;
    grid-row-gap: 32px;
}

  #edit-full-name-of-the-contact-person-for-follow-up- > div.fieldset-wrapper {
    grid-template-columns: 100%;
    grid-gap: 1px;
  }

  .p-s-40 {
    padding-bottom: 40px !important;
  }

  .homepage-news-teaser-t .row > * {
  }

  .article-banner-text-card {
    padding-left: unset !important;
    padding-bottom: 22px !important;
  }

  .news-and-events-title-mobile-cont .row {
    margin-right: unset;
    margin-left: unset;
  }


  .stories-hp-group .row  {
    margin-right: unset;
    margin-left: unset;
  }
  .stories-hp-group .row > *  {
    padding-right: unset;
    padding-left: unset;
  }

  .stories-hp-group .col-md-4 {
    padding-right: unset;
    padding-left: unset;
  }
  .
  .article-banner-text-card {
    padding-right: 24px;
    padding-left: 24px;
    margin-top: 32px;
  }
  .news-event-hp-cont {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }


  .stdf-grid  {
    width: unset;
    margin: unset;
    padding: unset;
  }
  .project-hp-group {
    .stdf-grid {
      width: unset;
      margin: unset;
      padding: unset;
      .view-id-news {
        .article-banner-card {
          .article-banner-text-card {
            padding-left: 24px;
            padding-right: 24px;
            .article-banner-title-text {
              font-size: 28px;
              margin-bottom: 20px;
            }
            .article-banner-caption-text {
              font-size: 16px;
            }
            .article-banner-caution-card {
              margin-left: -10px;
              margin-right: -10px;
            }
            .article-banner-caution-card + div {
              padding-bottom: 32px;
            }
          }
        }
      }
    }
  }


  .hideOnMobile {
    display: none !important;
  }
  .stdf-mobile-grid {
    padding-left: unset;
  }
  .footer-main-cont {
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
  }
  .stdf-footer-logo {
    margin-bottom: 32px;
  }
  .stdf-footer-logo > svg {
    height: auto;
    max-width: 200px;
  }
  .justify-content-between.mobile-icon-cont {
    justify-content: normal !important;
    .twitter-icon {
      margin-right: 32px;
    }
    .facebook-icon {
      margin-left: unset;
      margin-right: 32px;
    }

  }
  #block-stdf-main-footer {
    margin-top: -4px;
  }
  .footer-divider {
    height: 3px;
  }


  .footer-wto-socials {
    margin-bottom: 24px;
  }


  .stdf-cr-grid {
    width: 100% !important;
    padding-left: unset;
    padding-right: unset;
    .tab-content {
      margin-right: 24px;
      .carousel-tab-content {
        width: 100%;
        .carousel-tab-body.d-none {
          display: block !important;
          font-size: 16px;
        }
        .carousel-tab-link {
          margin-top: auto;
        }
      }
    }
    .carousel-tab-headers.nav-tabs {
      margin-top: 36px;
    }
  }
  .col-md-4 {
    padding-right: 0.75rem
  }
  .project-hp-group {
    height: unset;
    padding-bottom: unset;
    padding-left: unset;
    padding-right: unset;
    padding-top: 64px;
  }

  .news-and-event-hp-group {
    padding-left: 24px;
    padding-right: 24px;
  }

  .stories-hp-group {
    height: unset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px;
  }

  .gp-hp-group {
    height: unset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px;
  }

  .nw-hp-group  {
    height: unset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: unset;
  }

  .showOnMobile {
    display: block !important;
  }

  .pt-hp-group  {
    height: unset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px;
    padding-bottom: unset;
  }

  .article-banner-caution-card {
    padding-left: 44px;
    height: unset;
  }

  .paragraph--type-good-schedules-icons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hp-nw-text-cont {
    padding: unset;
    padding-left: 24px;
    padding-right: 24px;
  }

  .field--name-field-gd-title {
    width: 100%;
    text-align: center;
  }
  .mb-6 {
    margin-bottom: 4rem
  }
  .hp-fp-ic {
    width: 100%;
    display: flex;
    justify-content: center;
    border: unset;
    height: unset;
  }

  .hp-fp-3-ic {
    width: 100%;
    display: flex;
    justify-content: center;
    border: unset;
    height: unset;

  }

  .hp-fp-ic-sec-last {
    width: 100%;
    display: flex;
    justify-content: center;
    border: unset;
    height: unset;

  }
  .hp-fp-ic-last{
    width: 100%;
    margin-top: 27px;
    margin-bottom: 27px;
    padding-right: 15%;
    display: flex;
    justify-content: center;
    border: unset;
    height: unset;
  }

  .ptnr-img-divider {
    border: 2px solid #4ED8E8;
    width: 50%;
    margin: auto;
  }


  .article-banner-caption-text {
    padding-right: 24px;
    padding-left: 24px;
    margin-left: 24px;
  }

  .article-banner-title-text {
    padding-right: 24px;
    padding-left: 24px;
    margin-left: 24px;
  }

  /* .article-banner-text-card {
    padding-left: unset !important;
  } */

  .article-banner-caution-card + div {
    padding-right: 24px;
    padding-left: 44px;
    padding-bottom: 32px;
  }





  .article-banner-img-card {
    margin-top: 24px;
  }

  .article-banner-card{
    padding-bottom: unset !important;
  }

  .view-news.view-id-news.view-display-id-block_2 {
    .view-content.row {
      .col-md-4.mb-4.mb-md-0 {
        padding-left: 24px;
        padding-right: 24px;
      }
    }
  }

  #block-views-block-events-block-1-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .founding-partner-mobile-grid {
    padding-top: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 23px;
    grid-row-gap: 32px;
  }

  .homepage-events-and-news-block-title-cont {
    margin-bottom: 22px;
    padding-right: unset;
  }


 .styleguide-nav-news-comp-title, .mobile-news-cont{
    padding-right: 24px;
  }

  .styleguide-nav-events-comp-title {
    padding-left: unset;
  }

  .styleguide-nav-news-card .col-3 {
    padding-left: 24px;
  }

  #block-views-block-events-block-1 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .hp-fp-ic-last{
    width: 70%;
  }

  .hp-fp-ic.col-md-3 {
    margin-bottom: unset !important;
  }

  .hp-fp-3-ic.col-md-3 {
    margin-bottom: unset !important;
  }

  .news-and-events-title-mobile-cont .col-md-6 {
    padding-right: unset;
    padding-left: unset;
  }

  .news-card-grid > .view-content > div {
    padding: 24px;
    grid-template-columns: repeat(1, 100%);
  }
  .events-card-grid > .view-content > div {
    padding: 24px;
    grid-template-columns: repeat(1, 100%);
  }

  .card-grid > .view-content {
    grid-template-columns: repeat(1, 100%);
  }

  .news-teaser-5-image {
    height: unset !important;
    width: 100%;
  }
  .node-event-teaser-5-img {
    height: unset !important;
    width: 100%;
  }

  .form-news-search {
    padding-left: 24px;
    padding-right: 24px;
  }

  .about-us-db-pg-column {
    width: unset;
  }

  .about-us-db-pg-column:nth-child(1) {
    margin-right: unset;
  }

  .sitemap-row > div:nth-child(1) {
    margin-bottom: 25px;
  }

  .sitemap-sub {
    margin-top: 15px;
  }

  .carousel-tab-title {
    max-width: 400px !important;
  }
}

@media (max-width: 540px) {

  .project-node-title-block {
    min-height: unset;
  }

 

  .grid-table-form > .view-content, .report-grid-layout > .view-content > div, .wider-item-grid, .good-practise-grid  > div, .gd-article-node-featured-item-cont, .gd-practice-events-cards , .gd-article-node-results-item-cont, .ps-expert-tables-cont{
    grid-template-columns: repeat(1, 100%);
  }

  .project-eval-grid-table-form  > .view-content > div, .report-grid-layout > .view-content > div, .wider-item-grid, .good-practise-grid  > div, .gd-article-node-featured-item-cont, .gd-practice-events-cards , .gd-article-node-results-item-cont, .ps-expert-tables-cont{
    grid-template-columns: repeat(1, 100%);
  }


  .summary-reports-page-header-text {
    width: unset;
    font-size: 41px;
  }

  .gd-article-node-results-item {
    padding-right: 24px;
    padding-left: 24px;
  }

  .gd-article-node-results-item-link-cont {
    width: unset !important;
  }

  .block-double-column-user-detail-card-cont {
    padding-right: 24px;
    padding-left: 24px;
  }

  .w-50 {
    width: 100% !important;
  }

  .dummy-div {
    display: none !important;
  }

  .developing-country-header, .past-developing-country-header {
    padding-top: 16px;
  }

  .page-stdf-secretariat-header, .wider-network-title  {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .block-double-column-user-detail-img-column {
    width: unset;
  }

  .page-stdf-secretariat-title, .page-stdf-secretariat-sub  {
    width: unset;
    height: unset;
  }
  .key-documents-page-header, .event-non-image-page-title-header, .summary-reports-content-cont, .summary-reports-page-header, .wider-item-grid, .gd-article-node-featured-label, .project-node-tab-cont, .gd-article-node-featured-item-cont, .report-grid-layout > .view-content > div, .documents-page-header, .pager {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .report-grid-m-layout > .view-content > div {
    padding-right: unset !important;
    padding-left: unset !important;
  }


  .ab-us-donor-icons-cont {
    display: grid;
    grid-template-columns: repeat(1, 100%);

  }

  .about-us-policy-commitee-structure-cont {
    padding-right: 24px;
    padding-left: 24px;
  }

  .ab-us-donors-text-cont {
    padding-right: 24px;
    padding-left: 24px;
  }

  .dv-country-experts-first-column {
    padding-right: 24px;
    padding-left: 24px;
  }

  .ab-us-policy-comt-sec-column-cont {
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 64px;
  }

  .about-us-wider-network {
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .dv-country-experts-cont {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-row-gap: unset;
  }

  .ab-us-policy-comt-cont {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-row-gap: unset;
  }

  .paragraph--type-vision-cards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .about-us-first-paragraph-wrapper,
  .about-us-strategy-paragraph-wrapper,
  .about-us-vision-cards,
  .about-us-founding-partners{
    padding-right: 24px;
    padding-left: 24px;
  }

  .block-views-blocknews-block-2 {
    padding-right: unset;
    padding-left: unset;
  }
  .carousel-tab-card {
    /*height: 336px;*/
    height: 100%;
    width: 100%;
    padding-left:24px;
    padding-right:24px;
    padding-top:32px;
    display: block;
  }

  .carousel-tab-title {
    width: 100%;
    color: #FFFFFF;
    font-family: "IBM Plex Sans Condensed", sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .slide-cont{
    /* background: url("https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/lexus-es-hero-modelpage-desktop-1669848992.jpeg?crop=0.5520833333333334xw:1xh;center,top&resize=1200:*");
    background-repeat: no-repeat;
    background-size: cover;

     */
    height: 50vh;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: unset !important;
    background-image: none !important;
    height: fit-content !important;
  }

  .carousel-tab-headers-mobile-cont {
    margin-top: 40px;
    display: flex;
  }

  .carousel-tab-headers {
    margin-top: 56px;
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
  }

  .carousel-tab-headers-right-arrow {
    display:flex;
    flex-direction: row;
    width: 20%;
    justify-content: flex-end;
  }

  .carousel-tab-headers-left-arrow {
    width: 20%;
  }

  .carousel-tab-header-cont  {
    width: 98%;
    margin-left: 1px;
    /*border-bottom: 1px solid #FFFFFFBA;*/
    border-left: unset !important;
    transition: visibility 0s linear 0s, opacity 300ms;
    margin-right: 16px;
    margin-top: 10px;
    border-top: 3px solid #FFFFFFBA;
    border-bottom: unset;
  }

  .carousel-tab-header-cont.active {
    margin-left: unset !important;
    /* border-bottom: 3px solid #fff; */
    border-top: 3px solid #fff;

  }
  .slick-prev,
  .slick-next {
    display: none !important;
  }
  .mobile-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40vh;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: unset !important;
  }

  .carousel-tab-content {
    width: 100%
  }
  .stdf-cr-grid > div.tab-content {
    width: 100%;
  }

  .tabletFooter {
    display: none;
  }

  .desktopFooter {
    display: none;
  }

  .mobileFooter {
    display: block;
  }

  #edit-full-name-of-the-contact-person-for-follow-up- > div.fieldset-wrapper {

    display: grid;
    grid-auto-rows: auto;
    grid-gap: 8px;
    grid-template-columns: repeat(1fr, 100%);
  
  }

  .teaser-p-1 {
    max-width: 290px;
  }

  .project-apply-form > .fieldset-wrapper > .js-webform-radios > .js-form-type-radio > .description   {
    top: 130px;
    padding-right: 40px;
    padding-left: 40px
  }

  #edit-field-project-type-value--2--wrapper {
    padding-top: 32px;
  }





  .project-apply-form {
    > .fieldset-wrapper {
      > .js-webform-radios{
        > .js-form-type-radio {
          > label   {
            padding-top: 64px;
            height: 240px;
          }
        }
      }
    }
  }


  #edit-field-project-type-value--2 {
    >.form-radios {
        :nth-child(2) {
          .exposed-pg-desc {
            top: 130px;
          }
        }
        :nth-child(1) {
          .exposed-pg-desc {
            top: 130px;
            padding-left: 40px !important;
            padding-right: 40px !important;
          }
        }
    >div {
        :nth-child(2) {
          font-size: 40px;
        }
        > .exposed-pg-desc {
          top: 160px;
          padding-left: 24px;
          padding-right: 24px;
        }
        > label {
          height: 260px !important;
          align-items: unset !important;
          padding-top: 64px !important;
        }
      }
    }
  }


  #edit-field-project-type-value--2 {
    > .form-radios {
      :nth-child(2) {
          margin-right: unset !important;
      }
    }
  }


  .projects-page-title-background { 
    padding-right: unset;
    padding-left: unset;

  }

  .projects-page-text-cont {
    padding-right: 24px;
    padding-left: 24px;
  }

  .components-small-tab-default-c {
    width: 50% !important;
  }

  .components-small-tab-default-c-selected {
    width: 50% !important;
  }
    

  .project-modal {
    width: 100%;
  }

  .project-view-title-card {
    margin-right: unset !important;
    margin-left: unset !important;
    padding-right: unset !important;
    padding-left: unset !important;
  }

  .project-node-title-block {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .project-node-title-image-block {
    padding-left: unset !important;
    height: unset;
  }
  .news-events-card-contt {
    height: unset;
  }

  .project-group-3 > .col-md-4 {
    margin-bottom: 30px;
  }

  .project-group-2 > .col-md-4 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .related-container-container {
    padding-right: 24px;
    padding-left: 24px;

  }

  .related-container-container > .container {
    padding-top: 40px !important;

  }

  .back-to-projects {
    margin-right: unset;
    margin-left: unset;
  }

  .about-us-db-pg-column {
    width: unset;
  }

  .project-node-title{
    font-size: 50px;
  }

  .no-img-ul {
    flex-direction: column !important;
  }

  .project-node-tab-link {
    width: 100% !important;
  }

  .styleguide-nav-news-card .col-2 {
    padding-left: unset;
  } 

  #documents-cont > .col-md-4, #stories-cont > .col-md-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .project-hp-group {
    padding-top: 24px;
  }

  .styleguide-nav-news-card.news-show > .row {
    padding-left: 24px !important;
  }

  .ab-us-policy-comt-sec-column, .ab-us-policy-comt-first-column {
    padding-top: unset;
    padding-bottom: unset;
}

.news-and-events-caption {
  margin-right: 24px;
  margin-left: 24px;
  width: unset !important;
}

.news-body > p, .news-and-events-socials, .project-group-4 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.project-group-4.doc-cont {
  padding-right: unset !important;
  padding-left: unset !important;
}

.good-prac-tabs-m {
  padding-right: unset;
  padding-left: unset;
}

.landscape-media-default > .row {
  margin-right: unset !important;
}

.documents-page-title  {
  margin: auto;
  display: flex;
  align-items: center;
}



.event-non-image-page-title  {
  font-size: 40px;
}

.au-new-external-evalu-cont {

  padding-right: 24px;
  padding-left: 24px;
}

.project-evaluation-page-cont {
  padding-right: 24px;
  padding-left: 24px;
}

.events-teaser-block > .row, .homepage-events-and-news-block-title-cont {
  padding-right: unset;
  padding-left: unset;
}

.project-hp-group {
  padding-top: 0;
}

.user-detail-card-first-column {
  margin-bottom: 24px !important;
}

.country-experts-content-container {
  padding-right: 24px;
  padding-left: 24px;
}

.field-1070 {
  width: unset;
}

.project-view-und {
  padding-right: 20px;
  padding-left: 20px;
}

.project-node-documents-main > div {
  grid-template-columns: repeat(1,1fr);
  grid-row-gap: 20px;
}

#pills-background-content, #pills-expected-results-content {
  padding-right: unset;
  padding-left: unset;
}

#edit-grid-list-layout--2--wrapper {
  display: none;
}
.project-teaser-card-mobile {
  padding-right: unset !important;
  padding-left: unset !important;
}
.project-teaser-desc-cont {
  padding-bottom: unset;
}

.project-teaser-countries {
  margin-bottom: 10px;
}

.summary-reports-pop-modal-tab-mobile {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: right 0.3s ease-in-out;
  z-index: 1000;
  background: white;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 100px;
  box-shadow: 0 20px 20px -10px rgba(2,105,114,0.4);
}

.developing-country-header, .past-developing-country-header {
  width: 100% !important;
}

  .main-nav-top {
    height: 24px;
    width: 100%;
    background-color: #00A4B2;
    padding-left: 50px;
    padding-right:24px;
    display: flex;
    justify-content: space-between;
  }

}

@media (max-width: 400px) {
  .dv-country-experts-first-column-link > div > a {
    font-size: 15px;
  }


}