/* ===========================
   PAGE LOADER
=========================== */

#loader{
    position:fixed;
    inset:0;
    background:#08111F;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
    transition:opacity .8s ease,
               visibility .8s ease;
}

#loader.hidden{
    opacity:0;
    visibility:hidden;
}

.loader-content{
    width:320px;
    text-align:center;
}

.loader-logo{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    margin-bottom:18px;
}

.loader-logo .icon{

    font-size:2rem;

}

.loader-logo h1{

    font-family:'Poppins',sans-serif;
    font-size:2rem;
    color:#fff;
    font-weight:700;

}

.loader-text{

    color:#b8c4d6;
    margin-bottom:35px;
    font-size:15px;

}

.progress-container{

    width:100%;
    height:8px;
    border-radius:50px;
    overflow:hidden;
    background:rgba(255,255,255,.1);

}

.progress-bar{

    width:0%;
    height:100%;

    background:linear-gradient(
    90deg,
    #0D6EFD,
    #198754,
    #FFC107);

    transition:width .15s linear;

}

#progressValue{

    display:block;
    margin-top:18px;
    color:white;
    font-size:15px;
    font-weight:600;

}