.individual-toolbox-sec .page-menu-wrapper li:has(a.active) {
  background: url(/sites/default/files/images/header/list-arrow-active.svg) no-repeat left center;
}
.icat-toolbox-sec .page-menu-wrapper li:has(a.active) {
  background: url(/sites/default/files/images/header/list-arrow-active.svg) no-repeat left center;
}
.individual-toolbox-sec .page-menu-wrapper a.active {
  color: #FF8E00;
}
.icat-toolbox-sec .page-menu-wrapper a.active {
  color: #FF8E00;
}

.custom-offset {
  padding-top: 80px; /* or margin-top */
}

.video-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.path-search .toolbox-search-sec .search-page .btn-close {
  display: none !important;
}

header .desktop-header .nav-links li .nav-link-item.active {
    color: orange;
}

/* Card wrapper */
.knowledge-sharing-grid .card {
  border: none;
  overflow: hidden;
}

/* Image container – FIXED ASPECT RATIO */
.knowledge-sharing-grid .card-image {
  position: relative;
  width: 100%;
  aspect-ratio: 379 / 218; /* Designer size */
  overflow: hidden;
  background-color: #f2f2f2; /* fallback */
}

/* Image itself */
.knowledge-sharing-grid .card-image img.img-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* KEY LINE */
}

/* Tag (NEWS) */
.knowledge-sharing-grid .card-image .tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
}

/* Arrow icon */
.knowledge-sharing-grid .card-image .icon {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
}

.knowledge-sharing-grid .card-image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%; /* controls shadow height */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0)
  );
}

/* Card wrapper */
.news-events-sec .story-card {
  overflow: hidden;
  border-radius: 12px; /* optional, if design has rounded cards */
}

/* Image wrapper (create fixed aspect ratio) */
.news-events-sec .story-card img.img-bg {
  width: 100%;
  aspect-ratio: 520 / 300; /* Designer size */
  object-fit: cover;      /* IMPORTANT */
  display: block;
  background-color: #f2f2f2; /* fallback */
}

/* Remove blue border caused by nt-focus */
.nt-focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* For menu links specifically */
.nav-link.nt-focus,
.menu a.nt-focus {
  outline: none !important;
  box-shadow: none !important;
}

.cta-btn {
  background-color: #000a3a;
  color: #ffffff;
  border: 2px solid #000a3a;
  transition: all 0.3s ease;
}

/* Hover state */
.cta-btn:hover,
.cta-btn:focus {
  background-color: #ffffff;
  color: #000a3a;
  border-color: #000a3a;
}


/* Accordion item divider */
.icat-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #ddd;
}

/* Accordion button */
.icat-accordion .accordion-button {
  font-weight: 600;
  padding: 1.5rem 1rem;
  background: #fff;
  color: #000;

  /* 🔑 Alignment fix */
  display: flex;
  align-items: flex-start;
  column-gap: 12px;
}

.icat-accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
}

/* 🔑 Subtitle (step number / chapter label) */
.icat-accordion .step-number {
  width: 160px;           /* Fixed width for alignment */
  flex-shrink: 0;         /* Prevent shrinking */
  font-weight: 700;
  color: #4b5cff;
  text-align: left;
  white-space: nowrap;    /* Prevent line break */
}

/* 🔑 Main title text */
.icat-accordion .accordion-button > :not(.step-number) {
  flex: 1;
}

/* Accordion body */
.icat-accordion .accordion-body {
  padding-left: calc(160px + 26px); /* Align body with title */
  font-size: 0.95rem;
}

/* Links inside accordion */
.icat-accordion a {
  color: #4b5cff;
  text-decoration: none;
}

.icat-accordion a:hover {
  text-decoration: underline;
}

/* Lists inside accordion body */
.icat-accordion .accordion-body ul {
  list-style-type: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.icat-accordion .accordion-body li {
  margin-bottom: 0.5rem;
}



header .desktop-header .nav-links li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .desktop-header .nav-links li button.menu-toggle-btn {
  background: none;
  border: 0;
  padding: 0;
  margin-left: 10px;
  cursor: pointer;
}

header .desktop-header .nav-links li .menu-toggle-btn img {
  width: 14px;
  height: auto;
}

header .desktop-header .nav-links li a:hover {
  color: #FF8E00;
}

header .desktop-header .nav-links .nav-link-text {
  color: black;
  transition: color 0.3s;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-transform: capitalize;
}


.mobile-nav .nav-links .nav-link-row {
  width: 100%;
}

.mobile-nav .nav-links li button.menu-toggle-btn {
  background: none;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.mobile-nav .nav-links li .menu-toggle-btn img  {
  width: 14px;
}


.country-support-sec .common-title-sec
 {
    max-width: 1396px;
    margin: 0 auto 43px auto;
}



.btn-icat-bio {
  background-color: #000A3A;
  color: #ffffff;
  border: 1px solid #000A3A;
  font-weight: 600;
  padding: 12px 0;
  width: 100%;              /* 🔥 FULL WIDTH */
  max-width: 200px;         /* optional – keeps it neat */
  margin: 0 auto;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.btn-icat-bio:hover,
.btn-icat-bio:focus {
  background-color: #ffffff;
  color: #000A3A;
  border-color: #000A3A;
}


.page-node-type-posts .impact-stories-body-left img {
  width: 100% !important;
  max-width: 100%;
  height: auto;
  display: block;
}

.footer{
  padding: 0 !important;
}

button.search-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    cursor: pointer;
    line-height: 0;
}
#search-modal form button[type="submit"] img{
    width: 25px;
    height: 25px;
}

#all-tools .accordion .accordion-item .accordion-body {
    margin: 30px 30px 0 30px;
}

.policy-impact-card img.tool-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    /* background: #f5f5f5; */
}

.countryList .countrynameinfo li a{
	    color: #000A3A;
}
.countryList .countrynameinfo li a {
    color: #000A3A;
    transition: color 0.3s ease;
}

.countryList .countrynameinfo li a:hover,
.countryList .countrynameinfo li a:focus {
    color: #FF8E00;
}

/* Autocomplete dropdown */
.ui-autocomplete {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    /* border-radius: 8px; */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    padding: 6px 0;
    z-index: 9999;
}


.ui-widget-content a{
     padding: 10px 16px;
    font-size: 16px;
    color: #4F4F4F;
    cursor: pointer;
    background: transparent !important;
    transition: color 0.25s ease;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
}
/* Hover + active (TEXT ONLY) */
.ui-menu-item-wrapper:hover,
.ui-menu-item-wrapper.ui-state-active {
    color: #FF8E00 !important;
    background: transparent !important;
}

/* Remove jQuery UI default focus style */
.ui-state-active,
.ui-widget-content .ui-state-active {
    background: transparent !important;
    border: none !important;
}

/* .text-formatted p a{
	color: #FF8E00;
} */

.text-formatted li a{
	color: #FF8E00;
}


.individual-toolbox-sec .global-network-sec{
	padding: 0 !important;
    border-top: 0px !important;
    background: transparent;
}

.individual-toolbox-sec .global-network-sec .common-title-sec{
	margin-bottom: 1rem !important;
	padding-bottom: 0;
}
.individual-toolbox-sec .global-network-sec .common-title-sec .heading-2 {
	text-align: start !important;
	color: #000A3A;
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1px;
}

.individual-toolbox-sec .global-network-sec .global-network-wrapper .heading-global-network{
    color: #000A3A;
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 10, 58, 0.2);
}


.individual-toolbox-sec .common-title-sec .heading-2
 {
    color: #000A3A;
    margin-bottom: 5px;
    text-align: start !important;
    color: #000A3A;
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1px;
}



.individual-toolbox-sec .country-support-sec .common-title-sec
 {
    margin: 1rem 0;
}

.individual-toolbox-sec .common-title-sec .heading-2
 {
    color: #000A3A;
    margin-bottom: 5px;
    text-align: start !important;
    color: #000A3A;
    font-family: "Open Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1px;
}


.individual-toolbox-sec .country-support-sec .common-title-sec
 {
    margin: 1rem 0;
}

.individual-toolbox-sec .country-support-sec{
	margin-bottom: 50px;
	padding: 0!important;
}
/* 📱 Mobile adjustments */
@media (max-width: 576px) {
  #all-tools .accordion .accordion-item .accordion-body {
      margin: 18px 18px 0 18px;
  }

  div#sliding-popup {
      width: 100%;
      bottom: 0px;
      background: #2b2b2b;
      color: #ffffff;
      position: fixed !important;
      z-index: 2147483647 !important;
  }

  .eu-cookie-compliance-secondary-button,
  .eu-cookie-compliance-default-button {
    background: #f7931e;
    color: #ffffff;
    border: none;
    padding: 6px 16px;
    font-size: 11px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px
  }
  .icat-accordion .step-number {
    width: 125px;
  }

  .mobile-nav-wrapper .mobile-nav .nav-links .nav-link-text {
    color: black;
    transition: color 0.3s;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize;
    position: relative;
  }

}



/* Tablet */
@media (min-width: 768px) {
  .logo-img {
    height: 25px;
  }

  .logo-img:first-child {
    margin-right: 8px;
  }
  #sliding-popup button.decline-button.button--primary:hover,
  #sliding-popup button.decline-button.button--primary:focus {
    background: #2b2b2b !important;
    background-color: #2b2b2b !important;
    background-image: none !important;
    border-color: #2b2b2b !important;
    color: #ffffff !important;
  }
   /* Cookie banner main wrapper */
  #sliding-popup {
    background: #2b2b2b;
    color: #ffffff;
    min-height: 70px;
    display: flex;
    align-items: center;
  }

  /* Inner banner */
  .eu-cookie-compliance-banner {
    width: 100%;
  }

  /* Content alignment */
  .eu-cookie-compliance-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    max-width: 90% !important;
  }

  /* Message text */
  .eu-cookie-compliance-message {
    max-width: 70%;
    font-size: 16px;
    line-height: 1.6;
    white-space: normal;
  }

  .eu-cookie-compliance-message p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
  }

  /* Line breaks allowed */
  .eu-cookie-compliance-message br {
    display: inline;
  }

  /* Buttons wrapper */
  .eu-cookie-compliance-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }

  /* Accept & No thanks */
  .eu-cookie-compliance-secondary-button,
  .eu-cookie-compliance-default-button {
    background: #f7931e;
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
  }

  /* More info */
  .find-more-button {
    background: transparent;
    color: #ffffff;
    text-decoration: underline;
    border: none;
    padding: 0;
    font-size: 14px;
  }

  /* Remove default button styles */
  .eu-cookie-compliance-buttons button {
    box-shadow: none;
  }
}

/* Desktop & large screens */
@media (min-width: 1200px) {
  .logo-img {
    height: 48px;
  }
}

@media (max-width: 767px) {
  .nav-actions {   /* stack items */
    align-items: flex-start;  /* align to left */
    gap: 6px;                 /* space between */
  }

  button.btn-subscribe.btn-primary{
    margin-top:16px;
  }

  .nav-actions .search-btn img.search-icon {
    width: 35px; /* adjust size */
    height: 27px;
  }

  .nav-actions .language-switcher {
    font-size: 0.7rem;
  }

}