/* Loader overlay styling */
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .95); /* 90% opaque white */
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}


/* Spinner styling */
.spinner {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #e53838 ;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 1s linear infinite;
}

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

.center-svg {
    position: absolute;
    top: 50.2%;
    left: 50%;
    transform: translate(-54.5%, -50%);
    width: 90px;
    height: 90px;
}

/* Override loader SVG color if needed */
#loader .center-svg .st0 {
    fill: #7a7a7a;
}
#loader .center-svg .st1,
#loader .center-svg .st2 {
    fill: #7a7a7a;
    stroke: #7a7a7a;
}