:root{
    --cs-primary:#3d9c8e;
    --cs-primary-hover: rgba(61, 156, 142, 0.85);
}

.login-page-custom .fi-link span{
    color: var(--cs-primary) !important;
}

.login-page-custom .fi-ac button{
    background-color: var(--cs-primary) !important;
}

.login-page-custom .fi-ac button:hover{
    background-color: var(--cs-primary-hover) !important;
}

.login-page-custom .fi-input-wrp:focus-within{
    --tw-ring-color: var(--cs-primary) !important;
}

.login-page-custom .fi-checkbox-input:focus{
    --tw-ring-color: var(--cs-primary) !important;
}

.login-page-custom .fi-checkbox-input:checked{
    background-color: var(--cs-primary) !important;
}

.progress-bar {
    @apply h-4 w-full bg-gray-100 dark:bg-gray-800 rounded-full shadow-inner overflow-hidden
}

.progress-bar-value {
    @apply flex h-full items-center justify-center bg-red-600 dark:bg-primary-500 rounded-r-full shadow-inner text-xs font-bold text-white;
}