/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 25 2025 | 14:50:18 */
/* ===== Responsive Grid ===== */
.legal-grid {
  display: grid;
  gap: 18px;
  margin-top: 25px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .legal-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  .legal-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ===== Card ===== */
.legal-grid .legal-card {
  position: relative;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 18px 18px 76px 18px; /* extra bottom padding for CTA */
  min-height: 280px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.legal-grid .legal-card-body { flex: 1; }

/* Top icon */
.legal-grid .legal-card-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: #f1f1f1;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 30px;
  margin-bottom: 12px;
}
.legal-grid .legal-card h3 { margin: 0 0 6px 0; font-size: 1.1em; }
.legal-grid .legal-card p { margin: 0; color: #555; font-size: .95em; }

/* ===== Pinned CTA Badge ===== */
.legal-grid .cta-badge {
  position: absolute;
  left: 16px; bottom: 16px;
  display: inline-flex; align-items: center; gap: 8px;
  background: #d0d0d0;
  color: #333 !important;
  border-radius: 8px; padding: 7px 12px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.legal-grid .cta-badge:hover {
  background: #555; color: #fff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.legal-grid .cta-icon { font-size: 1.15em; }

/* Kill global link-hover repainting */
.legal-grid .legal-card a:hover {
  text-decoration: none;
}