<div class="bg-secondary px-10">
  <div
  class="max-w-7xl justify-center py-5 mx-auto font-bold text-2xl text-white"
  >
    About Us
  </div>
</div>

<div class="max-w-7xl mx-auto px-10">
  <div class="grid grid-cols-12 max-w-7xl gap-5">
    <div class="col-span-12 text-2xl text-bold"></div>
    <div class="col-span-12 md:col-span-6 mb-20">
      <div class="col-span-12 mb-5 font-bold text-xl text-primary">
        Our Oil Wont Ruin your heating system!
      </div>
      <div class="col-span-12 text-lg">
        After 20 years delivering for other companies in Worcester. Our family
        decided it was time to start our own small business. We have the
        experience to ensure your family stays warm!
      </div>
      <div class="col-span-12 mb-5 text-2xl font-bold mt-10 text-primary">
        The best oil in your Tank
      </div>
      <div class="col-span-12 mb-10">
        <ul>
          <div class="flex gap-5">
            <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
            <li class=" font-bold text-error">2-5% biodiesel (B2–B5) is Bioheat® fuel (Our Oil)</li>
          </div>
          <div class="flex gap-5">
            <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
            <li class=" font-bold">
              5-20% biodiesel (B5–B20) is Bioheat Plus® fuel
            </li>
          </div>
          <div class="flex gap-5">
            <img class=" p-0 m-0 h-10 w-5" src="/images/flame.png" alt="" />
            <li class=" font-bold">
              20% biodiesel and above (B20+) is Bioheat Super Plus®
            </li>
          </div>
        </ul>
      </div>
      <div class="col-span-12 mb-5 font-bold text-xl text-primary">
        Symptoms your oil company is selling you bad oil
      </div>

      <div class="col-span-12 mb-10">
        <ul class="text-lg">
          <li>- System needs filters frequently</li>
          <li>- Furnace has bad flame and doesnt produce high heat</li>
          <li>- System is clogged</li>
          <li>- Tank goes bad all of a sudden!</li>
        </ul>
      </div>
      <div class="col-span-12 mb-5 font-bold text-xl">
        See the slime? Imagine that all inside your tank and equipment!
      </div>
      <div class="col-span-12 mb-5 font-bold text-xl text-center">
        Thats a bio filled system :(
      </div>

      <div class="col-span-12">
        <img class="w-full p-0 m-0" src="/images/slimefilter.png" alt="" />
      </div>
    </div>
    <div class="col-span-12 md:col-span-6">
      <img class="w-full p-0 m-0" src="/images/oildelivery.jpg" alt="" />
    </div>
  </div>
</div>
