/* General Styling */
body {
    font-family: 'Roboto', sans-serif;
    /* background-color: #001FD2; */
    line-height: 2; /* Further increase line height */
    color: #000000;
    background: linear-gradient(to bottom, #EFF0FF 0%,    #e6e8ff 40%,
    #9fa1d8 100%);
    line-height: 1.8;
    margin: 0;
}
/* @media (max-width: 576px) {
    body {
        font-size: 90%;
    }


    .container,
    .container-fluid {
        max-width: 100%; 
        padding: 0.5rem; 
    }


 

    section {
        padding: 1rem 0; 
    }

    footer {
        padding: 1rem;
        font-size: 0.8rem !important; 
    }
} */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}