Breadcrumbs Style

                    <div class="p-4 bg-white rounded-lg shadow-sm max-w-4xl mx-auto">
  <div class="breadcrumbs text-sm">
    <ul class="flex flex-wrap items-center">
      <li class="flex items-center">
        <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Home</a>
        <span class="mx-2 text-gray-400">/</span>
      </li>
      <li class="flex items-center">
        <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Documents</a>
        <span class="mx-2 text-gray-400">/</span>
      </li>
      <li class="text-gray-800 font-medium">Add Document</li>
    </ul>
  </div>
</div>