* {
  font-family: "Poppins", serif;
}


/* Ensure images are responsive */
.carousel-image {
  max-height: 950px;
  /* Adjust the maximum height as needed */
  object-fit: cover;
  /* Ensures the image scales nicely */
}

.table-responsive {
  max-height: 500px;
  /* Set max height for scrollable content */
  overflow-y: auto;
}

/* Ensure responsiveness */
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  /* Allow horizontal scrolling */
  -webkit-overflow-scrolling: touch;
  /* Enable smooth scrolling on iOS */
}

/* Prevent unnecessary whitespace on small screens */
table {
  width: 100%;
  /* Ensure the table takes full width */
}

/* Create a scrollable table container */
.table-scrollable {
  max-height: 400px;
  /* Set a height to make the table body scrollable */
  overflow-y: auto;
  /* Enable vertical scrolling */
  overflow-x: auto;
  /* Enable horizontal scrolling */
  border: 1px solid #dee2e6;
  /* Optional: Border for the scrollable area */
}

/* Make the header sticky */
.sticky-header th {
  position: sticky;
  top: 0;
  /* Stick to the top of the scrollable area */
  z-index: 2;
  /* Ensure the header is above table content */
  background-color: #343a40;
  /* Same as Bootstrap's .table-dark */
  color: #fff;
  /* Ensure text is visible */
}

/* Ensure table takes full width */
table {
  width: 100%;
}

.footer-content h5 {
  font-size: 1.25rem;
  /* Default font size */
}

.footer-content p {
  font-size: 1rem;
  /* Default font size */
}