* {
  font-family: 'Inter', sans-serif;
}

/* Verwijder individuele kaart borders */
.services-group > div > div,
[class*="service"],
.card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Groepscontainer als één geheel */
.services-group > div {
  background: rgba(30, 30, 35, 0.90) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(88, 166, 255, 0.3) !important;
  box-shadow: 0 0 12px rgba(88, 166, 255, 0.15), inset 0 0 30px rgba(0, 0, 0, 0.3) !important;
  padding: 8px !important;
  margin-bottom: 8px !important;
}

/* Hover op groep */
.services-group > div:hover {
  border-color: rgba(88, 166, 255, 0.6) !important;
  box-shadow: 0 0 25px rgba(88, 166, 255, 0.3), inset 0 0 30px rgba(0, 0, 0, 0.3) !important;
}

/* Info widgets bovenaan */
#information-widgets {
  background: rgba(30, 30, 35, 0.90) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(88, 166, 255, 0.3) !important;
  box-shadow: 0 0 12px rgba(88, 166, 255, 0.15) !important;
}

/* Groep titels — Media, Downloads, etc. */
.services-group-title,
h2,
[class*="group-title"] {
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(88, 166, 255, 0.8) !important;
}