.card {
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.2s ease-in-out;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
.page-item.active .page-link {
  background-color: #b30000 !important;
  border-color: #b30000 !important;
}
@media (max-width: 768px) {
  .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}