body, .lead {
  background-color: #0f0f12;
font-family: system-ui, sans-serif;
color:rgb(209 213 219);
font-size: 18px;
font-weight: 300;
line-height: 32px;
word-wrap: break-word;
}
.section-title {
  font-size: 1.75rem;
  margin-bottom: 1rem;
  display: inline-block;
  color: #ffffff;
  font-family: Adobe Fangsong Std;
}

.tag {
  display: inline-block;
  text-align: center;
  margin-right: 0.75rem;
  font-weight: 500;
  color: #fff;
}

.img-fluid {
  border-radius: 10px;
}

.sticky-topbar {
  position: sticky;
  top: 0;
  background-color: #0f0f12;
  z-index: 1020;
  border-bottom: 1px solid #333;
}

a {
  color: #fff;
  text-decoration: none!important;
}

a:hover {
  text-decoration: underline;
}

[data-aos] {
  transition-property: transform, opacity;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
}
.Serif_text {
  color: #fff;
  font-family: Adobe Fangsong Std;
}
.HomePage_Serif {
  color: #ACACAC  ;
  font-family: Adobe Fangsong Std;
}
.highlight {
  font-style: italic; /* Makes the text italic */
  text-decoration: underline; /* Underlines the text */
  color: #fff; /* Sets the text color to white */
}
.mb-6 {
  margin-bottom: 200px;
}
.mtAnd-mb-6 {
  margin-bottom: 200px;
  margin-top: 200px;
}
.kpi-table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, sans-serif;
  color: #fff;
  background-color: #0f0f12;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

.kpi-table th,
.kpi-table td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #2a2a2a;
}

.kpi-table th {
  background-color: #1a1a1d;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.85rem;
}

.kpi-table td:last-child {
  font-weight: bold;
}

.kpi-positive {
  color: #4caf50; /* green */
}

.kpi-negative {
  color: #f44336; /* red */
}
.my-custom-card {
  background-color: #444444!important; /* Set the desired background color */
  color: #fff!important; /* Ensure text is visible on the dark background */
}


/* Custom class for the main table background */
.table-background-dark {
  background-color: #0f0f12!important; /* Set the desired background color */
  color: #d1d5db; /* Set text color for readability */
}

/* Custom class for the table header */
.table-header-light {
  background-color: #444444; /* White background for the header */
  color: #d1d5db; /* Black text for the header */
}

/* Ensure header text color is black even within the cells */
.table-header-light th {
  color: #000000;
}

/* Custom class for the striped row background */
.table-striped-custom tbody tr:nth-of-type(odd) { /* Target odd rows */
  background-color: #444444; /* Your desired stripe color */
}

/* Ensure text in the striped rows is visible */
.table-striped-custom tbody tr:nth-of-type(odd) td {
  color: #d1d5db;
}

/* Optional: Adjust border color if needed */
.table-border-dark th,
.table-border-dark td {
  border-color: #333333; /* Darker border color */
}
.my-custom-card {
  min-height: 200px; /* Adjust the value as needed */
  display: flex; /* Helps ensure content aligns within the min-height */
  flex-direction: column; /* Stacks the content vertically */
}

/* Optional: To ensure the card body takes up available space and aligns content */
.my-custom-card .card-body {
  flex-grow: 1;
}
.card-body {
  background-color: #444444;
  border-color: #444444;
}
.mb-5 img {
  border-left: none!important; /* or border: none; to remove all borders */
}