/* Preloader full screen overlay */
.preloader-overlay {
    position: fixed;
    inset: 0;                  /* top:0; right:0; bottom:0; left:0; */
    width: 100vw;
    height: 100vh;
    background: #ffffff;
    z-index: 99999;
    display: flex;
    align-items: center;       /* vertical center */
    justify-content: center;   /* horizontal center */
    transition: opacity 0.4s ease-out;
    pointer-events: none;
}

/* Inner content */
.preloader-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding-bottom: 10%;
    gap: 15%;
}

/* Text styling */
.preloader-brand {
    margin-top: 1.5rem;
    text-align: center;
    color: var(--secondary-color, #444);
    animation: fadeInUp 0.9s ease-out;
}

.preloader-brand strong {
    opacity: 0.8;
    font-size: 1.2rem;
}

.preloader-brand .parrad_title {
    margin-top: 0.25rem;
    font-size: 2rem !important;
    font-weight: 700;
    color: var(--secondary-color, #444);
}

/* Hide animation */
.preloader-overlay.is-hidden {
    opacity: 0;
    pointer-events: none;
}





/* .preloader-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw !important;
    height: 100vh !important;
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); *
    background-color: var(--bg-white);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease-out;
} */

/* .prelaoder-brand{
    animation: fadeInUp 0.8s ease-out;
} */

/* .spinner-border-lg{
    color: var(--primary-color) !important;
    width: 2.5rem;
    height: 2.5rem;
} */

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}

.preloader-overlay.fade-out {
    opacity: 0 !important;
    pointer-events: none;
}
