.animation-delay-2000 {
    animation-delay: 2s;
}

.animation-delay-4000 {
    animation-delay: 4s;
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.7;
    }

    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.view-hidden {
    display: none;
}

form input {
    margin: 10px 0px;
}

.tooltip-container {
    position: relative;
    display: inline-block; /* Adjust as needed */
    width: 230px;
}

.tooltip-text {
    visibility: hidden;
    position: absolute;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    z-index: 1;
    bottom: 125%; /* Example: Position above the icon */
    left: 5%; /* Center horizontally */
    margin-left: -60px; /* Adjust margin based on width */
    opacity: 0;
    transition: opacity 0.3s; /* Optional: Add a fade-in effect */
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}