:root {
    --icon-color: #f58634; /* green tick */
    --row-bg-even: #ffffff;
    --row-bg-odd: #e9e8e6;
  }

  .custom-row {
    padding: 14px 10px;
    border-radius: 8px;
    align-items: center;
  }

  .custom-row:nth-child(odd) {
    background-color: var(--row-bg-odd);
  }

  .custom-row:nth-child(even) {
    background-color: var(--row-bg-even);
  }

  .custom-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(12, 14, 20, 0.04);
  }

  .icon-col {
    color: var(--icon-color);
    font-size: 1.5rem;
    text-align: center;
  }

  @media (max-width: 575.98px) {
    .icon-col {
      text-align: left;
      margin-bottom: 6px;
    }
  }