/* General page styling */
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
}

.container {
  padding: 20px;
}

/* Section headers */
h2 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  color: #444;
}

/* Button styling */
.btn {
  margin: 5px;
}

.btn i {
  margin-right: 5px; /* Spacing between icon and text */
}

/* Table styling */
.table {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.table th {
  background-color: #f8f8f8;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/* Collapsible content arrow rotation */
.arrow.down {
  transform: rotate(90deg);
}

.footer-links {
  margin-bottom: 10px; /* Adjust space above the copyright text */
}

@media (max-width: 768px) {
  .logo-small {
    max-height: 100px; /* smaller logo for small devices */
  }
}


.footer-link {
  color: black; /* Change link color to black */
  text-decoration: none;
  margin: 0 10px; /* This gives equal spacing on both sides of the links */
}

.footer-link:hover {
  text-decoration: underline; /* Optional: underline on hover for better UX */
}

/* Ensure the copyright text is at the bottom */
footer p {
  margin-top: 10px;
}