.list-grid {
  gap: 20px;
  margin: 20px 0px;
  padding: 20px;
  /* margin:10px; */
  background: #ffffff; /* Must match parent background */
  box-shadow:
    0 0 5px rgba(0,0,0,0.1),  /* Sharp inner shadow */
    0 0 25px rgba(0,0,0,0.05); /* Soft outer glow */
}

.list-grid ul {
  /* padding-left: 20px; */
  list-style: none;  /* Hide default bullets */
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.list-grid li {
  /* display: flex; */
  position: relative;
  /* align-items: flex-start; */
  padding-left: 30px;
  line-height: 1.5;     /*Standard readability spacing*/
  margin-bottom: 15px;  /* Space between paragraphs */
  font-size: 18px; /* Desktop font size */
}

.list-grid li::before {
  content: '';
  display: block;
  left: 10px;
  height: 15px; /* Control the size here */
  width: 15px;  /* Control the size here */
  flex-shrink: 0;
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,10 90,50 50,90 10,50' fill='green'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  /* transform: translateY(-50%); */
  top: 5px;

  margin-right: 20px; /* Adjust spacing between bullet and text */
}

@media (min-width: 768px) {
    .list-grid ul {
      grid-template-columns: 1fr 1fr;
    }
}