.truncate-2-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltip {
    position: absolute;
    background-color: #4B5563; /* bg-gray-700 */
    color: #FFFFFF; /* text-white */
    font-size: 0.875rem; /* text-sm */
    padding: 0.25rem 0.5rem; /* px-2 py-1 */
    border-radius: 0.25rem; /* rounded */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    white-space: normal; /* Allow text to wrap */
    z-index: 50;
    max-width: 320px; /* Max width of 320 pixels */
    overflow-wrap: break-word; /* Ensure text wraps within the tooltip */
}