/* Quick CSS Fixes */
/* Add your quick fixes here */

.news-card:hover .card-img img {
  scale: 1.0;
}

/* Sticky Header on Scroll */
.header {
  position: relative;
  transition: all 0.3s ease-in-out;
}

.header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background-color:  #011029;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  margin: 0;
  border-radius: 0;
  padding: 0 var(--margin-around-header);
}

/* Footer links center align on mobile */
@media screen and (max-width: 767px) {
  .footer .center ul {
    justify-content: center !important;
  }
}

/* ============================================
   TYPOGRAPHY SYSTEM - Consistent Font Sizes
   ============================================ */

:root {
  /* Base Content Font Size - Used for all body text, descriptions, paragraphs */
  --font-size-content: 1.125rem;
  /* 18px - Standard content text */
  --font-size-content-mobile: 1rem;
  /* 16px - Mobile content text */

  /* Heading Sizes - Hierarchical system */
  --font-size-h1: 3rem;
  /* 48px - Main page headings, hero headings */
  --font-size-h1-tablet: 2.5rem;
  /* 40px - Tablet */
  --font-size-h1-mobile: 2rem;
  /* 32px - Mobile */

  --font-size-h2: 2.5rem;
  /* 40px - Section headings, inner page main headings */
  --font-size-h2-tablet: 2rem;
  /* 32px - Tablet */
  --font-size-h2-mobile: 1.75rem;
  /* 28px - Mobile */

  --font-size-h3: 2rem;
  /* 32px - Sub-section headings */
  --font-size-h3-tablet: 1.75rem;
  /* 28px - Tablet */
  --font-size-h3-mobile: 1.5rem;
  /* 24px - Mobile */

  --font-size-h4: 1.75rem;
  /* 28px - Card headings, smaller section headings */
  --font-size-h4-tablet: 1.5rem;
  /* 24px - Tablet */
  --font-size-h4-mobile: 1.25rem;
  /* 20px - Mobile */

  --font-size-h5: 1.5rem;
  /* 24px - Small headings, news card headings */
  --font-size-h5-tablet: 1.25rem;
  /* 20px - Tablet */
  --font-size-h5-mobile: 1.125rem;
  /* 18px - Mobile */

  --font-size-h6: 1.25rem;
  /* 20px - Smallest headings */
  --font-size-h6-tablet: 1.125rem;
  /* 18px - Tablet */
  --font-size-h6-mobile: 1rem;
  /* 16px - Mobile */
}

/* ============================================
   CONTENT TEXT - Consistent across all pages
   ============================================ */

/* Base content text - applies to all paragraphs, descriptions, body text */
body,
.desc,
.main-info,
.news-details-info,
.inner-banner-content .desc,
.blurred-box-content .info,
.report-item .report-desc,
.news-card .desc,
.services-card .desc,
.funds-card .desc,
.insights-card .insights-card-wrapper .desc,
.banner-slide .desc,
.news-details-content .news-details-info,
.inner-banner-content .desc,
.article-title,
.info-item,
.date-item,
.copyright,
.Filings-table,
.report-desc,
.news-date-item,
.news-details-info,
/* Additional inner page content elements */
.general-info,
.online-trading-boxes-content .online-trading-box .info,
.contact-item-content,
.contact-item-content p,
.contact-item-content a,
.contact-item-content li,
.requirements-list li,
.article .article-container .article-content .article-title,
.fact-sheet-document .fact-sheet-document-container .fact-sheet-document-content .fact-sheet-document-title,
.BOD-full-card .card-body,
.BOD-full-card .top .card-title,
.BOD-card .card-title,
.key-strengths-box .desc,
.gold-bordered-box .desc,
.public-markets-content .sub-info,
.concierge-services-item span,
.global-table td,
.book-services-item,
.news-date-item,
.news-card,
.insights-card .insights-card-wrapper .info-items .info-item,
.report-item .report-year,
.report-item .report-desc,
.full-circle .outer-sector,
.public-markets-content .sub-info,
li,
ul,
td,
th {
  font-size: var(--font-size-content) !important;
  line-height: 1.6;
}

@media screen and (max-width: 1400px) {

  body,
  .desc,
  .main-info,
  .news-details-info,
  .inner-banner-content .desc,
  .blurred-box-content .info,
  .report-item .report-desc,
  .news-card .desc,
  .services-card .desc,
  .funds-card .desc,
  .insights-card .insights-card-wrapper .desc,
  .banner-slide .desc,
  .news-details-content .news-details-info,
  .inner-banner-content .desc,
  .article-title,
  .info-item,
  .date-item,
  .copyright,
  .Filings-table,
  .report-desc,
  .news-date-item,
  .news-details-info,
  .general-info,
  .online-trading-boxes-content .online-trading-box .info,
  .contact-item-content,
  .contact-item-content p,
  .contact-item-content a,
  .contact-item-content li,
  .requirements-list li,
  .article .article-container .article-content .article-title,
  .fact-sheet-document .fact-sheet-document-container .fact-sheet-document-content .fact-sheet-document-title,
  .BOD-full-card .card-body,
  .BOD-full-card .top .card-title,
  .BOD-card .card-title,
  .key-strengths-box .desc,
  .gold-bordered-box .desc,
  .public-markets-content .sub-info,
  .concierge-services-item span,
  .global-table td,
  .book-services-item,
  .news-date-item,
  .news-card,
  .insights-card .insights-card-wrapper .info-items .info-item,
  .report-item .report-year,
  .report-item .report-desc,
  .full-circle .outer-sector,
  .public-markets-content .sub-info,
  li,
  ul,
  td,
  th {
    font-size: var(--font-size-content) !important;
  }
}

@media screen and (max-width: 767px) {

  body,
  .desc,
  .main-info,
  .news-details-info,
  .inner-banner-content .desc,
  .blurred-box-content .info,
  .report-item .report-desc,
  .news-card .desc,
  .services-card .desc,
  .funds-card .desc,
  .insights-card .insights-card-wrapper .desc,
  .banner-slide .desc,
  .news-details-content .news-details-info,
  .inner-banner-content .desc,
  .article-title,
  .info-item,
  .date-item,
  .copyright,
  .Filings-table,
  .report-desc,
  .news-date-item,
  .news-details-info,
  .general-info,
  .online-trading-boxes-content .online-trading-box .info,
  .contact-item-content,
  .contact-item-content p,
  .contact-item-content a,
  .contact-item-content li,
  .requirements-list li,
  .article .article-container .article-content .article-title,
  .fact-sheet-document .fact-sheet-document-container .fact-sheet-document-content .fact-sheet-document-title,
  .BOD-full-card .card-body,
  .BOD-full-card .top .card-title,
  .BOD-card .card-title,
  .key-strengths-box .desc,
  .gold-bordered-box .desc,
  .public-markets-content .sub-info,
  .concierge-services-item span,
  .global-table td,
  .book-services-item,
  .news-date-item,
  .news-card,
  .insights-card .insights-card-wrapper .info-items .info-item,
  .report-item .report-year,
  .report-item .report-desc,
  .full-circle .outer-sector,
  .public-markets-content .sub-info,
  li,
  ul,
  td,
  th {
    font-size: var(--font-size-content-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 1 - Main Page Headings
   ============================================ */

.main-heading,
.banner-slide .heading {
  font-size: var(--font-size-h1) !important;
}

@media screen and (max-width: 1400px) {

  .main-heading,
  .banner-slide .heading {
    font-size: var(--font-size-h1-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  .main-heading,
  .banner-slide .heading {
    font-size: var(--font-size-h1-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 2 - Section Headings, Inner Page Main Headings
   ============================================ */

.inner-banner-content .heading,
.news-details-content .news-heading,
.news-heading,
h2,
.heading-with-button .main-heading {
  font-size: var(--font-size-h2) !important;
}

@media screen and (max-width: 1400px) {

  .inner-banner-content .heading,
  .news-details-content .news-heading,
  .news-heading,
  h2,
  .heading-with-button .main-heading {
    font-size: var(--font-size-h2-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  .inner-banner-content .heading,
  .news-details-content .news-heading,
  .news-heading,
  h2,
  .heading-with-button .main-heading {
    font-size: var(--font-size-h2-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 3 - Sub-section Headings
   ============================================ */

.inner-banner-content .sub-heading,
.blurred-box-content .heading,
.sub-heading,
.general-info .sub-heading,
h3 {
  font-size: var(--font-size-h3) !important;
}

@media screen and (max-width: 1400px) {

  .inner-banner-content .sub-heading,
  .blurred-box-content .heading,
  .sub-heading,
  .general-info .sub-heading,
  h3 {
    font-size: var(--font-size-h3-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  .inner-banner-content .sub-heading,
  .blurred-box-content .heading,
  .sub-heading,
  .general-info .sub-heading,
  h3 {
    font-size: var(--font-size-h3-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 4 - Card Headings, Smaller Sections
   ============================================ */

.services-card .heading,
.funds-card .heading,
.insights-card .insights-card-wrapper .heading,
.investor-relations-wrapper .heading-with-button .heading,
.card-heading,
.online-trading-boxes-content .online-trading-box .heading,
.dfic-box .heading,
h4 {
  font-size: var(--font-size-h4) !important;
}

@media screen and (max-width: 1400px) {

  .services-card .heading,
  .funds-card .heading,
  .insights-card .insights-card-wrapper .heading,
  .investor-relations-wrapper .heading-with-button .heading,
  .card-heading,
  .online-trading-boxes-content .online-trading-box .heading,
  .dfic-box .heading,
  h4 {
    font-size: var(--font-size-h4-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  .services-card .heading,
  .funds-card .heading,
  .insights-card .insights-card-wrapper .heading,
  .investor-relations-wrapper .heading-with-button .heading,
  .card-heading,
  .online-trading-boxes-content .online-trading-box .heading,
  .dfic-box .heading,
  h4 {
    font-size: var(--font-size-h4-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 5 - Small Headings, News Cards
   ============================================ */

.news-card .heading,
.banner-card .card-heading,
.report-item .report-year,
.eligible-card .heading,
.public-markets-content .sub-heading,
.fact-sheet-years-tab,
.fact-sheet-years-tabs-container .nav-prev,
.fact-sheet-years-tabs-container .nav-next,
h5 {
  font-size: var(--font-size-h5) !important;
}

@media screen and (max-width: 1400px) {

  .news-card .heading,
  .banner-card .card-heading,
  .report-item .report-year,
  .eligible-card .heading,
  .public-markets-content .sub-heading,
  .fact-sheet-years-tab,
  .fact-sheet-years-tabs-container .nav-prev,
  .fact-sheet-years-tabs-container .nav-next,
  h5 {
    font-size: var(--font-size-h5-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  .news-card .heading,
  .banner-card .card-heading,
  .report-item .report-year,
  .eligible-card .heading,
  .public-markets-content .sub-heading,
  .fact-sheet-years-tab,
  .fact-sheet-years-tabs-container .nav-prev,
  .fact-sheet-years-tabs-container .nav-next,
  h5 {
    font-size: var(--font-size-h5-mobile) !important;
  }
}

/* ============================================
   HEADING LEVEL 6 - Smallest Headings
   ============================================ */

h6,
.card-name,
.board-committees-title,
.BOD-full-card .top .card-name,
.BOD-card .card-name,
.global-table thead th {
  font-size: var(--font-size-h6) !important;
}

@media screen and (max-width: 1400px) {

  h6,
  .card-name,
  .board-committees-title,
  .BOD-full-card .top .card-name,
  .BOD-card .card-name,
  .global-table thead th {
    font-size: var(--font-size-h6-tablet) !important;
  }
}

@media screen and (max-width: 767px) {

  h6,
  .card-name,
  .board-committees-title,
  .BOD-full-card .top .card-name,
  .BOD-card .card-name,
  .global-table thead th {
    font-size: var(--font-size-h6-mobile) !important;
  }
}

/* ============================================
   GLOBAL LINK STYLES - Fix Blue Links
   ============================================ */

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--gold-color);
}

/* Fix for Online Trading Requirements List */
.requirements-list ul {
  list-style: disc !important;
  padding-left: 1.5rem !important;
}

.requirements-list li {
  display: list-item !important;
}

/* Apply the .table-list style to generic lists inside the Fund Table */
.fund-table td ul {
  list-style: disc !important;
  padding: 0 0 0 20px !important;
  margin: 0 !important;
}

.fund-table td li {
  display: list-item !important;
}

/* Show Banner Image on Inner Pages */
.inner-banner .inner-banner-img {
  display: block !important;
}



.cookies {
  position: fixed;
  width: 100%;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.15) 0px -2px 2.6px;
  background-color: rgb(2, 29, 73);
  z-index: 100;

  .cookies-container {
    padding: 10px 40px;
    max-width: 1920px;

    .cookies-content {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      font-size: 21px;
      color: #fff;

      @media (max-width: 767px) {
        font-size: 15px;
      }

      .cookies-text {
        color: #fff;
      }

      .cookies-buttons {
        display: flex;
        align-items: center;
        gap: 20px;

        @media (max-width: 767px) {
          flex-wrap: wrap;
          gap: 12px;
        }

        .cookies-button {
          border: 2px solid #fff;
          border-radius: 8px;
          width: 130px;
          padding: 8px;
          outline: none;
          cursor: pointer;
          line-height: 1.3em;
          font-size: 19px;

          @media (max-width: 767px) {
            font-size: 14px;
          }
        }

        .cookies-button-1 {
          background-color: transparent;
          color: #fff;
        }

        .cookies-button-2 {
          background-color: #fff;
          color: #006eb8;
        }
      }
    }
  }
}

.cookies.animateFadeDown {
  animation: fadeOutDown 1s ease-out forwards;
}

.cookies .cookies-container {
  padding: 10px 40px;
  max-width: 1920px;
}

.cookies .cookies-container .cookies-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 21px;
  color: #fff;

}

.cookies .cookies-container .cookies-content .cookies-text {
  color: #fff;
}

.cookies .cookies-container .cookies-content .cookies-buttons {
  display: flex;
  align-items: center;
  gap: 20px;


}

.cookies .cookies-container .cookies-content .cookies-buttons .cookies-button {
  border: 1px solid var(--gold-color);
  border-radius: 8px;
  width: 130px;
  padding: 8px;
  outline: none;
  cursor: pointer;
  line-height: 1.3em;
  font-size: 19px;
  transition: .3s all ease-in-out;
}

.cookies .cookies-container .cookies-content .cookies-buttons .cookies-button.cookies-button-1 {
  background-color: transparent;
  color: var(--gold-color);
}

.cookies .cookies-container .cookies-content .cookies-buttons .cookies-button.cookies-button-2 {
  background-color: #fff;
  color: rgb(2, 29, 73);
}
.cookies .cookies-container .cookies-content .cookies-buttons .cookies-button.cookies-button-1:hover {
  background:var(--gold-color) ;
  color: white;
}
.cookies .cookies-container .cookies-content .cookies-buttons .cookies-button.cookies-button-2:hover {
  background: rgb(2, 29, 73);
  color: var(--gold-color) ;
}
@media (max-width: 767px) {
  .cookies .cookies-container .cookies-content {
    font-size: 15px;
    flex-wrap: wrap;
    text-align: center;

  }

  .cookies .cookies-container .cookies-content .cookies-buttons {
    flex-wrap: wrap;
    gap: 12px;
  }

  .cookies .cookies-container .cookies-content .cookies-buttons .cookies-button {

    font-size: 14px;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.banner-fixed-content .banner-cards{
  max-width: none;
}
.header .nav-items .nav-item  a {
  font-size: 0.85rem;
}
@media (max-width:1400px) {
  .header .nav-items .nav-item  a {
    font-size: 0.80rem;
  }
  
}
.news-page .heading-with-buttons .right-buttons .dropdown-toggle::after{
  background: url(../img/arrow-dropdown.svg) no-repeat center center;
}
.find-us-page .dropdown-toggle::after{
  display: inline-block;
  margin-left: .255em;
  /* vertical-align: .255em; */
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  background: url(../img/arrow-dropdown.svg) no-repeat center center;
  border: none;
  width: 14px;
  height: 12px;
}
.inner-page-content{
  z-index: auto;
}
.inner-banner-content .inner-banner-img img{
  mix-blend-mode: lighten;
}
.golden-strike{
  z-index: 0;
}
/* --- Fix for Ghost/Invisible Wagtail Menu Links --- */

/* 1. CLOSED STATE (Default) - Only hide when NOT active */
/* Target the class '.w-userbar-items' inside '.w-userbar' when it's NOT active */
.w-userbar:not(.is-active) .w-userbar-items,
.w-userbar:not([class*="active"]) .w-userbar-items,
.w-userbar:not([class*="open"]) .w-userbar-items,
wagtail-userbar:not([class*="active"]) .w-userbar-items {
    visibility: hidden !important;   /* Hides from clicks/hover */
    pointer-events: none !important; /* Clicks pass through */
    opacity: 0 !important;          /* Visually hidden */
    transition: all 0.2s ease;
}

/* 2. OPEN STATE (When Active) - Force show when active */
/* Wagtail adds 'is-active' to the main wrapper when opened */
.w-userbar.is-active .w-userbar-items,
.w-userbar[class*="active"] .w-userbar-items,
.w-userbar[class*="open"] .w-userbar-items,
wagtail-userbar[class*="active"] .w-userbar-items,
.w-userbar.is-active .w-userbar-items *,
.w-userbar.is-active .w-userbar-items a,
.w-userbar.is-active .w-userbar-items li {
    visibility: visible !important;  /* Make interactable again */
    pointer-events: auto !important; /* Enable clicks */
    opacity: 1 !important;           /* Show visually */
    display: block !important;       /* Ensure display */
}
/* ===== Fix Arabic Phone / Email Direction inside contact blocks ===== */
.contact-item-content a[href^="tel"],
.contact-item-content a[href^="mailto"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: left !important;
    display: inline-block;
}
.banner{
  min-height:1024px
}