.card {
    max-width: 400px; /* Set a maximum width for the card */
    margin: 0 auto;   /* Center the card horizontally */
    padding: 20px;
}

.card-body {
    padding: 20px;
}

.mb-4 {
    margin-bottom: 20px;
}

.fs-20 {
    font-size: 20px;
}

body {
    background: #f4f4f4 !important; /* Soft light gray background */
    color: #333333; /* Darker text for contrast */
    margin: 0;
    padding: 0;
}


@media (max-width: 576px) {
    .fs-20 {
        font-size: 18px; /* Reduce font size on very small screens */
    }

    .card {
        padding: 15px;
    }

    .btn-block {
        font-size: 14px; /* Adjust button font size for mobile */
    }
}