const EligiblityBox = () => {
  return (
    <div className="w-[23.4rem] sm:w-[24.875rem] h-fit rounded bg-[#5C2684] px-[17px] py-[1.625rem] flex flex-col gap-4">
      <h2 className="font-extrabold text-lg text-[#FBB700]">
        REQUIRED ELIGIBILITY
      </h2>
      <ul className="flex flex-col gap-[.625rem] list-disc pl-[2rem] text-white">
        <li className="text-base leading-[1.5625rem]">
          Have a verifiable source of income
        </li>
        <li className="text-base leading-[1.5625rem]">
          You must have a valid BVN
        </li>
        <li className="text-base leading-[1.5625rem]">
          Must have a salary or current bank account with {import.meta.env.VITE_BANK_NAME_SHORT}
        </li>
      </ul>
    </div>
  );
};

export default EligiblityBox;
