/* Reset some default styles for the demo */
body, html {
    margin: 0;
    padding: 0;
}

.body {
    background-color: #F1F2F4
}

/* Center the loading container */
.loading-container {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center;
    justify-content: center;
    height: 100vh; /* Full viewport height */
}

.loading-container img {
    margin-bottom: 26px; /* Adjust as needed for the desired space */
}

/* Loader animation */
.loader {
    border: 3px solid #344c98; /* Blue border */
    border-top: 3px solid transparent; /* Transparent top border */
    border-radius: 50%;
    width: 34px;
    height: 34px;
    animation: spin 1s linear infinite; /* Animation duration and timing function */
}

/* Loader animation keyframes */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}