.cardIndex {
  padding: 32px;
}

.bg-purple {
  background-color: #6f42c1 !important;
  color: white !important;
  border-color: #6f42c1 !important;
}

.card {
  border-radius: 16px;
}

.card-header {
  border-radius: 16px 16px 0px 0px !important;
  background-color: transparent !important;
}

.card-header p {
  color: var(--bs-card-color) !important;
}

@media (max-width: 768px) {
  .card {
    margin-top: 8px;
  }
}