:root{
    --tw-gradient-from: #0d95c1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(13 149 193 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: #7941ce var(--tw-gradient-to-position);
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(13 149 193 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
}
input[type="number"],
input[type="text"],
input[type="password"] {
    border-radius: 1rem !important;
}

.animate-bounce {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.btn-ssp {
    gap: 0.5rem;
    border-radius: 9999px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    background: linear-gradient(135deg, #0d95c1, #7941ce);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    transition: all 0.3s ease;
}
.bg-ssp {
    background: linear-gradient(135deg, #0d95c1, #7941ce) !important;
}
.box-shadow-ssp{
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}

.btn-ssp:hover {
    background: linear-gradient(135deg, #7941ce, #0d95c1);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    /* with effect bounce */
    animation: bounce 2s infinite;
}