body {
    font-family: 'Roboto', sans-serif;
    background-color: #f1f4fb;
}

.text-primary {
    color: #214099 !important;
}

.bg-primary {
    background-color: #214099 !important;
}

.btn-primary {
    background-color: #214099 !important;
    border: none;
}

.btn-primary:hover {
    background-color: #1a357f !important;
}

.card-login {
    max-width: 100%;
    width: 100%;
    max-width: 400px;
    padding: 2.5rem 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    background-color: #fff;
}


@media (max-width: 768px) {
    .text-left-col {
        text-align: center;
        margin-bottom: 2rem;
    }
}

.min-vh-75 {
    min-height: 75vh !important;
}