/* 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: rgba(0, 0, 0, 0.95);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* 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,
p,
.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,
  p,
  .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,
  p,
  .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,
h1 {
  font-size: var(--font-size-h1) !important;
}

@media screen and (max-width: 1400px) {
  .main-heading,
  .banner-slide .heading,
  h1 {
    font-size: var(--font-size-h1-tablet) !important;
  }
}

@media screen and (max-width: 767px) {
  .main-heading,
  .banner-slide .heading,
  h1 {
    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;
  }
}