<div>
  <!-- Heading -->
  <h2 class="text-xl md:text-2xl font-bold mb-4 text-cyan-400">
    Information We Collect
  </h2>

  <!-- Paragraph -->
  <p class="text-offwhite text-base md:text-lg leading-relaxed mb-5">
    We may collect personal information directly from you or through automated means when you use our website or interact with our software products and services. The types of personal information we may collect include:
  </p>

 <ul class="space-y-3">
  <li class="flex items-start gap-3 text-offwhite text-base md:text-lg leading-relaxed">
    <span aria-hidden="true" class="select-none text-white text-3xl leading-[1] flex-shrink-0"><strong>•</strong></span>
    <span>Contact information such as name, email address, phone number, and mailing address.</span>
  </li>
  <li class="flex items-start gap-3 text-offwhite text-base md:text-lg leading-relaxed">
    <span aria-hidden="true" class="select-none text-white text-2xl leading-[1] flex-shrink-0"><strong>•</strong></span>
    <span>Account credentials such as usernames and passwords.</span>
  </li>
  <li class="flex items-start gap-3 text-offwhite text-base md:text-lg leading-relaxed">
    <span aria-hidden="true" class="select-none text-white text-2xl leading-[1] flex-shrink-0"><strong>•</strong></span>
    <span>Payment information such as credit card details.</span>
  </li>
  <li class="flex items-start gap-3 text-offwhite text-base md:text-lg leading-relaxed">
    <span aria-hidden="true" class="select-none text-white text-2xl leading-[1] mt-1 flex-shrink-0"><strong>•</strong></span>
    <span>Information provided voluntarily such as feedback, surveys, or support requests.</span>
  </li>
  <li class="flex items-start gap-3 text-offwhite text-base md:text-lg leading-relaxed">
    <span aria-hidden="true" class="select-none text-white text-2xl leading-[1] flex-shrink-0"><strong>•</strong></span>
    <span>Usage data including IP addresses, device information, browser type, and operating system.</span>
  </li>
</ul>

</div>
