:root {
  --primary-dark: #2C3E50;
  --primary-light: #3FA9E5;
  --secondary-color: #4A5565;
  --grey-color: #D1D5DC;
  --bg-color-1: #FDFFE3;
  --bg-color-2: #FAFBFC;
  --blue-gradient-from: #2B7FFF;
  --blue-gradient-to: #155DFC;
  --yellow-gradient-from: #F7C815;
  --yellow-gradient-to: #D08700;
  --mid-dark: #34495E;
  --highlight-yellow: #F7C815;
  --footer-grey: #99A1AF;
  --blue-gradient-from-alpha: #3FA9E533;
  --yellow-gradient-from-alpha: #F7C81533;
}

.list-icon {
  list-style: none;
  padding-left: 0;
}
.list-icon li {
  position: relative;
  padding-left: 0em;
  margin-bottom: 0.75em;
  display: flex;
  align-items: center;
  min-height: 1.5em;
}
.list-icon li:before {
  content: '';
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  margin-right: 0.75em;
  background: url('../assets/icons/list-icon.png') no-repeat center center / contain;
  flex-shrink: 0;
  /* fallback: use a colored dot if icon not found */
}