:root {
    --font-family-base: bnpp-sans-light;
    --product-card-content-alignment: center;
    --headings-font-family: bnpp-sans-cond-bold;
    --bs-body-font-family: bnpp-sans-light;
    --btn-font-family: bnpp-sans-light;
    --bs-primary-rgb: 64, 196, 255;
    --bs-secondary-rgb: 191, 12, 48;
    --bs-tertiary-rgb: 0, 62, 160;
    --bs-heading-color: #40c4ff;
    --bs-gray-lighter-4-rgb: 221, 220, 218;
    --bs-gray-lighter-6-rgb: 147, 147, 147;
    --bs-gray-lighter-7-rgb: 51, 51, 51;
    --bs-gray-lighter-8-rgb: 39, 39, 39;
    --product-performance-graphs-cl1: #c60c30;
    --product-metrics-table-th-bg-color: #bf0c30;
    --product-metrics-table-th-color: #ffffff;
    --product-metrics-table-td-bg-color: #ffffff;
    --product-metrics-table-td-color: #333333;
    --product-metrics-table-first-td-bg-color: #003ea0;
    --product-metrics-table-td-bg-color-even: #003ea0;
    --product-metrics-table-first-td-color: #ffffff;
    --product-metrics-table-first-td-border: var(--product-metrics-table-first-td-border-size) var(--product-metrics-table-first-td-border-type) var(--product-metrics-table-first-td-border-color);
    --product-metrics-table-first-td-border-size: 1px;
    --product-metrics-table-first-td-border-type: solid;
    --product-metrics-table-first-td-border-color: #ffffff;
    --product-metrics-table-td-border-bottom: var(--product-metrics-table-td-border-bottom-size) var(--product-metrics-table-td-border-bottom-style) var(--product-metrics-table-td-border-bottom-color);
    --product-metrics-table-td-border-bottom-size: 1px;
    --product-metrics-table-td-border-bottom-style: solid;
    --product-metrics-table-td-border-bottom-color: #d9d9d9;
    --product-metrics-table-charac-border-radius-size: var(--border-radius-size);
    --product-metrics-table-charac-border-radius-size-indicator: 0px;
    --product-breakdown-chart-export-btn-bg: #40c4ff;
    --product-breakdown-chart-export-btn-color: #bf0c30;
    --product-breakdown-chart-export-btn-hover-bg: #cc3d59;
    --product-breakdown-chart-export-btn-hover-color: #001121;
    --product-breakdown-chart-th-benchmark-color: #111612;
    --product-breakdown-chart-breakdown-name-color: #ffffff;
    --product-breakdown-chart-breakdown-name-bg: #bf0c30;
    --product-breakdown-chart-breakdown-row-bg: #f5f5f7;
    --product-breakdown-chart-breakdown-row-odd-bg: #f5f5f7;
    --product-breakdown-chart-breakdown-weight-color: #001121;
    --product-breakdown-chart-breakdown-adjusted-weight-color: #001121;
    --product-breakdown-chart-separator-bg: #ffffff;
    --product-breakdown-chart-total-row-bg: #bf0c30;
    --product-breakdown-chart-total-label-color: #001121;
    --product-breakdown-chart-total-value-color: #001121;
    --product-performance-graphs-performance-btn-color: #001121;
    --product-performance-graphs-performance-btn-active-border-color: #bf0c30;
    --product-performance-graphs-performance-btn-hover-color: #ffffff;
    --product-performance-graphs-performance-btn-hover-bg-color: #bf0c30;
    --product-performance-graphs-performance-btn-bg-color: #ffffff;
    --product-performance-graphs-performance-btn-border-color: #dddcda;
    --product-performance-graphs-performance-btn-hover-border-color: #bf0c30;
    --product-performance-graphs-performance-label-color: #40c4ff;
    --product-performance-graphs-performance-input-color: #001121;
    --product-performance-graphs-btn-download-bg-color: #40c4ff;
    --product-performance-graphs-btn-download-color: #ffffff;
    --product-performance-graphs-btn-download-icon-color: #ffffff;
    --product-performance-graphs-btn-download-color-hover: #ffffff;
    --product-performance-graphs-btn-download-bg-color-hover: #66d0ff;
    --product-performance-graphs-cl2: #111612;
    --product-performance-graphs-cl3: #86c9d9;
    --product-performance-graphs-cl4: #0d6efd;
    --product-performance-graphs-hypothetical-color: #f6f6f6;
    --product-performance-graphs-legend-text-color: #6f6f6f;
    --product-performance-graphs-axis-text-color: #6f6f6f;
    --product-performance-graphs-mark-line-color: #e6e6e6;
    --product-performance-graphs-performance-btn-active-bg-color: #bf0c30;
    --footer-bg: #ffffff;
    --footer-color: #dff3fe;
    --footer-heading-color: #1ebf81;
    --footer-heading-color-hover: #ffffff;
    --footer-nav-links-color: #b9b9b9;
    --footer-nav-links-color-hover: #1ebf81;
    --footer-social-media-color: #ffffff;
    --footer-social-media-color-hover: #40c4ff;
    --sub-footer-bg: #ffffff;
    --footer-border-top: #008859;
    --footer-links-color: #000000;
    --footer-links-color-hover: #40c4ff;
    --box-shadow-color-rgb: 64, 196, 255;
    --box-shadow-opacity: 1;
    --box-shadow-horizontal-size: 0px;
    --box-shadow-vertical-size: 4px;
    --box-shadow-blur-radius-size: 11px;
    --box-shadow-spread-radius-size: 0px;
    --border-color: #40c4ff;
    --border-radius-size: 5px;
    --border-size: 1px;
    --border-style: solid;
    --input-placeholder-color: #000000;
    --input-border-color: #f0f0f0;
    --nav-link-color: #939393;
    --nav-link-color-hover: #1e73be;
    --nav-link-active-border-bottom-color: #1e73be;
    --navbar-header-bg: #ffffff;
    --dropdown-submenu-bg: #ffffff;
    --dropdown-submenu-title-color: #000000;
    --dropdown-submenu-description-color: #000000;
    --dropdown-submenu-link-color: #939393;
    --dropdown-submenu-link-hover-color: #ffffff;
    --dropdown-submenu-link-hover-bg: #1e73be;
    --nav-link-color-hover-lg: #1e73be;
    --nav-brand-wrapper-bg-lg: #ffffff;
    --navbar-header-bg-lg: #ffffff;
    --dropdown-submenu-bg-lg: #f5f5f7;
    --h1-font-size: 56px;
    --h2-font-size: 40px;
    --h3-font-size: 30px;
    --h4-font-size: 20px;
    --h5-font-size: 16px;
    --h6-font-size: 18px;
    --bs-body-font-size: 16px;
    --product-composition-chart-table-th-bg: #003ea0;
}

:root {
  --product-composition-graphs-legend-align: center;
  --bs-btn-disabled-color: #fff;
  --product-performance-graphs-cl1: #bf0c30;
  --product-performance-graphs-cl5: #ff5e43;
  --product-performance-graphs-container-btn-gap: 8px;
  --product-composition-chart-cl1: #003ea0;
  --product-composition-chart-cl2: #40c4ff;
  --product-composition-chart-cl3: #bf0b30;
  --product-performance-graphs-performance-btn-font-size: 10px;
  --product-performance-graphs-performance-btn-padding: 10px 16px;
  --product-performance-graphs-performance-btn-width-lg: calc(33% - 8px);
  --product-performance-graphs-performance-btn-border-radius: var(--border-radius-size);
  --product-performance-graphs-performance-btn-font-family: var(--btn-font-family);
  --product-performance-graphs-performance-btn-text-transform: none;
  --product-performance-graphs-container-input-gap: 30px;
  --product-performance-graphs-container-input-gap-md: 15px;
  --product-performance-graphs-container-input-label-gap: 10px;
  --product-performance-graphs-performance-label-font-size: 10px;
  --product-performance-graphs-performance-label-font-family: bnpp-sans-bold;
  --product-performance-graphs-performance-input-border: 1px solid #dddcda;
  --product-performance-graphs-performance-input-text-transform: uppercase;
  --product-performance-graphs-performance-input-width: 96px;
  --product-performance-graphs-performance-input-font-size: 10px;
  --product-performance-graphs-performance-input-font-family: bnpp-sans-bold;
  --product-performance-graphs-performance-input-padding: 10px 15px;
  --product-performance-graphs-btn-download-font-size: 12px;
  --product-performance-graphs-btn-download-font-family: inter-Medium-font;
  --product-performance-graphs-btn-download-text-transform: uppercase;
  --product-performance-graphs-btn-download-padding: 12px 20px;
  --product-performance-graphs-btn-download-border-radius: 50px;
  --nav-tabs-link-font-size: 28px;
  --nav-tabs-link-font-family: bnpp-sans-light;
  --nav-tabs-link-font-weight: bold;
  --nav-tabs-justify-content: center;
  --nav-tabs-gap: 0;
  --nav-tabs-link-padding-top: 25px;
  --nav-tabs-link-padding-bottom: 25px;
  --nav-tabs-link-padding-right: 30px;
  --nav-tabs-link-padding-left: 30px;
  --nav-tabs-margin-bottom: 64px;
  --nav-tabs-border-width: 0;
  --nav-tabs-border-radius: 0;
  --nav-tabs-link-hover-border-color: none;
  --nav-tabs-link-color: #fff;
  --nav-tabs-link-bg: none;
  --nav-tabs-link-active-color: #fff;
  --nav-tabs-link-hover-color: #ffffff80;
  --nav-tabs-link-hover-bg-color: transparent;
  --nav-tabs-link-active-bg: transparent;
  --nav-tabs-link-border-color: rgb(var(--bs-primary-rgb));
  --nav-tabs-link-border-size: 0px;
  --nav-tabs-link-border-type: solid;
  --nav-tabs-link-border: var(--nav-tabs-link-border-size) var(--nav-tabs-link-border-type) var(--nav-tabs-link-border-color);
  --nav-tabs-link-active-border-color: none;
  --nav-tabs-link-border-bottom-color: #ffffff80;
  --nav-tabs-link-border-bottom-height: 1px;
  --nav-tabs-link-border-bottom-active-color: rgb(var(--bs-primary-rgb));
  --nav-tabs-link-border-bottom-active-height: 4px;
  --header-postion: fixed;
  --bs-body-font-family: var(--font-family-base);
  --headings-font-family: bnpp-sans-cond-bold;
  --product-composition-graphs-cl1: #003ea0;
  --product-composition-graphs-cl2: #40c4ff;
  --product-composition-graphs-cl3: #bf0b30;
  --product-composition-graphs-cl4: #40c4ff;
  --product-composition-graphs-cl5: #7abf0b;
  --product-composition-graphs-cl6: #467ab8;
  --product-composition-graphs-cl7: #254061;
  --product-composition-graphs-cl8: #00915a;
  --product-composition-graphs-cl9: #1fab8b;
  --product-composition-graphs-cl10: #004229;
  --product-composition-graphs-cl11: #e46c0a;
  --product-composition-graphs-cl12: #ffd85d;
  --product-composition-graphs-cl13: #e6af00;
  --product-composition-graphs-cl14: #00915a;
  --table-two-columns-font-size: 1rem;
  --table-two-columns-font-family: bnpp-sans;
  --table-two-columns-td-color: #000;
  --table-two-columns-td-bg: #fff;
  --table-two-columns-td-padding: 13px;
  --table-two-columns-td-border: 1px solid #add8e6;
  --table-two-columns-first-td-bg: #003ea0;
  --table-two-columns-first-td-color: #fff;
  --table-two-columns-td-text-align: left;
  --table-two-columns-first-td-border: 1px solid #fff;
  --table-two-columns-first-td-font-family: bnpp-sans-bold;
  --table-two-columns-first-td-font-size: 1rem;
  --table-two-columns-first-td-text-align: left;
  --chart-font-family: bnpp-sans-bold;
  --chart-tooltip-font-size: 12;
  --chart-label-font-size: 16;
  --chart-label-font-color: #fff;
  --chart-legend-font-size: 12;
  --chart-emphasis-label-font-size: 20;
  --chart-font-color: #fff;

  --nav-link-active-border-bottom: 2px solid var(--nav-link-active-border-bottom-color);

  --modal-bg: #fff;
  --modal-backdrop-bg: 0, 0, 0;
  --modal-content-color: #001121;
  --modal-title-color: #001121;
  --badge-hover-color: rgb(var(--bs-primary-rgb));
  --badge-hover-bg: rgb(var(--bs-primary-rgb));
  --amount-wrapper-input-background: #fff;
  --btn-font-family: bnpp-sans-light;
  --custom-btn-color: #fff;
  --form-label-color: #000;
  --input-bg: transparent;
  --input-color: rgb(var(--bs-primary-rgb));
  --standard-flters-composition-input-bg-color : #bf0c301a;
}

.page-wrapper {
  padding-top: 71px;
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .page-wrapper {
    padding-top: 80px;
  }
}
@media (max-width: 575.98px) {
  .page-wrapper h1 {
    font-size: 3.12rem;
  }
  .page-wrapper h1 span {
    font-size: inherit !important;
  }
}
.page-wrapper a {
  overflow-wrap: anywhere;
}

.btn {
  font-weight: 700;
}

[data-tab-type=default] .nav-tabs .nav-item {
  flex-grow: 1;
  display: block;
}

.m-disclaimer-modal .modal-lg {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .m-disclaimer-modal .modal-lg {
    justify-content: flex-start;
    padding-top: 10px;
  }
}
.m-disclaimer-modal .modal-header {
  display: flex;
  border: none;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .m-disclaimer-modal .modal-header {
    flex-direction: column;
  }
}
.m-disclaimer-modal .modal-header .modal-title {
  margin-top: 0;
  padding-left: 15px;
}
.m-disclaimer-modal .modal-header .m-dropdown .m-dropdown-btn {
  padding: 15px 16px !important;
}
@media (max-width: 991.98px) {
  .m-disclaimer-modal .modal-content {
    padding: 2rem 1rem 1rem;
  }
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information {
  max-height: 340px;
  overflow-y: auto;
}
@media (min-width: 1400px) {
  .m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information {
    max-height: calc(100vh - 240px) !important;
  }
}
@media (max-width: 991.98px) {
  .m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information {
    max-height: 250px;
  }
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information .m-disclaimer-condition p {
  margin-bottom: 8px;
  font-size: 0.87rem;
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information::-webkit-scrollbar-track {
  background-color: #a6a6a6;
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information::-webkit-scrollbar-thumb {
  background-color: #bf0c30;
}
.m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information::-webkit-scrollbar-track, .m-disclaimer-modal .modal-content .modal-body .m-disclaimer-information::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
.m-disclaimer-modal .modal-footer {
  padding: 0 8px;
}
.m-disclaimer-modal .modal-footer .btn {
  width: 150px;
}
@media (max-width: 767.98px) {
  .m-disclaimer-modal .modal-footer .btn {
    width: 100%;
    margin-bottom: 8px;
  }
}
.m-global-menu .m-header-wrapper .navbar .navbar-nav .nav-item:last-child .nav-link {
    color: #008859;
}
.m-filter-composition .form-control{
   border: 1px solid #b81a32;
}
.m-global-menu .m-header-wrapper .navbar .navbar-nav .nav-item .dropdown-menu.show{
      scrollbar-color: var(--nav-link-color-hover) #f5f5f7;
    border-top: 2px solid var(--nav-link-color-hover);
}
