/*all css*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 1.6;

  line-height: 1.5;
}

hr {
  box-sizing: border-box;
}

strong {
  font-weight: 900;
}

/* import font for accordion icons */

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');

/* Titles */

h1,
h2,
h3
{
  font-family: "Source Serif 4", serif;
  font-weight: 700;
}

/* Buttons */
button,
.button,
input[type="submit"],
input[type="button"] {
  font-family: "Source Serif 4", serif;
  font-weight: 700;
  margin: 0;
  border: none;
  cursor: pointer;
}

input[type="submit"] {
  padding: 20px 50px;
  background-color: #ced1d4;
}

input[type="submit"]:hover {
  background-color: #e6e6e6;
}

/* Internals titles */
h4,
h5,
h6 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}
/*Bulltes*/
.custom-block__documents-list a::before {
    content: '• ';
    color: #004392;
    margin-right: 4px;
}


/* Paragraphs, list etc. */
p,
li,
span {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}


/*Single Featured Projects*/
.node-feature-projects {
    display: flex;
    flex-direction: column;
    padding: 65px;
    gap: 19px;
}
.node-feature-projects-title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}

time.datetime {
    font-size: 15px;
    font-weight: 400;
    color: #0072b7;
    /*border-bottom: 1px solid #0072b7;*/
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 20px;
}


.node-feature-projects-body {
    text-align: justify;
}


.node-feature-projects-image {
    width: 100%;
    height: auto;
    justify-items: center;
}

.btn-pd-right {
    list-style: none;
    border-bottom: 10px black solid;
    width: 14%;
}
.btn-pd-right a {
    text-decoration: none;
    color: black;
    font-weight: 800;
}

article.node.node--type-bstdb-feature-projects.node--view-mode-full {
    padding-bottom: 65px;
}


@media only screen and (max-width: 600px) {
  .node-feature-projects  {
        padding: 28px;
  }
}
/*form upload*/
.custom-upload-btn {
display: inline-block;
    padding: 10px 16px;
    background: #CED1D4;
    border: none;
    border-radius: 30px;
    color: black;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Inter';
}
.custom-upload-btn:hover {
  background: #003f80;
  color: white;
}

span.custom-upload-status {
    display: none;
}



/* who we are governace*/

/* video thumbnail fix */

#board-of-governors .custom-block__video-thumbnail,
#governance-page-faq .custom-block__video-thumbnail {
  display: block;
}

/* list styling */

#president-governance-page .custom-block__text ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
}

#president-governance-page .custom-block__text li {
    padding-left: 0.5em;
    font-size: 15px;
    line-height: 24px;
}

/* font size and line height */

#board-of-governors p,
#board-of-directors p,
#president-governance-page p,
#management-governance-page p {
  font-size: 15px;
  line-height: 24px;
}

.field--name-field-d1-image20 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.field--name-field-d1-image20 img {
  width: 100%;
  height: auto;
  display: block;
}

/* 2 */

.clearfix.text-formatted.field.field--name-field-text2.field--type-text-long.field--label-hidden.field__item
  h2 {
  font-size: 33px;
  padding-bottom: 20px;
}

#structured-section-governance-page .custom-block__inner--video-text {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: start;
    justify-content: space-between;
    flex-direction: row;
}

#structured-section-governance-page .custom-block__video-thumbnail,
#structured-section-governance-page .custom-block__video {
  flex: 1 1 50%;
  max-width: 50%;
  padding-top: 45px;
}

#structured-section-governance-page .custom-block__video-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

#structured-section-governance-page .custom-block__text {
  flex: 1 1 50%;
  max-width: 50%;
}

#structured-section-governance-page .custom-block__text h4 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-family: "Source Serif 4";
  line-height: 1;
}

#structured-section-governance-page .custom-block__text p {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0.5rem;
}
#structured-section-governance-page .custom-block__text {
  text-align: justify;
  padding-left: 20px;
}

/*governors commites*/
#governance-page-committees img {
    width: 100%;
    height: auto;
}

div#governance-page-committees {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

#governance-page-committees {
    padding: 65px;
}

#governance-page-committees .custom-block__left {
    flex: 1 1 50%;
}

#governance-page-committees .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

/* Responsive */

@media (max-width: 768px) {
  #structured-section-governance-page .custom-block__text {
    text-align: left;
  }

  div#structured-section-governance-page {
    padding: 20px;
  }

  #management-governance-page .custom-block__text, 
  #management-governance-page .custom-block__cv,
  #management-governance-page .custom-block__tab-content.is-active {
    width: 100% !important;
  }
}

@media (min-width: 769px) {
  div#structured-section-governance-page {
    display: flex;
    justify-content: center;
    padding: 65px;
    align-items: center;
  }
}

@media (max-width: 768px) {
  #structured-section-governance-page .custom-block__inner--video-text {
    flex-direction: column;
  }

  #structured-section-governance-page .custom-block__video-thumbnail,
  #structured-section-governance-page .custom-block__video,
  #structured-section-governance-page .custom-block__text {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #structured-section-governance-page .custom-block__video-thumbnail,
  #structured-section-governance-page .custom-block__video {
    padding-top: 0;
  }
}
/*3*/
#links-governance-page .custom-block__inner--cards-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  border-top: 1px solid transparent;
  font-family: 'Source Serif 4';
}

#links-governance-page .custom-block__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}

#links-governance-page .custom-block__card {
  flex: 1 1 auto;
  text-align: center;
  padding: 10px 20px;
  border-left: 1px solid #999;
}

#links-governance-page .custom-block__card:first-child {
  border-left: none;
}

#links-governance-page .custom-block__card-title {
  font-weight: bold;
  font-size: 21px;
}

#links-governance-page .custom-block__card-title a {
  color: #0d3082;
  text-decoration: none;
  font-size: 28px;
}

@media (min-width: 769px) {
  div#links-governance-page {
    padding: 50px;
  }
}

/* Mobile: stack */
@media (max-width: 768px) {
  #links-governance-page .custom-block__cards {
    flex-direction: column;
  }

  #links-governance-page .custom-block__card {
    border-left: none;
    border-top: 1px solid #999;
  }

  #links-governance-page .custom-block__card:first-child {
    border-top: none;
  }
}

/*4.1*/
#board-of-governors {
  padding: 65px;
}

#board-of-governors .custom-block__table th {
    width: auto;
}

#board-of-governors .custom-block__inner--governors {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#board-of-governors .custom-block__row {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 20px;
  justify-content: space-between;
  align-items: stretch;
}

/* left col governance  */
#board-of-governors .custom-block__left {
  flex: 1 1 50%;
  max-width: 50%;
}

/* Right col governa  */
#board-of-governors .custom-block__right {
    flex: 1 1 50% !important;
    max-width: unset !important;
}

#board-of-governors .custom-block__row--text-image .custom-block__right {
  padding-top: 48px;
}

/* text */
#board-of-governors .custom-block__text {
  text-align: justify;
}

#board-of-governors h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: bold;
  color: #000;
}

#board-of-governors p {
  margin-bottom: 0.5rem;
}

/* images and video */
#board-of-governors .custom-block__image img,
#board-of-governors .custom-block__video-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

/* table */
#board-of-governors .custom-block__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  table-layout: unset;
}

#board-of-governors .custom-block__governor-name {
  color: #0046aa;
  font-weight: 800;
}

#board-of-governors .custom-block__alternate-governor-name {
    color: #0046aa;
    font-weight: 800;
}


#board-of-governors .custom-block__country-name {
  font-weight: 400;
}

#board-of-governors .custom-block__table th,
#board-of-governors .custom-block__table td {
  padding: 8px;
  background-color: #fff;
  text-align: left;
  vertical-align: top;
}

#board-of-governors .custom-block__table th {
  background-color: #fff;
  font-weight: 900;
  color: #000;
  font-size: 16px;
}

/* Mobile */
@media (max-width: 768px) {
  #board-of-governors .custom-block__row {
    flex-direction: column;
  }

  #board-of-governors .custom-block__left,
  #board-of-governors .custom-block__right {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

/*5*/
/*Board of directors*/
#board-of-directors {
  padding: 65px;
}

#board-of-directors .custom-block__inner--directors {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#board-of-directors .custom-block__row--text-image {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 20px;
  justify-content: space-between;
  align-items: stretch;
}

#board-of-directors .custom-block__left,
#board-of-directors .custom-block__right {
    flex: 1 1 50% !important;
    max-width: unset !important;
}

#board-of-directors .custom-block__country-name {
  font-weight: 400;
}

#board-of-directors .custom-block__table thead th {
  font-weight: 900;
  color: #000;
  font-size: 15.2px;
}

#board-of-directors .custom-block__director-name,
#board-of-directors .custom-block__alternate-director-name {
  color: #004392;
  font-weight: 600;
}

#board-of-directors .custom-block__text {
  text-align: justify;
}

#board-of-directors .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}
#board-of-directors .custom-block__row--table-tabs {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

#board-of-directors .custom-block__table-wrapper {
  flex: 1 1 60%;
  max-width: 100%;
  overflow-x: auto;
}

#board-of-directors .custom-block__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  table-layout: auto;
}

#board-of-directors .custom-block__table th:first-child{
  width: auto;
}

#board-of-directors .custom-block__table td:first-child, .custom-block__table th:first-child {
  /* width: 100px; */
  /* max-width: 135px; */
  white-space: nowrap;
}

#board-of-directors .custom-block__table th,
#board-of-directors .custom-block__table td {
  padding: 8px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  vertical-align: top;
}

#board-of-directors .custom-block__table th {
  background-color: #fff; /* λευκό */
  font-weight: bold;
}

#board-of-directors .custom-block__right {
  flex: 1 1 35%;
  max-width: 45%;
}

#board-of-directors .custom-block__row--text-image .custom-block__right {
  padding-top: 63px;
}

/* audit committee bullet list */

#board-of-directors .custom-block__right .custom-block__tab-text ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
}

#board-of-directors .custom-block__right .custom-block__tab-text li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

#board-of-directors .custom-block__right .custom-block__tab-text p {
  text-align: justify;
}

@media (max-width: 768px) {
  #board-of-directors .custom-block__row--text-image,
  #board-of-directors .custom-block__row--table-tabs {
    flex-direction: column;
  }

  #board-of-directors .custom-block__left,
  #board-of-directors .custom-block__right {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #board-of-directors .custom-block__table-wrapper {
    max-width: 100%;
    overflow-x: auto;
  }
}

/*Missing Elements ONLY CSS (GOVERRNANCE Calendar)*/

/* #directors-right-sidebar {
  font-size: 14px;
  color: #333;
  max-width: 100%;
  margin: auto;
} */

#board-of-directors .custom-block__tabs {
  display: flex;
  gap: 25px;
  margin-bottom: 10px;
  width: 390px;
  list-style: none;
}

#board-of-directors .custom-block__tab {
  flex: 1;
  padding: 20px;
  font-weight: bold;
  border: 2px solid #ccc;
  background: #fff;
  cursor: pointer;
  text-align: center;
  font-family: "Source Serif 4";
}

#board-of-directors .custom-block__tab.is-active {
  background: #004392;
  color: #fff;
  border-color: #004392;
}

#board-of-directors .custom-block__tab-content:nth-of-type(1) table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

#board-of-directors .custom-block__tab-content:nth-of-type(1) table th,
#board-of-directors .custom-block__tab-content:nth-of-type(1) table td {
  padding: 6px;
  text-align: left;
  font-size: 15px;
  background: transparent;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  padding-left: 0 !important;
}

#board-of-directors .custom-block__tab-content:nth-of-type(1) table thead th {
  border-bottom: none;
}
#board-of-directors .custom-block__tab-content:nth-of-type(1) table tbody td {
  font-weight: 400 !important;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__tab-text {
  margin-top: 35px;
  /* font-size: 13px;
  text-align: justify; */
  margin-bottom: 35px;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__tab-text p {
  margin-bottom: 15px;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__table {
  list-style: none;
  padding: 0;
  margin: 0;
}

#board-of-directors .custom-block__table-title {
  font-weight: 900;
  font-size: 21px;
  color: #333;
  margin-bottom: 10px;
  font-family: "Source Serif 4";
}

/* #directors-right-sidebar .audit-members {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

#directors-right-sidebar .audit-members td {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
}

#directors-right-sidebar .audit-members tr:last-child td {
  border-bottom: none;
} */

#board-of-directors .custom-block__tab-content:nth-of-type(2) td:first-child {
  padding-left: 0px;
  width: 50%
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) td:nth-of-type(2) {
  vertical-align: bottom;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__table-name {
  color: #004392;
  font-weight: 600;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__table-description {
  font-weight: normal !important;
}

#board-of-directors .custom-block__tab-content:nth-of-type(2) .custom-block__tab-text :nth-child(6) {
  display:none;
}

/* Responsive */
@media (max-width: 768px) {
  #directors-right-sidebar {
    max-width: 100%;
  }
}

/*President Section 6  Governance*/

#president-governance-page {
  padding: 65px;
}

#president-governance-page .custom-block__inner--president {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

#president-governance-page .custom-block__left {
  flex: 1 1 55%;
  max-width: 55%;
}

#president-governance-page .custom-block__right {
  flex: 1 1 40%;
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#president-governance-page .custom-block__right {
  padding-top: 51px;
}

#president-governance-page .custom-block__left,
#president-governance-page .custom-block__right {
    flex: 1 1 50% !important;
    max-width: unset !important;
}

#president-governance-page .custom-block__text {
  text-align: justify;
}

#president-governance-page h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: bold;
  color: #000;
}

#president-governance-page p {
  margin-bottom: 0.5rem;
}

#president-governance-page .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  margin-bottom: 10px;
}

#president-governance-page .custom-block__text-under {
  text-align: center;
}

#president-governance-page .custom-block__text-under p:first-child {
  font-weight: 700;
  font-size: 1.1rem;
  font-family: "Source Serif 4";
}

#president-governance-page .custom-block__text-under p:last-child {
  font-size: 0.95rem;
  color: #555;
}

/* Organizational structure */

#organizational_structure {
  padding: 65px;
}

#organizational_structure p {
  font-size: 35px;
  font-weight: 900;
  font-family: "Source Serif 4";
}

#organizational_structure .custom-block__image {
  display: flex;
  justify-content: center;
}

#organizational_structure .custom-block__image img {
  width: 100%;
  height: auto;
}

/* Responsive */
@media (max-width: 768px) {
  #president-governance-page .custom-block__inner--president {
    flex-direction: column;
  }

  #president-governance-page .custom-block__left,
  #president-governance-page .custom-block__right {
    max-width: 100%;
    flex: 1 1 100%;
  }
}

#president-governance-page .custom-block__text h2 {
  font-size: 35px;
}

/* governance faq */

#governance-page-faq {
    display: flex;
    padding: 65px;
    gap: 20px;
}

#governance-page-faq .custom-block__left,
#governance-page-faq .custom-block__right {
    flex: 1 1 50%;
} 

#governance-page-faq .custom-block__right img {
    width: 100%;
    height: auto;
}

#governance-page-faq .custom-block__right {
  display: flex;
  flex-direction: column;
  padding-top: 91px;
}

#governance-page-faq h3 {
    font-size: 35px;
    margin-bottom: 35px;
}

/* faq accordion */

#governance-page-faq .custom-block__accordion {
    border-bottom: 1px solid #ccc;
}

#governance-page-faq .custom-block__accordion-item {
    border-top: 1px solid #ccc;
    margin-bottom: 5px;
}

#governance-page-faq .custom-block__item-title {
    padding: 20px;
    font-family: "Source Serif 4", serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding-left: 0px;
}

#governance-page-faq .custom-block__item-title::after {
    color: #006ab1;
    font-size: 32px;
    font-weight: 500;
    font-family: "Material Symbols Outlined";
    transition: transform 0.3s ease;
    content: "\e145";
}

#governance-page-faq .custom-block__accordion-item.active .custom-block__item-title::after {
  font-family: "Material Symbols Outlined";
  content: "\e15b";
  transform: rotate(180deg);
}

#governance-page-faq .custom-block__item-content {
  padding: 20px;
  padding-top: 0;
  display: none;
}

#governance-page-faq .custom-block__item-content p {
  margin-bottom: 15px;
}

#governance-page-faq .custom-block__accordion-item.active .custom-block__item-content {
  display: block;
}

#governance-page-faq .custom-block__accordion a {
  color: #0066cc;
  text-decoration: none;
}

/* breadcrumps */

#governors-nav-links,
#directors-nav-links,
#president-nav-links,
#management-nav-links,
#committees-nav-links,
#organizational-nav-links,
#faq-nav-links {
    padding: 65px 65px 0 65px;
}

#governors-nav-links .custom-block__block-nav-links,
#directors-nav-links .custom-block__block-nav-links,
#president-nav-links .custom-block__block-nav-links,
#management-nav-links .custom-block__block-nav-links,
#committees-nav-links .custom-block__block-nav-links,
#organizational-nav-links .custom-block__block-nav-links,
#faq-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#governors-nav-links .custom-block__block-nav-link,
#directors-nav-links .custom-block__block-nav-link,
#president-nav-links .custom-block__block-nav-link,
#management-nav-links .custom-block__block-nav-link,
#committees-nav-links .custom-block__block-nav-link,
#organizational-nav-links .custom-block__block-nav-link,
#faq-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#governors-nav-links .custom-block__block-nav-link:first-of-type,
#directors-nav-links .custom-block__block-nav-link:first-of-type,
#president-nav-links .custom-block__block-nav-link:first-of-type,
#management-nav-links .custom-block__block-nav-link:first-of-type,
#committees-nav-links .custom-block__block-nav-link:first-of-type,
#organizational-nav-links .custom-block__block-nav-link:first-of-type,
#faq-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#governors-nav-links .custom-block__block-nav-link a,
#directors-nav-links .custom-block__block-nav-link a,
#president-nav-links .custom-block__block-nav-link a,
#management-nav-links .custom-block__block-nav-link a,
#committees-nav-links .custom-block__block-nav-link a,
#organizational-nav-links .custom-block__block-nav-link a,
#faq-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#governors-nav-links .custom-block__block-nav-link:last-of-type a,
#directors-nav-links .custom-block__block-nav-link:last-of-type a,
#president-nav-links .custom-block__block-nav-link:last-of-type a,
#management-nav-links .custom-block__block-nav-link:last-of-type a,
#committees-nav-links .custom-block__block-nav-link:last-of-type a,
#organizational-nav-links .custom-block__block-nav-link:last-of-type a,
#faq-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/************end of governance****************/

/*********** How we operate **********/

/* list styling */

#how-we-operate-page-strategies .custom-block__text ul,
#how-we-operate-page-procurement .custom-block__text ul,
#how-we-operate-page-internal-audit ul,
#how-we-operate-page-environmental ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
}

#how-we-operate-page-strategies .custom-block__text li,
#how-we-operate-page-procurement .custom-block__text li,
#how-we-operate-page-internal-audit li:not(.custom-block__tab),
#how-we-operate-page-environmental li {
    padding-left: 0.5em;
    font-size: 15px;
    line-height: 24px;
}

/* font size and line height */

#how-we-operate-page-project-cycle .custom-block__content-text p,
#how-we-operate-page-strategies .custom-block__text p,
#how-we-operate-page-policies .custom-block__text p,
#how-we-operate-page-risk-management .custom-block__text p,
#how-we-operate-page-procurement .custom-block__text p,
#how-we-operate-page-internal-audit .custom-block__text p,
#how-we-operate-page-evaluation .custom-block__text p,
#how-we-operate-page-environmental .custom-block__text p,
#how-we-operate-page-prevention .custom-block__text p {
  font-size: 15px;
  line-height: 24px;
}

/* how we operate - project procurement font fix */
 
#how-we-operate-page-procurement .custom-block__text h3 strong {
    font-family: "Inter", sans-serif !important;
    font-size: 15px !important;
}


#how-we-operate-page-image-text {
  padding: 65px;
  display: flex;
  justify-content: center;
}

#how-we-operate-page-image-text .custom-block__inner--image-text {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

#how-we-operate-page-image-text .custom-block__image {
  flex: 1 1 50%;
  padding-top: 4.5rem;
}

#how-we-operate-page-image-text .custom-block__text {
  flex: 1 1 50%;
}

#how-we-operate-page-image-text .custom-block__text h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #000;
}

#how-we-operate-page-image-text .custom-block__text p {
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0.5rem;
  color: #000;
  text-align: justify;
}

#how-we-operate-page-image-text .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;
}

/* Responsive */
@media (max-width: 768px) {
  #how-we-operate-page-image-text .custom-block__inner--image-text {
    flex-direction: column;
  }

  #how-we-operate-page-image-text .custom-block__image,
  #how-we-operate-page-image-text .custom-block__text {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #how-we-operate-page-image-text .custom-block__image {
    padding-top: 0;
  }

  #how-we-operate-page-image-text .custom-block__text h2 {
    font-size: 1.5rem;
  }
}
/*Links How we operate*/

#how-we-operate-page-links {
    padding: 61px;
}

#how-we-operate-page-links .custom-block__cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  width: 100%;
  row-gap: 29px;
}

#how-we-operate-page-links  .custom-block__card a {
  text-decoration: none;
  color: #113076;
  font-family: "Source Serif 4";
  font-size: 27px;
}

#how-we-operate-page-links .custom-block__card {
  padding: 10px;
  text-align: center;
  border-left: 1px solid #ccc;
}

#how-we-operate-page-links .custom-block__card:first-child,
#how-we-operate-page-links .custom-block__card:nth-child(6) {
  border-left: none;
}

/* Does 6th to 9ο goes to 2nd row and separete to 4 columns */
#how-we-operate-page-links .custom-block__card:nth-child(n+6) {
  grid-column: span 1;
}

/* Responsive for mobiles */
@media (max-width: 1024px) {
  #how-we-operate-page-links .custom-block__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* strategies - How we oparete*/
#how-we-operate-page-strategies {
  padding: 65px;
}

#how-we-operate-page-strategies .custom-block__inner--text-image {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

#how-we-operate-page-strategies .custom-block__text {
  flex: 1 1 50%;
  text-align: justify;
}

#how-we-operate-page-strategies .custom-block__text h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #000;
}

#how-we-operate-page-strategies .custom-block__text p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  color: #000;
}

#how-we-operate-page-strategies .custom-block__image {
  flex: 1 1 50%;
  margin-top: 48px;
}

#how-we-operate-page-strategies .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;

}

/* Responsive */
@media (max-width: 768px) {
  #how-we-operate-page-strategies .custom-block__inner--text-image {
    flex-direction: column;
  }

  #how-we-operate-page-strategies .custom-block__text,
  #how-we-operate-page-strategies .custom-block__image {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #how-we-operate-page-strategies .custom-block__text h2 {
    font-size: 1.5rem;
  }
}

/*Project Cycle*/

#how-we-operate-page-project-cycle {
  padding: 65px;
}

#how-we-operate-page-project-cycle .custom-block__tabs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 100px 0 20px 0;
    gap: 0px;
}

#how-we-operate-page-project-cycle .custom-block__tab-number {
    display: none;
}

#how-we-operate-page-project-cycle .custom-block__tab {
  cursor: pointer;
  text-align: center;
  flex: 1 1 auto;
  max-width: 250px;
  margin: 5px;
  opacity: 0.6;
  transition: all 0.3s ease;
}

#how-we-operate-page-project-cycle .custom-block__tab.is-active {
  opacity: 1;
}

#how-we-operate-page-project-cycle .custom-block__tab-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 auto 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#how-we-operate-page-project-cycle .custom-block__tab.is-active .custom-block__tab-circle {
  background: #0077c8;
  color: #fff;
}

#how-we-operate-page-project-cycle .custom-block__tab-description {
  font-size: 17px;
  position: relative;
  margin-top: 35px;
  right: 10px;
}

#how-we-operate-page-project-cycle .custom-block__tab-content {
  display: none;
  padding: 10px;
}


#how-we-operate-page-project-cycle .custom-block__content-text h3 {
    font-size: 32px;
    color: #004392;
    font-family: 'Source Serif 4';
    line-height: 1;
    margin-bottom: 16px;
}


#how-we-operate-page-project-cycle .custom-block__tab-content.is-active {
  display: flex;
  gap: 20px;
  padding: 65px 0;
  text-align: justify;
  align-items: flex-start;
}

#how-we-operate-page-project-cycle .custom-block__content-text {
  flex: 1 1 50%;
}

#how-we-operate-page-project-cycle .custom-block__content-image {
  flex: 1 1 50%;
  padding-top: 48px;
}

#how-we-operate-page-project-cycle .custom-block__content-image img {
  width: 100%;
  height: auto;
  border-radius: 0px;
}

/* lists */

#how-we-operate-page-project-cycle ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
}

#how-we-operate-page-project-cycle li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

/* #how-we-operate-page-project-cycle .custom-block__content-text a {
  color: #0066cc;
  text-decoration: none;
} */

/* Responsive */
@media (max-width: 768px) {

  #how-we-operate-page-project-cycle {
    padding: 0;
    padding-bottom: 30px;
  }

  #how-we-operate-page-project-cycle h1 {
    margin: 30px;
  }

  #how-we-operate-page-project-cycle p {
    margin: 0;
  }

  #how-we-operate-page-project-cycle .custom-block__tab {
    max-width: 60px;
  }

  #how-we-operate-page-project-cycle .custom-block__tab-content {
    flex-direction: column;
  }

  #how-we-operate-page-project-cycle .custom-block__content-text,
  #how-we-operate-page-project-cycle .custom-block__content-image {
    flex: 1 1 100%;
  }

  #how-we-operate-page-project-cycle .custom-block__content-image,
  #how-we-operate-page-policies .custom-block__image,
  #how-we-operate-page-risk-management .custom-block__image,
  #how-we-operate-page-procurement .custom-block__row--top .custom-block__image,
  #how-we-operate-page-procurement .custom-block__right,
  #how-we-operate-page-internal-audit .custom-block__image,
  #how-we-operate-page-evaluation .custom-block__right,
  #how-we-operate-page-environmental .custom-block__right,
  #how-we-operate-page-prevention .custom-block__right {
    padding-top: 0 !important;
  }
}

#how-we-operate-page-project-cycle .custom-block__content-text p, .custom-block__content-text ul {
    margin-left: 22px;
}

/*Risk Management*/
#how-we-operate-page-risk-management {
  padding: 65px;
}

#how-we-operate-page-risk-management .custom-block__inner--text-image {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

#how-we-operate-page-risk-management .custom-block__text {
  flex: 1 1 50%;
  font-size: 16px;
  line-height: 1.5;
}

#how-we-operate-page-risk-management .custom-block__text h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1;
}

#how-we-operate-page-risk-management .custom-block__image {
  flex: 1 1 50%;
  text-align: center;
  padding-top: 48px;
}

#how-we-operate-page-risk-management .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
}

/* Responsive */
@media (max-width: 768px) {
  #how-we-operate-page-risk-management .custom-block__inner--text-image {
    flex-direction: column;
  }

  #how-we-operate-page-risk-management .custom-block__text,
  #how-we-operate-page-risk-management .custom-block__image {
    flex: 1 1 100%;
  }
}


/*Procurement*/

#how-we-operate-page-procurement {
    padding: 65px;
}
#how-we-operate-page-procurement .custom-block__row--top {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    align-items: flex-start;
    flex-direction: row;
}

#how-we-operate-page-procurement .custom-block__text {
  flex: 1 1 50%;
}

#how-we-operate-page-procurement .custom-block__image {
  flex: 1 1 50%;
}

#how-we-operate-page-procurement .custom-block__row--top .custom-block__image {
  padding-top: 68px;
}

#how-we-operate-page-procurement .custom-block__tab-contents .custom-block__left{
  flex: 1 1 50% !important;

}

/* #how-we-operate-page-procurement .custom-block__text, #how-we-operate-page-procurement .custom-block__image{
  max-width: 98% !important;
} */

#how-we-operate-page-procurement .custom-block__text,
#how-we-operate-page-procurement .custom-block__image {
  max-width: 100%;
}

#how-we-operate-page-procurement img {
    width: 100%;
    height: auto;
    /* margin-left: 100px; */
}

/* @media (min-width: 768px) {
  #how-we-operate-page-procurement .custom-block__text {
    flex: 1 1 60%;
    max-width: 50%;
  }

  #how-we-operate-page-procurement .custom-block__image {
    flex: 1 1 35%;
    max-width: 35%;
  }
} */
#how-we-operate-page-procurement .custom-block__documents-title {
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

#how-we-operate-page-procurement .custom-block__documents-list {
  background: #ddd;
  padding: 15px;
  border-top: 25px solid #004392;
}

#how-we-operate-page-procurement h2 {
    font-size: 32px;
}

#how-we-operate-page-procurement .custom-block__document {
  margin: 5px 0;
}

#how-we-operate-page-procurement .custom-block__document a {
  color: #004392;
  text-decoration: none;
}

#how-we-operate-page-procurement .custom-block__document a:hover {
  text-decoration: underline;
}



#how-we-operate-page-procurement .custom-block__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

#how-we-operate-page-procurement .custom-block__tab {
  cursor: pointer;
  padding: 10px 30px 10px 0px;
  font-weight: 600;
  text-transform: uppercase;
  color: #555;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  border-bottom: 20px solid #9d9d9d;
}

#how-we-operate-page-procurement .custom-block__tab.is-active {
  color: #002e6d;
  border-bottom: 20px solid #002e6d;
}

#how-we-operate-page-procurement .custom-block__tab-content {
  display: none;
  margin-top: 20px;
}

#how-we-operate-page-procurement .custom-block__tab-content.is-active {
    gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#how-we-operate-page-procurement .custom-block__left{
  flex: 1 1 50%;
}
#how-we-operate-page-procurement .custom-block__right {
  flex: 1 1 50%;
  padding-top: 49px;
}

/* @media (min-width: 768px) {
  #how-we-operate-page-procurement .custom-block__left,
  #how-we-operate-page-procurement .custom-block__right {
    flex: 1 1 45%;
  }
}
 */


/* how we operate - hide duplicate content */

 
#how-we-operate-page-internal-audit .custom-block__tab-contents > .custom-block__tab-content:nth-of-type(1) > .custom-block__right > .custom-block__text {
    display: none;
}
 
#how-we-operate-page-internal-audit .custom-block__tab-contents > .custom-block__tab-content:nth-of-type(3) > .custom-block__right > .custom-block__text {
    display: none;
}


/* how we operate - headers */


/*remove temp*/

#how-we-operate-page-procurement .custom-block__tabs-links {
    display: none;
}

/**/

#how-we-operate-page-internal-audit h2, #how-we-operate-page-environmental h2, #how-we-operate-page-prevention h2 {
    line-height: 1;
    margin-bottom: 1rem;
}


/*Policies - How we operate*/
#how-we-operate-page-policies {
  padding: 65px;
}

#how-we-operate-page-policies .custom-block__inner--text-image {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

#how-we-operate-page-policies .custom-block__text {
  flex: 1 1 50%;
  text-align: justify;
}

#how-we-operate-page-policies .custom-block__text h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #000;
}

#how-we-operate-page-policies .custom-block__text p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
  color: #000;
}

#how-we-operate-page-policies .custom-block__image {
    flex: 1 1 50%;
    padding-top: 48px;
}

#how-we-operate-page-policies .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;
}

/* Responsive */
@media (max-width: 768px) {
  #how-we-operate-page-policies .custom-block__inner--text-image {
    flex-direction: column;
  }

  #how-we-operate-page-policies .custom-block__text,
  #how-we-operate-page-policies .custom-block__image {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #how-we-operate-page-policies .custom-block__text h2 {
    font-size: 1.5rem;
  }
}

/*acordion*/
#how-we-operate-page-procurement .custom-block__accordion-item {
  margin-bottom: 5px;
}

#how-we-operate-page-procurement .custom-block__accordion-item-title {
  padding: 20px 20px 20px 0;
  font-family: "Source Serif 4", serif;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#how-we-operate-page-procurement .custom-block__accordion-item-title::after {
  content: "\e145";
  position: absolute;
  color: #006ab1;
  font-size: 32px;
  font-weight: 500;
  font-family: "Material Symbols Outlined";
  transition: transform 0.3s ease;
}

#how-we-operate-page-procurement .custom-block__accordion-item.active .custom-block__accordion-item-title::after {
  content: "\e15b";
  font-family: "Material Symbols Outlined";
  transform: rotate(180deg);
}

#how-we-operate-page-procurement .custom-block__accordion-item-content {
  display: none;
  padding: 10px 0;
  animation: fadeIn 0.3s ease;
}

#how-we-operate-page-procurement .custom-block__accordion {
  border-bottom: 1px solid #ccc;
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

#how-we-operate-page-procurement .custom-block__accordion-item.active .custom-block__accordion-item-content {
  display: block;
}


/* current solititatins.. */

#how-we-operate-page-procurement .custom-block__text-after {
  margin-top: 50px;
  margin-bottom: 14px;
  font-size: 28px;
}

#how-we-operate-page-procurement .custom-block__text-after h4 {
  font-family: 'Source Serif 4';
}

#how-we-operate-page-procurement .custom-block__table-text-empty {
  margin-bottom: 30px;
}

/*Internal Audit*/
#how-we-operate-page-internal-audit {
  padding: 65px;
}

#how-we-operate-page-internal-audit .custom-block__row.custom-block__row--top{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-content: center;
  align-items: flex-start;
  gap: 20px;
}

#how-we-operate-page-internal-audit .custom-block__right{
  padding-left: 0px;
}

#how-we-operate-page-internal-audit img{
  width: 100%;
  height: auto;
}

#how-we-operate-page-internal-audit .custom-block__text{
  flex: 1 1 50%;
}

#how-we-operate-page-internal-audit .custom-block__image {
    flex: 1 1 50%;
    padding-top: 53px;
}

#how-we-operate-page-internal-audit h2 {
    font-size: 37px;
}

#how-we-operate-page-internal-audit .custom-block__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

#how-we-operate-page-internal-audit .custom-block__tab {
    cursor: pointer;
    /* padding: 10px 30px 10px 0px; */
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    transition: all 0.3s ease;
    border-bottom: 20px solid #9d9d9d;
    display: inline-block;
    max-width: 18%;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1;

}

#how-we-operate-page-internal-audit .custom-block__tab.is-active {
    color: #002e6d;
    border-bottom: 20px solid #002e6d;
}

#how-we-operate-page-internal-audit .custom-block__tab-content {
  display: none;
  margin-top: 20px;
}

#how-we-operate-page-internal-audit .custom-block__tab-content.is-active {
  display: flex;
  gap: 20px;
}

/* #how-we-operate-page-internal-audit .custom-block__left,
#how-we-operate-page-internal-audit .custom-block__right {
  flex: 1 1 300px;
} */

#how-we-operate-page-internal-audit .custom-block__documents-title {
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

#how-we-operate-page-internal-audit .custom-block__documents-list {
  background: #ddd;
  padding: 15px;
  border-top: 25px solid #004392;
}

#how-we-operate-page-internal-audit .custom-block__documents-list a {
  text-decoration: none;
  color: #004392;
}

@media (max-width: 768px) {
  #how-we-operate-page-internal-audit .custom-block__tab-content.is-active {
    flex-direction: column;
  }
}

/*Phases*/
#how-we-operate-page-internal-audit .custom-block__phases {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#how-we-operate-page-internal-audit .custom-block__phase {
  display: flex;
  align-items: center;
  gap: 15px;
}

#how-we-operate-page-internal-audit .custom-block__phase-inner {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #56c3e5, #b5e1e9 , #e2e4e4);
  color: #000000;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  font-family: 'Source Serif 4';
}

#how-we-operate-page-internal-audit .custom-block__phase-label {
  font-size: 18px;
}

#how-we-operate-page-internal-audit .custom-block__phase-number {
  font-size: 18px;
}

#how-we-operate-page-internal-audit .custom-block__phase-text {
  flex: 1;
}

#how-we-operate-page-internal-audit .custom-block__phase-text h4 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  width: 222px;
}

#how-we-operate-page-internal-audit .custom-block__phases-caption {
  margin-top: 20px;
  text-align: left;
  font-size: 13px;
  color: #333;
}


#how-we-operate-page-internal-audit .custom-block__left{
  flex: 1 1 50% !important;
}

#how-we-operate-page-internal-audit .custom-block__right{
  flex: 1 1 50%;
}

@media (max-width: 768px) {
  #how-we-operate-page-internal-audit .custom-block__phase {
    flex-direction: column;
    align-items: flex-start;
  }
  #how-we-operate-page-internal-audit .custom-block__phase-inner {
    margin-bottom: 5px;
  }
}

/*Evaluation */
#how-we-operate-page-evaluation {
    padding: 65px;
}

#how-we-operate-page-evaluation .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

#how-we-operate-page-evaluation .custom-block__left {
    flex: 1 1 50%;
}

#how-we-operate-page-evaluation .custom-block__right {
  padding-top: 63px;
  flex: 1 1 50%;
}

#how-we-operate-page-evaluation img {
  width: 100%;
  height: auto;
}

#how-we-operate-page-evaluation .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}

#how-we-operate-page-evaluation .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#how-we-operate-page-evaluation .custom-block__documents-list a {
  text-decoration: none;
  color: #004392;
}
#how-we-operate-page-evaluation .custom-block__documents-list a:hover {
  text-decoration: underline;
}

/* Environmental and social sustainability */

#how-we-operate-page-environmental {
    padding: 65px;
}

#how-we-operate-page-environmental .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#how-we-operate-page-environmental .custom-block__left {
    flex: 1 1 50%;
}

#how-we-operate-page-environmental .custom-block__right {
    flex: 1 1 50%;
    padding-top: 58px;
}

@media (max-width: 1678px) {
  #how-we-operate-page-environmental .custom-block__right { 
    padding-top: 100px;
  }
}

#how-we-operate-page-environmental .custom-block__documents-list a {
 text-decoration: none;
 color: #004392;
}

#how-we-operate-page-environmental .custom-block__documents-list a:hover {
 text-decoration: underline;
}

#how-we-operate-page-environmental img {
    width: 100%;
    height: auto;
}

#how-we-operate-page-environmental .custom-block__read-more-button-wrapper {
    background-color: #004392;
    width: 18%;
    padding: 20px 10px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}


#how-we-operate-page-environmental a.custom-block__read-more-button {
    color: white;
    text-decoration: none;
}


#how-we-operate-page-environmental .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

#how-we-operate-page-environmental .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

/* envirosocial breadcrumbs */

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
){ padding: 65px 65px 0 65px; }

#enviro-info-nav-links {
  padding-bottom: 65px;
}

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
) .custom-block__block-nav-links{
  list-style: none;
  display: flex;
}

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
) .custom-block__block-nav-link{
  border-left: 1px solid #58585a;
  padding: 0 5px;
}

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
) .custom-block__block-nav-link:first-of-type{
  border-left: none;
  padding-left: 0;
}

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
) .custom-block__block-nav-link a{
  color: #58585a;
  text-decoration: none;
}

:is(
  #assessment-nav-links,
  #standards-nav-links,
  #enviro-info-nav-links,
  #compliance-nav-links,
  #supervision-nav-links,
  #international-nav-links,
  #useful-info-nav-links
) .custom-block__block-nav-link:last-of-type a{
  text-decoration: underline;
}


/*Prevention and combat*/

#how-we-operate-page-prevention{
  padding: 65px;
}

#how-we-operate-page-prevention .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}


#how-we-operate-page-prevention img {
    width: 100%;
    height: auto;
}

#how-we-operate-page-prevention .custom-block__right {
    flex: 1 1 50%;
    padding-top: 58px;
}

@media (max-width: 2673px) {
  #how-we-operate-page-prevention .custom-block__right {
    padding-top: 100px;
  }
}

@media (max-width: 1495px) {
  #how-we-operate-page-prevention .custom-block__right {
    padding-top: 142px;
  }
}

#how-we-operate-page-prevention .custom-block__left {
    flex: 1 1 50%!important;
}


#how-we-operate-page-prevention .custom-block__documents-title {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

#how-we-operate-page-prevention .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#how-we-operate-page-prevention .custom-block__documents-list a{
  text-decoration: none;
  color: #004392;
}


#how-we-operate-page-prevention .custom-block__documents-list a:hover{
  text-decoration: underline;
}

.custom-block__tabs-links {
    display: flex;
    gap: 16px;
    font-size: 15px;
    color: #6c757d;
    margin-top: 50px;
}

.custom-block__tabs-link {
  position: relative;
  padding: 0 8px;
}

.custom-block__tabs-link:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -10px;
  color: #ccc;
}

/* titles under tabs */

#how-we-operate-page-procurement h2,
#how-we-operate-page-internal-audit .custom-block__tab-content.is-active h2 {
  font-size: 28px;
  font-family: "Source Serif 4", serif;
  line-height: 1;
}

#how-we-operate-page-procurement .custom-block__tab-content.is-active li strong,
#how-we-operate-page-procurement .custom-block__tab-content.is-active p > strong {
  font-size: 16px;
  font-family: "Inter", sans-serif
}

/* how we operate - breadcrumps */

#project-cycle-nav-links,
#strategies-nav-links,
#policies-nav-links,
#risk-nav-links,
#procurement-nav-links,
#internal-audit-nav-links,
#evaluation-nav-links,
#environmental-nav-links,
#prevention-nav-links {
    padding: 65px 65px 0 65px;
}

#project-cycle-nav-links .custom-block__block-nav-links,
#strategies-nav-links .custom-block__block-nav-links,
#policies-nav-links .custom-block__block-nav-links,
#risk-nav-links .custom-block__block-nav-links,
#procurement-nav-links .custom-block__block-nav-links,
#internal-audit-nav-links .custom-block__block-nav-links,
#evaluation-nav-links .custom-block__block-nav-links,
#environmental-nav-links .custom-block__block-nav-links,
#prevention-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#project-cycle-nav-links .custom-block__block-nav-link,
#strategies-nav-links .custom-block__block-nav-link,
#policies-nav-links .custom-block__block-nav-link,
#risk-nav-links .custom-block__block-nav-link,
#procurement-nav-links .custom-block__block-nav-link,
#internal-audit-nav-links .custom-block__block-nav-link,
#evaluation-nav-links .custom-block__block-nav-link,
#environmental-nav-links .custom-block__block-nav-link,
#prevention-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#project-cycle-nav-links .custom-block__block-nav-link:first-of-type,
#strategies-nav-links .custom-block__block-nav-link:first-of-type,
#policies-nav-links .custom-block__block-nav-link:first-of-type,
#risk-nav-links .custom-block__block-nav-link:first-of-type,
#procurement-nav-links .custom-block__block-nav-link:first-of-type,
#internal-audit-nav-links .custom-block__block-nav-link:first-of-type,
#evaluation-nav-links .custom-block__block-nav-link:first-of-type,
#environmental-nav-links .custom-block__block-nav-link:first-of-type,
#prevention-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#project-cycle-nav-links .custom-block__block-nav-link a,
#strategies-nav-links .custom-block__block-nav-link a,
#policies-nav-links .custom-block__block-nav-link a,
#risk-nav-links .custom-block__block-nav-link a,
#procurement-nav-links .custom-block__block-nav-link a,
#internal-audit-nav-links .custom-block__block-nav-link a,
#evaluation-nav-links .custom-block__block-nav-link a,
#environmental-nav-links .custom-block__block-nav-link a,
#prevention-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#project-cycle-nav-links .custom-block__block-nav-link:last-of-type a,
#strategies-nav-links .custom-block__block-nav-link:last-of-type a,
#policies-nav-links .custom-block__block-nav-link:last-of-type a,
#risk-nav-links .custom-block__block-nav-link:last-of-type a,
#procurement-nav-links .custom-block__block-nav-link:last-of-type a,
#internal-audit-nav-links .custom-block__block-nav-link:last-of-type a,
#evaluation-nav-links .custom-block__block-nav-link:last-of-type a,
#environmental-nav-links .custom-block__block-nav-link:last-of-type a,
#prevention-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/* image alignment */

#how-we-operate-page-image-text .custom-block__text,
#how-we-operate-page-project-cycle .custom-block__content-image,
#how-we-operate-page-strategies .custom-block__image,
#how-we-operate-page-policies .custom-block__image,
#how-we-operate-page-risk-management .custom-block__image,
#how-we-operate-page-procurement .custom-block__row--top .custom-block__image,
#how-we-operate-page-internal-audit .custom-block__image {
  padding-left: 20px;
}

@media (max-width: 768px) {
  #how-we-operate-page-image-text .custom-block__text,
  #how-we-operate-page-project-cycle .custom-block__content-image,
  #how-we-operate-page-strategies .custom-block__image,
  #how-we-operate-page-policies .custom-block__image,
  #how-we-operate-page-risk-management .custom-block__image,
  #how-we-operate-page-procurement .custom-block__row--top .custom-block__image,
  #how-we-operate-page-procurement .custom-block__right,
  #how-we-operate-page-internal-audit .custom-block__image,
  #how-we-operate-page-evaluation .custom-block__right,
  #how-we-operate-page-environmental .custom-block__right,
  #how-we-operate-page-prevention .custom-block__right
  {
    padding-left: 0px;
  }
}

/*********end of How we operate*************/

/*at_a_glance  */

/**
common_ground
**/

#title-text-image-homepage {
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  padding: 65px;
  background: #fff;
}


#title-text-image-homepage .custom-block__inner--text-image {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
  align-items: center;
}

#title-text-image-homepage .custom-block__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}

#title-text-image-homepage .custom-block__title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
  padding-left: 20px;
}

#title-text-image-homepage .custom-block__text {
  font-size: 12px;
  line-height: 1.6;
  color: #222;
  margin-top: 150px;
  padding-left: 20px;
}

#title-text-image-homepage .custom-block__text p {
  margin-bottom: 1rem;
  max-width: 420px;
}

#title-text-image-homepage .custom-block__text {
  display: block;
  font-weight: bold;
}

#title-text-image-homepage .custom-block__text em {
  font-style: italic;
  font-size: 0.95rem;
  color: #666;
}

#title-text-image-homepage .custom-block__image {
  max-width: 100%;
}

#title-text-image-homepage .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  #title-text-image-homepage .custom-block__inner--text-image {
    grid-template-columns: 1fr;
  }

  #title-text-image-homepage .custom-block__image {
    order: -1;
  }

  #title-text-image-homepage .custom-block__title {
    font-size: 2rem;
    text-align: center;
  }

  #title-text-image-homepage .custom-block__left {
    text-align: center;
    align-items: center;
  }
}

/*image text*/

#text-image-homepage {
  padding: 65px;
}

#text-image-homepage .custom-block--image-text {
  width: 100%;
  max-width: 100%;
}

#text-image-homepage .custom-block__inner--image-text {
  display: flex;
  width: 100%;
  max-width: 100%;
  gap: 2.1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}

#text-image-homepage .custom-block__image {
  flex: 0 0 auto;
  height: auto;
  width: 50%;
}

#text-image-homepage .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
}

#text-image-homepage .custom-block__text {
  flex: 1;
  min-width: 0;
  font-size: 21px;
  line-height: 1.5px;
}

#text-image-homepage .custom-block__text .field__item {
  margin: 0;
}

#text-image-homepage .custom-block__text p {
  margin-bottom: 1rem;
  line-height: 1.6;
}

#text-image-homepage .custom-block__text br {
  display: none;
}

@media (max-width: 768px) {
  #text-image-homepage .custom-block__inner--image-text {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 5rem;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
  }

  #title-text-image-homepage .custom-block__inner--text-image {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
  }

  #text-image-homepage .custom-block__image {
    flex: 0 0 auto;
    height: auto;
    width: 100%;
  }
  #title-text-image-homepage .custom-block__left {
    align-items: center;
    text-align: center;
    padding: 0;
  }

  #title-text-image-homepage .custom-block__title {
    font-size: 2rem;
  }

  #title-text-image-homepage .custom-block__text {
    font-size: 14px;
    margin: 0;
    text-align: center;
  }
}

/* who we are map styling */

#member-states-title p {
  padding: 65px 0 0 65px;
  font-size: 40px;
  font-family: 'Source Serif 4';
}

#map {
  position: relative;
  width: 100%;
  padding: 65px;
}

#map .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
}

#map .member-share-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; /* να μην επηρεάζει το image */
}

#map .member-share-map span:nth-child(2n) {
  line-height: 2;
}

/* map positions */
/* Albania */
#map .member-share-map span:nth-child(1),
#map .member-share-map span:nth-child(2) { 
  top: 53%; left: 20%; 
}
/* Greece */
#map .member-share-map span:nth-child(3),
#map .member-share-map span:nth-child(4) { 
  top: 64%; left: 25%; 
}
/* Bulgaria */
#map .member-share-map span:nth-child(5),
#map .member-share-map span:nth-child(6) { 
  top: 47%; left: 33%; 
}
/* Romania */
#map .member-share-map span:nth-child(7),
#map .member-share-map span:nth-child(8) { 
  top: 31%; left: 33%; 
}
/* Moldova */
#map .member-share-map span:nth-child(9),
#map .member-share-map span:nth-child(10) { 
  top: 22%; left: 42%; 
}
/* Ukraine */
#map .member-share-map span:nth-child(11),
#map .member-share-map span:nth-child(12) { 
  top: 16%; left: 54%; 
}
/* Russia */
#map .member-share-map span:nth-child(13),
#map .member-share-map span:nth-child(14) {
   top: 25%; left: 80%; 
  }
/* Türkiye */
#map .member-share-map span:nth-child(15),
#map .member-share-map span:nth-child(16) {
   top: 67%; left: 50%; 
  }
/* Georgia */
#map .member-share-map span:nth-child(17),
#map .member-share-map span:nth-child(18) {
   top: 50%; left: 79%; 
  }
/* Armenia */
#map .member-share-map span:nth-child(19),
#map .member-share-map span:nth-child(20) {
   top: 58%; left: 81.5%; 
  }
/* Azerbaijan */
#map .member-share-map span:nth-child(21),
#map .member-share-map span:nth-child(22) {
   top: 59%; left: 89%; 
  }


#map .member-share-map .country-name,
#map .member-share-map .country-value {
  position: absolute;
  color: #fff;
  font-family: Inter, system-ui, sans-serif;
  text-shadow: 0 0 4px rgba(0,0,0,0.55);
  font-size: clamp(14px, 1vw, 18px);
  font-weight: 600;
}

#map .member-share-map .country-value {
  margin-top: 16px;
  font-weight: 400;
  font-size: clamp(12px, 0.9vw, 16px);
}


/*links*/
/* #image-tabs-homepage p {
  position: relative;
  padding-left: 20px;
}

#image-tabs-homepage p::before {
  content: "→";
  position: absolute;
  left: 0;
}
 */

#image-tabs-homepage li.custom-block__tab.is-active {
    color: white !important;
    border-bottom: 1px white solid !important;
}


#links-homepage.custom-block--cards-grid {
  padding: 0px 50px 0px 50px;
  overflow: none;
}
.custom-block__inner--cards-grid {
  width: 100%;
  margin: 0 auto;
}

 .custom-block--cards-grid .custom-block__cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.custom-block--cards-grid .custom-block__card {
  padding: 0 16px;
  border-left: 2px solid #d8d8d8;
  background-color: #fff;
}
.custom-block--cards-grid .custom-block__card:first-child {
  border-left: none;
}

.custom-block--cards-grid .custom-block__card-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  color: #113076;
  margin: 0 0 8px;
}

.custom-block--cards-grid .custom-block__card-title a {
  text-decoration: none;
  color: #113076;
  font-family: "Source Serif 4";
  font-size: 30px;
}

.custom-block--cards-grid .custom-block__card-text {
  font-size: 15px;
  line-height: 1.5;
  color: #666666;
  margin: 0;
}

@media (max-width: 768px) {
  .custom-block--cards-grid .custom-block__cards {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .custom-block--cards-grid .custom-block__card {
    border-left: none;
    border-top: 1px solid #d8d8d8;
    padding-top: 24px;
    margin-top: 24px;
  }
  .custom-block--cards-grid .custom-block__card:first-child {
    border-top: none;
    margin-top: 0;
  }
}

/*mandate mission*/

#investor-page-mandate strong {
    display: none;
}

#investor-page-mandate .custom-block__tab-content p {
  margin-bottom: 15px;
  margin-left: 15px;
  position: relative;
  padding-left: 20px;
}

#investor-page-mandate .custom-block__tab-content p::before {
    content: "→";
    position: absolute;
    left: 0px;
}

/* conflict me ta links sto home page */
#two-texts-video-homepage {
  padding: 65px;
}

#two-texts-video-homepage .custom-block__video-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

#two-texts-video-homepage .custom-block__text {
  margin-bottom: 20px;
}

#two-texts-video-homepage h2 {
  font-size: 2em;
  margin-bottom: 0.2em;
}

#two-texts-video-homepage h5 {
  font-size: 1em;
  margin-bottom: 0.5em;
}

#two-texts-video-homepage p {
  line-height: 1.6;
  font-size: 15px;
  text-align: justify;
}

#two-texts-video-homepage .custom-block__inner--video-double-text {
  padding: 0;
  gap: 20px;
  align-items: flex-start;
  flex-wrap: nowrap;
}

#two-texts-video-homepage .custom-block__right {
  padding-left: 20px;
}

#two-texts-video-homepage .custom-block__right h2 {
  line-height: 1;
  margin-bottom: 15px;
}


#two-texts-video-homepage {
  flex-wrap: nowrap;
}

#two-texts-video-homepage .custom-block__video-thumbnail {
  flex: 0 0 50%;
  display: block;
}

#two-texts-video-homepage .custom-block__right {
  flex: 1 1 50%;
  /* padding: 40px; */
}


div.field--name-field-text1 > h2 {
  font-size: 36px;
}
div.custom-block__text > div.field--name-field-text-2 h2 {
  font-size: 36px;
}

.custom-block__inner--video-double-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0px 65px 0px 65px;
}

.custom-block__video-thumbnail {
  flex: 0 0 50%;
  max-width: 100%;
  box-sizing: border-box;

  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.custom-block__right {
  flex: 0 0 50%;
  max-width: 50%;
  box-sizing: border-box;
  padding-left: 20px; /* λίγο κενό δεξιά */
}

.custom-block__inner--video-double-text img.image-style-large {
  width: 650px;
  height: auto;
}

@media (max-width: 768px) {
  .custom-block__video-thumbnail,
  .custom-block__right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .custom-block__inner--video-double-text {
    padding: 20px;
  }

  .custom-block__inner--video-double-text img.image-style-large {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  #two-texts-video-homepage .custom-block__inner--video-double-text {
    flex-direction: column;
  }

  #two-texts-video-homepage .custom-block__video,
  #two-texts-video-homepage .custom-block__video-thumbnail,
  #two-texts-video-homepage .custom-block__right {
    flex: 1 1 100%;
    max-width: 100%;
  }
  #two-texts-video-homepage .custom-block__text {
    text-align: center;
  }
}

/*member state*/
.custom-block__video-thumbnail img {
    width: 100%;
    height: auto;
}

.clearfix.text-formatted.field.field--name-field-text.field--type-text-long.field--label-hidden.field__item {
  text-align: justify;
}

#image-text-homepage
  .clearfix.text-formatted.field--name-field-text.field--type-text-long.field--label-hidden.field__item
  p {
  font-family: "Source Serif 4";
}

#image-text-homepage .custom-block.custom-block--text-image-vertical {
  width: 100%;
  box-shadow: none;
  margin: 0;
  padding: 0;
}

#image-text-homepage
  .custom-block__inner.custom-block__inner--text-image-vertical {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

#image-text-homepage .custom-block__text {
  background-color: #ffffff;
  padding: 35px 65px 35px 65px;
  border: none;
  margin: 0;
}

#image-text-homepage .custom-block__text *,
#image-text-homepage .custom-block__text h1,
#image-text-homepage .custom-block__text h2,
#image-text-homepage .custom-block__text h3,
#image-text-homepage .custom-block__text p {
  font-size: 2.5rem !important;
  font-weight: bold !important;
  color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

#image-text-homepage .custom-block__image {
  background: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

#image-text-homepage .custom-block__image img {
  height: auto;
  max-width: none;
  display: block;
  margin: 0 auto;
  padding: 0;
  border: none;
  object-fit: cover;
  image-rendering: auto;
  width: 100%;
  padding: 0px 65px 0px 65px;
}

@media (min-width: 1200px) {
  #image-text-homepage
    .custom-block__inner.custom-block__inner--text-image-vertical {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 768px) {
  #image-text-homepage .custom-block__text {
    padding: 24px 20px 16px 20px;
    text-align: center;
  }

  #image-text-homepage .custom-block__text *,
  #image-text-homepage .custom-block__text h1,
  #image-text-homepage .custom-block__text h2,
  #image-text-homepage .custom-block__text h3,
  #image-text-homepage .custom-block__text p {
    font-size: 2rem !important;
  }
}
/*on a mision - at a glance*/

/* at a glance credit logos */

#at-a-glance-credit-logos {
  padding: 65px;
}

#at-a-glance-credit-logos > .custom-block__inner {
  display: flex;
  gap: 20px;
  align-items: center;
}

#at-a-glance-credit-logos .custom-block__left,
#at-a-glance-credit-logos .custom-block__right {
  flex: 1 1 50%;
}

#at-a-glance-credit-logos .custom-block__left {
  line-height: 1.6;
  color: #111;
  background-color: #eee;
  padding: 2.5rem;
}

#at-a-glance-credit-logos .custom-block__left p {
  font-size: 18px;
}

#at-a-glance-credit-logos .custom-block__right img {
  object-fit: none;
  width: 230px;
  height: 100px;
}

#at-a-glance-credit-logos .custom-block__right .custom-block__logos {
  display: flex;
}

#at-a-glance-credit-logos .custom-block__right .custom-block__logos .custom-block__logo-item {
  flex: 1 1 50%;
}

#at-a-glance-credit-logos .custom-block__right .custom-block__logos .custom-block__logo-text {
  font-weight: bold;
  font-size: 20px;
}

/* top image */

#video-homepage img {
  width: 100%;
  height: auto;
}

#video-homepage #text-first-section {
  position: relative;
  bottom: 130px;
  left: 65px;
  z-index: 2;
  line-height: 1.2;
  text-align: left;
  height: 0;
}

#video-homepage #text-first-section p {
  color: white;
  font-size: 3.5rem;
  font-weight: 500;
}

#table-text-homepage {
  /* width: 95vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2)); */
  background-color: #fff;

  /* padding-left:40px;
  padding-top:20px; */
  box-sizing: border-box;
  padding: 65px;
}

#table-text-homepage table.custom-block__table{
  margin-top: 49px;
  width: 100%;
}

#table-text-homepage .custom-block__inner--text-table {
  display: flex;
  /* justify-content: space-between;
  align-items: flex-start; */
  /* max-width: 1400px; */
  gap: 20px;
}

#table-text-homepage .custom-block__left,
#table-text-homepage .custom-block__right {
    flex: 1 1 50%;
}

.custom-block__left {
  flex: 0 0 60%;
}

.custom-block__text {
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}

.custom-block__text p {
  margin: 0 0 1rem;
  text-align: justify;
}

.custom-block__text {
  font-weight: 200;
  display: block;
  /* margin-bottom: 0.25rem; */
}

.custom-block__left .custom-block__text h2 {
  font-size: 42px;
  line-height: 1;
  margin-bottom: 21px;
  font-weight: bold;
}

.custom-block__text ul {
  list-style: none;
  margin: 0 0 1.5rem;
}

.custom-block__text ul li {
  position: relative;
  margin: 0.25rem 0;
}

.custom-block__text a {
  color: #0066cc;
  text-decoration: none;
  font-weight: 600;
}

.custom-block__right {
  flex: 0 0 58%;
  min-width: 500px;
}

.custom-block__table-wrapper {
  overflow-x: auto;
}

.custom-block__table {
  table-layout: fixed;
  /* width: 100%; */
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.5;
  color: #1a1a1a;
}

.custom-block__table th,
.custom-block__table td {
  padding: 0.5rem 0.75rem;
  white-space: normal;
  border-bottom: 1px solid #dcdcdc;
  vertical-align: top;
  font-weight: 400;
}

.custom-block__table th {
  font-weight: 700;
  font-size: 12px;
  color: #0046aa;
  text-align: left;
  background-color: transparent;
  border-bottom: 2px solid #000;
}

.custom-block__table td:not(:first-child),
.custom-block__table th:not(:first-child) {
  text-align: right;
}

.custom-block__table tfoot td {
  font-weight: bold;
  font-size: 14px;
  color: #0046aa;
  background-color: transparent;
  border-top: 2px solid #000;
}

.custom-block__table tfoot td:first-child {
  color: #222;
  text-align: left;
}

.custom-block__table-note {
  font-size: 12px;
  color: #444;
  margin-top: 0.75rem;
  line-height: 1.4;
}

/* key events */

#key-events-homepage {
  position: relative;
  padding: 65px;
  padding-bottom: 0;
}

/* Active year στη λίστα */
#key-events-homepage .year {
  cursor: pointer;
  transition: 0.2s;
  font-family: "Source Serif 4";
}

#key-events-homepage .year.active {
  color: #00518a;
  opacity: 1;
}

#key-events-homepage .year-btn-nav {
  background: none;
  font-size: 20px;
  line-height: 1;
}

/* Νέο timeline container */
#key-events-content {
  margin-top: 90px;
  border-top: 2px solid #7a7a7a;
  padding-top: 30px;
}

#key-events-homepage .year-selector {
  margin-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #969696;
  gap: 20px;
}

#key-events-homepage .year-selector,
#key-events-homepage .year-list {
  display: flex;
  justify-content: space-between;
}

#key-events-homepage .year-list {
  width: 90%;
}


/* Κάθε event */
#key-events-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  position: relative;
}

#key-events-content .event-block {
  position: relative;
  padding-top: 20px;
}

#key-events-content .event-block p {
  font-weight: bold;
}

#key-events-content .event-block > h3 {
  font-family: Inter;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.key-events-timeline__dot {
  width: 28px;
  height: 28px;
  background: #fff;
  border: 2px solid #7a7a7a;
  border-radius: 50%;
  position: absolute;
  top: -46px;
  left: 0;
}

.key-events-timeline__dot h3 {
  font-size: 28px;
  position: relative;
  bottom: 49px;
  color: #004392;
  display: none;
}

#key-events-content .event-block:first-of-type .key-events-timeline__dot h3 {
  display: block;
}

/* statistics button - link */

/* #homepage-statistics-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
}

#homepage-statistics-link a {
  font-size: 22px;
  text-decoration: none;
  color: #0d3082;
  font-weight: bold;
  line-height: 1;
}

#homepage-statistics-link .field__label {
  display: none;
}

#homepage-statistics-link::after {
  content: "\e5d8";
  font-family: "Material Symbols Outlined";
  color: #0d3082;
  font-size: 35px;
  line-height: 1;
  transition: transform 0.3s ease;
}

#homepage-statistics-link.inactive::after {
  transform: rotate(180deg);
} */
/* 
#loan-portfolio-1,
#loan-portfolio-2,
#loan-portfolio-3 {
  display: none;
} */

@media (max-width: 1024px) {
  #table-text-homepage {
    padding-left: 30px;
    padding-right: 30px;
  }

  .custom-block__inner--text-table {
    gap: 8rem;
    max-width: 100%;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 36px;
  }

  .custom-block__right {
    min-width: 400px;
  }

  .custom-block__table {
    font-size: 12px;
  }

  .custom-block__table th {
    font-size: 11px;
  }
}

@media (max-width: 900px) {
  #table-text-homepage {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .custom-block__inner--text-table {
    flex-direction: column;
    gap: 2rem;
  }

  .custom-block__left,
  .custom-block__right {
    flex: none;
    width: 100%;
  }

  .custom-block__left {
    order: 1;
  }

  .custom-block__right {
    order: 2;
    min-width: unset;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 32px;
    margin-bottom: 1rem;
  }

  .custom-block__text {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  #table-text-homepage {
    padding: 15px;
    width: 96vw;
  }

  .custom-block__left {
    text-align: center;
  }

  .custom-block__inner--text-table {
    gap: 1.5rem;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 28px;
    line-height: 1.2;
  }

  .custom-block__text {
    font-size: 13px;
  }

  .custom-block__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }

  .custom-block__table {
    font-size: 11px;
    min-width: 400px;
    white-space: nowrap;
  }

  .custom-block__table th,
  .custom-block__table td {
    padding: 0.4rem 0.6rem;
    font-size: 11px;
  }

  .custom-block__table th {
    font-size: 10px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }

  .custom-block__table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  .custom-block__table tfoot td {
    font-size: 12px;
    background-color: #fff;
    position: sticky;
    bottom: 0;
  }

  .custom-block__table-note {
    font-size: 11px;
    margin-top: 0.5rem;
  }
}

@media (max-width: 480px) {
  #table-text-homepage {
    padding: 10px;
  }

  .custom-block__inner--text-table {
    gap: 1.25rem;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 0.75rem;
  }

  #table-text-homepage h2 {
    font-size: 32px;
    text-align: left;
  }

  .custom-block__text {
    font-size: 12px;
    line-height: 1.5;
  }

  .custom-block__text p {
    margin: 0 0 0.75rem;
  }

  .custom-block__table-wrapper {
    margin: 0 -10px;
    border-radius: 0;
  }
  
  #table-text-homepage .custom-block__table-wrapper {
    margin: 0;
  }

  .custom-block__table {
    font-size: 10px;
    min-width: 350px;
  }

  .custom-block__table th,
  .custom-block__table td {
    padding: 0.3rem 0.4rem;
    font-size: 10px;
  }

  .custom-block__table th {
    font-size: 9px;
  }

  .custom-block__table tfoot td {
    font-size: 11px;
  }

  .custom-block__table-note {
    font-size: 10px;
    padding: 0 10px;
  }

  #governance-page-committees h2 {
    text-align: left;
  }

  #board-of-directors .custom-block__table-wrapper {
    margin: 0;
    border-radius: 0;
  }

  #board-of-directors .custom-block__right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 360px) {
  #table-text-homepage {
    padding: 8px;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 22px;
  }

  .custom-block__text {
    font-size: 11px;
  }

  .custom-block__table-wrapper {
    margin: 0 -8px;
  }

  .custom-block__table {
    min-width: 320px;
    font-size: 9px;
  }

  .custom-block__table th,
  .custom-block__table td {
    padding: 0.25rem 0.3rem;
    font-size: 9px;
  }

  .custom-block__table th {
    font-size: 8px;
  }

  .custom-block__table tfoot td {
    font-size: 10px;
  }

  .custom-block__table-note {
    font-size: 9px;
    padding: 0 8px;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .custom-block__inner--text-table {
    flex-direction: row;
    gap: 2rem;
  }

  .custom-block__left {
    flex: 0 0 45%;
    order: 1;
  }

  .custom-block__right {
    flex: 0 0 55%;
    order: 2;
  }

  .custom-block__left .custom-block__text h2 {
    font-size: 24px;
  }

  .custom-block__table {
    font-size: 10px;
    min-width: 300px;
  }
}

@media (max-width: 768px) {
  .custom-block__table-wrapper {
    position: relative;
  }

  .custom-block__table-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.8), transparent);
    pointer-events: none;
    z-index: 1;
  }

  .custom-block__table-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 20px;
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.8),
      transparent
    );
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .custom-block__table-wrapper.scrolled::after {
    opacity: 1;
  }

  /* member states */

  #table-text-homepage .custom-block__right {
    padding: 0 30px;
    display: flex;
    justify-content: center;
  }

  #map-member-countries-page .custom-block__image img {
    padding: 0 !important;
  }

  #map-member-countries-page {
    padding: 20px !important;
  }
}

/*silver anniversary*/

#image-text-icon-homepage {
  /* width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  background: #fff;
  padding: 3rem 1.5rem; */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 65px;
}

#image-text-icon-homepage .custom-block__inner--image-text-icon {
  display: flex;
  gap: 20px;
}

#image-text-icon-homepage .custom-block__image {
  flex: 1 1 50%;
}

#image-text-icon-homepage .custom-block__image img {
  /* min-width:720px;
  height: auto;
  display: block; */
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

#image-text-icon-homepage .custom-block__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 50%;
}

#image-text-icon-homepage .custom-block__text {
  font-size: 1rem;
  line-height: 1.6;
  color: #111;
}

#image-text-icon-homepage .custom-block__text h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1;
  font-weight: 700;
  color: #111;
}

#image-text-icon-homepage .custom-block__text h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #555;
  margin-top: 0;
}

#image-text-icon-homepage .custom-block__icon {
  max-width: 180px;
  margin-top: 2rem;
  align-self: flex-start;
}

#image-text-icon-homepage .custom-block__icon img {
  max-width: 880px;
  height: auto;
  display: block;
}

@media (max-width: 1024px) {
  /* #image-text-icon-homepage {
    padding: 2.5rem 1.5rem;
  } */

  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    gap: 1.5rem;
  }

  #image-text-icon-homepage .custom-block__image img {
    min-width: 500px;
    max-width: 100%;
    height: auto;
  }

  #image-text-icon-homepage .custom-block__text h2 {
    font-size: 1.75rem;
  }

  #image-text-icon-homepage .custom-block__text h3 {
    font-size: 1.125rem;
  }

  #image-text-icon-homepage .custom-block__icon {
    max-width: 160px;
  }

  #image-text-icon-homepage .custom-block__icon img {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 768px) {
  #image-text-icon-homepage {
    padding: 30px;
  }

  /* #image-text-icon-homepage {
    display:flex;
    justify-content:center;
    padding: 2rem 1rem;
    margin-left: calc(-1 * ((100vw - 100%) / 2));
  } */

  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }

  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  #image-text-icon-homepage .custom-block__image {
    order: 1;
    justify-content: center;
  }

  #image-text-icon-homepage .custom-block__image img {
    min-width: unset;
    max-width: 350px;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  #image-text-icon-homepage .custom-block__right {
    order: 2;
    gap: 1.5rem;
  }

  #image-text-icon-homepage .custom-block__text {
    text-align: center;
    font-size: 0.95rem;
  }

  #image-text-icon-homepage .custom-block__text h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  #image-text-icon-homepage .custom-block__text h3 {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  #image-text-icon-homepage .custom-block__icon {
    align-self: center;
    max-width: 140px;
    margin-top: 1rem;
  }

  #image-text-icon-homepage .custom-block__icon img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }
  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    gap: 1.25rem;
  }

  #image-text-icon-homepage .custom-block__image {
    padding: 0 0.5rem;
  }

  #image-text-icon-homepage .custom-block__text {
    font-size: 0.9rem;
    line-height: 1.5;
    /* padding: 0 0.5rem; */
  }

  #image-text-icon-homepage .custom-block__text h2 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    line-height: 1.3;
  }

  #image-text-icon-homepage .custom-block__text h3 {
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
    line-height: 1.4;
  }

  #image-text-icon-homepage .custom-block__icon {
    max-width: 120px;
    margin-top: 0.75rem;
  }
}

@media (max-width: 360px) {
  #image-text-icon-homepage {
    padding: 1.25rem 0.5rem;
    display: flex;
    justify-content: center;
  }

  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    gap: 1rem;
  }

  #image-text-icon-homepage .custom-block__image {
    padding: 0 0.25rem;
  }

  #image-text-icon-homepage .custom-block__text {
    font-size: 0.85rem;
    padding: 0 0.25rem;
  }

  #image-text-icon-homepage .custom-block__text h2 {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }

  #image-text-icon-homepage .custom-block__text h3 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }

  #image-text-icon-homepage .custom-block__icon {
    max-width: 100px;
    margin-top: 0.5rem;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  #image-text-icon-homepage {
    display: flex;
    justify-content: center;
    padding: 1.5rem 1rem;
  }

  #image-text-icon-homepage .custom-block__inner--image-text-icon {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
  }

  #image-text-icon-homepage .custom-block__image {
    order: 1;
  }

  #image-text-icon-homepage .custom-block__right {
    order: 2;
  }

  #image-text-icon-homepage .custom-block__text {
    text-align: left;
  }

  #image-text-icon-homepage .custom-block__icon {
    align-self: flex-start;
    margin-top: 1rem;
  }
}

/*tabs*/
.field.field--name-field-image2.field--type-entity-reference.field--label-hidden.field__item {
  width: 650px !important;
}
.field.field--name-field-tab-title-1.field--type-string.field--label-hidden.field__item {
  font-family: "Source Serif 4";
}
.field.field--name-field-tab-title-2.field--type-string.field--label-hidden.field__item {
  font-family: "Source Serif 4";
}

.field.field--name-field-tab-title-3.field--type-string.field--label-hidden.field__item {
  font-family: "Source Serif 4";
}

.field.field--name-field-tab-title-4.field--type-string.field--label-hidden.field__item {
  font-family: "Source Serif 4";
}

#image-tabs-homepage {
  background-color: #fff;
  color: #fff;
  padding: 65px;
}

#image-tabs-homepage .custom-block__inner--image-tabs {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 3rem;
  align-items: stretch;
  margin: 0 auto;
  padding: 2rem 2rem;
  background-color: #3a3a3a;
  height: 320px;
}
#image-tabs-homepage .custom-block__image {
  grid-column: 1;
  display: flex;
  align-items: center;
}

#image-tabs-homepage .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0px;
  object-fit: cover;
}

#image-tabs-homepage .custom-block__tabs-wrapper {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
  height: 100%;
}

#image-tabs-homepage .custom-block__tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

#image-tabs-homepage .custom-block__tab {
  padding: 1.2rem 0;
  font-size: 1.3rem;
  font-weight: 400;
  color: #999;
  cursor: pointer;
  border-bottom: 1px solid #555;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  flex: 1;
  display: flex;
  align-items: center;
}

#image-tabs-homepage .custom-block__tab:last-child {
  border-bottom: none;
}

#image-tabs-homepage .custom-block__tab.is-active {
  color: #fff;
  font-weight: 500;
}

#image-tabs-homepage .custom-block__tab:hover {
  color: #ccc;
}

#image-tabs-homepage .custom-block__tab-contents {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#image-tabs-homepage .custom-block__tab-content {
  display: none;
  font-size: 1rem;
  line-height: 1.6;
  color: #ddd;
  height: 100%;
  overflow-y: auto;
}

#image-tabs-homepage .custom-block__tab-content.is-active {
  display: block;
}

#image-tabs-homepage .custom-block__tab-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#image-tabs-homepage .custom-block__tab-content li {
  margin-bottom: 0.8rem;
  padding-left: 1.5rem;
  position: relative;
  font-size: 0.85rem;
  line-height: 1.5;
}

#image-tabs-homepage p {
  position: relative;
  padding-left: 20px;
}

#image-tabs-homepage p::before {
  content: "→";
  position: absolute;
  left: 0;
}

#image-tabs-homepage strong {
  display: none;
}

#image-tabs-homepage .custom-block__tab-content li strong {
  color: #fff;
  font-weight: 500;
}

@media (max-width: 1024px) {
  #image-tabs-homepage .custom-block__inner--image-tabs {
    grid-template-columns: 1fr 1.5fr;
    gap: 1.5rem;
    padding: 1.5rem;
    height: auto;
    min-height: 280px;
  }

  #image-tabs-homepage .custom-block__tabs-wrapper {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  #image-tabs-homepage .custom-block__tab {
    font-size: 1.1rem;
    padding: 1rem 0;
  }
}

@media (max-width: 768px) {
  #image-tabs-homepage {
    padding: 30px;
  }

  #image-tabs-homepage .custom-block__inner--image-tabs {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
    height: auto;
    min-height: auto;
  }

  #image-tabs-homepage .custom-block__image {
    grid-column: 1;
    order: 1;
    max-height: 200px;
    overflow: hidden;
  }

  #image-tabs-homepage .custom-block__image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    /* border-radius: 8px; */
  }

  #image-tabs-homepage .custom-block__tabs-wrapper {
    grid-column: 1;
    order: 2;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    height: auto;
  }

  #image-tabs-homepage .custom-block__tabs {
    flex-direction: row;
    height: auto;
    border-bottom: 1px solid #555;
    padding-bottom: 0;
    margin-bottom: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #image-tabs-homepage .custom-block__tabs::-webkit-scrollbar {
    display: none;
  }

  #image-tabs-homepage .custom-block__tab {
    font-size: 0.9rem;
    padding: 0.8rem 1rem;
    border-bottom: none;
    border-right: 1px solid #555;
    white-space: nowrap;
    flex: 0 0 auto;
    min-width: 120px;
    justify-content: center;
    text-align: center;
    position: relative;
  }

  #image-tabs-homepage .custom-block__tab:last-child {
    border-right: none;
  }

  #image-tabs-homepage .custom-block__tab.is-active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
  }

  #image-tabs-homepage .custom-block__tab-contents {
    height: auto;
    min-height: 150px;
  }

  #image-tabs-homepage .custom-block__tab-content {
    height: auto;
    min-height: 150px;
    overflow-y: visible;
    padding-right: 0;
  }
}

@media (max-width: 480px) {

  #image-tabs-homepage .custom-block__inner--image-tabs {
    padding: 1rem;
    gap: 1rem;
  }

  #image-tabs-homepage .custom-block__image {
    max-height: 180px;
  }

  #image-tabs-homepage .custom-block__image img {
    height: 180px;
  }

  #image-tabs-homepage .custom-block__tabs-wrapper {
    gap: 1rem;
  }

  #image-tabs-homepage .custom-block__tab {
    font-size: 0.85rem;
    padding: 0.7rem 0.8rem;
    min-width: 100px;
  }

  #image-tabs-homepage .custom-block__tab-content {
    font-size: 0.9rem;
    line-height: 1.5;
    min-height: 120px;
  }

  #image-tabs-homepage .custom-block__tab-content li {
    padding-left: 1rem;
    font-size: 0.8rem;
    margin-bottom: 0.6rem;
  }

  #image-tabs-homepage .custom-block__tab-content li::before {
    font-size: 0.8rem;
  }
}

@media (max-width: 360px) {
  #image-tabs-homepage .custom-block__inner--image-tabs {
    padding: 0.8rem;
  }

  #image-tabs-homepage .custom-block__image {
    max-height: 160px;
  }

  #image-tabs-homepage .custom-block__image img {
    height: 160px;
  }

  #image-tabs-homepage .custom-block__tab {
    font-size: 0.8rem;
    padding: 0.6rem 0.7rem;
    min-width: 90px;
  }

  #image-tabs-homepage .custom-block__tab-content {
    font-size: 0.85rem;
  }

  #image-tabs-homepage .custom-block__tab-content li {
    font-size: 0.75rem;
    padding-left: 0.8rem;
    margin-bottom: 0.5rem;
  }
}

/*text*/

#text-homepage {
  padding: 65px;
  display: flex;
  justify-content: flex-end;
  margin-left: 80px;
}

#text-homepage .custom-block__text {
  font-size: 18px;
  line-height: 1.6;
  color: #111;
  background-color: #eee;
  padding: 2.5rem;
  flex: 0 0 50%;
}

#text-homepage .custom-block__text p {
  margin: 0;
}

/*video*/

#video-homepage {
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  position: relative;
  z-index: 1;
}

#video-homepage .custom-block__video-thumbnail {
  width: 100%;
  height: auto;
  display: block;
}

#video-homepage video {
  width: 100vw !important;
  height: auto;
  display: block;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/*member_states*/

/* countries */
#countries-with-images {
  background: #fff;
  padding: 50px;
}

.custom-block__table tbody tr td:first-child {
  font-weight: 700 !important;
}

#countries-with-images .custom-block__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 1.5rem;
  margin: 0 auto;
}

#countries-with-images .custom-block__card {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 0px;
}

#countries-with-images .custom-block__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

#countries-with-images .custom-block__card-title {
  position: absolute;
  top: 10px;
  left: 12px;
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

#countries-with-images .custom-block__card:hover .custom-block__card-image img {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  #countries-with-images .custom-block__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  #countries-with-images .custom-block__cards {
    grid-template-columns: 1fr;
  }
}

/*president*/
.clearfix.text-formatted.field.field--name-field-text4.field--type-text-long.field--label-hidden.field__item {
  font-size: 15px;
}
/*first image*/

#first-image-member-countries-page {
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#first-image-member-countries-page .custom-block__image {
  width: 100%;
  height: 100%;
}

#first-image-member-countries-page img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*map image*/

#map-member-countries-page {
  width: 100vw;
  margin-left: calc(-1 * ((100vw - 100%) / 2));
  background: #fff;
  padding: 2rem 0;
}

#map-member-countries-page .custom-block__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#map-member-countries-page .custom-block__image img {
  width: 100%;
  height: auto;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
}

#map-member-countries-page .custom-block__caption {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: #111;
  font-weight: 400;
  text-align: right;
  width: 95%;
  max-width: 1200px;
}

/*Member states*/
.custom-block__inner.custom-block__inner--country-cards {
  font-family: "Source Serif 4", serif;
}


/*Managment tabs*/
#management-governance-page {
  padding: 65px;
}

#management-governance-page .custom-block__text-under p:first-child {
    font-family: 'Source Serif 4';
    font-weight: 700;
    font-size: 22px;
}

#management-governance-page .custom-block__text {
  margin-bottom: 20px;
  text-align: justify;
  width: 50%;
}

#management-governance-page .custom-block__image img {
  width: 450px;
  height: auto;
  border-radius: 0px;
  display: block;
  margin-bottom: 10px;
}

#management-governance-page .custom-block__tabs {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}

#management-governance-page .custom-block__tab {
  cursor: pointer;
  text-align: left;
  flex: 0 1 20%;
  border-radius: 0px;
  padding: 0px;
}

#management-governance-page ul.custom-block__tabs {
    list-style-type: none;
    margin-bottom: 35px;
}

/* #management-governance-page .custom-block__tab.is-active {
  border-color: #0056b3;
  background: #f1f1f1;
} */

#management-governance-page .custom-block__tab.is-active {
    color: #004392;
}

#management-governance-page .custom-block__tab img {
  width: 328px;
  height: auto;
  margin-bottom: 5px;
  border-radius: 0px;
}

#management-governance-page .custom-block__tab-title {
  font-weight: 700;
  font-family: 'Source Serif 4';
  font-size: 24px;
}


#management-governance-page .custom-block__tab-description {
  font-size: 0.9rem;
  color: #555;
}

#management-governance-page .custom-block__tab-contents {
  margin-top: 35px;
}

#management-governance-page .custom-block__tab-content {
  display: none;
}

#management-governance-page .custom-block__tab-content.is-active {
  display: block;
  text-align: justify;
  line-height: 1.6;
  width: 50%;
}


#management-governance-page .custom-block__text h2 {
    font-size: 35px;
}

/* Responsive */
@media (max-width: 768px) {
  #management-governance-page .custom-block__tabs {
    flex-direction: column;
  }

  #management-governance-page .custom-block__tab {
    flex: 1 1 100%;
  }
}


/*Institutional Relations*/

/* font size and line height */

.custom-block__members-list p,
.custom-block__tab-content.is-active p {
  line-height: 24px;
  font-size: 15px;
}

/* General Tabs */
#institutional-relations-page-main-section  .custom-block__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

#institutional-relations-page-main-section  .custom-block__tab {
    cursor: pointer;
    padding: 10px 30px 10px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    border-bottom: 20px solid #9d9d9d;
}

#institutional-relations-page-main-section  .custom-block__tab.is-active {
  color: #002e6d;
  border-bottom: 20px solid #002e6d;
}

#institutional-relations-page-main-section  .custom-block__tab.is-active::after {
  /* content: ""; */
  display: block;
  height: 4px;
  background: #003399;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
}

#institutional-relations-page-main-section .custom-block__tab:not(.is-active)::after {
  /* content: ""; */
  display: block;
  height: 4px;
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
}
#institutional-relations-page-main-section .clearfix.text-formatted.field.field--name-field-d1-text15.field--type-text-long.field--label-hidden.field__item h2 {
    margin-top: 0px !important;
}


#institutional-relations-page-main-section .custom-block__observer-image img {
    width: 140px !important;
}

/* institutional relations - observer list gap fix */

#institutional-relations-page-main-section .custom-block__observer-list > .custom-block__observer {
    gap: 10px !important;
}

#institutional-relations-page-main-section .custom-block__observer-list {
    gap: 0 !important;
    justify-content: space-between;
} 

#institutional-relations-page-main-section .custom-block__observer-image img {
    width: 180px !important;
}

#institutional-relations-page-main-section p,
#institutional-relations-page-main-section .custom-block__member-name a,
#institutional-relations-page-main-section .custom-block__observer-name a {
  font-size: 17px;
}

/* Accordion */
.custom-block__accordion-item {
  border-top: 1px solid #ccc;
  margin-bottom: 5px;
}

.custom-block__accordion-item-title {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  padding: 10px;
}

.custom-block__accordion-item-title::after {
  font-family: "Material Symbols Outlined";
  content: "\e145";
  position: absolute;
  right: 20px;
  font-size: 18px;
}

.custom-block__accordion-item.open .custom-block__accordion-item-title::after {
  font-family: "Material Symbols Outlined";
  content: "\e15b";
}

.custom-block__accordion-item-content {
  display: none;
  padding: 10px 20px;
}

.custom-block__accordion-item.open .custom-block__accordion-item-content {
  display: block;
}

/* Phases */
.custom-block__phases {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.custom-block__phase {
  display: flex;
  align-items: center;
}

.custom-block__phase-inner {
  width: 70px;
  height: 70px;
  background: linear-gradient(to bottom, #00aaff, #0077aa);
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-block__phase-text h4 {
  margin: 0;
  font-size: 14px;
}

/* Institutional Relations Members & Observers */

#institutional-relations-link{
  padding: 65px;
}

#institutional-relations-link a {
    text-decoration: none;
    color: black;
    font-weight: 800; 
}

#institutional-relations-link li.custom-block__link {
    list-style: none;
    border-bottom: 10px black solid;
    width: 14%;
}

#institutional-relations-link li.custom-block__link:hover,
#institutional-relations-link li.custom-block__link:hover a {
  color: #002d73;
  border-color: #002d73;
}

#institutional-relations-page-main-section {
    padding: 65px;
}


#institutional-relations-page-main-section .custom-block__members-list,
#institutional-relations-page-main-section .custom-block__observer-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
  column-gap: 40px;
}

#institutional-relations-page-main-section .custom-block__member,
#institutional-relations-page-main-section .custom-block__observer {
  display: flex;
  align-items: flex-start;
  gap: 110px;
  width: calc(50% - 20px);
}


#institutional-relations-page-main-section .custom-block__observer{
  align-items: center!important;
}

#institutional-relations-page-main-section .custom-block__members-title {
    font-weight: 800;
    font-family: 'Inter';
    font-size: 25px;
    margin-bottom: 45px;
    margin-top: 80px;
}

#institutional-relations-page-main-section .custom-block__text .field--name-field-d1-text15 p {
    margin: 0 0 1rem;
    text-align: justify;
    font-size: 20px;
    line-height: 32px;
}

#institutional-relations-page-main-section .custom-block__text .field--name-field-d1-text15 h2 {
    font-size: 35px;
    font-family: 'Source Serif 4';
    margin-bottom: 25px;
    line-height: 1;
}



#institutional-relations-page-main-section .custom-block__member-description{
  width: 50%; 
}

#institutional-relations-page-main-section .custom-block__member-image img,
#institutional-relations-page-main-section .custom-block__observer-image img {
  /* max-width: 50px;
  max-height: 50px; */
  width: 110px;
  height: auto;
}

#institutional-relations-page-main-section .custom-block__member-name,
#institutional-relations-page-main-section .custom-block__observer-name {
  font-weight: bold;
  color: #003399;
}

#institutional-relations-page-main-section .custom-block__institution-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

#institutional-relations-page-main-section .custom-block__institution {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 45px;
  margin-top: 60px;
}
#institutional-relations-page-main-section .custom-block__institution-right{

  flex: 1 1 40%;

}


#institutional-relations-page-main-section .custom-block__tab-contents p strong {
  color: #003399;
}

#institutional-relations-page-main-section .custom-block__text h2 {
    margin-top: 46px;
    margin-bottom: 15px;
}


#institutional-relations-page-main-section .custom-block__text {
    text-align: justify;
    width: 50%;
}


#institutional-relations-page-main-section .custom-block__institution-left {
  flex: 1 1 40%;
  text-align: justify;
}

#institutional-relations-page-main-section .custom-block__institution-right img {
  max-width: 130px;
}

#institutional-relations-page-main-section .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 50px;
}


#institutional-relations-page-main-section img {
    width: 100%;
    height: auto;
}

#institutional-relations-page-main-section .custom-block__image {
    flex: 1 1 44%;
}

#institutional-relations-page-main-section .custom-block__row--top .custom-block__image {
  padding-top: 60px;
}

#institutional-relations-page-main-section .custom-block__text {
    flex: 1 1 45%;
}

#institutional-relations-page-main-section .custom-block__row.custom-block__row--members {
    margin-top: 33px;
}

#institutional-relations-page-main-section .custom-block__observer a,
#institutional-relations-page-main-section .custom-block__institution-left a,
#institutional-relations-page-main-section .custom-block__member a {
  color: #0066cc;
  text-decoration: none;
}



/* Responsive */
@media (max-width: 768px) {
  #institutional-relations-page-main-section .custom-block__image {
    padding-top: 0;
  }

  #institutional-relations-page-main-section .custom-block__tabs {
    flex-direction: column;
  }

  #institutional-relations-page-main-section .custom-block__member,
  #institutional-relations-page-main-section .custom-block__observer {
    width: 100%;
  }

  #institutional-relations-page-main-section .custom-block__institution {
    flex-direction: column;
    align-items: flex-start;
  }

  #institutional-relations-page-main-section .custom-block__phase {
    flex-direction: column;
    align-items: flex-start;
  }

  #institutional-relations-page-main-section .custom-block__phase-inner {
    margin-bottom: 10px;
  }
}


/*Environmental and social assessment*/

#environmental-page-link{
  padding: 65px;
}

#environmental-page-link a {
    text-decoration: none;
    color: black;
    font-weight: 800; 
}

#environmental-page-link li.custom-block__link {
    list-style: none;
    border-bottom: 10px black solid;
    width: 14%;
}

#environmental-page-link li.custom-block__link:hover,
#environmental-page-link li.custom-block__link:hover a {
  color: #002d73;
  border-color: #002d73;
}

div#enviro-text-image-video {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 65px;
    gap: 20px;
}

#enviro-text-image-video .custom-block__left img {
    width: 100%;
    height: auto;
}

#enviro-text-image-video .custom-block__left {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 20px;
    padding-top: 52px;
}

/* image fix */

#enviro-text-image-video .field.field--name-field-video-thumbnail2.field--type-entity-reference.field--label-hidden.field__item {
  width: 100%;
  height: auto;
}

#enviro-text-image-video .custom-block__right {
    flex: 1 1 50%;
}

#enviro-text-image-video .custom-block__right h2 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 14px;
}

#enviro-text-image-video .custom-block__text ul{
  list-style-type: disc;
  margin-left: 20px;
  font-size: 20px;
}

#enviro-text-image-video .custom-block__text p:nth-of-type(1) {
  font-size: 20px;
}


#enviro-links .custom-block__cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    width: 100%;
    row-gap: 29px;
}

#enviro-links  .custom-block__card a{
    text-decoration: none;
    color: #113076;
    font-family: "Source Serif 4";
    font-size: 27px;
}

#enviro-links .custom-block__card {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #ccc;
}

#enviro-links {
  padding: 60px;
}

/* list styling */

#enviro-social-assess .custom-block__text ul,
#enviro-social-compliance .custom-block__text ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
}

#enviro-social-assess .custom-block__text li,
#enviro-social-compliance .custom-block__text li {
    padding-left: 0.5em;
    font-size: 15px;
    line-height: 24px;
}

/* 2o section Enviromental and social assement*/

#enviro-social-assess{
  padding: 65px;
}

#enviro-social-assess .custom-block__image img {
    width: 100%;
    height: auto;
}


#enviro-social-assess .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

@media (max-width: 1696px) {
  #enviro-social-assess .custom-block__right {
    padding-top: 105px;
  }
}

#enviro-social-assess .custom-block__left {
    flex: 1 1 50%;
}


#enviro-social-assess .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

/* RELATED DOCUMENTS */

#enviro-social-assess .custom-block__documents-title{
      font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}

#enviro-social-assess .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

 #enviro-social-assess .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

 #enviro-social-assess .custom-block__document a:hover {
    text-decoration: underline;
}

/*3 Environmental and social standards */

#enviro-social-standards {
    padding: 65px;
}

#enviro-social-standards .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#enviro-social-standards .custom-block__image img {
    width: 100%;
    height: auto;
}

#enviro-social-standards .custom-block__left {
    flex: 1 1 50%;
}

#enviro-social-standards .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

@media (max-width: 1636px) {
  #enviro-social-standards .custom-block__right {
    padding-top: 105px;
  }
}

/* RELATED DOCUMENTS */

#enviro-social-standards .custom-block__documents-title{
      font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}

#enviro-social-standards .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

 #enviro-social-standards .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#enviro-social-standards .custom-block__document a:hover {
    text-decoration: underline;
}


/*4 Environmental and social information disclosure */


#enviro-social-info {
    padding: 65px;
}

#enviro-social-info .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#enviro-social-info  .custom-block__left {
    flex: 1 1 50%;
}

#enviro-social-info  .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

@media (max-width: 2175px) {
  #enviro-social-info .custom-block__right {
    padding-top: 105px;
}
}

#enviro-social-info .custom-block__image img {
    width: 100%;
    height: auto;
}

/* RELATED DOCUMENTS */

#enviro-social-info .custom-block__documents-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 35px;
}

#enviro-social-info .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

 #enviro-social-info .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#enviro-social-info .custom-block__document a:hover {
    text-decoration: underline;
}


/*table*/

#enviro-social-info .custom-block__table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

#enviro-social-info .custom-block__table thead th {
  background-color: #004392; 
  color: white;
  text-align: left;
  padding: 12px 10px;
  font-weight: 500;
  font-size: 15px;
}

#enviro-social-info .custom-block__table tbody tr td:first-child {
    font-weight: 500!important;
}

#enviro-social-info .custom-block__table th:first-child {
    width: 115px;
    max-width: 135px;
    white-space: nowrap;
}

#enviro-social-info .custom-block__table tbody td {
  padding: 10px;
  border-top: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
}

#enviro-social-info .custom-block__table tbody tr:last-child td {
  border-bottom: 1px solid #ccc;
}

/*Responsive talbe*/

@media (max-width: 768px) {
  #enviro-social-info .custom-block__table table, 
  #enviro-social-info .custom-block__table thead, 
  #enviro-social-info .custom-block__table tbody, 
  #enviro-social-info .custom-block__table th, 
  #enviro-social-info .custom-block__table td, 
  #enviro-social-info .custom-block__table tr {
    display: block;
    width: 100%;
  }

  #enviro-social-info .custom-block__table thead tr {
    display: none;
  }

  #enviro-social-info .custom-block__table td {
    position: relative;
    padding-left: 50%;
    border: none;
    border-top: 1px solid #ccc;
  }

  #enviro-social-info .custom-block__table td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
  }
}

/* Environmental and social compliance requirements */

#enviro-social-compliance {
    padding: 65px;
}

#enviro-social-compliance .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#enviro-social-compliance .custom-block__left {
    flex: 1 1 50%;
}

#enviro-social-compliance .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

@media (max-width: 2289px) {
  #enviro-social-compliance .custom-block__right {
    padding-top: 105px;
  }
}

#enviro-social-compliance .custom-block__image img {
    width: 100%;
    height: auto;
}



/* RELATED DOCUMENTS */

#enviro-social-compliance .custom-block__documents-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 35px;
}

#enviro-social-compliance .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

 #enviro-social-compliance .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#enviro-social-compliance .custom-block__document a:hover {
    text-decoration: underline;
}

/* Supervision and monitoring */

#supervision {
    padding: 65px;
}

#supervision .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    gap:20px
}

#supervision .custom-block__left {
    flex: 1 1 50%;
}
#supervision .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}
#supervision .custom-block__image img{
  width: 100%;
  height: auto;
}

@media (max-width: 1317px) {
  #supervision .custom-block__right {
    padding-top: 105px;
  }
}

/* RELATED DOCUMENTS */

#supervision .custom-block__documents-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 35px;
}

#supervision .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#supervision .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#supervision .custom-block__document a:hover {
    text-decoration: underline;
}


/* International cooperation */

#international{
  padding: 65px;
}

#international .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

#international .custom-block__left {
    flex: 1 1 50%;
}
#international .custom-block__right {
    flex: 1 1 50%;
    padding-top: 63px;
}

@media (max-width: 1224px) {
  #international .custom-block__right {
    padding-top: 105px;
  }
}

#international .custom-block__image img{
  width: 100%;
  height: auto;
}



/* RELATED DOCUMENTS */

#international .custom-block__documents-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 35px;
}

#international .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#international .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#international .custom-block__document a:hover {
    text-decoration: underline;
}


/*Usefull Information*/
#enviro-useful-info {
  padding: 65px;
}

#enviro-useful-info h3 {
  font-size: 20px;
  font-weight: bold;
  color: #111;
  font-family: 'Inter';
}

#enviro-useful-info ul {
  padding-left: 1.2rem;
  margin-top: 0.5rem;
}

#enviro-useful-info ul li {
  margin-bottom: 0.75rem;
  line-height: 1.6;
  font-size: 16px;
  color: #222;
}

#enviro-useful-info ul li a {
  color: #0056b3;
  text-decoration: none;
}

#enviro-useful-info ul li a:hover {
  text-decoration: underline;
}

#enviro-useful-info .custom-block__text h3:nth-of-type(1) {
    font-size: 38px !important;
    font-family: 'Source Serif 4' !important;
}

#enviro-useful-info ul {
  list-style: disc;
}

#enviro-useful-info li {
  flex-direction: column;
}

#enviro-useful-info li::marker {
  color:#0056b3;
}

#enviro-useful-info li a {
  font-weight: 400;
}

/* RELATED DOCUMENTS */

#enviro-useful-info .custom-block__documents-title{
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 35px;
}

#enviro-useful-info .custom-block__documents-list{
      background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
    width: 49.5%;
}

#enviro-useful-info .custom-block__document a{
    color: #004392;
    text-decoration: none;
 }

#enviro-useful-info .custom-block__document a:hover {
    text-decoration: underline;
}

/* what we offer and at a glance images texts */

#images-texts-homepage img,
#what-we-offer-page-images-texts img {
  display: none;
}

#images-texts-homepage .custom-block__items,
#what-we-offer-page-images-texts .custom-block__items {
  display: flex;
  width: 100%;
}

#images-texts-homepage .custom-block__items a,
#what-we-offer-page-images-texts .custom-block__items a {
  flex: 1 1 50%;
  height: 300px;
  margin: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#images-texts-homepage .custom-block__items p,
#what-we-offer-page-images-texts .custom-block__items p {
  color: white;
  font-family: "Source Serif 4";
  font-size: 28px;
}

#images-texts-homepage .custom-block__items a,
#what-we-offer-page-images-texts .custom-block__items a {
  text-decoration: none;
}

#images-texts-homepage .custom-block__items > :nth-child(1),
#what-we-offer-page-images-texts .custom-block__items > :nth-child(1) {
  background-image: url(/sites/default/files/2025-08/by_product.jpg);
  margin-right: 32.5px;
}

#images-texts-homepage .custom-block__items > :nth-child(2),
#what-we-offer-page-images-texts .custom-block__items > :nth-child(2) {
  background-image: url(/sites/default/files/2025-08/what_we_offer_header_video.jpg);
  margin-left: 32.5px;
}

#images-texts-homepage, .custom-block__items > a,
#what-we-offer-page-images-texts .custom-block__items > a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*WHAT_WE_OFFER*/

/* what-we-offer-three-links */
#what-we-offer-three-links {
  /* margin-top: -130px; */
  padding: 65px;
  padding-top: 0;
}

#what-we-offer-two-links {
    padding: 65px;
}

#what-we-offer-two-links  li.custom-block__link {
    list-style: none;
    border-bottom: 10px #6F7072 solid;
    width: 14%;
}

#what-we-offer-two-links  a {
    text-decoration: none;
    color: #6F7072;
    font-weight: 800;
}



#what-we-offer-two-links li.custom-block__link:hover,
#what-we-offer-two-links li.custom-block__link:hover a,
#what-we-offer-two-links li.custom-block__link a:hover {
    font-weight: 800;
    list-style: none;
    text-decoration: none;
}

#what-we-offer-two-links li.custom-block__link:nth-of-type(1):hover,
#what-we-offer-two-links li.custom-block__link:nth-of-type(1):hover a,
#what-we-offer-two-links li.custom-block__link:nth-of-type(1) a:hover{
    color: #002d73;
    border-color: #002d73;
}

#what-we-offer-two-links li.custom-block__link:nth-of-type(2):hover,
#what-we-offer-two-links li.custom-block__link:nth-of-type(2):hover a,
#what-we-offer-two-links li.custom-block__link:nth-of-type(2) a:hover{
    color: #009462;
    border-color: #009462;
}

#what-we-offer-two-links ul.custom-block__links {
    display: flex;
    flex-direction: row;
    gap: 20px;
}


#what-we-offer-three-links  li.custom-block__link {
    list-style: none;
    border-bottom: 10px #6F7072 solid;
    width: 14%;
}

#what-we-offer-three-links  a {
    text-decoration: none;
    color: #6F7072;
    font-weight: 800;
}



#what-we-offer-three-links li.custom-block__link:hover,
#what-we-offer-three-links li.custom-block__link:hover a {
    list-style: none;
    width: 14%;
    text-decoration: none;
    font-weight: 800;
}

#what-we-offer-three-links li.custom-block__link:nth-of-type(1):hover,
#what-we-offer-three-links li.custom-block__link:nth-of-type(1):hover a {
    color: #002d73;
    border-color: #002d73;
}

#what-we-offer-three-links li.custom-block__link:nth-of-type(2):hover,
#what-we-offer-three-links li.custom-block__link:nth-of-type(2):hover a {
    color: #009462;
    border-color: #009462;
}

#what-we-offer-three-links li.custom-block__link:nth-of-type(3):hover,
#what-we-offer-three-links li.custom-block__link:nth-of-type(3):hover a {
    color: #006ab3;
    border-color: #006ab3;
}

#what-we-offer-three-links ul.custom-block__links {
    display: flex;
    flex-direction: row;
    gap: 20px;
}


/* ---  */
#what-we-offer-text-image {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    padding: 65px;
}

#what-we-offer-text-image img {
  width: 100%;
  height: auto;
}

#what-we-offer-text-image .custom-block__image img {
  width: 100%;
  height: auto;
}

#what-we-offer-text-image .custom-block__image {
    flex: 1 1 50%;
}

#what-we-offer-text-image .custom-block__text {
    flex: 1 1 50%;
    padding-left: 20px;

}

#what-we-offer-text-image .custom-block__text p {
    font-size: 20px;
}



/*what we offer special products*/
#what-we-offer-special-products .custom-block__text,
#what-we-offer-smes .custom-block__text,
#what-we-offer-financing-program .custom-block__text {
    line-height: 1.2;
}



#what-we-offer-financing-program .custom-block__text p,
#what-we-offer-special-products .custom-block__text p {
    /* padding-bottom: 4px; */
    line-height: 24px;
}

/*what we offer special products*/
#what-we-offer-special-products .custom-block__text {
    line-height: 2;
}

/* what we offer - smaller titles */

#what-we-offer-loans .custom-block__title, #what-we-offer-special-products .custom-block__title, #what-we-offer-trade-finance .custom-block__item-title, #what-we-offer-smes .custom-block__title, #what-we-offer-financing-program .custom-block__title, #what-we-offer-trade-finance .custom-block__row {
    font-size: 16px !important;
    padding: 16px 0 16px 0;
}

/* what we offer - pre-export... margin between texts */

#what-we-offer-trade-finance .custom-block__row-2 .custom-block__item-text > p:first-of-type,
#what-we-offer-trade-finance .custom-block__row-3 .custom-block__item-text > p:first-of-type {
    margin-bottom: 15px;
}

/* what we offer - pre-export... font size fixes */

#what-we-offer-trade-finance .custom-block__row-2 .custom-block__item-text > p, 
#what-we-offer-trade-finance .custom-block__row-3 .custom-block__item-text > p {
    font-size:15px;
} 

#what-we-offer-loans h3, 
#what-we-offer-loans h2, 
#what-we-offer-entity-invest h2, 
#what-we-offer-special-products h3, 
#what-we-offer-trade-finance h3, 
#what-we-offer-smes .field.field--name-field-d1-block-title3.field--type-string.field--label-hidden.field__item, 
#what-we-offer-financial-sector h3, 
#what-we-offer-special-funds h3, 
#what-we-offer-co-financing h3, 
#what-we-offer-financing-program h3 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 15px;;
}

#what-we-offer-special-funds h3 {
    text-align: left;
}

/* what we offer - "more" links on bottom */

#what-we-offer-links .custom-block__cards > .custom-block__card {
    display: flex;
    flex-direction: column;
}

#what-we-offer-links .custom-block__cards > .custom-block__card > .custom-block__card-link {
    margin-top: auto;
    padding: 16px 0 16px 0;
}

#what-we-offer-links .custom-block__card-title a { 
    font-size: 22px;
}

/* what we offer - lists */

#what-we-offer-loans ul,
#what-we-offer-entity-invest ul,
#what-we-offer-special-products ul,
#what-we-offer-smes ul,
#what-we-offer-financial-sector ul,
#what-we-offer-special-funds ul,
#what-we-offer-co-financing ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
}

#what-we-offer-loans li,
#what-we-offer-entity-invest li,
#what-we-offer-special-products li,
#what-we-offer-smes li,
#what-we-offer-financial-sector li, 
#what-we-offer-special-funds li,
#what-we-offer-co-financing li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

/*links what we offer*/

div#what-we-offer-links {
    padding: 65px;
}

#what-we-offer-links .custom-block__card-link a {
    color: black !important;
    text-decoration: none;
    
}

#what-we-offer-links  .custom-block__card-link a::after {
    content: "→";

}

#what-we-offer-links .custom-block__card-link {
    margin-top: 25px;
}

/*Loans*/
#what-we-offer-loans {
    padding: 65px;
    padding-bottom: 0;
    padding-top: 0;
}

#what-we-offer-loans h3{
  font-size: 35px;
}


#what-we-offer-loans .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-loans .custom-block__image img {
  width: 100%;
  height: auto;
}


#what-we-offer-loans .custom-block__left {
    flex: 1 1 50%;
}

#what-we-offer-loans .custom-block__right {
    flex: 1 1 50%;
}

#what-we-offer-loans .custom-block__row--top .custom-block__right {
  padding-top: 50px;
}

#what-we-offer-loans .custom-block__row.custom-block__row--middle {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-loans .custom-block__row.custom-block__row--bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-loans .custom-block__title {
    color: #004392;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 2px solid #4c4c4c;
    margin-bottom: 26px;
}

/* Guarantees */

#what-we-offer-guarantees {
    padding: 0 65px;
}

div#what-we-offer-guarantees {
    display: flex;

}


#what-we-offer-guarantees .custom-block__text {
    flex: 1 1 50%;
}

#what-we-offer-guarantees .custom-block__image{
  flex: 1 1 50%;
  padding-left: 20px;
  padding-top: 48px;
}

#what-we-offer-guarantees .custom-block__image img{
  width: 100%;
  height: auto;
}

div#what-we-offer-guarantees {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-guarantees .clearfix.text-formatted.field.field--name-field-text.field--type-text-long.field--label-hidden.field__item h2 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 16px;
}


/* Equity investment */

div#what-we-offer-entity-invest {
    padding: 0 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-entity-invest .custom-block__text {
    flex: 1 1 50%;
}

#what-we-offer-entity-invest h2 {
    font-size: 35px;
}

#what-we-offer-entity-invest .custom-block__image{
  flex: 1 1 50%;
  padding-left: 20px;
  padding-top: 50px;
}

#what-we-offer-entity-invest  .custom-block__image img{
  width: 100%;
  height: auto;
}


/* Special products */


div#what-we-offer-special-products {
    padding: 0 65px;
}


#what-we-offer-special-products .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-special-products .custom-block__left {
    flex: 1 1 50%;
}
#what-we-offer-special-products .custom-block__right {
    flex: 1 1 50%;
}

#what-we-offer-special-products .custom-block__row--top .custom-block__right {
  padding-top: 50px;
}

#what-we-offer-special-products .custom-block__image img {
  width: 100%;
  height: auto;
}

#what-we-offer-special-products .custom-block__row.custom-block__row--middle-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-around;
    gap: 20px;
}

#what-we-offer-special-products .custom-block__row.custom-block__row--middle-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-special-products .custom-block__title {
    color: #004392;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 2px solid #4c4c4c;
    margin-bottom: 26px;
}

#what-we-offer-special-products .custom-block__row.custom-block__row--bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
}

#what-we-offer-special-products h3 {
    font-size: 35px;
}

/* Trade finance */

#what-we-offer-trade-finance {
    padding: 0 65px;
}

#what-we-offer-trade-finance .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-trade-finance .custom-block__tab-contents > .custom-block__tab-content:nth-of-type(3) {
  width: calc(50% - 10px);
}

#what-we-offer-trade-finance .custom-block__image img {
  width: 100%;
  height: auto;
}


#what-we-offer-trade-finance .custom-block__left {
    flex: 1 1 50%;
}
#what-we-offer-trade-finance .custom-block__right {
    flex: 1 1 50%;
}

#what-we-offer-trade-finance .custom-block__row--top .custom-block__right {
  padding-top: 50px;
}

/* tabs */
#what-we-offer-trade-finance .custom-block__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

#what-we-offer-trade-finance .custom-block__tab {
    cursor: pointer;
    padding: 10px 30px 10px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    border-bottom: 20px solid #9d9d9d;
    transition: all 0.3s ease;
}

#what-we-offer-trade-finance .custom-block__tab.is-active {
  color: #002e6d;
  border-bottom: 20px solid #002e6d;
}

#what-we-offer-trade-finance .custom-block__tab-content.is-active {
  display: block;
}

#what-we-offer-trade-finance .custom-block__tab-content {
  display: none;
}


/*Content in tabs*/
#what-we-offer-trade-finance .custom-block__row.custom-block__row-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    text-align: justify;
}


#what-we-offer-trade-finance .custom-block__row.custom-block__row-2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-trade-finance .custom-block__item-title{
    color: #004392;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 2px solid #4c4c4c;
    margin-bottom: 26px;
}

#what-we-offer-trade-finance .custom-block__row.custom-block__row-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-trade-finance h3 {
    font-size: 35px;
    font-family: 'Source Serif 4';
}


/* Responsive */
@media (max-width: 768px) {
  #what-we-offer-trade-finance .custom-block__tabs {
    flex-direction: column;
  }

  #what-we-offer-trade-finance .custom-block__tab {
    width: 100%;
    text-align: center;
  }
}


/*SMEs*/

#what-we-offer-smes {
    padding: 0 65px;
}

#what-we-offer-smes .custom-block__row.custom-block__row--1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: flex-start;
    gap: 20px;
}


#what-we-offer-smes .custom-block__right {
    flex: 1 1 50%;
}
#what-we-offer-smes .custom-block__left {
    flex: 1 1 50%;
}

#what-we-offer-smes .custom-block__title{
    color: #004392;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 2px solid #4c4c4c;
    margin-bottom: 26px;
}

#what-we-offer-smes .custom-block__row.custom-block__row--2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

#what-we-offer-smes a {
  color: #0066cc;
  text-decoration: none;
}

/*smes tabs*/

#what-we-offer-smes .custom-block__tabs {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  gap: 20px;
}

#what-we-offer-smes .custom-block__tab {
  cursor: pointer;
  padding: 10px 30px 10px 0;
  font-weight: 600;
  text-transform: uppercase;
  color: #555;
  border-bottom: 20px solid #9d9d9d;
  transition: all 0.3s ease;
}

#what-we-offer-smes .custom-block__tab.is-active {
  color: #002e6d;
  border-bottom: 20px solid #002e6d;
}

#what-we-offer-smes .custom-block__tab-content {
  display: none;
  padding-top: 20px;
}

#what-we-offer-smes .custom-block__tab-content.is-active {
  display: block;
  width: calc(50% - 10px);
  text-align: justify;
}

#what-we-offer-smes .field.field--name-field-d1-block-title3.field--type-string.field--label-hidden.field__item {
    font-size: 35px;
    font-family: 'Source Serif 4';
}

/* smes line height and font size changes */

#what-we-offer-smes .custom-block__row.custom-block__row--1 p {
    line-height: 24px;
}

#what-we-offer-smes .custom-block__tab-content.is-active p {
    line-height: 24px;
    font-size: 15px;
}

#what-we-offer-smes {
  margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 768px) {
  #what-we-offer-smes .custom-block__tabs {
    flex-direction: column;
  }
}


/* Financial sector development */

#what-we-offer-financial-sector {
    padding: 65px;
}

div#what-we-offer-financial-sector {
    padding: 0 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}



#what-we-offer-financial-sector .custom-block__text {
    flex: 1 1 50%;
}

#what-we-offer-financial-sector .custom-block__image {
    flex: 1 1 50%;
    padding-left: 20px;
    padding-top: 50px;
}

#what-we-offer-financial-sector img {
    width: 100%;
    height: auto;
}

#what-we-offer-financial-sector h3 {
    font-size: 35px;
}



/* Special funds for technical assistance */

#what-we-offer-special-funds {
    padding: 0 65px;
}


#what-we-offer-special-funds .custom-block__text {
    flex: 1 1 50%;
}

#what-we-offer-special-funds .custom-block__image{
  padding-left: 20px;
  flex: 1 1 50%;
  padding-top: 50px;
}

@media (max-width: 1434) {
  #what-we-offer-special-funds .custom-block__image{
    padding-top: 85px;
  }
}

div#what-we-offer-special-funds {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}


#what-we-offer-special-funds img {
    width: 100%;
    height: auto;
}

#what-we-offer-special-funds h3 {
    font-size: 35px;
}



/* Co-financing */


div#what-we-offer-co-financing {
    padding: 0 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}


#what-we-offer-co-financing .custom-block__text {
    flex: 1 1 50%;
}


#what-we-offer-co-financing .custom-block__image {
    flex: 1 1 50%;
    padding-left: 20px;
    padding-top: 50px;
}


#what-we-offer-co-financing img {
    width: 100%;
    height: auto;
}

#what-we-offer-co-financing h3 {
    font-size: 35px;
}








/* Financing programmes */

#what-we-offer-financing-program {
  margin-bottom: 65px;
}

div#what-we-offer-financing-program {
    padding: 0 65px;
}


#what-we-offer-financing-program .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}


#what-we-offer-financing-program img {
    width: 100% !important;
    height: auto !important;
}


#what-we-offer-financing-program .custom-block__row.custom-block__row--top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: flex-start;
    justify-content: space-between;
}


#what-we-offer-financing-program .custom-block__left {
    flex: 1 1 50%;
}


#what-we-offer-financing-program .custom-block__right {
    flex: 1 1 50%;
}

#what-we-offer-financing-program .custom-block__row--top .custom-block__right {
    padding-top: 50px;
}

#what-we-offer-financing-program h3 {
    font-size: 35px;
}


#what-we-offer-financing-program .custom-block__row.custom-block__row--middle-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-top: 20px;
}

#what-we-offer-financing-program  .custom-block__title{
    color: #004392;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 2px solid #4c4c4c;
    margin-bottom: 26px;
}


#what-we-offer-financing-program  .custom-block__row.custom-block__row--middle-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}


#what-we-offer-financing-program  .custom-block__row.custom-block__row--bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-around;
    flex-wrap: nowrap;
    gap: 20px;
}


#what-we-offer-financing-program .clearfix.text-formatted.field.field--name-field-text11.field--type-text-long.field--label-hidden.field__item {
    background-color: #efefef;
    padding: 30px;
}

#what-we-offer-first-image > .custom-block__text {
    position: relative;
    bottom: 210px;
    left: 65px;
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: white;
    text-align: left;
    height: 0;
}

#what-we-offer-first-image img {
  width: 100%;
  height: auto;
}

/* #what-we-offer-first-image {
  position: relative;
  overflow: hidden;
  height: 800px;
  color: white;
}

#what-we-offer-first-image .custom-block__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.4) saturate(1.2); 
}

#what-we-offer-first-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#what-we-offer-first-image .custom-block__text {
    position: absolute;
    bottom: 110px;
    left: 40px;
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: white;
}

#what-we-offer-first-image .custom-block__text p {
  margin: 0;
}

#what-we-offer-first-image .custom-block__tab-contents {
    width: 75%;
} */


/* Tablet */
/* @media (max-width: 1024px) {
  #what-we-offer-first-image {
    height: 600px;
  }

  #what-we-offer-first-image .custom-block__text {
    bottom: 30px;
    left: 30px;
    font-size: 2rem;
  }
} */

/* Mobile */
/* @media (max-width: 768px) {
  #what-we-offer-first-image {
    height: 400px;
  }

  #what-we-offer-first-image .custom-block__text {
    bottom: 20px;
    left: 20px;
    font-size: 1.4rem;
  }
} */

/* bullet list */

#what-we-offer-financing-program li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

#what-we-offer-financing-program ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
  text-align: justify;
}

/* what we offer - breadcrumbs (compact) */
:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
){ padding: 65px; }

/* #loans-nav-links { padding-bottom: 65px; } */

:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
) .custom-block__block-nav-links{
  list-style: none;
  display: flex;
}

:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
) .custom-block__block-nav-link{
  border-left: 1px solid #58585a;
  padding: 0 5px;
}

:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
) .custom-block__block-nav-link:first-of-type{
  border-left: none;
  padding-left: 0;
}

:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
) .custom-block__block-nav-link a{
  color: #58585a;
  text-decoration: none;
}

:is(
  #loans-nav-links,
  #guarantees-nav-links,
  #equity-nav-links,
  #special-products-nav-links,
  #trade-finance-nav-links,
  #smes-nav-links,
  #financial-sector-nav-links,
  #special-funds-nav-links,
  #co-financing-nav-links,
  #financing-programmes-nav-links
) .custom-block__block-nav-link:last-of-type a{
  text-decoration: underline;
}

/* what we offer - margins for links */

#what-we-offer-loans .custom-block__inner,
#what-we-offer-guarantees .custom-block__text,
#what-we-offer-entity-invest .custom-block__text,
#what-we-offer-special-products .custom-block__inner,
#what-we-offer-trade-finance .custom-block__tab-contents,
#what-we-offer-smes .custom-block__tab-contents,
#what-we-offer-financial-sector .custom-block__text,
#what-we-offer-special-funds .custom-block__text,
#what-we-offer-co-financing .custom-block__text {
  margin-bottom: 40px;
}

/*Knowledge Center*/

/* form section layout */

#what-we-offer-three-links + #complaints-form {
  display: flex;
  padding: 65px;
}

#what-we-offer-three-links + #complaints-form .left-block,
#what-we-offer-three-links + #complaints-form .right-block {
  flex: 1 1 50%;
}



/*filters table*/
/* Wrapper fix */

/* form fonts */

#complaints-form label,
#complaints-form div {
  font-family: "Inter", sans-serif;
}

/*end filters table*/
#knowledge-page-enviro-social-info {
    padding: 65px;
    padding-top: 0;
}

#knowledge-page-enviro-social-info .custom-block__inner.custom-block__inner--text-image-docs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: space-around;
    align-items: flex-start;
    gap: 20px;
}

#knowledge-page-enviro-social-info .custom-block__right {
    flex: 1 1 50%;
    padding-top: 86px;
}

#knowledge-page-enviro-social-info .custom-block__left {
    flex: 1 1 50%;
}


#knowledge-page-enviro-social-info .custom-block__image img {
    width: 100%;
    height: auto;
}

#knowledge-page-enviro-social-info h3 {
    font-size: 35px;
}


#knowledge-page-enviro-social-info .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
    margin-top: 20px;
}


#knowledge-page-enviro-social-info .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#knowledge-page-enviro-social-info .custom-block__document a {
    color: #004392;
    text-decoration: none;
}

#knowledge-page-enviro-social-info  .custom-block__document a:hover {
    text-decoration: underline;
}

.block-views-blockpublic-documents-block-1 #my-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
}

#views-exposed-form-public-documents-block-1 .form--inline {
  gap: 0;
}

#knowledge-center-document-list .pager {
  margin: 10px 0 -10px 0;
}

/*knwoledge form*/
div#group-1 {
    display: flex;
    gap: 20px;
}

div#group-2 {
    display: flex;
    gap: 20px;
}

div#group-3 {
    display: flex;
    gap: 20px;
}

div#group-4 {
    display: flex;
    gap: 20px;
    align-content: center;
    align-items: center;
}

div#auto-id-13 {
    flex: 1 1 50%;
}

div#auto-id-6 {
    flex: 1 1 50%;
}

div#auto-id-5 {
    flex: 1 1 50%;
}

div#auto-id-7 {
    flex: 1 1 50%;
}

div#group-3 {
    flex: 1 1 50%;
}

div#auto-id-8 {
    flex: 1 1 50%;
}

div#auto-id-12 {
    flex: 1 1 50%;
}

div#group-5 {
    display: flex;
    align-items: center;
    gap: 20px;
}

div#auto-id-14 {
    flex: 1 1 50%;
}

div#auto-id-15 {
    width: calc(50% - 10px);
    flex: 1 1 50%;
}

div#group-6 {
    display: flex;
    flex-direction: column;
}

div#auto-id-16 {
    width: calc(50% - 10px);
}

div#auto-id-11 {
    flex: 1 1 50%;
}

div#auto-id-10 {
    flex: 1 1 50%;
}


div#auto-id-9 {
    flex: 1 1 50%;
}

/*table*/
#knowledge-page-enviro-social-info .custom-block__table thead th {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
}


#knowledge-page-enviro-social-info .custom-block__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

#knowledge-page-enviro-social-info .custom-block__table a {
  color: #004392;

}

#knowledge-page-enviro-social-info .custom-block__table tbody tr td:first-child {
    font-weight: 500 !important;
}

#knowledge-page-enviro-social-info .custom-block__table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
}


#knowledge-page-enviro-social-info .custom-block__table th:first-child {
    width: auto;
    max-width: 135px;
    white-space: nowrap;
}

/* knowledge-page-independent */

#knowledge-page-independent-evaluation {
    padding: 65px;
}

#knowledge-page-independent-evaluation .custom-block__inner.custom-block__inner--independent-evaluation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
#knowledge-page-independent-evaluation .custom-block__left {
    flex: 1 1 50%;
}

#knowledge-page-independent-evaluation .custom-block__right {
    flex: 1 1 50%;
    padding-top: 52px;
}

#knowledge-page-independent-evaluation h3 {
    font-size: 35px;
    line-height: 1;
    margin-bottom: 17px;
}


#knowledge-page-independent-evaluation .custom-block__image img {
    width: 100%;
    height: auto;
}


/* tabs  */
#knowledge-page-independent-evaluation .custom-block__tab-content {
  display: none;
}

#knowledge-page-independent-evaluation  .custom-block__tab-content.is-active {
  display: block;
}

#knowledge-page-independent-evaluation .custom-block__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

#knowledge-page-independent-evaluation .custom-block__tab {
  cursor: pointer;
  padding: 10px 30px 10px 0px;
  font-weight: 600;
  text-transform: uppercase;
  color: #555;
  border-bottom: 20px solid #9d9d9d;
  transition: all 0.3s ease;
}

#knowledge-page-independent-evaluation .custom-block__tab.is-active {
  color: #002e6d;
  border-bottom: 20px solid #002e6d;
}

@media (max-width: 768px) {
#knowledge-page-independent-evaluation  .custom-block__tabs {
    flex-direction: column;
  }

#knowledge-page-independent-evaluation .custom-block__tab {
    width: 100%;
    text-align: center;
  }
}

/*tabs tables knowledge-page-independent-evaluation*/
#knowledge-page-independent-evaluation .custom-block__table thead th {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
}


#knowledge-page-independent-evaluation .custom-block__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}


#knowledge-page-independent-evaluation .custom-block__table tbody tr td:first-child {
    font-weight: 500 !important;
}

#knowledge-page-independent-evaluation .custom-block__table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
}


#knowledge-page-independent-evaluation  .custom-block__table th:first-child {
    width: 115px;
    max-width: 135px;
    white-space: nowrap;
}

#knowledge-page-independent-evaluation a {
    text-decoration: underline;
    color: black;
}

#knowledge-page-independent-evaluation .custom-block__tabs-wrapper {
    margin-bottom: 31px;
}

#knowledge-page-independent-evaluation .custom-block__table-text {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*related docs*/
#knowledge-page-independent-evaluation .custom-block__documents-title {
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

#knowledge-page-independent-evaluation .custom-block__documents-list {
  background: #ddd;
  padding: 15px;
  border-top: 25px solid #004392;
}

#knowledge-page-independent-evaluation h2 {
    font-size: 32px;
}

#knowledge-page-independent-evaluation .custom-block__document {
  margin: 5px 0;
}

#knowledge-page-independent-evaluation .custom-block__document a {
  color: #004392;
  text-decoration: none;
}

#knowledge-page-independent-evaluation .custom-block__document a:hover {
  text-decoration: underline;
}



/* complain form */
#complaints-form .focused-once,
#complaints-form input.error:not(.form-checkbox) {
  border: solid 1px red !important;
}

#complaints-form .label-focused-once {
  color: red;
  font-weight: bold;
}

#knowledge-page-enviro-social-info + #complaints-form {
    padding: 65px;
    padding-top: 0px;
    display: flex;
}

#knowledge-page-enviro-social-info + #complaints-form .left-block {
    flex: 1 1 50%;
}

#knowledge-page-enviro-social-info + #complaints-form .right-block {
    flex: 1 1 50%;
}

/* #edit-header-text1 strong {
    font-family: "Source Serif 4", serif;
    font-weight: 700;
    font-size: 35px;
} */

#edit-header-text1 {
    padding-bottom: 30px;
    border-bottom: 2px solid #ccc;
}

#edit-header-text2 p:nth-child(1) {
    margin-top: 30px;
}

#edit-header-text2 p:nth-child(2) {
    margin-top: 50px;
}

#edit-header-text2 p {
    margin-top: 20px;
}

#edit-header-text2 {
    padding-bottom: 40px;
    border-bottom: 2px solid #ccc;
}

#edit-header-text3 {
    margin-bottom: 0;
    margin-top: 40px;
}

#edit-header-text3 strong {
    font-weight: 900;
    color: #54575c;
}

#webform-submission-complaints-form-node-15-add-form .form-item-type-of-complaint {
    margin: 0;
    display: flex;
    flex-direction: column;
}

#webform-submission-complaints-form-node-15-add-form .form-type-textarea {
    display: flex;
    flex-direction: column;
}

#webform-submission-complaints-form-node-15-add-form .form-type-textarea .form-textarea-wrapper {
    order: 2;
}
#webform-submission-complaints-form-node-15-add-form .form-type-textarea .description {
    order: 1;
}

#webform-submission-complaints-form-node-15-add-form .form-select,
#webform-submission-complaints-form-node-15-add-form .form-textarea,
#webform-submission-complaints-form-node-15-add-form .form-text,
#webform-submission-complaints-form-node-15-add-form .form-number,
#webform-submission-complaints-form-node-15-add-form .form-email {
  background: #ced1d4!important;
  border: none;
  padding: 10px 0!important;
  margin: 10px 0!important;
}

#webform-submission-complaints-form-node-15-add-form .form-type-textarea label {
    font-weight: bold;
}

#edit-text strong {
    font-weight: 900;
    color: #54575c;
}

#edit-would-you-like-us-to-provide-you-with-feedback--wrapper{
    margin-top: 60px;
}


/* #edit-would-you-like-us-to-provide-you-with-feedback--wrapper, #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper { 
    display: flex;
    flex-direction: row;
    align-content: space-between;
    display: flex;
    flex-direction: row !important;
    align-content: center !important;
    width: 80% !important;
    align-items: center !important;
} */

#edit-would-you-like-us-to-provide-you-with-feedback, #edit-do-you-wish-for-your-name-to-be-kept-confidential {
    display: flex;
    align-items: start;
}

#edit-would-you-like-us-to-provide-you-with-feedback--wrapper .fieldset-wrapper, #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper .fieldset-wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 65px;
}

#edit-would-you-like-us-to-provide-you-with-feedback,
#edit-do-you-wish-for-your-name-to-be-kept-confidential {
  direction: ltr;
  margin-left: auto;
  margin-right: 50px;
}

#edit-would-you-like-us-to-provide-you-with-feedback--wrapper--description,
#edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper--description {
  text-align: left;
}

#edit-would-you-like-us-to-provide-you-with-feedback .form-type-radio, #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper .form-type-radio {
    margin: 0px 0px 0px 20px;
    display: flex;
    align-items: center;
}

#edit-would-you-like-us-to-provide-you-with-feedback .form-radio, #edit-do-you-wish-for-your-name-to-be-kept-confidential .form-radio {
    appearance: none;
    background-color: #ced1d4;
    margin: 10px;
    font: inherit;
    color: currentColor;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: grid;
    place-content: center;
}

#edit-would-you-like-us-to-provide-you-with-feedback .form-radio::before, #edit-do-you-wish-for-your-name-to-be-kept-confidential .form-radio::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0);
  box-shadow: inset 1em 1em #1f4d9f;
}

#edit-would-you-like-us-to-provide-you-with-feedback .form-radio:checked::before, #edit-do-you-wish-for-your-name-to-be-kept-confidential .form-radio:checked::before {
  transform: scale(1);
}

#edit-would-you-like-us-to-provide-you-with-feedback--wrapper-legend .fieldset-legend, #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper-legend .fieldset-legend {
    font-weight: bold;
}

#edit-footer-text {
    margin-top: 60px;
}

#edit-actions .webform-button--submit {
    margin-top: 60px;
    border: none;
    background-color: #1f4d9f;
    color: white;
    padding: 20px 50px;
}

/* border above files submission section on the form */

#complaints-form .form-textarea-wrapper:has(#edit-description) {
    border-bottom: 2px solid #ccc;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

/* form button */

#complaints-form .button {
    border-radius: 0;
}

#complaints-form .webform-button--submit {
    margin-top: 60px;
    border: none;
    background-color: #1f4d9f;
    color: white;
    padding: 20px 50px;
}

/* file selection */

#complaints-form .webform-document-file .form-type-checkbox {
  display: flex;
  align-items: center;
}

#complaints-form .webform-document-file a {
  color: #0066cc;
  text-decoration: none;
}

/* apply for financing form */

#edit-left-container .focused-once {
  border: solid 1px red !important;
}

div#edit-left-container {
    display: flex;
    flex-direction: column;
}
#edit-left-container .webform-flex.webform-flex--1 {
    display: flex;
    /* flex-direction: column; */
} 

div#edit-main-container {
    padding: 65px;
    display: flex;
}

#edit-left-container .webform-flex.webform-flex--1 {
    flex: 1 1 50%;
}

#edit-left-container .webform-flex.webform-flex--1 {
    flex: 1 1 50%;
}
#edit-left-container img {
    width: 100%;
    height: auto;
}

/* knowledge center document list */

/* #knowledge-center-document-list {
  width: 50%;
  padding: 65px 10px 65px 65px;
} */


#knowledge-center-document-list .doc-flex-wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 65px 10px 65px 65px;
}

#knowledge-center-document-list .doc-table {
  flex: 1 1 50%;
  max-width: 50%;
}

#knowledge-center-document-list .doc-image {
  flex: 1 1 50%;
  max-width: 50%;
}

#knowledge-center-document-list .doc-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  padding-right:55px;
  margin-top: 130px;
}

#knowledge-center-document-list .views-element-container h2 {
    font-size: 35px;
}

#knowledge-center-document-list .datetime {
  color: #000;
}

#knowledge-center-document-list .views-table.views-view-table.cols-2 a {
  color: #004392;
}

#knowledge-center-document-list .pager__item.pager__item--previous a,
#knowledge-center-document-list .pager__item.pager__item--next a {
    color: black;
    text-decoration: none;
}

#knowledge-center-document-list .views-table th:first-child {
  width: 165px !important;
  max-width: 165px !important;
}

#knowledge-center-document-list .views-table td {
  height: 66px;
  vertical-align: middle;
}

#knowledge-center-document-list .view-header,
#knowledge-center-document-list .view-filters {
  padding-left: 0;
  margin: unset;
}

/* enviro button */

#enviro-button {
  padding: 0 0 65px 65px;
}

#enviro-button .custom-block__links {
  list-style: none;
}

#enviro-button a {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #1f4d9f;
  text-decoration: none;
  padding: 18px 43px;
  display: inline-block;
  text-align: center;
}

#enviro-button a:hover {
  background-color: #003d99;
}

/* small fixes */

#knowledge-page-enviro-social-info h3 {
  max-width: 450px;
  line-height: 1;
  margin-bottom: 1rem;
}

#knowledge-page-independent-evaluation .custom-block__table {
  font-size: 15px;
}

#knowledge-page-independent-evaluation .custom-block__table th:first-child {
  width: auto;
  max-width: unset;
}

#edit-header-text2 p:nth-child(3) {
  margin-top: 0;
}

/* knowledge center - breadcrumps */

#enviro-nav-links,
#independent-nav-links {
    padding: 0 65px 65px 65px;
}

#complaints-nav-links {
  padding: 65px 65px 0 65px;
}

#enviro-nav-links .custom-block__block-nav-links,
#complaints-nav-links .custom-block__block-nav-links,
#independent-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#enviro-nav-links .custom-block__block-nav-link,
#complaints-nav-links .custom-block__block-nav-link,
#independent-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#enviro-nav-links .custom-block__block-nav-link:first-of-type,
#complaints-nav-links .custom-block__block-nav-link:first-of-type,
#independent-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#enviro-nav-links .custom-block__block-nav-link a,
#complaints-nav-links .custom-block__block-nav-link a,
#independent-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#enviro-nav-links .custom-block__block-nav-link:last-of-type a,
#complaints-nav-links .custom-block__block-nav-link:last-of-type a,
#independent-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/* knowledge center form links */

#edit-header-text2 a,
#edit-footer-text a {
  color: #0066cc;
  text-decoration: none;
}

/*Work with us*/


/* work with us - table */
 
#work-with-us-corporate .custom-block__table tbody tr td:first-child {
    font-weight: 500 !important;
}
 
#work-with-us-corporate .custom-block__table thead th {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
    width: 21%;
}
 
#work-with-us-corporate .custom-block__table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    font-size: 15px;
}
 
#work-with-us-corporate .custom-block__table-text h4 {
    font-family: "Source Serif 4", serif;
    font-size: 28px;
}
 
#work-with-us-corporate .custom-block__table-text {
    /* border-top: 2px solid #ccc; */
    padding-top: 40px;
}
 
#work-with-us-corporate .custom-block__accordion {
    padding-bottom: 0px;
}
 
#work-with-us-corporate .custom-block__table tbody tr:last-child>td {
    border-bottom: none;
}


#work-with-us-consultancy .custom-block__accordion,
#work-with-us-corporate  .custom-block__accordion
{
    border-bottom: 1px solid #ccc;
}

#work-with-us-consultancy .custom-block__table-text {
    margin-top: 50px;
}
 
/* work with us - consultancy related documents */
 
#work-with-us-consultancy .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}
 
#work-with-us-consultancy .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 31px;
    text-transform: uppercase;
}
 
#work-with-us-consultancy .custom-block__documents-list a {
    text-decoration: none;
    color: #004392;
}
 
#work-with-us-consultancy .custom-block__documents-list a:hover {
    text-decoration: underline;
}
/* text in the image */

#work-with-us-image-text > .custom-block__text {
    position: relative;
    bottom: 130px;
    left: 65px;
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: white;
    text-align: left;
    height: 0;
}

#work-with-us-image-text img {
  width: 100%;
  height: auto;
}

/* #work-with-us-image-text p {
    position: relative;
    bottom: 180px;
    left: 5%;
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: white;
    text-align: left;
} */

/* work with us mobile */

@media (max-width: 768px) {
    /* #work-with-us-image-text p {
        bottom: 55px;
        left: 20px;
        font-size: 1.4rem;
    }
 
    #work-with-us-image-text img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    } */

    #work-with-us-consultancy {
      flex-direction: column;
    }

    #work-with-us-tabs,
    div#work-with-us-corporate,
    div#work-with-us-consultancy {
      padding: 30px !important;
    }

    #work-with-us-corporate h3,
    #work-with-us-corporate h4,
    #work-with-us-consultancy h3 {
      text-align: left;
    }

    #work-with-us-corporate .custom-block__accordion-item-title {
      text-align: left;
      padding-left: 0 !important;
    }

    #work-with-us-tabs li {
      width: 100%;
      text-align: center;
      padding: 10px !important;
    }
    #work-with-us-corporate .custom-block__table-text h4,
    #work-with-us-corporate .custom-block__table {
      margin-left: -7.5px;
    }

    #work-with-us-corporate .custom-block__table th,
    #work-with-us-corporate .custom-block__table td {
      font-size: 12px !important;
    }

    #work-with-us-image-text > .custom-block__text {
      font-size: 1.8rem;
      left: 30px;
      bottom: 95px;
      width: calc(100% - 60px);
    }

    #work-with-us-image-text > .custom-block__text p {
      font-size: 1.8rem;
      left: 30px;
      bottom: 95px;
      width: calc(100% - 60px);
      text-align: left;
    }

    /* image alignment */

    #work-with-us-corporate .custom-block__right, #work-with-us-consultancy .custom-block__right {
      margin: 0 !important;
    }
}



#work-with-us-links {
    padding: 65px;
}


/* Tabs Styling */

#work-with-us-tabs {
    padding: 65px 65px 0px 65px;
}

#work-with-us-corporate {
    padding: 65px;
}
#work-with-us-consultancy {
    padding: 65px;
}
#work-with-us-tabs .custom-block__tab {
  cursor: pointer;
  display: inline-block;
  padding: 10px 30px 10px 0px;
  font-weight: 600;
  transition: all 0.3s ease;
  border-bottom: 20px solid #9d9d9d;
  color: #555;
  
}

#work-with-us-tabs .custom-block__tab.is-active {
    color: #002e6d;
    border-bottom: 20px solid #002e6d;
}

/* hide all */
#work-with-us-project,
#work-with-us-corporate,
#work-with-us-consultancy,
#apply-for-financing-form {
  display: none;
}

/* enable tab */
#work-with-us-project.active,
#work-with-us-corporate.active,
#work-with-us-consultancy.active,
#apply-for-financing-form.active {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* project procurement */

#work-with-us-project {
  padding: 65px 0 65px 65px;
  width: calc(50% - 20px);
}

#work-with-us-project h3 {
  font-size: 28px;
  margin-bottom: 14px;
  line-height: 1;
}

#work-with-us-project .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 31px;
    text-transform: uppercase;
}

#work-with-us-project .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#work-with-us-project .custom-block__documents-list a {
    text-decoration: none;
    color: #004392;
}

/* work with us - form styling */

#apply-for-financing-form #edit-header-text1 h3{
  font-size: 28px;
  margin-bottom: 14px;
}

#edit-left-container .form-text, #edit-left-container .edit-post-code, #edit-left-container .form-number, #edit-left-container .form-select, #edit-left-container .form-email, #edit-website {
    background: #ced1d4;
    border: none;
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
}

#edit-country {
    font-family: Inter;
}

#edit-left-container label {
    font-family: Inter;
    margin: 0;
}

#edit-main-container > #form-id-1 > .webform-flex--container,
#edit-left-container,
#form-id-2 > .webform-flex--container {
  margin: 0;
}

/* tab alignment */

#work-with-us-corporate.active, #work-with-us-consultancy.active {
    flex-wrap: nowrap;
}

#work-with-us-corporate h3, #work-with-us-consultancy h3 {
    font-size: 28px;
    margin-bottom: 14px;
    line-height: 1;
}

#edit-main-container {
    margin: 0;
}

#work-with-us-corporate .custom-block__left, #work-with-us-corporate .custom-block__right, #work-with-us-consultancy .custom-block__left, #work-with-us-consultancy .custom-block__right, #edit-main-container {
    flex: 1 1 50%;
    gap: 20px;
}

/* #work-with-us-corporate .custom-block__left, #work-with-us-corporate .custom-block__right, #work-with-us-consultancy .custom-block__left, #work-with-us-consultancy .custom-block__right {
    margin: 1em;
    margin-top: 1em;
} */

#work-with-us-corporate .custom-block__right, #work-with-us-consultancy .custom-block__right {
    padding: 0;
    margin: 15px;
    margin-top: 42px;
}

#apply-for-financing-form #edit-right-container {
  margin-top: 42px;
}

#work-with-us-consultancy img,
#work-with-us-corporate img,
#complaints-form img {
    height: auto;
    width: 100%;
}

/* work with us - small form fixes */

#edit-amount-to-be-financed-by-bstdb-euro {
    width: calc(50% - 7.5px);
}

#edit-brief-description-of-investment-business-proposal {
    background: #ced1d4;
}

#form-id-19 {
    padding-bottom: 40px;
    border-bottom: 2px solid #d8d8d8;
}

#edit-actions .button {
    border-radius: 0;
}

#edit-left-container .form-text, .form-select, .form-number, .form-email {
    height: 40px;
}

#wrapper-form-8-10 {
    margin: -10px 0 -10px 0;
}

/* work with us - "more" links on bottom */

#work-with-us-links .custom-block__cards > .custom-block__card {
    display: flex;
    flex-direction: column;
}

#work-with-us-links .custom-block__cards > .custom-block__card > .custom-block__card-link {
    margin-top: auto;
    padding: 16px 0 16px 0;
}   

/* work with us - accordion items */

#work-with-us-corporate .custom-block__accordion-item-title,
#work-with-us-consultancy .custom-block__accordion-item-title{
    /* margin: 40px 0 40px 0; */
    padding: 20px;
    font-family: "Source Serif 4",serif;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#work-with-us-corporate .custom-block__accordion-item-content,
#work-with-us-consultancy .custom-block__accordion-item-content {
    text-align: justify;
}

#work-with-us-corporate .custom-block__accordion-item-title::after, 
#work-with-us-consultancy .custom-block__accordion-item-title::after {
    color: #006ab1;
    font-size: 32px;
    /* top: -10px; */
    font-weight: 500;
    font-family: "Material Symbols Outlined";
    content: "\e145";
    transition: transform 0.3s ease;
}
/*active accordion custom-block__accordion-item active*/
#work-with-us-corporate .custom-block__accordion-item.active .custom-block__accordion-item-title::after,
#work-with-us-consultancy .custom-block__accordion-item.active .custom-block__accordion-item-title::after
{
    color: #006ab1;
    font-size: 32px;
    /* top: -10px; */
    font-weight: 500;
    font-family: "Material Symbols Outlined";
    content: "\e15b";
    transform: rotate(180deg);
}

/* #work-with-us-corporate .custom-block__accordion-item.active p,
#work-with-us-consultancy .custom-block__accordion-item.active p{
    padding: 10px;
} */

#work-with-us-consultancy .custom-block__accordion-item.active ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
}

#work-with-us-consultancy .custom-block__accordion-item.active li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

/* work  with us - table first row fix */

/* #work-with-us-corporate .custom-block__table td:first-child, #work-with-us-corporate .custom-block__table th:first-child {
    width: auto!important;
} */

/* work with us - borders */

#work-with-us-links .custom-block__cards {
    padding-bottom: 80px;
    border-bottom: 2px solid #d8d8d8;
}

#work-with-us-tabs {
    padding-top: 0 !important;
}

#wrapper-form-15-16 {
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 15px;
}


/*list work with us*/

#work-with-us-list {
    padding-top: 0;
}

#edit-footer-text, #edit-actions .webform-button--submit {
    margin-top: 0;
}

#work-with-us-list {
    padding: 65px;
    width: 50%;
}

#work-with-us-list .custom-block__table {
    border-collapse: collapse;
    font-size: 16px;
    line-height: 1.5;
}

#work-with-us-list .custom-block__table th {
    color: black;
    font-size: 16px;
    padding: 8px;
}

#work-with-us-list .custom-block__table td {
    padding: 8px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

#work-with-us-list .custom-block__table td:first-child, #work-with-us-list .custom-block__table th:first-child {
    width: 100%!important;
}

#work-with-us-corporate .custom-block__table td:first-child, #work-with-us-corporate .custom-block__table th:first-child{
    width: 0;
}

#work-with-us-list .custom-block__table td:first-child, #work-with-us-list .custom-block__table th:first-child {
    white-space: wrap;
}

#work-with-us-list .custom-block__name {
    font-weight: bold;
}

#work-with-us-list .custom-block__table td:not(:first-child), #work-with-us-list .custom-block__table th:not(:first-child) {
    text-align: left;
}

#work-with-us-list .custom-block__table td {
    vertical-align: middle;
}

#work-with-us-list .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#work-with-us-list .custom-block__documents-list a {
    text-decoration: none;
    color: #004392;
}

#work-with-us-list .custom-block__documents-list a:hover {
    text-decoration: underline;
}

#work-with-us-list .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 31px;
    text-transform: uppercase;
}

#work-with-us-list .custom-block__text h3 {
    padding: 8px;
    font-size: 35px;
    line-height: 1.1;
}

@media (max-width: 768px) {
    #work-with-us-list {
        width: 100%;
        padding: 30px;
    }

    #work-with-us-list .custom-block__text h3 {
      padding: 0;
      padding-bottom: 30px;
    }

    #work-with-us-list .custom-block__table th,
    #work-with-us-list .custom-block__table td {
      padding: 8px 0;
    }

    #work-with-us-list .custom-block__table td {
        font-size: 12px;
    }
}

/* work with us - form styling */
 
#edit-left-container .form-text, #edit-left-container .edit-post-code, #edit-left-container .form-number, #edit-left-container .form-select, #edit-left-container .form-email {
    background: #ced1d4;
    border: none;
    padding: 10px 0 10px 0;
    margin: 10px 0 10px 0;
}
 
#edit-country {
    font-family: Inter;
}
 
#edit-left-container label {
    font-family: Inter;
    margin: 0;
}
 
#edit-address--wrapper {
  border: none;
  margin: 0;
  padding: 0
}

/* work with us - checkbox buttons */
 
#edit-would-you-like-us-to-provide-you-with-feedback--wrapper,
#edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper {
  border: none;
  padding: 0;
}

#complaints-form .form-checkbox {
    appearance: none;
    background-color: #ced1d4;
    margin: 10px 10px 10px 0;
    font: inherit;
    color: currentColor;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: grid;
    place-content: center;
}
#complaints-form .form-checkbox::before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em #1f4d9f;
}
 
#complaints-form .form-checkbox:checked::before {
    transform: scale(1);
}
 
#edit-countries-of-investments .form-type-checkbox {
    display: flex;
    align-items: center;
}

#edit-countries-of-investments {
    display: flex;
    flex-wrap: wrap;
}

#edit-countries-of-investments .form-type-checkbox {
    display: flex;
    align-items:center;
    width: 25%;
}

/* error messages */

#edit-countries-of-investments--wrapper [id^="countries_of_investments["][id$="-error"] {
  position: absolute;
  margin-bottom: 53px;
}

#complaints-form label.error:not(.form-checkbox, .form-select),
#edit-left-container label.error:not(.form-checkbox, .form-select) {
    color: red;
    font-size: 12px;
}

/* work with us - countries of investment layout */
 

#form-id-18 .fieldset-wrapper {
    display: flex;
    flex-direction: column;
}
 
#edit-countries-of-investment--wrapper-legend {
    order: 1;
}
 
#edit-countries-of-investment--wrapper--description {
    order: 2;
    font-family: Inter;
}
 
#edit-countries-of-investment {
    order: 3;
    display: grid;
}

#edit-brief-description-of-investment-business-proposal {
    border: none;
}

#edit-post-code::-webkit-outer-spin-button, #edit-post-code::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* work with us links */
 
#work-with-us-links .custom-block__card-link a {
    color: black;
    text-decoration: none;
}
 
#work-with-us-links .custom-block__card-link {
    margin-top: 25px
}
 
#work-with-us-links .custom-block__card-link a::after {
    content: "→";
}

/* work with us - align form items 8,9 */
 
#form-id-8 {
    margin-bottom: 0;
}

div#form-id-8 fieldset#edit-address--wrapper {
    border: 0px;
}
 
#form-id-18 fieldset#edit-countries-of-investment--wrapper {
    border: 0px;
}

#wrapper-form-8-10 {
    align-items: center;
}
 
#form-id-8 {
    margin-bottom: 0;
}

 
/* #form-id-9 .webform-flex--container {
    margin: 0;
} */


/* === GLOBAL STYLES === */
form {
  font-family: "Arial", sans-serif;
  font-size: 15px;
  color: #000;
}


/* === FORM HEADERS === */
/* #edit-header-text1 p:first-child strong,
#edit-header-text1 p strong {
  font-size: 28px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
} */

#edit-header-text1 p:not(:first-child),
#edit-header-text p {
  font-size: 15px;
  line-height: 1.5;
}

/* === FORM FIELD GRID === */
.webform-flex--1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

.webform-flex--1 > .webform-flex--container {
  flex: 1 1 48%;
}

/* === LABELS & INPUTS === */
form label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
  display: block;
}

input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #888;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
  background: #f3f3f3;
}

/* === TEXTAREA === */
textarea {
  min-height: 100px;
}

/* === COUNTRY SELECT === */
select {
  background-color: #f3f3f3;
}

/* === RADIO BUTTON GRID === */
#edit-countries-of-investment--wrapper .js-webform-radios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 10px 20px;
  margin-top: 10px;
}

#edit-countries-of-investment--wrapper label {
  display: inline-block;
  margin-left: 5px;
  font-weight: normal;
}

/* === FILE UPLOAD === */
.js-form-type-webform-document-file label {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

input[type="file"] {
  margin: 8px 0;
}

/* === FOOTER NOTICE === */
#edit-footer-text p {
  font-size: 13px;
  color: #333;
  line-height: 1.4;
}

/* === SUBMIT BUTTON === */
#edit-actions-submit {
  background-color: #0052cc;
  color: white;
  border: none;
  padding: 10px 25px;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 20px;
}

#edit-actions-submit:hover {
  background-color: #003d99;
}



/*Custom JS CS */
div#wrapper-form-4-5 {
    display: flex;
    flex-direction: row;
}

div#wrapper-form-6-7 {
    display: flex;
    flex-direction: row;
}

div#wrapper-form-8-9 {
    display: flex;
    flex-direction: row;
}

div#wrapper-form-10-11 {
    display: flex;
    flex-direction: row;
}

div#wrapper-form-12-13 {
    display: flex;
    flex-direction: row;
}

div#wrapper-form-14-15 {
    display: flex;
    flex-direction: row;
}

/*Countrie Investments Form Apply for fincancing*/
#edit-countries-of-investments--wrapper{
  border: none;
  padding: 0;
}


/* === RESPONSIVE === */
@media (max-width: 768px) {
  .webform-flex--1 > .webform-flex--container {
    flex: 1 1 100%;
  }

  #edit-countries-of-investment--wrapper .js-webform-radios {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}

/* work with us - breadcrumps */

#project-nav-links,
#corporate-nav-links,
#consultancy-nav-links,
#apply-nav-links {
    padding: 0 65px 65px 65px;
}

#project-nav-links .custom-block__block-nav-links,
#corporate-nav-links .custom-block__block-nav-links,
#consultancy-nav-links .custom-block__block-nav-links,
#apply-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#project-nav-links .custom-block__block-nav-link,
#corporate-nav-links .custom-block__block-nav-link,
#consultancy-nav-links .custom-block__block-nav-link,
#apply-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#project-nav-links .custom-block__block-nav-link:first-of-type,
#corporate-nav-links .custom-block__block-nav-link:first-of-type,
#consultancy-nav-links .custom-block__block-nav-link:first-of-type,
#apply-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#project-nav-links .custom-block__block-nav-link a,
#corporate-nav-links .custom-block__block-nav-link a,
#consultancy-nav-links .custom-block__block-nav-link a,
#apply-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#project-nav-links .custom-block__block-nav-link:last-of-type a,
#corporate-nav-links .custom-block__block-nav-link:last-of-type a,
#consultancy-nav-links .custom-block__block-nav-link:last-of-type a,
#apply-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}


/*fix*/

/* layout fix - board of governors */

/* #board-of-governors,
#board-of-governors .custom-block__inner--governors,
#board-of-governors .custom-block__right {
    all: unset;
} */

#board-of-governors .custom-block__inner--governors {
    gap: 20px !important;
}

/* #board-of-governors .custom-block__image,
#board-of-governors .custom-block__video-thumbnail {
    padding-left: 20px;
} */

/* layout fix - board of directors */

#board-of-directors .custom-block__inner--directors {
    gap: 20px !important;
}

#management-governance-page .custom-block__tab-content.is-active {
    line-height: 32px;
}

/* picture of dr. serhat */

#management-governance-page .custom-block__image img {
    object-fit: cover;
    width: 328px;
    height: 395px;
}

/* fix text width */

#management-governance-page .custom-block__text,
#management-governance-page .custom-block__cv,
#management-governance-page .custom-block__tab-content.is-active {
    width: calc(50% - 10px);
}

/* management president */

#management-governance-page .custom-block__cv p {
  margin-bottom: 15px;
}

#management-governance-page .custom-block__cv {
  text-align: justify;
}

#management-governance-page .custom-block__text-under {
  margin-bottom: 8px;
}

/* management active border */

#management-governance-page .custom-block__tab.is-active {
  border-bottom: none;
}

/*CAREER*/

/* font size and line height */

#career-page-career p,
#career-page-current-vacancies p,
#career-page-useful-info p,
#career-page-internships p {
  font-size: 15px;
  line-height: 24px;
}

#career-page-useful-info p {
  margin-bottom: 15px;
}

#career-page-useful-info .custom-block__item-text p:last-of-type {
  margin-bottom: 0;
}

/* .custom-block__tab {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  border-bottom: 6px solid grey;
  font-weight: bold;
  color: #666;
}

.custom-block__tab.is-active {
  border-color: #004a99; 
  color: #004a99; 
}

.custom-block__tab-content {
  display: none;
  margin-top: 20px;
}

.custom-block__tab-content.is-active {
  display: block;
} */

/* layout */

.custom-block__tab-content {
  display: none;
}
.custom-block__tab-content.is-active {
  display: block;
}

#internship-tabs-nav li.custom-block__tab.is-active {
    color: #002e6d !important;
    border-bottom: 20px solid #002e6d !important;
}

#career-page-useful-info .custom-block__item-text {
    text-align: justify;
}

#internship-tab-content-3 .custom-block__tab-text {
    text-align: justify;
}

#internship-tab-content-2 .custom-block__tab-text {
    text-align: justify;
}

div#internship-tab-content-3 {
    margin-bottom: 25px;
}

#internship-tab-content-3 .custom-block__tab-text a {
  color: #0066cc;
  text-decoration: none;
}

#career-page-career {
    padding: 65px;
    display: flex;
    gap: 20px;
    align-items: stretch;
    justify-content: space-between
}

#career-page-career .custom-block__left, 
#career-page-career .custom-block__right,
#career-page-useful-info .custom-block__left, 
#career-page-useful-info .custom-block__right,
#career-page-internships .custom-block__left, 
#career-page-internships .custom-block__right {
    flex: 1 1 50%;
}

#career-page-career .custom-block__right {
  padding-top: 49px;
}

/* image sizing */

#career-page-career .custom-block__image img,
#career-page-useful-info .custom-block__image img,
#career-page-internships .custom-block__image img {
    width: 100%;
    height: auto;
}

#career-page-current-vacancies {
    padding: 0px 10px 65px 65px;
    width: 50%;
}

#career-page-useful-info,
#career-page-internships {
    padding: 0 65px 0 65px;
    display: flex;
}

#career-page-internships {
  padding-bottom: 65px;
}

/* headers */

#career-page-career h3,
#career-page-current-vacancies h3 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 14px;
}

/* useful information section */

#career-page-useful-info .custom-block__item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#career-page-useful-info .custom-block__item:last-of-type {
    border-bottom: none;
}

#career-page-useful-info .custom-block__item-title {
    font-weight: bold;
    margin: 15px 0 15px 0;
}

#career-page-useful-info .field.field--name-field-d1-block-title6.field--type-string.field--label-hidden.field__item {
    font-size: 28px;
    font-family: "Source Serif 4",serif;
}

/* table */

#career-page-current-vacancies .current-vacancies-table thead th,
#career-page-internships .internships-table thead th {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
}

#career-page-current-vacancies .current-vacancies-table tbody td,
#career-page-internships .internships-table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    font-size: 15px;
}

#career-page-current-vacancies .current-vacancies-table tbody tr td:first-child,
#career-page-internships .internships-table tbody tr td:first-child {
    font-weight: 500 !important;
}

#career-page-current-vacancies .current-vacancies-table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}

#work-with-us-list .custom-block__table td:first-child, #work-with-us-list .custom-block__table th:first-child {
    width: 0;
}

#career-page-internships .internships-table {
  width: 100%;
  border-collapse: collapse;
}

#career-page-current-vacancies table th:first-child {
    width: 9% !important;
}
#career-page-current-vacancies table th:nth-child(3) {
    width: 16% !important;
}

#career-page-internships .internships-table thead th:first-of-type {
  width: 70px;
}

#career-page-internships .internships-table thead th:nth-of-type(3) {
  width: 100px;
}

#career-page-current-vacancies .current-vacancies-table a,
#career-page-internships .internships-table a {
  color: #0066cc;
}

/* link list */

#career-page-career .custom-block__tabs,
#career-page-internships .custom-block__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
    margin-top: auto;
}

#career-page-career .custom-block__tab.is-active,
#career-page-internships .custom-block__tabs.is-active {
    color: #002e6d;
    border-bottom: 20px solid #002e6d;
}
#career-page-career .custom-block__tab,
#career-page-internships .custom-block__tab {
    cursor: pointer;
    padding: 10px 30px 10px 0px;
    font-weight: 600;
    text-transform: uppercase;
    color: #555;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    border-bottom: 20px solid #9d9d9d;
}

#career-page-career .custom-block__left {
    display: flex;
    flex-direction: column;
}

/* tab functionality */

#career-page-career .custom-block__tab-content,
#career-page-current-vacancies .custom-block__tab-content,
#career-page-useful-info .custom-block__tab-content,
#career-page-internships .custom-block__tab-content {
  display: none;
  margin-top: 20px;
}

#career-page-career .custom-block__tab-content.is-active,
#career-page-current-vacancies .custom-block__tab-content.is-active,
#career-page-useful-info .custom-block__tab-content.is-active,
#career-page-internships .custom-block__tab-content.is-active {
  display: block;
}

/* internship tabs */

#career-page-internships .custom-block__tabs-content > .custom-block__tab-text,
#career-page-internships .custom-block__tab-text > h4,
#career-page-internships .custom-block__tab-text > h3
 {
    font-size: 28px;
    font-family: "Source Serif 4",serif;
    margin-bottom: 28px;
}

#career-page-internships .custom-block__tab-text p {
    margin-bottom: 16px;
}

#career-page-internships .custom-block__text {
    font-size: 16px;
}

/* list styling */

#career-page-internships .custom-block__text ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
}

#career-page-internships .custom-block__text li {
    padding-left: 0.5em;
    font-size: 15px;
    line-height: 24px;
}

/* related documents */

#career-page-internships .custom-block__documents-title {
    font-weight: bold;
    margin-bottom: 0;
    text-transform: uppercase;
}

#career-page-internships .custom-block__documents-list {
    background: #ddd;
    padding: 15px;
    border-top: 25px solid #004392;
}

#career-page-internships .custom-block__document a {
    color: #004392;
    text-decoration: none;
}

#career-page-internships .custom-block__document {
    margin: 5px 0;
}

#career-page-internships .custom-block__document a:hover {
    text-decoration: underline;
}

/* career text */

#career-page-career p {
    font-size: 16px;
}

#career-page-career .custom-block__text ul {
    list-style: inside;
    margin: 16px 0 16px 0 ;
    font-size: 16px;
}

/* fix for display block */

#career-page-useful-info .custom-block__left, 
#career-page-useful-info .custom-block__right,
#career-page-internships .custom-block__left, 
#career-page-internships .custom-block__right {
    width: 50%;
    float: left;
}
#career-page-useful-info .custom-block__right,
#career-page-internships .custom-block__right {
    padding-left: 30px;
    padding-top: 71px;
}

#career-page-career h3,
#career-page-current-vacancies h3,
#career-page-useful-info .field.field--name-field-d1-block-title6.field--type-string.field--label-hidden.field__item,
#career-page-internships h3 {
    font-size: 35px;
}

#career-page-useful-info,
#career-page-internships {
    overflow: auto;
}

/* internship tabs */

#career-page-internships .custom-block__tabs {
    margin-top: 30px;
}

#career-page-internships .custom-block__tabs > .custom-block__tab {
    width: 30%;
    align-content: end;
}

/* internship margins */

#career-page-internships .custom-block__text p:first-of-type {
    font-weight: bold;
    margin: 15px 0 15px 0;
}

#career-page-internships .text-formatted p:nth-child(3) {
    margin: 0;
}

/* current internship.. header */

#career-page-internships .custom-block__tab-content:first-of-type >  .custom-block__tab-text:first-of-type {
    font-size: 28px;
    font-family: "Source Serif 4",serif;
    margin-bottom: 28px;
}

/* career - breadcrumps */

#current-nav-links,
#useful-nav-links,
#internships-nav-links {
    padding: 0 65px 35px 65px;
}


#current-nav-links .custom-block__block-nav-links,
#useful-nav-links .custom-block__block-nav-links,
#internships-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}


#current-nav-links .custom-block__block-nav-link,
#useful-nav-links .custom-block__block-nav-link,
#internships-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}


#current-nav-links .custom-block__block-nav-link:first-of-type,
#useful-nav-links .custom-block__block-nav-link:first-of-type,
#internships-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}


#current-nav-links .custom-block__block-nav-link a,
#useful-nav-links .custom-block__block-nav-link a,
#internships-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}


#current-nav-links .custom-block__block-nav-link:last-of-type a,
#useful-nav-links .custom-block__block-nav-link:last-of-type a,
#internships-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}


/* contact - might need id and selector changes!! */

#contact-page-headquarters h3,
#contact-page-points h3,
#edit-header-text1 h3 {
    font-size: 32px;
    margin-bottom: 32px;
    line-height: 1;
}

#contact-page-headquarters {
    padding: 65px;
    display: flex;
    gap: 20px;
}

#contact-page-headquarters .custom-block__left,
#contact-page-headquarters .custom-block__right {
    flex: 1 1 50%;
}

#contact-page-headquarters .custom-block__right {
  padding-top: 64px;
}

#contact-page-headquarters .custom-block__right img {
    width: 100%;
    height: auto;
}

#contact-page-headquarters .text-formatted a {
    color: #222;
    font-weight: 400;
}

#contact-page-points + #complaints-form {
    padding: 0 0 65px 65px;
    width: calc(50% - 10px);
}

#contact-page-points + #complaints-form #edit-header-text1 {
    border-bottom: none;
}

/* contact accordion */

#contact-page-points {
    padding: 0 0 65px 65px;
    width: calc(50% - 10px);
}

#contact-page-points .custom-block__accordion {
    border-bottom: 1px solid #ccc;
}

#contact-page-points .custom-block__accordion-item {
    border-top: 1px solid #ccc;
    margin-bottom: 5px;
}

#contact-page-points .custom-block__accordion-title {
    padding: 20px;
    font-family: "Source Serif 4", serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

#contact-page-points .custom-block__accordion-content {
    display: none;
    grid-template-columns: repeat(3, 1fr);
}

#contact-page-points .custom-block__accordion-item.active .custom-block__accordion-content {
  display: grid;
}

#contact-page-points .custom-block__person {
    padding: 20px 10px;
    padding-top: 0;
}

#contact-page-points .custom-block__person-name {
    font-weight: bold;
}

#contact-page-points .custom-block__accordion-title::after {
    color: #006ab1;
    font-size: 32px;
    font-weight: 500;
    font-family: 'Material Symbols Outlined';
    transition: transform 0.3s ease;
    content: "\e145";
}

#contact-page-points .custom-block__accordion-item.active .custom-block__accordion-title::after {
  font-family: 'Material Symbols Outlined';
  content: "\e15b";
  transform: rotate(180deg);
}

#contact-page-points .custom-block__accordion a {
  color: #0066cc;
  text-decoration: none;
}

#contact-page-points .custom-block__accordion > .custom-block__accordion-item:nth-of-type(1) .custom-block__accordion-content > .custom-block__person:nth-of-type(1) {
  grid-column: 1 / -1;
}

/* feedback form */

#feedback-form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

#feedback-form .form-text, #feedback-form .edit-post-code, #feedback-form .form-number, #feedback-form .form-select, #feedback-form .form-email {
  background: #ced1d4;
  border: none;
  height: 40px;
}

#edit-description {
  background: #ced1d4;
  border: none;
}

#feedback-form .form-item, .form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

#feedback-form .focused-once {
  border: solid 1px red;
}

/* needs id!!!!!!!!! */

.contextual-region.block.block-block-content + #complaints-form {
  padding: 65px;
  display: flex;
  flex-direction: row;
}

.contextual-region.block.block-block-content + #complaints-form > .left-block,
.contextual-region.block.block-block-content + #complaints-form > .right-block {
  flex: 1 1 50%;
}

/* form button */

#feedback-form .webform-button--submit {
    border: none;
    background-color: #1f4d9f;
    color: white;
    padding: 20px 50px;
}

/* contact - breadcrumbs */

#points-nav-links {
  padding: 65px;
}

#career-nav-links,
#feedback-nav-links {
  padding: 65px 65px 0 65px;
}

:is(
  #career-nav-links,
  #points-nav-links,
  #feedback-nav-links
) .custom-block__block-nav-links{
  list-style: none;
  display: flex;
}

:is(
  #career-nav-links,
  #points-nav-links,
  #feedback-nav-links
) .custom-block__block-nav-link{
  border-left: 1px solid #58585a;
  padding: 0 5px;
}

:is(
  #career-nav-links,
  #points-nav-links,
  #feedback-nav-links
) .custom-block__block-nav-link:first-of-type{
  border-left: none;
  padding-left: 0;
}

:is(
  #career-nav-links,
  #points-nav-links,
  #feedback-nav-links
) .custom-block__block-nav-link a{
  color: #58585a;
  text-decoration: none;
}

:is(
  #career-nav-links,
  #points-nav-links,
  #feedback-nav-links
) .custom-block__block-nav-link:last-of-type a{
  text-decoration: underline;
}


/*Investor Relations*/

#investor-page-image > .custom-block__text {
    position: relative;
    bottom: 200px;
    left: 65px;
    z-index: 2;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: white;
    text-align: left;
    width: 200px;
    height: 0;
}

#investor-page-image img {
  width: 100%;
  height: auto;
}

/* font adjustments */

#investor-page-investor .custom-block__text h3,
#investor-page-mandate .custom-block__text h3,
#investor-page-capital h3,
#investor-page-funding h3,
#investor-page-credit .field--name-field-d1-block-title7,
#investor-page-financial h3 {
  font-size: 35px;
  margin-bottom: 17px;
  line-height: 1;
}

#investor-page-credit .field--name-field-d1-block-title7 {
  font-family: "Source Serif 4";
}

#investor-page-investor {
    padding: 65px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    gap:20px;
}

#investor-page-investor .custom-block__left {
    flex: 1 1 50%;
}

#investor-page-investor .custom-block__right {
    flex: 1 1 50%;
    padding-top: 52px;
}

#investor-page-investor img {
    width: 100%;
    height: auto;
}

/* three links */

#investor-page-three-links .custom-block__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 20px 0;
  padding-left: 65px;
  margin: 20px 0;
  padding-top:50px;
}

#investor-page-three-links .custom-block__link {
  cursor: pointer;
  padding: 10px 30px 10px 0px;
  font-weight: 600;
  text-transform: uppercase;
  color: #555;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  border-bottom: 20px solid #9d9d9d;
}

#investor-page-three-links .custom-block__link a {
  color: #555;
  text-decoration: none;
}

#investor-page-three-links li.custom-block__link:nth-of-type(1):hover,
#investor-page-three-links li.custom-block__link:nth-of-type(1):hover a {
    color: #002d73;
    border-color: #002d73;
}

#investor-page-three-links li.custom-block__link:nth-of-type(2):hover,
#investor-page-three-links li.custom-block__link:nth-of-type(2):hover a {
    color: #009462;
    border-color: #009462;
}

#investor-page-three-links li.custom-block__link:nth-of-type(3):hover,
#investor-page-three-links li.custom-block__link:nth-of-type(3):hover a {
    color: #006ab3;
    border-color: #006ab3;
}

/*mandate*/
#investor-page-mandate{
  padding: 65px;
}
#investor-page-mandate .custom-block__inner.custom-block__inner--image-tabs {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 3rem;
    align-items: stretch;
    margin: 0 auto;
    padding: 2rem 2rem;
    background-color: #3a3a3a;
    height: auto;
}

#investor-page-mandate img {
    width: 100%;
}

#investor-page-mandate .custom-block__tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
}


#investor-page-mandate  li.custom-block__tab.is-active {
    color: white !important;
    border-bottom: 1px white solid !important;
}

#investor-page-mandate .custom-block__tab {
    padding: 1.2rem 0;
    font-size: 1.3rem;
    font-weight: 400;
    color: #999;
    cursor: pointer;
    border-bottom: 1px solid #555;
    transition: all 0.3s ease;
    letter-spacing: 0.3px;
    flex: 1;
    display: flex;
    align-items: center;
}

#investor-page-mandate .custom-block__tab-contents {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#investor-page-mandate  .custom-block__tabs-wrapper {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
    height: 100%;
}


#investor-page-mandate .custom-block__tab-content {
    /* display: none; */
    font-size: 1rem;
    line-height: 1.6;
    color: #ddd;
    height: 100%;
    overflow-y: auto;
}

#investor-page-mandate .custom-block__text {
  width: calc(50% - 10px);
}

/* capital & shareholder structure */

#investor-page-capital {
  padding: 0 65px 0 65px;
}

#investor-page-capital .custom-block__row-2 {
  display: flex;
  margin-bottom: 65px;
}

#investor-page-capital .custom-block__left,
#investor-page-capital .custom-block__right {
  flex: 1 1 50%;
}

#investor-page-capital .custom-block__right {
  display: flex;
  flex-direction: column;
}

#investor-page-capital h4 {
  margin-bottom: 15px;
}

/* table styling */

#investor-page-capital .custom-block__table th:first-of-type {
  width: 50%;
}

#investor-page-capital .custom-block__table th:not(:first-child),
#investor-page-capital .custom-block__table td:not(:first-child) {
  text-align: left;
}

#investor-page-capital .custom-block__table .custom-block__country-icon {
  float: left;
}

#investor-page-capital .custom-block__table .custom-block__country-name {
  margin-left: 20px;
  font-weight: 400;
}

#investor-page-capital .custom-block__table img {
  margin-top: 2px;
  border-radius: 100%;
  height: 15px;
  width: 15px;
}

#investor-page-capital .custom-block__table th {
  color: black;
}

#investor-page-capital .custom-block__table,
#investor-page-capital .custom-block__table th {
  font-size: 15px;
}

/* list styling */

#investor-page-capital .custom-block__text ul,
#investor-page-funding ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
    text-align: justify;
}

#investor-page-capital .custom-block__text li,
#investor-page-funding li {
    padding-left: 0.5em;
    font-size: 15px;
    line-height: 24px;
}

#investor-page-funding {
  padding: 65px 0 0 65px;
  width: calc(50% - 10px);
}

/* chart fonts */

#loan-portfolio-development-loan_portfolio_development_block-436947 svg > text:nth-of-type(1),
#loan-portfolio-by-country-loan_portofolio_by_country_block-2337a3 svg > text:nth-of-type(1),
#loan-portfolio-chart-loan_portfolio_block-c1c5f7 svg > text:nth-of-type(1) {
  font-family: "Source Serif 4";
}

/* thematic finance */

#investor-page-thematic {
  padding-left: 65px;
  width: calc(50% - 10px);
}

#investor-page-thematic h3 {
  font-size: 35px;
}

#investor-page-thematic h5 {
  font-family: "Source Serif 4";
  font-size: 22px;
  padding-bottom: 22px;
}

#investor-page-thematic .custom-block__list {
    list-style: disc;
    list-style-position: outside;
    padding-left: 1.2em;
    padding-top: 16px;
    margin-bottom: 65px;
}

#investor-page-thematic .custom-block__list li {
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
}

#investor-page-thematic .custom-block__list a {
  color: #004392;
  text-decoration: none;
}

#investor-page-thematic .custom-block__list li::marker {
  color: #004392;
}

/* credit ratings */

#investor-page-credit {
  padding: 0 0 65px 65px;
  width: calc(50% - 10px);
}

#investor-page-credit .custom-block__logos {
  display: flex;
  padding: 40px 0 40px 0;
}

#investor-page-credit .custom-block__logos .custom-block__logo-item {
  flex: 1 1 50%;
}

#investor-page-credit .custom-block__logos .custom-block__logo-text {
  font-weight: bold;
  font-size: 20px;
}

#investor-page-credit .custom-block__table-text {
    font-family: "Source Serif 4";
    font-size: 28px;
    margin-bottom: 16px;
}

#investor-page-credit .custom-block__image img{
  object-fit: none;
  width: 230px;
  height: 100px;
}

/* financial statements */

#investor-page-financial {
  padding: 0 0 65px 65px;
  width: calc(50% - 10px);
}

#investor-page-financial .custom-block__table-text {
    font-family: "Source Serif 4";
    font-size: 28px;
    margin-bottom: 16px;
}

/* list of rating reports and List of Financial Statements */

#investor-page-credit .custom-block__table,
#investor-page-financial .custom-block__table {
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 1.5;
    color: #1a1a1a;
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

#investor-page-credit .custom-block__table thead th,
#investor-page-financial .custom-block__table thead th  {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
}

#investor-page-credit .custom-block__table tbody tr td:first-child,
#investor-page-financial .custom-block__table tbody tr td:first-child {
    font-weight: 500 !important;
}

#investor-page-credit .custom-block__table th:first-child,
#investor-page-financial .custom-block__table th:first-child {
    width: 135px;
    white-space: nowrap;
}

#investor-page-credit .custom-block__table tbody td,
#investor-page-financial .custom-block__table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
}

#investor-page-credit .custom-block__table a,
#investor-page-financial .custom-block__table a {
  color: #004392;
}

/* investor relations - breadcrumbs */

#mandate-nav-links,
#portfolio-nav-links,
#funding-nav-links
{
    padding: 65px 65px 0 65px;
}

#capital-nav-links,
#thematic-nav-links,
#credit-nav-links,
#financial-statements-nav-links {
    padding: 65px;
}

#mandate-nav-links .custom-block__block-nav-links,
#capital-nav-links .custom-block__block-nav-links,
#portfolio-nav-links .custom-block__block-nav-links,
#funding-nav-links .custom-block__block-nav-links,
#thematic-nav-links .custom-block__block-nav-links,
#credit-nav-links .custom-block__block-nav-links,
#financial-statements-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#mandate-nav-links .custom-block__block-nav-link,
#capital-nav-links .custom-block__block-nav-link,
#portfolio-nav-links .custom-block__block-nav-link,
#funding-nav-links .custom-block__block-nav-link,
#thematic-nav-links .custom-block__block-nav-link,
#credit-nav-links .custom-block__block-nav-link,
#financial-statements-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#mandate-nav-links .custom-block__block-nav-link:first-of-type,
#capital-nav-links .custom-block__block-nav-link:first-of-type,
#portfolio-nav-links .custom-block__block-nav-link:first-of-type,
#funding-nav-links .custom-block__block-nav-link:first-of-type,
#thematic-nav-links .custom-block__block-nav-link:first-of-type,
#credit-nav-links .custom-block__block-nav-link:first-of-type,
#financial-statements-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#mandate-nav-links .custom-block__block-nav-link a,
#capital-nav-links .custom-block__block-nav-link a,
#portfolio-nav-links .custom-block__block-nav-link a,
#funding-nav-links .custom-block__block-nav-link a,
#thematic-nav-links .custom-block__block-nav-link a,
#credit-nav-links .custom-block__block-nav-link a,
#financial-statements-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}


#mandate-nav-links .custom-block__block-nav-link:last-of-type a,
#capital-nav-links .custom-block__block-nav-link:last-of-type a,
#portfolio-nav-links .custom-block__block-nav-link:last-of-type a,
#funding-nav-links .custom-block__block-nav-link:last-of-type a,
#thematic-nav-links .custom-block__block-nav-link:last-of-type a,
#credit-nav-links .custom-block__block-nav-link:last-of-type a,
#financial-statements-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/* Base */
.custom-block__tab-content {
  display: none;
}
.custom-block__tab-content.is-active {
  display: block;
}
.custom-block__tab.is-active {
  font-weight: bold;
  border-bottom: 3px solid #003e91; /* ή όπως θες */
}

/* member countries */

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__inner.custom-block__inner--member-country  {
  display:grid;
  grid-template-columns: 50% 50%;
  padding: 65px;
  padding-bottom: 0;
  grid-column-gap: 20px;
  grid-row-gap: 65px;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__right {
  max-width: 100%;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom_left_member img {
  width: 100%;
  height: auto;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__table {
  width: 100%;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) :is(.custom-block__row--country-table1, .custom-block__row--country-table2) {
  margin: 20px 0;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__table td {
  padding-left: 0;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__table td:nth-of-type(2) {
  font-weight: bold;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__table td:nth-of-type(1) {
  font-weight: normal !important;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__table-title {
  font-weight: bold;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .field.field--name-field-d1-title9.field--type-string.field--label-hidden.field__item {
  font-family: "Source Serif 4";
  font-size: 28px;
  line-height: 1;
  margin-bottom: 28px;
}

:is(
#albania-member-country,
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__row--country-table2 .custom-block__table-title {
  border-top: solid 2px #999;
  padding-top: 20px;
}

/* member countries accordion */

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item-link {
  list-style: none;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item-link a {
  text-decoration: none;
  color: #999;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item :last-child {
  padding-bottom: 10px;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item:first-of-type {
  border-top: none;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item-title {
  padding-left: 0;
  font-family: "Source Serif 4";
  padding: 20px 0;
  display: flex;
  align-items: center;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item :not(:first-child) {
  display: none;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item.active :not(:first-child) {
  display: revert
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion .custom-block__table-wrapper > .custom-block__title {
  font-weight: bold;
  padding: 16px 0 8px 0;
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item-title::after {
    color: #006ab1;
    font-size: 32px;
    font-weight: 500;
    font-family: 'Material Symbols Outlined';
    transition: transform 0.3s ease;
    content: "\e145";
}

:is(#albania-member-country, 
#armenia-member-country,
#azerbaijan-member-country,
#bulgaria-member-country,
#georgia-member-country,
#greece-member-country,
#moldova-member-country,
#romania-member-country,
#russia-member-country,
#turkiye-member-country,
#ukraine-member-country
) .custom-block__accordion-item.active .custom-block__accordion-item-title::after {
  font-family: 'Material Symbols Outlined';
  content: "\e15b";
  transform: rotate(180deg);
}

/* member countries breadcrumbs */

#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links { 
  padding: 65px; 
  padding-bottom: 0;
}

:is(
#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links
) .custom-block__block-nav-links{
  list-style: none;
  display: flex;
}

:is(
#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links
) .custom-block__block-nav-link {
  border-left: 1px solid #58585a;
  padding: 0 5px;
}

:is(
#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links
) .custom-block__block-nav-link:first-of-type {
  border-left: none;
  padding-left: 0;
}

:is(
#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links
) .custom-block__block-nav-link a{
  color: #58585a;
  text-decoration: none;
}

:is(
#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkiye-nav-links,
#ukraine-nav-links
) .custom-block__block-nav-link:last-of-type a{
  text-decoration: underline;
}

/* country - latest news */

#block-bstdb-views-block-latest-news-latest-news-block .table-wrapper {
  padding: 0;
}

#block-bstdb-views-block-latest-news-latest-news-block .latest-news-container {
  padding: 65px;
  padding-top: 0;
}

#block-bstdb-views-block-latest-news-latest-news-block .latest-news-title {
  margin-bottom: 28px;
  font-size: 28px;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table {
  text-align: left;
  border-spacing: 0px;
  font-size: 15px;
  flex: 0 0 50%;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table th {
  border-bottom: 2px solid #000;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table td {
  border-bottom: 1px solid #dcdcdc;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table th,
#block-bstdb-views-block-latest-news-latest-news-block .views-table td {
  padding: 0.5rem 0.75rem;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table .datetime {
  color: #000;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table a {
  color: #0066cc;
  /* text-decoration: none; */
  font-weight: 600;
}

#block-bstdb-views-block-latest-news-latest-news-block .views-table .latest-content-date > div {
  width: max-content;
}

/* video thumb */

[id$="-video-thumb"] .custom-block__video-thumbnail {
  display: unset;
}

[id$="-member-country"] .custom-block__inner .custom-block__inner--video-thumbnail {
  padding-top: 65px;
}

/* privacy */

#privacy-page-text {
    padding: 65px;
    padding-top: 0px;
}

#privacy-page-text h4 {
    font-size: 28px;
    line-height: 1;
    font-family: "Source Serif 4";
    margin-bottom: 28px;
}

#privacy-page-nav-links {
    padding: 65px;
}

#privacy-page-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#privacy-page-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#privacy-page-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#privacy-page-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#privacy-page-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/* terms and conditions */

#terms-page-text,
#terms-page-logo-text,
#terms-page-maps-text {
    padding: 65px;
    padding-top: 0;
}

#terms-page-text h3,
#terms-page-logo-text h3,
#terms-page-maps-text h3 {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 16px;
}

#terms-page-nav-links {
    padding: 65px;
}

#terms-page-nav-links .custom-block__block-nav-links {
    list-style:none;
    display: flex;
}

#terms-page-nav-links .custom-block__block-nav-link {
    border-left: 1px solid #58585a;
    padding: 0 5px 0 5px;
}

#terms-page-nav-links .custom-block__block-nav-link:first-of-type {
    border-left: none;
    padding-left: 0;
}

#terms-page-nav-links .custom-block__block-nav-link a {
    color: #58585a;
    text-decoration: none;
}

#terms-page-nav-links .custom-block__block-nav-link:last-of-type a {
    text-decoration: underline;
}

/* current internship opportunities */

.node-career-title {
  font-size: 32px;
  font-family: "Source Serif 4";
  padding: 65px 65px 0 65px;
}

.career-table {
    padding: 65px;
    width: 50%;
}

.career-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr; 
}

.career-table th {
    text-align: left;
}

.career-table th, .career-table td {
  border-bottom: 1px solid #dcdcdc;
  padding: 8px;
}

.node-career-text {
  padding: 0 65px 0 65px;
}

.node-career-text p {
  margin: 8px 0 8px 0;
}

.career-link {
  margin: 65px;
}

.career-link a {
  background-color: #034492;
  padding: 18px 86px;
  display: inline-block;
}

.career-link a {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
}

.career-link a:hover {
  background-color: #02366f;
}

.node-career-text ul {
  padding-left: 1.2em;
}

/* BSTDB current vacancies */

.table-wrapper {
  display: flex;
  padding-right: 65px;
}

.table-wrapper .custom-block__button a {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #034492;
  text-decoration: none;
  padding: 18px 86px;
  display: inline-block;
}

.table-wrapper .custom-block__button a:hover {
  background-color: #02366f;
}

.table-wrapper .custom-block__button {
  display: flex;
  align-items: center;
}

#node-vacancies-text,
#node-application,
#node-document {
  padding: 0 65px 65px 65px;
}

#node-vacancies-text p,
#node-application p {
  margin-bottom: 15px;
  font-size: 15px;
}

#node-vacancies-text ul,
#node-application ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
  margin-bottom: 15px;
}

#node-vacancies-text ul:last-of-type,
#node-application ul:last-of-type {
  margin-bottom: 0;
}

#node-vacancies-text li,
#node-application li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

#node-vacancies-text h3,
#node-application h3 {
  font-size: 35px;
}

#node-document .node-document-title {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Inter";
  font-size: 16px;
}

#node-document .custom-document-link {
  background: #ddd;
  padding: 15px;
  border-top: 25px solid #004392;
  width: fit-content;
}

#node-document .custom-document-link a {
  text-decoration: none;
  color: #004392;
}

/*Single Featured Projects*/

.node-feature-projects {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  align-items: start;
}

.node-feature-projects > * {
  grid-column: 1;
}

.node-feature-projects > .node-feature-projects-image {
  grid-column: 2;
  height: 100%;
  align-self: stretch;
  grid-column: 2;
  grid-row: 1 / span 4;
}

.node-feature-projects {
    /* display: flex;
    flex-direction: column; */
    padding: 20px;
    gap: 20px 48px;
}
.node-feature-projects-title {
    font-size: 36px;
    font-weight: 400;
    text-align: left;
    line-height: 1.2;
}

.node-feature-projects .datetime {
  font-size: 18px;
  font-weight: 700;
  color: #034492;
  margin-bottom: 16px;
}

.node-feature-projects-body {
    text-align: justify;
    color: #4b494c;
}

.node-feature-projects-image {
    background-color: #f5f7f8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    box-sizing: border-box;
    grid-row-start: 1;
    grid-row-end: 4;
}

.node-feature-projects-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.node-feature-projects + .btn-pd-right,
[id$="-member-country"] .btn-pd-right {
    list-style: none;
    border-bottom: 10px black solid;
    text-align: left;
}

.node-feature-projects + .btn-pd-right {
  width: 14%;
}

[id$="-member-country"] .btn-pd-right {
  width: 210px;
}

.node-feature-projects + .btn-pd-right {
  margin: 32px 0 0 20px;
}

.node-feature-projects + .btn-pd-right a,
[id$="-member-country"] .btn-pd-right a {
    text-decoration: none;
    color: black;
    font-weight: 800;
}

article.node.node--type-bstdb-feature-projects.node--view-mode-full {
    padding-bottom: 65px;
}


@media only screen and (max-width: 600px) {
  /* .node-feature-projects  {
        padding: 28px;
  } */

  .node-feature-projects {
    grid-template-columns: 100%;
  }

  .node-feature-projects > .node-feature-projects-image {
    grid-column: 1;
  }

  .node-feature-projects-image {
    grid-row-start: auto;
    grid-row-end: auto;
  }

  .btn-pd-right {
    width: 28%;
  }
}

/* splash page */

/* a new chapter */

#new-chapter-bstdb-page {
  display: flex;
  align-items: flex-end;
  padding: 130px 0 130px 65px;
  background-color: #132B61;
}

#new-chapter-bstdb-page .custom-block__left {
  flex: 0 0 25%;
}

#new-chapter-bstdb-page .custom-block__right {
  flex: 0 0 75%;
  max-width: 100%;
}

#new-chapter-bstdb-page .custom-block__right video {
  width: 100%;
  height: auto;
}

#new-chapter-bstdb-page .custom-block__left h3,
#new-chapter-bstdb-page .custom-block__left p {
  color: #fff;
}

#new-chapter-bstdb-page .custom-block__left h3 {
  font-size: 35px;
  line-height: 1;
  margin-bottom: 20px;
}

#new-chapter-bstdb-page .custom-block__left p {
  margin: 0;
  line-height: 1.1;
  font-size: 17px;
}

/* common ground */

#bstdb-page-common-ground {
  padding: 65px;
}

#bstdb-page-common-ground > .custom-block__inner {
  display: flex;
  gap: 20px;
  flex-direction: row-reverse;
}

#bstdb-page-common-ground .custom-block__right,
#bstdb-page-common-ground .custom-block__left {
  flex: 1 1 50%;
}

#bstdb-page-common-ground .custom-block__title h2 {
  font-size: 35px;
  line-height: 1;
}

#bstdb-page-common-ground .custom-block__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 60px;
}

#bstdb-page-common-ground img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: top;
}

#bstdb-page-common-ground .custom-block__right p {
  color: #5c5c5c;
}

#bstdb-page-common-ground .custom-block__right p:nth-of-type(5) {
  margin-top: 60px;
}

#bstdb-page-common-ground .custom-block__right p:nth-last-of-type(-n+2) {
  color: #222;
  margin-bottom: 0;
  font-size: 17px;
}

#bstdb-page-common-ground .custom-block__right p:nth-last-of-type(1) {
  font-size: 12px;
}

/* projects link */

#projects-nav-link {
  padding: 65px;
  padding-bottom: 0;
}

#projects-nav-link li {
  list-style: none;
}

#projects-nav-link a {
  color: #3F5BD5;
  text-decoration: none;
}

/* our region's champions */

#bstdb-page-text-button {
  display: flex;
  gap: 20px;
  padding: 65px;
}

#bstdb-page-text-button .custom-block__left,
#bstdb-page-text-button .custom-block__right {
  flex: 1 1 50%;
}

#bstdb-page-text-button .custom-block__left h4 {
  font-size: 35px;
  font-family: "Source Serif 4";
  margin-bottom: 17px;
}

#bstdb-page-text-button .custom-block__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#bstdb-page-text-button .custom-block__right .custom-block__button a {
  background: #0259A5;
  color: #fff;
  padding: 20px 40px;
}

/* embla accordion - needs id */

@media (min-width: 1100px){
    #bstdb-page-text-button + .views-element-container .embla__slide,
    #bstdb-page-text-button + .views-element-container .embla__slide.is-featured {
        width: 25%;
    }
    
    #bstdb-page-text-button + .views-element-container .slide-image img,
    #bstdb-page-text-button + .views-element-container .embla__slide.is-featured .slide-image img {
        height: 595px;
    }
    
    #bstdb-page-text-button + .views-element-container .embla__slide.is-featured .slide-content,
    #bstdb-page-text-button + .views-element-container .slide-content {
        aspect-ratio: initial;
    }

    #bstdb-page-text-button + .views-element-container .bstdb-gallery {
      padding: 65px;
    }
}

/* tabs */

#splash-page-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
  padding: 65px;
}

/* MENU */
#splash-page-tabs .bstdb-tabs__menu {
  display: grid;
  grid-template-columns: 1fr 1fr; /* δύο στήλες όπως στο mockup */
  gap: 0px;
  column-gap: 40px;
}

#splash-page-tabs .bstdb-tabs__tab {
  background: none;
  text-align: left;
  cursor: pointer;
  font-family: 'Inter';
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0;
  border-bottom: 1.5px #777777 solid;
  color: #496DBE;
  display: flex;
  align-items: flex-start;
  min-height: 78px;
}

#splash-page-tabs .bstdb-tabs__tab:nth-of-type(even) {
  box-shadow: 
  -19px 0 0 0 #fff,
  -20px 0 0 0 #777;
}

#splash-page-tabs .bstdb-tabs__tab:nth-last-of-type(-n+2) {
  align-items: flex-end;
  border-bottom: 0;
}

#splash-page-tabs .bstdb-tabs__tab:is(:hover,:focus) {
  color: rgba(73, 109, 190, 0.43);
}

#splash-page-tabs .bstdb-tabs__btn:hover { filter: brightness(1.05); }

/* panels styling */

#splash-page-tabs .bstdb-tabs__panels {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#splash-page-tabs .bstdb-tabs__panel { display: none; }
#splash-page-tabs .bstdb-tabs__panel.is-active { 
  display: flex; 
  width: 75%;
  gap: 40px;
  flex-direction: column;
}

#splash-page-tabs .bstdb-tabs__panel.is-active .bstdb-tabs__panel-title {
  font-size: 24px;
  font-family: "Inter";
  font-weight: 400;
}

#splash-page-tabs .bstdb-tabs__panel.is-active .bstdb-tabs__panel-text p {
  color: #5C5C5C;
}

#splash-page-tabs .bstdb-tabs__btn {
  background: #0259A5;
  color: #fff;
  padding: 20px 40px;
  width: fit-content;
}

/* for businesses */

#bstdb-page-organizations > .custom-block__inner {
  display: flex;
  gap: 20px;
  padding: 65px;
}

#bstdb-page-organizations .custom-block__left,
#bstdb-page-organizations .custom-block__right {
  flex: 1 1 50%;
}

#bstdb-page-organizations .custom-block__right img {
  width: 100%;
  height: auto;
}

#bstdb-page-organizations .custom-block__title {
  color: #535353;
  font-size: 35px;
  font-family: 'Source Serif 4';
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
}

#bstdb-page-organizations .custom-block__button {
  background: #0259A5;
  color: #fff;
  padding: 20px 40px;
  width: fit-content;
  height: fit-content;
  margin-top: 10px;
}

/* organizations grid */

#bstdb-page-organizations .custom-block__left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

#bstdb-page-organizations .custom-block__title {
  grid-area: 2 / 1 / 3 / 2;
}

#bstdb-page-organizations .custom-block__button {
  grid-area: 3 / 1 / 4 / 2;
}

#bstdb-page-organizations .custom-block__tab {
  grid-column: 2;
}

/* organizations link styling */

#bstdb-page-organizations .custom-block__tab {
  text-decoration: none;
  color: #496DBE;
  display: flex;
  align-items: center;
  border-bottom: 1.5px #777777 solid;
}

#bstdb-page-organizations .custom-block__tab:nth-of-type(1) {
  align-items: flex-start;
  height: 50%;
}

#bstdb-page-organizations .custom-block__tab:last-of-type {
  align-items: flex-end;
  height: 50%;
  border-bottom: 0;
}



/*splash page countries slider*/

#member-nav-link a {
    color: #375FC9;
    text-decoration: none;
    padding: 65px;
}

div#member-nav-link {
    margin-top: 35px !important;
}

#bstdb-page-member-title .custom-block__text {
    font-size: 35px;
    padding-left: 65px;
    margin-top: 10px;
    font-family: 'Source Serif 4';
    margin-bottom: 10px;
}

/* Countries slider */
.view-countries.view-display-id-countries_block {
  position: relative;
  --gap: 24px;
}

/* Το track: χρησιμοποιούμε το .view-content σαν slider lane */
.view-countries.view-display-id-countries_block .view-content {
  display: flex;
  gap: var(--gap);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 8px 56px; /* χώρο για τα βελάκια */
  scroll-padding-left: 56px;
  margin-bottom: 35px;
}

/* Κάθε slide */
.view-countries.view-display-id-countries_block .views-row {
  flex: 0 0 clamp(220px, 24vw, 360px); /* responsive width */
  scroll-snap-align: start;
}

/* Κάρτα */
.country-slide {
  /* border-radius: 16px; */
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  background: #000;
}

/* Εικόνα full-bleed */
.country-slide-image img {
  width: 100%;
  height: clamp(280px, 42vw, 520px);
  object-fit: cover;
  display: block;
}

/* Ελαφρύ gradient για κοντράστ */
.country-slide-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0.55) 100%);
  pointer-events: none;
}

/* Τίτλος πάνω αριστερά */
.country-slide-title {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  color: #fff;
  font-weight: 600;
  font-size: clamp(20px, 2.4vw, 32px);
  line-height: 1.1;
  /* text-shadow: 0 2px 10px rgba(0,0,0,.45); */
  letter-spacing: .5px;
  pointer-events: none;
}

/* Links να γεμίζουν όλη την κάρτα */
.country-link {
  display: block;
  position: relative;
}

/* Αόρατο focus ring για a11y */
.country-link:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -6px;
  /* border-radius: 12px; */
}

/* Navigation arrows */
.countries-nav {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  pointer-events: none;
}

.countries-nav__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inline-size: 42px;
  block-size: 42px;
  border-radius: 999px;
  border: none;
  background: rgba(255,255,255,.9);
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
  display: grid;
  place-items: center;
  cursor: pointer;
  pointer-events: auto;
}

.countries-nav__btn svg { width: 20px; height: 20px; }

.countries-nav__btn--prev { left: 20px; }
.countries-nav__btn--next { right: 20px; }

.countries-nav__btn:hover { background: #fff; }
.countries-nav__btn:active { transform: translateY(-50%) scale(.98); }

/* Κρύψε scrollbar cross-browser */
.view-countries .view-content::-webkit-scrollbar { display: none; }
.view-countries .view-content { scrollbar-width: none; }

/* Μικρές οθόνες: πιο στενά gaps */
@media (max-width: 640px) {
  .view-countries.view-display-id-countries_block { --gap: 16px; }
  .view-countries.view-display-id-countries_block .view-content {
    padding: 8px 20px;
    scroll-padding-left: 48px;
  }

  #member-nav-link a {
    padding: 20px;
  }

  #bstdb-page-member-title .custom-block__text {
    padding-left: 20px;
  }

  .countries-nav__btn--prev {
    left: 10px;
  }

  .countries-nav__btn--next {
    right: 10px;
  }
}

/* form submission styling */

.form-submitted.webform-confirmation {
  padding: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.form-submitted.webform-confirmation h4 {
  font-size: 30px;
  font-family: "Source Serif 4";
}

.webform-confirmation__back a {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #034492;
  text-decoration: none;
  padding: 18px 86px;
  border-radius: 2px;
  display: inline-block;
  margin-top: 65px;
}

.webform-confirmation__back a:hover {
  background-color: #02366f;
}

/* environmental project */

/* breadcrumbs */
#environmental-project-breadcrumb {
  padding: 65px;
  margin: 0;
  font-size: 16px;
}

/* header */
.node-project-title {
  padding-left: 65px;
  font-size: 35px;
  font-family: "Source Serif 4", serif;
  font-weight: 700;
  line-height: 1;
}

/* main text */
.node-project-text {
  padding: 65px;
}

.node-project-text p {
  text-align: justify;
  margin-bottom: 15px;
  font-size: 15px;
}

.node-project-text a {
  text-decoration: none;
  color: #004392;
}

.node-project-text li {
  padding-left: 0.5em;
  font-size: 15px;
  line-height: 24px;
}

.node-project-text ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 1.2em;
}

/* related documents */
#node-document {
  width: fit-content;
}

#node-document .node-document-link:first-of-type {
  border-top: 25px solid #004392;
  padding-top: 15px;
}

#node-document .node-document-link {
  background: #ddd;
  padding: 0 15px;
}

#node-document .node-document-link:last-of-type {
  padding-bottom: 15px;
}

#node-document .node-document-link a {
  text-decoration: none;
  color: #004392;
}

#node-document .node-document-link a::before {
  content: "• ";
  color: rgb(0, 67, 146);
  margin-right: 4px;
}

/* link button */

.node-project-button {
  padding: 0 0 65px 65px;
}

.node-project-button a {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #1f4d9f;
  text-decoration: none;
  padding: 18px 43px;
  display: inline-block;
  text-align: center;
}

.node-project-button a:hover {
  background-color: #003d99;
}

/* =========================================================
   SEARCH RESULTS PAGE ONLY
   Drupal search page: /search/node
   ========================================================= */

body.path-search .layout-content {
  padding: 48px 0 72px;
}

body.path-search .region-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

body.path-search #block-bstdb-content {
  max-width: 100%;
}

/* Main search form */
body.path-search form.search-form {
  background: #f7f9fc;
  border: 1px solid #d9e2ec;
  border-radius: 20px;
  padding: 24px;
  margin-bottom: 36px;
  box-shadow: 0 8px 30px rgba(16, 24, 40, 0.06);
}

body.path-search form.search-form .container-inline {
  display: flex;
  align-items: end;
  gap: 16px;
  flex-wrap: wrap;
}

body.path-search form.search-form .form-item-keys {
  flex: 1 1 320px;
  margin: 0;
}

body.path-search form.search-form label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #16362B;
  margin-bottom: 8px;
}

body.path-search form.search-form .form-search,
body.path-search form.search-form .form-text {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #fff;
  font-size: 16px;
  color: #16362B;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

body.path-search form.search-form .form-search:focus,
body.path-search form.search-form .form-text:focus {
  outline: none;
  border-color: #16362B;
  box-shadow: 0 0 0 4px rgba(22, 54, 43, 0.10);
}

/* Buttons */
body.path-search form.search-form .form-submit,
body.path-search form.search-form .button {
  appearance: none;
  border: 0;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 12px;
  background: #16362B;
  color: #E6E7E2;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.2s ease, background 0.2s ease;
}

body.path-search form.search-form .form-submit:hover,
body.path-search form.search-form .button:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* About searching link */
body.path-search .search-help-link {
  display: inline-block;
  margin: 16px 0 0;
  color: #16362B;
  font-weight: 600;
  text-decoration: none;
}

body.path-search .search-help-link:hover {
  text-decoration: underline;
}

/* Advanced search wrapper */
body.path-search .search-advanced {
  margin-top: 24px;
  border: 1px solid #d9e2ec;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

body.path-search .search-advanced > summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  font-weight: 700;
  color: #16362B;
  background: #eef3f8;
}

body.path-search .search-advanced > summary::-webkit-details-marker {
  display: none;
}

body.path-search .search-advanced .details-wrapper {
  padding: 20px;
}

/* Fieldsets */
body.path-search .search-advanced fieldset {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 18px;
  margin: 0 0 18px;
  min-width: 0;
}

body.path-search .search-advanced legend {
  padding: 0 8px;
  font-weight: 700;
  color: #16362B;
}

/* Keyword fields grid */
body.path-search #edit-keywords-fieldset > .fieldset-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* Checkboxes areas */
body.path-search .form-checkboxes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 20px;
}

body.path-search .form-checkboxes .form-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

body.path-search .form-checkbox {
  margin-top: 4px;
  accent-color: #16362B;
}

body.path-search .form-checkboxes label.option {
  margin: 0;
  font-weight: 500;
  color: #243746;
  line-height: 1.4;
}

/* Search results title */
body.path-search h2 {
  margin: 40px 0 20px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
  color: #16362B;
}

/* Results list */
body.path-search .search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.path-search .search-results > li {
  list-style: none;
  margin: 0 0 20px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e6ebf1;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
  transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.path-search .search-results > li:hover {
  transform: translateY(-2px);
  border-color: #cbd5e1;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

body.path-search .search-result__title {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.25;
}

body.path-search .search-result__title a {
  color: #16362B;
  text-decoration: none;
}

body.path-search .search-result__title a:hover {
  text-decoration: underline;
}

body.path-search .search-result__snippet {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #475467;
}

body.path-search .search-result__snippet strong {
  color: #16362B;
}

/* Pager */
body.path-search .pager {
  margin-top: 40px;
}

body.path-search .pager__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

body.path-search .pager__item {
  margin: 0;
}

body.path-search .pager__item a,
body.path-search .pager__item.is-active a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #d0d5dd;
  background: #fff;
  color: #16362B;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

body.path-search .pager__item a:hover {
  border-color: #16362B;
  background: #f3f7f5;
}

body.path-search .pager__item.is-active a {
  background: #16362B;
  border-color: #16362B;
  color: #E6E7E2;
}

body.path-search .pager__item--ellipsis {
  padding: 0 4px;
  color: #667085;
}

/* Responsive */
@media (max-width: 991px) {
  body.path-search #edit-keywords-fieldset > .fieldset-wrapper,
  body.path-search .form-checkboxes {
    grid-template-columns: 1fr;
  }

  body.path-search .search-result__title {
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  body.path-search .layout-content {
    padding: 32px 0 48px;
  }

  body.path-search .region-content {
    padding: 0 16px;
  }

  body.path-search form.search-form {
    padding: 18px;
    border-radius: 16px;
  }

  body.path-search .search-results > li {
    padding: 18px;
    border-radius: 14px;
  }

  body.path-search .search-result__title {
    font-size: 19px;
  }

  body.path-search .search-result__snippet {
    font-size: 15px;
  }

  body.path-search .pager__item a,
  body.path-search .pager__item.is-active a {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
  }
}





/**************************************************************************/
/**************************************************************************/
/* ----------------------------------------------------------------------- */
/* -------------------------- Mobile --- ONLY -------------------------- */
/* ----------------------------------------------------------------------- */
/**************************************************************************/
/**************************************************************************/

/* splash page */

@media (max-width: 768px) {
  #bstdb-page-common-ground,
  #projects-nav-link,
  #bstdb-page-text-button,
  #bstdb-page-text-button + .views-element-container .bstdb-gallery {
    padding: 20px;
  }

  #projects-nav-link {
    padding-bottom: 0;
  }
  
  #bstdb-page-common-ground > .custom-block__inner,
  #bstdb-page-text-button {
    flex-direction: column;
  }

  #bstdb-page-text-button .custom-block__left h4 {
    text-align: left;
  }

  #bstdb-page-text-button .custom-block__right {
    justify-content: center;
  }

  #bstdb-page-common-ground .custom-block__right,
  #bstdb-page-text-button .custom-block__right {
    padding: 0;
  }

  #bstdb-page-text-button .custom-block__right {
    margin-bottom: 20px;
  }

  #bstdb-page-text-button p {
    font-size: 15px;
  }

  /* tabs */

  #splash-page-tabs {
    grid-template-columns: 100%;
    padding: 20px;
  }

  #splash-page-tabs .bstdb-tabs__panels {
    justify-content: normal;
  }

  #splash-page-tabs .bstdb-tabs__panel.is-active {
    width: 100%;
  }

  /* organizations */

  #bstdb-page-organizations > .custom-block__inner {
    flex-direction: column;
    padding: 20px;
  }

  #bstdb-page-organizations .custom-block__left {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  #bstdb-page-organizations .custom-block__title {
    text-align: left;
  }

  #bstdb-page-organizations .custom-block__tab {
    padding: 20px 0;
  }

  #bstdb-page-organizations .custom-block__right {
    padding: 0;
  }

  /* new chapter */
  #new-chapter-bstdb-page {
    padding: 0px;
    flex-direction: column;
  }

  #new-chapter-bstdb-page .custom-block__left h3 {
    text-align: left;
  }

  #new-chapter-bstdb-page .custom-block__left {
    padding: 20px;
  }

  #new-chapter-bstdb-page .custom-block__right {
    padding: 0;
    padding-bottom: 20px;
  }
}

/* how we operate */

@media (max-width: 768px) {

  #what-we-offer-two-links li.custom-block__link {
    width: 100%;
  }

  /* what we offer and at a glance images texts */

    #images-texts-homepage .custom-block__items,
    #what-we-offer-page-images-texts .custom-block__items {
      flex-direction: column;
    }

    #images-texts-homepage .custom-block__items a, 
    #what-we-offer-page-images-texts .custom-block__items a {
      margin: 30px;
      padding: 14px;
    }

    #images-texts-homepage .custom-block__items > :nth-child(1), 
    #what-we-offer-page-images-texts .custom-block__items > :nth-child(1) {
      margin-right: 30px;
    }

    #images-texts-homepage .custom-block__items > :nth-child(2), 
    #what-we-offer-page-images-texts .custom-block__items > :nth-child(2) {
      margin-top: 0;
      margin-left: 30px;
    }

    #how-we-operate-page-image-text {
        flex-direction: column;
        padding: 30px;
    }

    #how-we-operate-page-links {
        padding: 0;
        margin: 30px 0 30px 0;
    }

    #how-we-operate-page-strategies {
        flex-direction: column;
        padding: 30px;
    }

    #how-we-operate-page-procurement {
        flex-direction: column;
        padding: 30px;
    }

    #how-we-operate-page-procurement .custom-block__row {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-procurement .custom-block__tab-content.is-active {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-procurement .custom-block__tabs {
        flex-wrap: nowrap;
        justify-content: center;
    }

    #how-we-operate-page-procurement .custom-block__tab {
        font-size: 10px;
    }

    #how-we-operate-page-internal-audit{
        padding: 30px;
    }

    #how-we-operate-page-internal-audit .custom-block__tabs {
        flex-wrap: nowrap;
        justify-content: center;
        padding-bottom: 20px;
    }

    #how-we-operate-page-internal-audit .custom-block__tab {
        font-size: 10px;
    }

    #how-we-operate-page-internal-audit .custom-block__row.custom-block__row--top {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-internal-audit .custom-block__tab {
        max-width: calc(100% / 3);
    }

    #how-we-operate-page-evaluation .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-evaluation {
        padding: 30px;
    }

    #how-we-operate-page-environmental .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-environmental {
        padding: 30px;
    }

    #how-we-operate-page-environmental .custom-block__read-more-button-wrapper {
        margin: auto;
        width: 50%;
    }

    #how-we-operate-page-prevention .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column-reverse;
    }

    #how-we-operate-page-prevention {
        padding: 30px;
    }

    #how-we-operate-page-links .custom-block__card a {
        font-size: 16px;    
    }


    @media (max-width: 1024px) {
        #how-we-operate-page-links .custom-block__cards {
            grid-template-columns: repeat(3, 1fr);
        }
        
        #how-we-operate-page-links .custom-block__card:first-child, #how-we-operate-page-links .custom-block__card:nth-child(6) {
            border-left: 1px solid #ccc;
        }

        #how-we-operate-page-links .custom-block__card:first-child, #how-we-operate-page-links .custom-block__card:nth-child(3n+1) {
            border-left: none;
        }
    }

    #how-we-operate-page-project-cycle .custom-block__tabs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        zoom: 0.7;
        padding: 0 40px 0;
        margin-bottom: -75px;
    }

    @media (max-width: 768px) {
        #how-we-operate-page-project-cycle .custom-block__tab {
            max-width: none;
            margin-bottom: 50px;
        }
    }

    #how-we-operate-page-project-cycle .custom-block__content-text {
        padding: 30px;
    }

    #how-we-operate-page-policies {
        padding: 30px;
    }

    #how-we-operate-page-risk-management {
        padding: 30px;
    }

    #how-we-operate-page-project-cycle .custom-block__tab-content.is-active {
        padding: 0px;
    }

    #how-we-operate-page-project-cycle .custom-block__content-text h3 {
        text-align: start;
    }

    #how-we-operate-page-procurement h2,
    #how-we-operate-page-procurement h3,
    #how-we-operate-page-internal-audit h2,
    #how-we-operate-page-internal-audit h3 {
      text-align: left;
    }

    #how-we-operate-page-internal-audit .custom-block__row:nth-of-type(1) p:nth-last-child(-n+3) {
      text-align: left;
    }

    #how-we-operate-page-procurement .custom-block__accordion .custom-block__accordion-item-title {
      text-align: left;
    }

    #how-we-operate-page-project-cycle .custom-block__tab-content.is-active {
      gap: 20px;
    }

    #how-we-operate-page-project-cycle .custom-block__content-image img {
      padding: 0 30px;
    }

    #how-we-operate-page-image-text .custom-block__image img {
      padding: 0;
    }

    #how-we-operate-page-strategies .custom-block__image {
      margin-top: 0;
    }
}

@media (max-width: 768px) {

    #two-texts-video-homepage .custom-block__video {
        margin: -120px 0 -130px;
    }

    #two-texts-video-homepage .custom-block__right {
      margin: 0;
    }

    #two-texts-video-homepage {
      padding: 30px;
    }

    #two-texts-video-homepage .custom-block__right {
      padding: 0;
    }

    #table-text-homepage {
        padding: 0px;
        width: 100%;
    }

    #table-text-homepage p {
        text-align: start;
    }

    #table-text-homepage .clearfix {
        font-size: 21px;
        padding: 0;
    }

    #how-we-operate-page-evaluation h2 {
      text-align: left;
    }
}


/*at a glance*/
@media (max-width: 768px) {

  #video-homepage #text-first-section p {
    font-size: 1.8rem;
  }

  #video-homepage #text-first-section {
    left: 30px;
    bottom: 70px;
  }

    #text-homepage {
        padding: 30px;
        margin: 0;
        display: block;
        font-size: 1rem;
    }

    #text-homepage p {
      font-size: 18px;
    }
    
    #two-texts-video-homepage .custom-block__video {
        margin: -120px 0 -130px;
    }

    #table-text-homepage {
        padding: 0px;
        width: 100%;
    }

    #table-text-homepage p {
        text-align: start;
    }

    #title-text-image-homepage {
        padding: 30px;
    }
    
    #table-text-homepage .custom-block__text {
        font-size: 1rem;
        padding: 30px 30px 0;
    }

    #image-text-icon-homepage .custom-block__right {
        padding: 0;
    }

    #title-text-image-homepage .custom-block__title {
        padding: 0;
    }
    
    #title-text-image-homepage .custom-block__text {
        padding: 0;
    }

    #image-text-icon-homepage .custom-block__text {
        font-size: 1rem;
    }

    #text-image-homepage {
        padding: 30px;
    }
    
    #text-image-homepage p {
        font-size: 1rem;
    }

    #title-text-image-homepage h2 {
        font-size: 24px;
    }
    
    #image-text-homepage .custom-block__image img {
      padding: 0 50px 0 50px;
    }

    /* #homepage-statistics-link {
      margin-top: 30px;
    } */

    #loan-portfolio-1,
    #loan-portfolio-2,
    #loan-portfolio-3 {
      margin-left: 50px;
      margin-right: 50px;
      padding: 0;
    }

    #loan-portfolio-3 .loan-portfolio-source {
      position: unset;
      padding: 10px;
    }
}

/* what we offer mobile */

@media (max-width: 768px) {

    /* #what-we-offer-first-image {
        height: auto;
    } */

    div#what-we-offer-text-image {
        flex-direction: column;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    #what-we-offer-text-image p{
        font-size: 15px;
    }

    #what-we-offer-text-image .custom-block__text {
        padding-left: 0px;
    }

    #what-we-offer-loans .custom-block__row.custom-block__row--top {
        flex-direction: column;
    }

    #what-we-offer-loans .custom-block__row.custom-block__row--middle {
        flex-direction: column;
    }

    #what-we-offer-loans .custom-block__right {
        padding: 0 0 0 0;
    }

    #what-we-offer-loans .custom-block__row--top .custom-block__right,
    #what-we-offer-special-products .custom-block__row--top .custom-block__right,
    #what-we-offer-trade-finance .custom-block__row--top .custom-block__right,
    #what-we-offer-financing-program .custom-block__row--top .custom-block__right {
      padding-top: 0;
    }

    #what-we-offer-loans .custom-block__row.custom-block__row--bottom {
        flex-direction: column;
    }

    #what-we-offer-loans p {
        font-size: 15px;
    }

    div#what-we-offer-guarantees {
        flex-direction: column;
    }

    div#what-we-offer-entity-invest {
        flex-direction: column;
    }

    #what-we-offer-special-products .custom-block__row.custom-block__row--top {
        flex-direction: column;
    }

    #what-we-offer-special-products .custom-block__row.custom-block__row--middle-1 {
        flex-direction: column;
    }

    #what-we-offer-special-products .custom-block__row.custom-block__row--middle-2 {
        flex-direction: column;
    }

    #what-we-offer-special-products .custom-block__row.custom-block__row--bottom {
        flex-direction: column;
        
    }

    #what-we-offer-special-products p {
        font-size: 15px;
    }

    #what-we-offer-guarantees p {
        font-size: 15px;
    }

    #what-we-offer-entity-invest p {
        font-size: 15px;
    }

    #what-we-offer-special-products .custom-block__right {
        padding-left: 0px;
    }

    #what-we-offer-trade-finance .custom-block__row.custom-block__row--top {
        flex-direction: column;
    }

    #what-we-offer-trade-finance p {
        font-size: 15px;
        text-align: justify;
    }

    #what-we-offer-guarantees .custom-block__image {
        padding: 0;
    }

    #what-we-offer-entity-invest .custom-block__image {
        padding: 0;
    }

    #what-we-offer-trade-finance .custom-block__right {
        padding: 0;
    }

    #what-we-offer-trade-finance .custom-block__row.custom-block__row-1 {
        flex-direction: column;
    }

    #what-we-offer-trade-finance .custom-block__row.custom-block__row-2 {
        flex-direction: column;
    }

    #what-we-offer-trade-finance .custom-block__row.custom-block__row-3 {
        flex-direction: column;
    }

    #what-we-offer-trade-finance p {
        text-align:start;
        padding: 10px 0 10px 0;
    }

    #what-we-offer-smes .custom-block__row.custom-block__row--1 {
        flex-direction: column;
    }

    #what-we-offer-smes .custom-block__right {
        padding: 0;
    }

    #what-we-offer-smes .custom-block__right .custom-block__title {
        text-align: center;
    }

    #what-we-offer-smes .custom-block__row.custom-block__row--2 {
        flex-direction: column;
    }

    #what-we-offer-smes p {
        font-size: 15px;
    }

    #what-we-offer-smes .custom-block__title {
        padding-top: 26px;
    }

    #what-we-offer-loans .custom-block__title {
        text-align: center;
    }

    #what-we-offer-special-products .custom-block__title {
        text-align: center;
    }

    #what-we-offer-trade-finance .custom-block__item-title {
        text-align: center;
    }

    #what-we-offer-financing-program .custom-block__title {
        text-align:left;
    }

    div#what-we-offer-financial-sector {
        flex-direction: column;
    }

    div#what-we-offer-special-funds {
        flex-direction: column;
    }

    div#what-we-offer-co-financing {
        flex-direction: column;
    }

    #what-we-offer-financing-program .custom-block__row.custom-block__row--top {
        flex-direction: column;
    }

    #what-we-offer-financing-program .custom-block__row.custom-block__row--middle-1 {
        flex-direction: column;
    }

    #what-we-offer-financing-program .custom-block__row.custom-block__row--middle-2 {
        flex-direction: column;
    }

    #what-we-offer-financing-program .custom-block__row.custom-block__row--bottom {
        flex-direction: column;
    }

    #what-we-offer-financing-program h3 {
        padding-bottom: 26px;
        text-align: left;
    }

    #what-we-offer-financial-sector .custom-block__image {
        padding: 0;
    }

    #what-we-offer-special-funds .custom-block__image {
        padding: 0;
    }

    #what-we-offer-co-financing .custom-block__image {
        padding: 0;
    }

    #what-we-offer-financing-program .custom-block__right {
        padding: 0;
    }

    #what-we-offer-financial-sector p {
        font-size: 15px;
    }

    #what-we-offer-special-funds p {
        font-size: 15px;
    }

    #what-we-offer-co-financing p {
        font-size: 15px;
    }

    #what-we-offer-loans h3 {
        text-align: left;
    }

    #what-we-offer-special-products h3 {
        text-align: left;
    }

    #what-we-offer-trade-finance h3 {
        text-align: left;
    }

    #what-we-offer-smes .custom-block__tab,
    #what-we-offer-trade-finance .custom-block__tab{
        padding: 10px 0px 10px 0px;
        text-align: center;
    }

    #what-we-offer-trade-finance .custom-block__tab-contents > .custom-block__tab-content:nth-of-type(3) {
        width: 100%;
    }

    div#what-we-offer-financing-program,
    div#what-we-offer-co-financing,
    #what-we-offer-special-funds,
    div#what-we-offer-financial-sector,
    #what-we-offer-smes,
    #what-we-offer-trade-finance,
    div#what-we-offer-special-products,
    div#what-we-offer-entity-invest,
    #what-we-offer-guarantees,
    #what-we-offer-loans,
    div#what-we-offer-text-image {
      padding: 30px
    }

    #what-we-offer-financial-sector h3,
    #how-we-operate-page-environmental h2,
    #how-we-operate-page-prevention h2 {
      text-align: left;
    }

    #what-we-offer-trade-finance .custom-block__tab-contents > .custom-block__tab-content:nth-of-type(3),
    #what-we-offer-smes .custom-block__tab-content.is-active {
      width: 100%;
    }

    #what-we-offer-loans .custom-block__inner, 
    #what-we-offer-guarantees .custom-block__text, 
    #what-we-offer-entity-invest .custom-block__text, 
    #what-we-offer-special-products .custom-block__inner, 
    #what-we-offer-trade-finance .custom-block__tab-contents, 
    #what-we-offer-smes .custom-block__tab-contents, 
    #what-we-offer-financial-sector .custom-block__text, 
    #what-we-offer-special-funds .custom-block__text, 
    #what-we-offer-co-financing .custom-block__text,
    #what-we-offer-financing-program {
      margin-bottom: 0;
    }

    #what-we-offer-financing-program p {
      font-size: 15px;
    }

    /* what we offer mobile breadcrumbs */

    #loans-nav-links,
    #guarantees-nav-links,
    #equity-nav-links,
    #special-products-nav-links,
    #trade-finance-nav-links,
    #smes-nav-links,
    #financial-sector-nav-links,
    #special-funds-nav-links,
    #co-financing-nav-links,
    #financing-programmes-nav-links {
        font-size: 12px;
        padding: 0;
        padding-top: 30px;
    }

    #loans-nav-links .custom-block__block-nav-links,
    #guarantees-nav-links .custom-block__block-nav-links,
    #equity-nav-links .custom-block__block-nav-links,
    #special-products-nav-links .custom-block__block-nav-links,
    #trade-finance-nav-links .custom-block__block-nav-links,
    #smes-nav-links .custom-block__block-nav-links,
    #financial-sector-nav-links .custom-block__block-nav-links,
    #special-funds-nav-links .custom-block__block-nav-links,
    #co-financing-nav-links .custom-block__block-nav-links,
    #financing-programmes-nav-links .custom-block__block-nav-links {
        display: flex;
        justify-content: center;
    }

    #loans-nav-links .custom-block__block-nav-link:first-of-type,
    #guarantees-nav-links .custom-block__block-nav-link:first-of-type,
    #equity-nav-links .custom-block__block-nav-link:first-of-type,
    #special-products-nav-links .custom-block__block-nav-link:first-of-type,
    #trade-finance-nav-links .custom-block__block-nav-link:first-of-type,
    #smes-nav-links .custom-block__block-nav-link:first-of-type,
    #financial-sector-nav-links .custom-block__block-nav-link:first-of-type,
    #special-funds-nav-links .custom-block__block-nav-link:first-of-type,
    #co-financing-nav-links .custom-block__block-nav-link:first-of-type,
    #financing-programmes-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }

    /* mobile breadcrumbs */

    #project-cycle-nav-links,
    #strategies-nav-links,
    #policies-nav-links,
    #risk-nav-links,
    #procurement-nav-links,
    #internal-audit-nav-links,
    #evaluation-nav-links,
    #environmental-nav-links,
    #prevention-nav-links {
        padding: 30px;
        padding-bottom: 0;
        font-size: 12px;
    }

    #project-cycle-nav-links .custom-block__block-nav-links,
    #strategies-nav-links .custom-block__block-nav-links,
    #policies-nav-links .custom-block__block-nav-links,
    #risk-nav-links .custom-block__block-nav-links,
    #procurement-nav-links .custom-block__block-nav-links,
    #internal-audit-nav-links .custom-block__block-nav-links,
    #evaluation-nav-links .custom-block__block-nav-links,
    #environmental-nav-links .custom-block__block-nav-links,
    #prevention-nav-links .custom-block__block-nav-links {
        display: flex;
        justify-content: center;
    }

    #project-cycle-nav-links .custom-block__block-nav-link:first-of-type,
    #strategies-nav-links .custom-block__block-nav-link:first-of-type,
    #policies-nav-links .custom-block__block-nav-link:first-of-type,
    #risk-nav-links .custom-block__block-nav-link:first-of-type,
    #procurement-nav-links .custom-block__block-nav-link:first-of-type,
    #internal-audit-nav-links .custom-block__block-nav-link:first-of-type,
    #evaluation-nav-links .custom-block__block-nav-link:first-of-type,
    #environmental-nav-links .custom-block__block-nav-link:first-of-type,
    #prevention-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }

    #how-we-operate-page-internal-audit .custom-block__phase-text h4 {
      width: 100%;
    }

    #what-we-offer-first-image > .custom-block__text {
      font-size: 1.8rem;
      left: 30px;
      bottom: 105px;
      width: calc(100% - 60px);
    }


}

/* environmental-and-social-sustainability-mobile */

@media (max-width: 768px) {
    #enviro-text-image-video .custom-block__left {
      padding-top: 0;
    }

    div#enviro-text-image-video {
        padding: 30px;
        flex-direction: column-reverse;
    }

    #enviro-text-image-video .custom-block__right {
        order: unset;
        padding: 0;
    }

    #enviro-text-image-video p {
        font-size: 15px;
    }

    #enviro-links {
        padding: 0 30px 30px 30px;
        zoom: 0.75;
    }

    #enviro-links .custom-block__cards{
        grid-template-columns: repeat(2, 1fr);
    }

    #enviro-social-assess{
        padding: 30px;
    }

    #enviro-social-assess .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #enviro-social-assess p {
        font-size: 15px;
    }

    #enviro-social-assess h2 {
        text-align: left;
    }

    #enviro-social-assess .custom-block__right {
        padding: 0;
    }

    #enviro-social-standards .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #enviro-social-standards {
        padding: 30px;
    }

    #enviro-social-standards p {
        font-size: 15px;
    }

    #enviro-social-standards h2 {
        text-align: left;
    }

    #enviro-social-standards .custom-block__right {
        padding: 0;
    }

    #enviro-social-info .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #enviro-social-info{
        padding-top: 0px;
    }

    #enviro-social-info p {
        font-size: 15px;
    }

    #enviro-social-info h2 {
        text-align: left;
    }

    #enviro-social-info {
        padding: 0 30px 0 30px;
        
    }

    #enviro-social-info .custom-block__right {
        padding: 0;
        
    }

    #enviro-social-info .custom-block__table {
        min-width: 75%;
    }

    #enviro-social-info .custom-block__table td{
        font-size: 12px;
    }

    #enviro-social-compliance {
        padding: 30px 30px 0 30px;
    }

    #enviro-social-compliance .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #enviro-social-compliance p {
        font-size: 15px;
    }

    #enviro-social-compliance h2 {
        text-align: left;
    }

    #enviro-social-compliance .custom-block__right{
        padding: 0;
    }

    #supervision {
        padding: 30px 30px 0 30px;
    }

    #supervision .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #supervision p {
        font-size: 15px;
    }

    #supervision h2 {
        text-align: left;
    }

    #supervision .custom-block__right{
        padding: 0;
        
    }

    #international .custom-block__inner.custom-block__inner--text-image-docs {
        flex-direction: column;
    }

    #international {
        padding: 30px 30px 0 30px;
    }

    #international p {
        font-size: 15px;
    }

    #international h2 {
        text-align: left;
    }

    #international .custom-block__right{
        padding: 0;
        
    }

    #enviro-useful-info {
        padding: 30px;
    }

    #enviro-useful-info .custom-block__documents-list {
        width: 100%;
    }

    #enviro-useful-info .custom-block__documents-title {
        text-align: center;
    }

    #enviro-links .custom-block__card:nth-child(2n+2) {
        border-right: 0;
    }
}

/* institutional-relations-mobile-fix */

@media (max-width: 768px) {

    #institutional-relations-page-main-section,
    #institutional-relations-link {
        padding: 30px;
    }

    #institutional-relations-page-main-section .custom-block__row.custom-block__row--top {
        flex-direction:column;
    }

    #institutional-relations-page-main-section .custom-block__member-description {
        width: 100%;
    }

    #institutional-relations-page-main-section .custom-block__member {
        gap: 0;
    }

    #institutional-relations-page-main-section .custom-block__text {
        width: 100%;
    }

    #institutional-relations-page-main-section .custom-block__member, #institutional-relations-page-main-section .custom-block__observer {
        gap: 0;
    }

    #institutional-relations-page-main-section img {
        width: 110px;
    }

    #institutional-relations-page-main-section .field__item  img {
        width: 100%;
    }

    #institutional-relations-page-main-section .custom-block__institution {
        flex-direction: column-reverse;
        align-items:center;
    }

    #institutional-relations-page-main-section p {
        font-size: 16px;
        line-height: 24px;
    }

    #institutional-relations-page-main-section .custom-block__text .field--name-field-d1-text15 p {
        font-size: 20px;
        line-height: 32px;
    }

}

@media (max-width: 768px) {

    /* governance mobile */

    div#structured-section-governance-page {
        padding: 20px 0 0 0;
    }
    
    #structured-section-governance-page .custom-block__text {
        padding: 30px;
    }

    #board-of-governors {
        padding: 30px
    }

    #board-of-governors .custom-block__right {
        padding: 0;
    }

    #board-of-governors .custom-block__row--text-image .custom-block__right {
        padding-top: 0;
    }

    #board-of-directors {
        padding: 30px;
    }

    #board-of-directors p {
        font-size: 16px;
    }

    #board-of-directors .custom-block__right {
        padding: 0;
    }

    #board-of-directors .custom-block__row--text-image .custom-block__right {
      padding-top: 0;
    }

    #board-of-directors .tabs {
        width: unset;
    }

    #president-governance-page {
        padding: 30px;
    }

    #president-governance-page .custom-block__right{
        padding: 0;
    }
    
    #management-governance-page {
        padding: 30px;
    }
    
    #management-governance-page .custom-block__text {
        width: unset;
    }

    #management-governance-page .custom-block__image img {
        width: 100%;
    }

    #management-governance-page .custom-block__tabs-wrapper img {
        width: 100%;
    }

    #president-governance-page .custom-block__text-under {
      text-align: left;
    }

    #governance-page-committees,
    #organizational_structure,
    #governance-page-faq {
      flex-direction: column !important;
      padding: 30px;
    }

    #governance-page-committees .custom-block__right {
      padding: 0;
    }

    #governance-page-committees p {
      font-size: 15px;
    }

    #governance-page-faq .custom-block__left {
      text-align: left;
    }

    #governance-page-faq .custom-block__item-title {
      padding: 20px 0;
    }

    #governors-nav-links,
    #directors-nav-links,
    #president-nav-links,
    #management-nav-links,
    #committees-nav-links,
    #organizational-nav-links,
    #faq-nav-links {
        padding: 30px;
        padding-bottom: 0;
        font-size: 12px;
    }

    #governors-nav-links .custom-block__block-nav-links,
    #directors-nav-links .custom-block__block-nav-links,
    #president-nav-links .custom-block__block-nav-links,
    #management-nav-links .custom-block__block-nav-links,
    #committees-nav-links .custom-block__block-nav-links,
    #organizational-nav-links .custom-block__block-nav-links,
    #faq-nav-links .custom-block__block-nav-links {
        display: flex;
        justify-content: center;
    }

    #governors-nav-links .custom-block__block-nav-link:first-of-type,
    #directors-nav-links .custom-block__block-nav-link:first-of-type,
    #president-nav-links .custom-block__block-nav-link:first-of-type,
    #management-nav-links .custom-block__block-nav-link:first-of-type,
    #committees-nav-links .custom-block__block-nav-link:first-of-type,
    #organizational-nav-links .custom-block__block-nav-link:first-of-type,
    #faq-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }

    #governance-page-faq .custom-block__right {
      padding:0;
    }

    #environmental-page-link li.custom-block__link {
      width: 100%;
      
    }

    /* contact mobile */

    #contact-page-headquarters {
      flex-direction: column;
      padding: 30px;
    }

    #contact-page-points {
      width: 100%;
      padding: 30px;
    }

    #contact-page-points .custom-block__accordion-item.active .custom-block__accordion-content {
      display: flex;
      flex-direction: column;
    }

    #points-nav-links,
    #feedback-nav-links {
        padding: 30px;
        padding-bottom: 0;
        font-size: 12px;
    }

    #points-nav-links .custom-block__block-nav-links,
    #feedback-nav-links .custom-block__block-nav-links {
        list-style: none;
        display: flex;
        justify-content: center;
    }

    #points-nav-links .custom-block__block-nav-link:first-of-type,
    #feedback-nav-links .custom-block__block-nav-link:first-of-type {
      padding-left: 10px;
    }
    
    #contact-page-headquarters .custom-block__right {
      padding: 0;
    }

    #feedback-form {
      grid-template-columns: 1fr !important;
    }

    #complaints-form .right-block {
      display: none;
    }

    #complaints-form {
      padding: 0;
    }
}


/* Newsroom */
.bstdb-gallery{
  position:relative;
  width:100%;
  margin-inline:auto;
  padding:clamp(16px,3vw,28px);
  padding-top:50px;
  overflow:hidden;
}

.embla{ overflow:hidden; }
.embla__container{
  --embla-gap: clamp(16px, 2.4vw, 32px);
  display:flex;
  gap: var(--embla-gap);
  align-items:flex-start;
  /* NEW: edge padding so last→first has the same spacing */
  padding-inline: var(--embla-gap);
}

.embla__slide{
  flex:0 0 auto;
  width:var(--portrait-w,320px);
  transition:transform .28s ease;
}
.embla__slide:hover{ transform:translateY(-2px); }

.embla__slide.is-featured{ width:var(--landscape-w,760px); }

.slide-content{
  position:relative;
  aspect-ratio:3 / 4;             
  overflow:hidden;
  transition:box-shadow .25s ease;
  width:100%;
}

.embla__slide.is-featured .slide-content{ aspect-ratio:16 / 9; }

.slide-link{ display:block; color:inherit; text-decoration:none; }

.slide-image{ position:relative; width:100%; height:100%; overflow:hidden; }
.slide-image img{
  inset:0;
  width:100%; height:430px;
  object-fit:cover; display:block;
  transition:transform .3s ease;
}

.slide-link{
  display:block;
  height:100%;
}

@media (hover:hover) and (pointer:fine){
  .slide-content:hover{ box-shadow:0 10px 28px rgba(0,0,0,.14); }
  .slide-content:hover .slide-image img{ transform:scale(1.04); }
}

.slide-title-overlay{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  color:#fff; font-weight:700; text-align:center;
  font-size:clamp(18px,2.2vw,28px);
  text-shadow:0 2px 8px rgba(0,0,0,.4);
  z-index:2; opacity:0; transition:opacity .25s ease; pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  .slide-content:hover .image-dark-overlay,
  .slide-content:hover .slide-title-overlay{ opacity:1; }
}

.slide-info{
  margin-top:12px;
  display:flex; flex-direction:column;
  text-align:left;
}
.slide-date{
  margin:0 0 6px;
  font-weight:700;
  color:#003366;
  line-height:1.3;
  font-size:clamp(15px,1.8vw,20px);
  font-size:14px;
}
.slide-location{
  margin:0;
  color:#333;
  line-height:1.4;
  font-weight:500;
  font-size:clamp(13px,1.4vw,16px);
  font-size:12px;
}

.embla__btn-next{
  position:absolute;
  right:clamp(8px,1.4vw,14px);
  top:50%; transform:translateY(-50%);
  width:56px; height:56px; border-radius:50%;
  background:#fff; border:0; cursor:pointer;
  font-size:28px; line-height:1;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  z-index:20;
}



@media (max-width:1100px){
  .embla__slide{ --portrait-w:260px; }
  .embla__slide.is-featured{ --landscape-w:560px; }
}
@media (max-width:820px){
  .bstdb-gallery{ border-radius:12px; }
  .embla__container{ gap:16px; }
  .embla__slide{ --portrait-w:44vw; }
  .embla__slide.is-featured{ --landscape-w:88vw; }
}

.newsroom-wrapper {
  padding-top:40px;
  padding-bottom:40px;
  padding-left:70px;
  padding-right:0px;
  margin: auto;
}

.breadcrumb {
  font-size: 16px;
  margin-bottom: 10px;
  color: #666;
}

.newsroom-header h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.newsroom-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.views-exposed-form {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.views-exposed-form .form-item {
  margin: 0;
}

.newsroom-results-count {
  font-size: 16px;
  color: #333;
}

.newsroom-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
  gap: 20px 20px;
  margin-top:60px;
}

.newsroom-card {
  display: flex;
  flex-direction: column;
}

.newsroom-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.newsroom-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #003B88;
  text-transform: uppercase;
  line-height: 1.2;
}

.newsroom-category {
  font-size:12px;
}

.newsroom-category a {
  text-decoration:none;
  color:black;
}

.newsroom-category a:hover {
  text-decoration:none;
  color:black;
}

.newsroom-title {
  font-size: 18px;
  margin: 10px 0;
  color: #000;
}

.newsroom-more-link a {
  font-weight: bold;
  text-decoration: none;
  color: #002f6c;
  font-size: 16px;
}

.newsroom-more-link a:hover {
  text-decoration: underline;
}

.newsroom-load-more {
  text-align: center;
  margin: 40px 0;
}

.newsroom-load-more .pager__item--load-more a {
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  color: #002f6c;
}

.newsroom-item {
  display: flex;
  flex-direction: column;
  width: 600px;
  margin-bottom: 40px;
}

.newsroom-image {
  width: 100%;
  height: 350px;
  overflow: hidden;
  display: block;
}

.newsroom-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.newsroom-meta {
  display: flex;
  gap: 6px;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #003B88;
  text-transform: uppercase;
}

.newsroom-title {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin-top: 6px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration:none;
}


.newsroom-title a {
  color: #000;
  text-decoration: none;
}

.newsroom-title a:hover {
  text-decoration: underline;
}

.newsroom-more-link {
  margin-top: 10px;
}

.newsroom-more-link a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: bold;
  color: black;
  text-decoration: none;
}


.newsroom-more-link a:hover {
  text-decoration: none;
}

.more-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  filter: brightness(0) saturate(100%) invert(0);

}

.no-image-placeholder {
  font-size: 26px;
  color: black;
  background-color:lightgray;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  font-style:italic;
}

#block-bstdb-newsroomviewblockimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.block-6-style .newsroom-image {
  position: relative;
  display: block;
  overflow: hidden;
}

.block-6-style .newsroom-image img {
  display: block;
  width: 500px;
  height: auto;
  transition: opacity 0.3s ease;
}

.block-6-style .newsroom-image:hover img {
  opacity: 0.4;
}

/* .block-6-style .year-overlay {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
  color: black;
}

.block-6-style .newsroom-image:hover .year-overlay {
  opacity: 1;
} */

.block-6-style .newsroom-category {
  display:none;
}

.newsroom-item.block-6-style .newsroom-image-wrapper .newsroom-image article .field__item img {
    width: 350px !important;
    height: auto !important;
}

.newsroom-item.block-7-style .newsroom-image-wrapper .newsroom-image article .field__item img {
    width: 350px !important;
    height: auto !important;
}

#newsroom-page-media-contacts {
  width: fit-content;
  margin-left: 65px;
  margin-bottom: 65px;
  /* padding-top: 24px;
  border-top: 2px solid #d8d8d8; */
}

#newsroom-page-media-contacts p {
  margin: 0;
  font-size: 16px;
}

/* date overlay */

.date-overlay .datetime {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
  color: black;
}

.newsroom-item:hover .date-overlay .datetime {
  opacity: 1;
}

@media (max-width: 480px) {
  .newsroom-wrapper {
    padding: 20px;
  }
  
  .newsroom-header h1 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  
  .breadcrumb {
    font-size: 14px;
  }
  
  .newsroom-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 30px;
  }
  
  .newsroom-item {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .newsroom-image {
    height: 200px;
  }
  
  .newsroom-meta {
    font-size: 14px;
    gap: 4px;
    margin-top: 10px;
  }
  
  .newsroom-category {
    font-size: 10px;
  }
  
  .newsroom-title {
    font-size: 14px;
    line-height: 1.3;
    margin-top: 4px;
  }
  
  .newsroom-more-link a {
    font-size: 14px;
  }
  
  .more-arrow {
    width: 14px;
    height: 14px;
  }
  
  .no-image-placeholder {
    font-size: 18px;
  }
  
  .views-exposed-form {
    flex-direction: column;
    gap: 15px;
  }
  
  .newsroom-filters {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  
  .newsroom-switch-tabs .switch-tab {
    width: 100%;
  }

  .newsroom-switch-tabs {
    justify-content: space-between;
    gap: 15px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .newsroom-wrapper {
    padding: 25px 20px;
  }
  
  .newsroom-header h1 {
    font-size: 28px;
    margin-bottom: 18px;
  }
  
  .newsroom-grid {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 40px;
  }
  
  .newsroom-item {
    width: 100%;
    margin-bottom: 25px;
  }
  
  .newsroom-image {
    height: 250px;
  }
  
  .newsroom-meta {
    font-size: 15px;
    gap: 5px;
    margin-top: 12px;
  }
  
  .newsroom-category {
    font-size: 11px;
  }
  
  .newsroom-title {
    font-size: 15px;
    margin-top: 5px;
  }
  
  .newsroom-more-link a {
    font-size: 15px;
  }
  
  .more-arrow {
    width: 15px;
    height: 15px;
  }
  
  .no-image-placeholder {
    font-size: 20px;
  }
  
  .views-exposed-form {
    gap: 18px;
  }

}

@media (min-width: 769px) and (max-width: 1024px) {
  .newsroom-wrapper {
    padding: 40px;
  }
  
  .newsroom-header h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  
  .newsroom-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 50px;
  }
  
  .newsroom-item {
    width: 100%;
    margin-bottom: 30px;
  }
  
  .newsroom-image {
    height: 280px;
  }
  
  .newsroom-meta {
    font-size: 15px;
    gap: 5px;
    margin-top: 12px;
  }
  
  .newsroom-category {
    font-size: 11px;
  }
  
  .newsroom-title {
    font-size: 15px;
    margin-top: 5px;
  }
  
  .no-image-placeholder {
    font-size: 22px;
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .newsroom-wrapper {
    padding: 35px 40px 35px 50px;
  }
  
  .newsroom-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 55px;
  }
  
  .newsroom-item {
    width: 100%;
    margin-bottom: 35px;
  }
  
  .newsroom-image {
    height: 320px;
  }
  
  .no-image-placeholder {
    font-size: 24px;
  }

  .newsroom-item.block-6-style .newsroom-image-wrapper .newsroom-image article .field__item img {
    width: 500px !important;
    height: auto !important;
  }
}

/* albania mobile */

@media (max-width: 768px) {

.custom-block__inner.custom-block__inner--member-country {
  display: grid !important;
  grid-template-columns: 100% !important;
  padding: 30px !important;
  grid-row-gap: 30px !important;
}

.custom-block--member-country .custom-block__right {
  padding: 0 !important;
}

.custom-block--member-country .custom-block__accordion-item-title {
  width: 75% !important;
}

.custom-block--member-country .custom-block__accordion-item {
  text-align: left !important;
}

.custom-block--member-country .custom-block__accordion-item-title::after {
  right: -25% !important;
}

.custom-block--member-country .custom-block__table-wrapper {
  margin: 0 !important;
}


#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkey-nav-links,
#ukraine-nav-links {
  padding: 30px !important;
  padding-bottom: 0 !important;
  font-size: 12px !important;
}

#albania-nav-links,
#armenia-nav-links,
#azerbaijan-nav-links,
#bulgaria-nav-links,
#georgia-nav-links,
#greece-nav-links,
#moldova-nav-links,
#romania-nav-links,
#russia-nav-links,
#turkey-nav-links,
#ukraine-nav-links {
  display: flex !important;
  justify-content: center !important;
}


#albania-nav-links:first-of-type,
#armenia-nav-links:first-of-type,
#azerbaijan-nav-links:first-of-type,
#bulgaria-nav-links:first-of-type,
#georgia-nav-links:first-of-type,
#greece-nav-links:first-of-type,
#moldova-nav-links:first-of-type,
#romania-nav-links:first-of-type,
#russia-nav-links:first-of-type,
#turkey-nav-links:first-of-type,
#ukraine-nav-links:first-of-type {
  padding-left: 10px !important;
}
}

.view-header {
  margin: 0 auto;
  padding-left:70px;
  padding-top:75px;
}

.view-filters {
  margin: 0 auto;
  padding-left:70px;

}

.breadcrumb {
  padding-left:0px !important;
}

.js-pager__items.pager .pager__item a.button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 36px; 
  padding-bottom: 36px; 
  font-size: 24px;
  font-weight: bold;
  color: #002f6c;
  background: none;
  border: none;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}

.js-pager__items.pager .pager__item a.button::before {
  content: "";
  width: 2050px;
  height: 1px;
  background-color: #000;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.js-pager__items.pager .pager__item a.button::after {
  content: "↓";
  font-size: 32px;
  color: #002f6c;
  margin-top: 8px;
}

.js-pager__items.pager .pager__item a.button:hover {
  opacity: 0.7;
  background: none;
}

.load-more-text {
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 6px;
}

.load-more-arrow {
  display: block;
  font-size: 32px;
  line-height: 1;
}

.view-filters .views-exposed-form .form--inline {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.view-filters .form-item {
  margin: 0;
  display: block;
  position: relative;
}

.view-filters .form-item label {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #000;
  margin-bottom: 10px;
  cursor: pointer;
  margin-top:12px;
}

.view-filters .form-item-title label {
  display: none;
}


.view-filters .form-item-field-country-target-id label::after {
  content: " ↓";
  font-size: 16px;
}

.form-item-field-country-target-id {
    right: 100px;
}

.view-filters .form-item-title {
  min-width: 300px;
  position: relative;
}

.view-filters .form-item-title input {
  border: none;
  border-bottom: 2px solid #000;
  background: transparent;
  padding: 8px 40px 8px 0;
  font-size: 16px;
  outline: none;
  width: 100%;
}


.view-filters .form-item-title::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 16px;
  height: 16px;
  background-image: url('/themes/custom/bstdb/assets/search_icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(0) saturate(100%);
}

.view-filters .form-item-field-country-target-id {
  min-width: 200px;
  position: relative;
}

.view-filters .form-select {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  border-radius: 0px;
  background: #B7C3C7;
  padding: 4px 0;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  width: 100%;
  color: #000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
  appearance: none;
}

.view-filters .form-item-field-country-target-id.dropdown-open .form-select {
  display: block;
  height:auto;
}

.view-filters .form-select option {
  padding: 8px 12px;
  color: #000000;
  background: #B7C3C7;
  border: none;
}

.view-filters .form-select option:hover {
  background: #f5f5f5;
}

.view-filters .form-select option:checked {
  background: #B7C3C7;
  font-weight: 500;
}

.view-filters .form-actions {
  display: none;
}

.view-filters input:focus,
.view-filters select:focus {
  border-bottom-color: #666;
}

.view-filters-count {
  padding: 0 20px;
  padding-right:70px;
  text-align: right;
  font-size: 16px;
  color: #666;
}

#block-bstdb-newsroomviewblockimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.node-newsroom-back-button .btn-primary {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #034492;
  text-decoration: none;
  padding: 14px 26px;
  border-radius: 2px;
  display: inline-block;
  margin-top:10px;
}

.node-newsroom-back-button .btn-primary:hover {
  background-color: #02366f;
}

.view-filters .form-item-field-year-value {
  min-width: 200px;
  position: relative;
}

.view-filters .form-item-field-year-value select {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #ddd;
  border-radius: 0px;
  background: white;
  padding: 4px 0;
  font-size: 16px;
  outline: none;
  cursor: pointer;
  width: 100%;
  color: #000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
  appearance: none;
}

.view-filters .form-item-field-year-value.dropdown-open select {
  display: block;
  height: auto;
}

.view-filters .form-item-field-year-value select option {
  padding: 8px 12px;
  color: #000000;
  background: #B7C3C7;
  border: none;
}

.view-filters .form-item-field-year-value select option:hover {
  background: #f5f5f5;
}

.view-filters .form-item-field-year-value select option:checked {
  background: #B7C3C7;
  font-weight: 500;
}

.view-filters .form-item-field-year-value label {
  cursor: pointer;
}

.view-filters .form-item-field-year-value label::after {
  content: " ↓";
  font-size: 16px;
  padding-left: 4px;
}


.custom-view-header {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eee;
}

.custom-view-header h1 {
  font-size: 24px;
  margin: 0;
  color: #002f6c;
}

.custom-view-header .breadcrumb {
  font-size: 14px;
  color: #888;
  margin-bottom: 5px;
}

.block-6-style .newsroom-image {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  /* padding: 10px; */
}

.block-6-style .newsroom-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.block-6-style .newsroom-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 20px 20px;
    margin-top: 60px;
}

.newsroom-switch-tabs {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
  border-bottom: 8px solid transparent;
}

.switch-tab {
  width:300px;
  position: relative;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  background: none;
  border: none;
  color: #666;
  padding-bottom: 24px;
  cursor: pointer;
  text-align: start;
}

.switch-tab::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #999;
  transform: scaleX(1);
  transform-origin: left;
}

.switch-tab.active {
  color: #002f6c;
}

.switch-tab.active::after {
  background-color: #034492;
}

@media (max-width: 480px) {
  .view-header {
    padding: 20px 20px 0 20px;
  }
  
  .view-filters {
    padding: 0 20px;
  }
  
  .view-filters-count {
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
  }
  
  .view-filters .form--inline {
    flex-direction: column;
    gap: 15px;
  }
  
  .view-filters .form-item-title,
  .view-filters .form-item-field-country-target-id,
  .view-filters .form-item-field-year-value {
    min-width: auto;
    width: 100%;
  }
  
  .view-filters .form-item label {
    font-size: 16px;
  }
  
  .js-pager__items.pager .pager__item a.button {
    font-size: 18px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  
  .js-pager__items.pager .pager__item a.button::before {
    width: 100vw;
  }
  
  .js-pager__items.pager .pager__item a.button::after {
    font-size: 24px;
  }
  
  .newsroom-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    /* padding: 0 20px; */
  }
  
  .node-newsroom-back-button .btn-primary {
    font-size: 14px;
    padding: 12px 20px;
    width: 100%;
    text-align: center;
  }
  .form-item-field-country-target-id {
    right: 0px;
}
}

@media (min-width: 481px) and (max-width: 768px) {
  .view-header {
    padding-left: 30px;
    padding-top: 30px;
  }
  
  .view-filters {
    padding-left: 30px;
  }
  
  .view-filters-count {
    padding: 0 30px;
    text-align: center;
  }
  
  .view-filters .form--inline {
    flex-direction: column;
    gap: 20px;
  }
  
  .view-filters .form-item-title,
  .view-filters .form-item-field-country-target-id,
  .view-filters .form-item-field-year-value {
    min-width: auto;
    width: 100%;
  }
  
  .js-pager__items.pager .pager__item a.button::before {
    width: 150vw;
  }
  
  .newsroom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    padding: 0 30px;
  }
  .form-item-field-country-target-id {
    right: 0px;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .view-header {
    padding-left: 40px;
    padding-top: 40px;
  }
  
  .view-filters {
    padding-left: 40px;
  }
  
  .view-filters-count {
    padding: 0;
  }
  
  .view-filters .form--inline {
    flex-wrap: wrap;
    gap: 30px;
  }
  
  .view-filters .form-item-title {
    min-width: 250px;
  }
  
  .view-filters .form-item-field-country-target-id,
  .view-filters .form-item-field-year-value {
    min-width: 180px;
  }
  
  .js-pager__items.pager .pager__item a.button::before {
    width: 120vw;
  }
  
  .newsroom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    /* padding: 0 40px; */
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .view-header {
    padding-left: 50px;
  }
  
  .view-filters {
    padding-left: 50px;
  }
  
  .view-filters-count {
    padding-right: 50px;
  }
  
  .js-pager__items.pager .pager__item a.button::before {
    width: 110vw;
  }
  
  .newsroom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0 50px;
  }
}


@media print {
  .view-filters,
  .js-pager__items,
  .node-newsroom-back-button {
    display: none;
  }
  
  .newsroom-grid {
    display: block;
  }
  
  .newsroom-card {
    break-inside: avoid;
    margin-bottom: 20px;
  }
}


.node-breadcrumb {
  font-size: 14px;
  line-height: 1.2;
  color: #333333;
  margin-top:30px;
  margin-bottom:30px;
  padding-left:20px;
  font-weight: 400;
}

.node-breadcrumb a {
  color: #333333;
  text-decoration: none;
}

.node-breadcrumb a:hover {
  text-decoration: underline;
}

.node-newsroom__content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 20px;
}

.node-newsroom__left {
  width: 50%;
  padding-right: 48px;
  box-sizing: border-box;
}

.node-newsroom-date {
  font-size: 18px;
  font-weight: 700;
  color: #034492;
  margin-bottom: 16px;
}

.node-newsroom-title {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  color: #1a181a;
  margin-bottom: 20px;
}

.node-newsroom-body {
  font-size: 16px;
  line-height: 1.6;
  color: #4b494c;
  font-weight: 400;
}

.node-newsroom-body strong {
  font-weight: 700;
  /* display: block; */
  /* margin-bottom: 8px; */
}

.node-newsroom-body p {
  margin-bottom: 16px;
}

.node-newsroom__right {
  width: 50%;
  background-color: #f5f7f8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  box-sizing: border-box;
}

.node-newsroom-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.node-newsroom-image-container img {
  max-width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.node-newsroom-bottom-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 20px;
  margin: 64px auto 32px;
  flex-wrap: wrap;
}


.node-newsroom-document-link {
  text-decoration: none;
  display: block;
}

.node-newsroom-documents {
  margin: 0;
  padding: 0;
}

.node-newsroom-documents h3 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-family: Inter;
  /* margin: 0 0 12px; */
}

.node-newsroom-document-placeholder {
  width: 210px;
  height: 10px;
  background-color: #000;
}

.node-newsroom-back-button {
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.node-newsroom-back-button .btn-primary {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #034492;
  text-decoration: none;
  padding: 18px 86px;
  border-radius: 2px;
  display: inline-block;
}

.node-newsroom-back-button .btn-primary:hover {
  background-color: #02366f;
}

@media (max-width: 768px) {
  .node-newsroom__content {
    flex-direction: column;
  }

  .node-newsroom__left,
  .node-newsroom__right {
    width: 100%;
    padding: 20px 0;
  }

  .node-newsroom__left {
    padding-right: 0;
  }

  .node-newsroom__right {
    padding: 40px 20px;
  }

  .node-newsroom-back-button {
    justify-content: center;
    padding-bottom: 60px;
  }

  .node-newsroom-back-button .btn-primary {
    width: 100%;
    max-width: 320px;
    text-align: center;
  }

  .node-newsroom-document-placeholder {
    width: 100%;
    max-width: 280px;
  }


.node-newsroom-bottom-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0 20px;
  margin: 64px auto 32px;
  flex-wrap: wrap;
}


}

.node-newsroom-title .contextual {
  display: inline-block;
  position: relative;
  margin-left: 8px;
}

.node-newsroom-title .contextual .trigger {
    width: 26px !important;
    height: 26px !important;
    text-indent: -9999px;
    /* background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%23bebebe' d='M14.545 3.042l-1.586-1.585c-.389-.389-1.025-.389-1.414 0l-1.293 1.293 3 3 1.293-1.293c.389-.389.389-1.026 0-1.415z'/%3e%3crect fill='%23bebebe' x='5.129' y='3.8' transform='matrix(-.707 -.707 .707 -.707 6.189 20.064)' width='4.243' height='9.899'/%3e%3cpath fill='%23bebebe' d='M.908 14.775c-.087.262.055.397.316.312l2.001-.667-1.65-1.646-.667 2.001z'/%3e%3c/g%3e%3c/svg%3e); */
    /* background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px; */
}


.node-newsroom-title .contextual .trigger:hover {
  color: #0074bd;
}

.node-newsroom-title .contextual-links {
  display: none;
  position: absolute;
  right: 0;
  top: 120%;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
  margin: 0;
  padding: 6px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 9999;
}

.node-newsroom-title .contextual-links[data-open] {
  display: block;
}

.node-newsroom-title .contextual-links li a {
  display: block;
  padding: 6px 16px;
  color: #333;
  text-decoration: none;
  font-size: 14px;
}

.node-newsroom-title .contextual-links li a:hover {
  background-color: #f5f5f5;
}
#block-bstdb-annualreportsblock{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 50px;
  padding-left: 65px;
  gap: 2rem;
  flex-wrap: nowrap;
}

#block-bstdb-annualreportsblock .left,
#block-bstdb-annualreportsblock .right {
  flex: 1 1 100%; 
}


#block-bstdb-annualreportsblock .left h1 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

#block-bstdb-annualreportsblock .left h2 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #333;
  margin: 0;
  font-family: 'Georgia', serif;
}

#block-bstdb-annualreportsblock .right p {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #222;
  margin: 0;
}

@media (max-width: 768px) {
  #block-bstdb-annualreportsblock .left,
  #block-bstdb-annualreportsblock .right {
    flex: 1 1 50%;
  }

  #block-bstdb-annualreportsblock {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
  padding-top: 50px;
  padding-left: 65px;
  gap: 2rem;
  flex-wrap: wrap;
}

}

.multimedia-flex-end .node-newsroom-back-button {
  display: flex;
  justify-content: flex-end;
}

.newsroom-anchor {
  position: relative;
  top: -80px;
  visibility: hidden;
  height: 0;
}

/* Knowledge center dynamic table */
.block-views-blockpublic-documents-block-1  .custom-block__table thead th {
    background-color: #004392;
    color: white;
    text-align: left;
    padding: 12px 10px;
    font-weight: 500;
    font-size: 15px;
}

/* knowledge center mobile */

@media (max-width: 768px) {
  #knowledge-center-document-list .doc-flex-wrapper {
    flex-direction: column-reverse;
    padding: 30px;
  }

  #knowledge-center-document-list .doc-image {
    max-width: 100%;
  }

  #knowledge-center-document-list .doc-image img {
    padding: 0;
    margin-top: 0;
  }

  #knowledge-center-document-list .custom-block__table {
    width: 39.7vh;
  }

  #knowledge-page-enviro-social-info,
  #knowledge-page-independent-evaluation {
    padding: 30px;
  }

  #knowledge-page-enviro-social-info h3,
  #knowledge-page-independent-evaluation h3 {
    text-align: left;
  }

  #knowledge-page-enviro-social-info .custom-block__inner.custom-block__inner--text-image-docs,
  #knowledge-page-independent-evaluation .custom-block__inner {
    flex-direction: column !important;
  }

  #knowledge-page-independent-evaluation .custom-block__tab {
    padding: 10px;
  }

  #independent-nav-links {
    padding: 30px;
  }

  #enviro-nav-links,
  #complaints-nav-links {
      padding: 30px;
      padding-bottom: 0;
      font-size: 12px;
  }

  #enviro-nav-links .custom-block__block-nav-links,
  #complaints-nav-links .custom-block__block-nav-links,
  #independent-nav-links .custom-block__block-nav-links {
      display: flex;
      justify-content: center;
  }

  #enviro-nav-links .custom-block__block-nav-link:first-of-type,
  #complaints-nav-links .custom-block__block-nav-link:first-of-type,
  #independent-nav-links .custom-block__block-nav-link:first-of-type {
    padding-left: 10px;
  }

  #what-we-offer-two-links,
  #what-we-offer-three-links {
    margin: 0;
    padding: 30px;
  }

  #what-we-offer-three-links li.custom-block__link,
  #what-we-offer-three-links li.custom-block__link:hover,
  #what-we-offer-three-links li.custom-block__link:hover a {
    width: 100%;
  }

  #what-we-offer-three-links ul.custom-block__links {
    gap: 10px;
  }

  #edit-would-you-like-us-to-provide-you-with-feedback--wrapper .fieldset-wrapper, 
  #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper .fieldset-wrapper {
    flex-direction: column-reverse;
    margin-bottom: 10px;
    gap: 10px;
  }

  #edit-would-you-like-us-to-provide-you-with-feedback, 
  #edit-do-you-wish-for-your-name-to-be-kept-confidential,
  #edit-would-you-like-us-to-provide-you-with-feedback .form-type-radio,
  #edit-do-you-wish-for-your-name-to-be-kept-confidential--wrapper .form-type-radio {
    margin: 0;
  }

  #edit-would-you-like-us-to-provide-you-with-feedback, #edit-do-you-wish-for-your-name-to-be-kept-confidential {
    margin-left: -10px;
  }

  #knowledge-page-enviro-social-info .custom-block__right,
  #knowledge-page-independent-evaluation .custom-block__right {
    padding: 0;
  }
}

.block-views-blockpublic-documents-block-1 .custom-block__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}


.block-views-blockpublic-documents-block-1 .custom-block__table tbody tr td:first-child {
    font-weight: 500 !important;
}

.block-views-blockpublic-documents-block-1 .custom-block__table tbody td {
    padding: 10px;
    border-top: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
}


.block-views-blockpublic-documents-block-1  .custom-block__table th:first-child {
    width: 115px;
    max-width: 135px;
    white-space: nowrap;
}

.view-filters .form-item-field-document-type-target-id label::after {
  content: " ↓";
  font-size: 16px;
}

.view-filters .form-item-field-document-type-target-id {
  min-width: 200px;
  position: relative;
}


.view-filters .form-item-field-document-type-target-id.dropdown-open .form-select {
  display: block;
  height: auto;
}

.map-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-top:5px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #f0f0f0;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.captcha__element {
  position:relative;
  /* right:20px; */
  right: 0px;
}

.captcha.captcha-type-challenge--recaptcha {
  padding: 0;
}

fieldset.captcha {
  border: none !important;
}

fieldset.captcha legend.captcha__title {
  visibility: hidden !important;
}

fieldset.captcha .captcha__description {
  visibility: hidden !important;
}

/* investor relations mobile */

@media (max-width: 768px) {

  #investor-page-investor {
    flex-direction: column;
    padding: 30px;
  }

  #investor-page-three-links,
  #investor-page-mandate,
  #environmental-page-link {
    padding: 30px;
  }

  #investor-page-three-links .custom-block__links {
    padding: 0;
    margin: 0;
  }

  #investor-page-three-links .custom-block__link {
    width: 100%;
    text-align: center;
    padding: 10px;
  }

  #investor-page-mandate .custom-block__inner.custom-block__inner--image-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 1rem;
  }

  #investor-page-mandate .custom-block__tabs-wrapper {
    grid-template-columns: 1fr;
  }

  #investor-page-mandate .custom-block__tab {
    flex: unset;
  }

  #investor-page-mandate .field.field--name-field-image2.field--type-entity-reference.field--label-hidden.field__item {
    width: unset !important;
  }
  
  #investor-page-mandate img {
    height: auto;
  }

  #investor-page-mandate .custom-block__text {
    width: 100%;
  }

  #investor-page-capital .custom-block__row-2 {
    flex-direction: column;
    margin-bottom: 30px;
  }

  #investor-page-investor .custom-block__right,
  #investor-page-capital .custom-block__right {
    padding: 0; 
  }

  #investor-page-credit .custom-block__logos {
    flex-direction: column;
    padding: 0;
  }

  #investor-page-capital,
  #investor-page-credit,
  #investor-page-funding,
  #investor-page-thematic {
    width: 100%;
    padding: 30px;
    padding-bottom: 0;
  }

  #investor-page-capital h3,
  #investor-page-capital h4 {
    text-align: left;
    margin-bottom: 0;
  }

  #investor-page-financial {
    padding: 30px;
    width: 100%;
  }

  #investor-page-credit .custom-block__logos .custom-block__logo-item {
    padding-bottom: 30px;
  }

  /* breadcrumbs */

  #mandate-nav-links,
  #capital-nav-links,
  #portfolio-nav-links,
  #funding-nav-links,
  #thematic-nav-links,
  #credit-nav-links,
  #financial-statements-nav-links {
      font-size: 12px;
      padding: 0;
  }

  #mandate-nav-links .custom-block__block-nav-links,
  #capital-nav-links .custom-block__block-nav-links,
  #portfolio-nav-links .custom-block__block-nav-links,
  #funding-nav-links .custom-block__block-nav-links,
  #thematic-nav-links .custom-block__block-nav-links,
  #credit-nav-links .custom-block__block-nav-links,
  #financial-statements-nav-links .custom-block__block-nav-links {
      display: flex;
      justify-content: center;
  }

  #mandate-nav-links .custom-block__block-nav-link:first-of-type,
  #capital-nav-links .custom-block__block-nav-link:first-of-type,
  #portfolio-nav-links .custom-block__block-nav-link:first-of-type,
  #funding-nav-links .custom-block__block-nav-link:first-of-type,
  #thematic-nav-links .custom-block__block-nav-link:first-of-type,
  #credit-nav-links .custom-block__block-nav-link:first-of-type,
  #financial-statements-nav-links .custom-block__block-nav-link:first-of-type {
    padding-left: 10px;
  }

  /* font sizes */

  #investor-page-investor p,
  #investor-page-mandate p,
  #investor-page-funding p,
  #investor-page-thematic p,
  #investor-page-financial p {
    font-size: 15px;
  }

  #investor-page-image > .custom-block__text p {
    font-size: 1.8rem;
    text-align: left;
  }

  #investor-page-image > .custom-block__text {
    left: 30px;
    bottom: 95px;
  }

  /* privacy */

  #privacy-page-text {
    padding: 30px;
  }

  #privacy-page-text p {
    font-size: 15px;
  }

  #privacy-page-nav-links {
      font-size: 12px;
      padding: 0;
  }

  #privacy-page-nav-links .custom-block__block-nav-links {
      display: flex;
      justify-content: center;
  }

  #privacy-page-nav-links .custom-block__block-nav-link:first-of-type {
    padding-left: 10px;
  }

  /* terms and conditions */

  #terms-page-text,
  #terms-page-logo-text,
  #terms-page-maps-text {
    padding: 30px;
    padding-top: 0;
  }

  #terms-page-text p,
  #terms-page-logo-text p,
  #terms-page-maps-text p {
    font-size: 15px;
  }

  #terms-page-nav-links {
      font-size: 12px;
      padding: 0;
      padding-bottom: 30px;
  }

  #terms-page-nav-links .custom-block__block-nav-links {
      display: flex;
      justify-content: center;
  }

  #terms-page-nav-links .custom-block__block-nav-link:first-of-type {
    padding-left: 10px;
  }

  /* career */

  #career-page-career {
    padding: 30px;
    flex-direction: column;
  }

  #career-page-career .custom-block__tab, #career-page-internships .custom-block__tab {
    padding: 10px;
  }

  #career-page-career .custom-block__tab, #career-page-internships .custom-block__tab li {
    width: 100%;
    text-align: center;
  }

  #career-page-current-vacancies,
  #career-page-useful-info .custom-block__left,
  #career-page-useful-info .custom-block__right,
  #career-page-internships .custom-block__left, 
  #career-page-internships .custom-block__right {
    width: 100%;
    padding: 30px;
  }

  #career-page-useful-info,
  #career-page-internships {
    padding: 0;
  }

  #career-page-career .custom-block__tabs, #career-page-internships .custom-block__tabs {
    flex-direction: column;
  }

  #career-page-internships .custom-block__tab {
    width: 100% !important;
  }

  #career-page-career .custom-block__right {
    padding: 0;
  }

  #career-page-career h3,
  #career-page-useful-info .field.field--name-field-d1-block-title6.field--type-string.field--label-hidden.field__item, 
  #career-page-internships h3,
  #internship-tab-content-1 .custom-block__tab-text,
  #career-page-useful-info .custom-block__item-title {
    text-align: left;
  }


  #career-nav-links,
  #current-nav-links,
  #useful-nav-links,
  #internships-nav-links {
      padding: 0;
      font-size: 12px;
  }

  #career-nav-links .custom-block__block-nav-links,
  #current-nav-links .custom-block__block-nav-links,
  #useful-nav-links .custom-block__block-nav-links,
  #internships-nav-links .custom-block__block-nav-links {
      display: flex;
      justify-content: center;
  }

  #career-nav-links .custom-block__block-nav-link:first-of-type,
  #current-nav-links .custom-block__block-nav-link:first-of-type,
  #useful-nav-links .custom-block__block-nav-link:first-of-type,
  #internships-nav-links .custom-block__block-nav-link:first-of-type {
    padding-left: 10px;
  }
}  



/*WHO WE ARE TABS*/

/**
 * Disable homepage cards links only on /who-we-are
 */

body.path-who-we-are #links-homepage .custom-block__card-title a {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}




/**/


/* ==========================================================
   BSTDB - Current Solicitations for Goods
   Scope: ONLY this content type
   ========================================================== */

/* ----------------------------------------------------------
   Main container
---------------------------------------------------------- */
.node--type-current-solicitations-for-goods {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* ----------------------------------------------------------
   Hide Drupal metadata
---------------------------------------------------------- */
.node--type-current-solicitations-for-goods .node__meta,
.node--type-current-solicitations-for-goods .node__submitted {
    display: none !important;
}

/* ----------------------------------------------------------
   Hide labels we don't want
---------------------------------------------------------- */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-title > .field__label,
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s > .field__label {
    display: none;
}

/* ----------------------------------------------------------
   Main Title
---------------------------------------------------------- */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-title {
    margin-bottom: 25px;
}

.node--type-current-solicitations-for-goods .field--name-field-solicitation-title .field__item {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.4;
    color: #2A4759;
    padding-bottom: 15px;
    border-bottom: 2px solid #d9d9d9;
}

/* ----------------------------------------------------------
   Information Table
---------------------------------------------------------- */

.node--type-current-solicitations-for-goods .field--name-field-ref-no-sol,
.node--type-current-solicitations-for-goods .field--name-field-issue-date-sol,
.node--type-current-solicitations-for-goods .field--name-field-closing-date-sol,
.node--type-current-solicitations-for-goods .field--name-field-type {
    display: flex;
    align-items: center;
    background: #f4f4f4;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 14px 20px;
}

.node--type-current-solicitations-for-goods .field--name-field-ref-no-sol {
    border-top: 1px solid #dddddd;
}

/* Labels */
.node--type-current-solicitations-for-goods .field--name-field-ref-no-sol .field__label,
.node--type-current-solicitations-for-goods .field--name-field-issue-date-sol .field__label,
.node--type-current-solicitations-for-goods .field--name-field-closing-date-sol .field__label,
.node--type-current-solicitations-for-goods .field--name-field-type .field__label {
    width: 180px;
    min-width: 180px;
    margin: 0;
    font-weight: 700;
    color: #555555;
}

/* Values */
.node--type-current-solicitations-for-goods .field--name-field-ref-no-sol .field__item,
.node--type-current-solicitations-for-goods .field--name-field-issue-date-sol .field__item,
.node--type-current-solicitations-for-goods .field--name-field-closing-date-sol .field__item,
.node--type-current-solicitations-for-goods .field--name-field-type .field__item {
    color: #222222;
    font-weight: 600;
}

/* ----------------------------------------------------------
   Description
---------------------------------------------------------- */

.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s {
    margin-top: 35px;
    font-size: 16px;
    line-height: 1.9;
    color: #333333;
}

/* Paragraph spacing */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s p {
    margin-bottom: 18px;
}

/* Links */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s a {
    color: #0a5ca8;
    text-decoration: underline;
    font-weight: 500;
}

/* Lists */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s ul,
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s ol {
    margin: 15px 0;
    padding-left: 25px;
}

/* Bold text */
.node--type-current-solicitations-for-goods .field--name-field-solicitation-description-s strong {
    color: #2A4759;
}

/* ----------------------------------------------------------
   Documents
---------------------------------------------------------- */

.node--type-current-solicitations-for-goods .field--name-field-documents {
    margin-top: 40px;
    padding-top: 25px;
    border-top: 1px solid #dddddd;
}

.node--type-current-solicitations-for-goods .field--name-field-documents .field__label {
    font-size: 22px;
    font-weight: 600;
    color: #2A4759;
    margin-bottom: 15px;
}

.node--type-current-solicitations-for-goods .field--name-field-documents .field__item {
    margin-bottom: 10px;
}

 .node--type-current-solicitations-for-goods .field--name-field-documents a {
    color: #0a5ca8;
    font-weight: 600;
    text-decoration: none;
}

.node--type-current-solicitations-for-goods .field--name-field-documents a:hover {
    text-decoration: underline;
}



/*Table Solicitation*/
#work-with-us-corporate table.custom-block__table {
    width: 100%;
}


/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media (max-width: 768px) {

    .node--type-current-solicitations-for-goods {
        padding: 25px 15px;
    }

    .node--type-current-solicitations-for-goods .field--name-field-solicitation-title .field__item {
        font-size: 26px;
    }

    .node--type-current-solicitations-for-goods .field--name-field-ref-no-sol,
    .node--type-current-solicitations-for-goods .field--name-field-issue-date-sol,
    .node--type-current-solicitations-for-goods .field--name-field-closing-date-sol,
    .node--type-current-solicitations-for-goods .field--name-field-type {
        flex-direction: column;
        align-items: flex-start;
    }

    .node--type-current-solicitations-for-goods .field--name-field-ref-no-sol .field__label,
    .node--type-current-solicitations-for-goods .field--name-field-issue-date-sol .field__label,
    .node--type-current-solicitations-for-goods .field--name-field-closing-date-sol .field__label,
    .node--type-current-solicitations-for-goods .field--name-field-type .field__label {
        width: 100%;
        min-width: 100%;
        margin-bottom: 6px;
    }
}





/*consaltnty table*/
div#work-with-us-consultancy td {
    font-weight: 500 !important;
}

.node--type-bstdb-newsroom-mc.node--view-mode-full {
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* Hide submitted by admin/date */
.node--type-bstdb-newsroom-mc.node--view-mode-full .node__meta {
  display: none;
}

/* Hide field labels */
.node--type-bstdb-newsroom-mc.node--view-mode-full .field__label {
  display: none;
}

/* Title */
.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-title-mc .field__item {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
}

/* Date */
.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-date-mc {
  margin-bottom: 28px;
}

.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-date-mc .field__item {
  font-size: 15px;
  color: #6b7280;
}

/* Description */
.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-description-mc {
  font-size: 17px;
  line-height: 1.8;
  color: #374151;
  margin-bottom: 35px;
}

.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-description-mc p {
  margin-bottom: 18px;
}

/* Images grid */
.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-image-mc .field__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-image-mc img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

/* Mobile */
@media (max-width: 768px) {
  .node--type-bstdb-newsroom-mc.node--view-mode-full {
    padding: 24px 16px;
  }

  .node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-title-mc .field__item {
    font-size: 28px;
  }

  .node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-image-mc .field__items {
    grid-template-columns: 1fr;
  }

  .node--type-bstdb-newsroom-mc.node--view-mode-full .field--name-field-image-mc img {
    height: auto;
  }