
<div class="flex flex-wrap items-center gap-3 text-xs md:text-sm text-gray-600 dark:text-gray-300 justify-center py-3">

    
    <div class="flex items-center gap-1">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-sky-600" fill="currentColor" viewBox="0 0 24 24">
            <path
                d="M12 1L3 5v6c0 5.25 3.75 10 9 11 5.25-1 9-5.75 9-11V5l-9-4zM10 17l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z" />
        </svg>
        <span>Trusted & Secure</span>
    </div>

    
    <div class="relative group flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="w-6 h-4">
            <rect width="36" height="36" rx="6" fill="#1A1F71" />
            <text x="18" y="22" font-size="12" fill="white" font-weight="bold" text-anchor="middle"
                font-family="Arial">VISA</text>
        </svg>
        <div
            class="absolute -top-6 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity bg-gray-800 text-white text-[10px] px-2 py-1 rounded whitespace-nowrap">
            Visa accepted globally
        </div>
    </div>

    
    <div class="relative group flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="w-6 h-4">
            <circle cx="13" cy="18" r="9" fill="#EB001B" />
            <circle cx="23" cy="18" r="9" fill="#F79E1B" />
        </svg>
        <div
            class="absolute -top-6 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity bg-gray-800 text-white text-[10px] px-2 py-1 rounded whitespace-nowrap">
            Mastercard accepted worldwide
        </div>
    </div>

    
    <div class="relative group flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 text-sky-600">
            <path fill="currentColor" d="M12 1L3 5v6c0 5.25 3.75 10 9 11 5.25-1 9-5.75 9-11V5l-9-4z" />
        </svg>
        <div
            class="absolute -top-6 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity bg-gray-800 text-white text-[10px] px-2 py-1 rounded whitespace-nowrap">
            SSL encrypted
        </div>
    </div>

    
    <div class="relative group flex items-center">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-4 h-4 text-green-500">
            <path fill="currentColor"
                d="M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0zm0 22a10 10 0 1 1 10-10 10 10 0 0 1-10 10zm-1-15h2v6h-2zm0 8h2v2h-2z" />
        </svg>
        <div
            class="absolute -top-6 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-100 transition-opacity bg-gray-800 text-white text-[10px] px-2 py-1 rounded whitespace-nowrap">
            FDIC insured up to $250k
        </div>
    </div>

</div>
<?php /**PATH /Users/macuser/Herd/Novabank/resources/views/partials/footerui.blade.php ENDPATH**/ ?>