.loader {
    position: fixed; /* Covers the entire viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; /* Hidden by default */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    background: rgba(0, 0, 0, 0.5); /* Optional semi-transparent background */
    z-index: 100000; /* Ensure it's above popups */
    pointer-events: none; /* Optional: Prevent interactions with the loader */
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.loading_text {
    font-size: var(--fs-2xl);
    color: #fff;
}