:root {
  --background: 0 0% 100%;
  --foreground: 222.2 47.4% 11.2%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 47.4% 11.2%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 47.4% 11.2%;
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 100% 50%;
  --destructive-foreground: 210 40% 98%;
  --ring: 215 20.2% 65.1%;
  --radius: 0rem;
}

.container {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 1rem;
}

.heading {
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5rem;
  color: hsl(var(--foreground));
}

.card {
  background-color: hsl(var(--card));
  border-radius: var(--radius);
border: 1px solid rgba(108, 93, 211, 0.1);
	    border-radius: 14px;
    padding: 4px;
    background: #80008005;

}

.card-header {
  padding: 1.5rem;
  border-bottom: 1px solid hsl(var(--border));
}

.card-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: hsl(var(--card-foreground));
}

.card-content {
  border: 1px solid rgba(108, 93, 211, 0.3);
  padding: 0rem;
	background: #fafafa;
	border-radius: 13px;
    padding: 4px;
}

.donors-table {
  width: 100%;
  border-collapse: collapse;
}

.donors-table th,
.donors-table td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--e-global-color-749a04a);

}

.donors-table tr:last-child td {
  border-bottom: 0px 

}

.donors-table th {
		    background: #f9f9f9;
	font-size: 14px;
  font-weight: 500;
	font-family: Cabin;
	text-transform: uppercase;
  color: hsl(var(--muted-foreground));
}

.donors-table td {
  color: hsl(var(--foreground));
}

.donor-name {
	font-weight: 500!important;
	font-family: Cabin!important;
  font-size: 0.875rem!important;
  color: hsl(var(--muted-foreground))!important;
}

.donor-name:hover {
  text-decoration: underline;
}

@media (max-width: 640px) {

  .donors-table {
    font-size: 0.875rem;
  }

  .donors-table th,
  .donors-table td {
    padding: 0.5rem;
  }
}