@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #002f6c;
    --primary-background: #EAF2FC;

    --success: #007156;
}

.bg-primary {
    background-color: var(--primary);
}

.bg-blue-50 {
    background-color: var(--primary-background);
}

.text-primary {
    color: var(--primary);
}

.text-success {
    color: var(--success);
}

.text-sm {
    font-size: initial !important;
    line-height: initial !important;
}

.fi-sidebar-group-label {
    color: var(--primary) !important;
    font-size: initial !important;
    line-height: initial !important;
    font-weight: 800 !important;
}

.fi-sidebar-group-button {
    background-color: var(--primary-background);
    padding: 1rem !important;
    border-radius: 0.5rem !important;
}

.app-title {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: var(--primary);
    font-family: Montserrat;
}

@media (min-width: 1280px) {
    .xl\:flex {
        display: flex !important;
    }
}

.fi-fo-wizard-header-step-button {
    column-gap: 0.5rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}