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

#pageLoader{

    position:fixed;

    inset:0;

    background:#FCFAFF;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

    transition:.6s;

}

.loader-content{

    text-align:center;

}

.loader-content img{

    width:140px;

    animation:loaderFloat 3s ease-in-out infinite;

}

.loader-content h2{

    margin-top:18px;

    color:#8B5CF6;

}

.loader-content p{

    color:#888;

    margin-top:10px;

}
.loader-dots{

    display:flex;

    justify-content:center;

    gap:10px;

    margin-top:28px;

}

.loader-dots span{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#FF4FA3;

    animation:dots .9s infinite;

}

.loader-dots span:nth-child(2){

    animation-delay:.2s;

}

.loader-dots span:nth-child(3){

    animation-delay:.4s;

}
@keyframes loaderFloat{

    0%,100%{
    
    transform:translateY(0);
    
    }
    
    50%{
    
    transform:translateY(-12px);
    
    }
    
    }
    
    @keyframes dots{
    
    0%,100%{
    
    transform:scale(.7);
    
    opacity:.5;
    
    }
    
    50%{
    
    transform:scale(1.2);
    
    opacity:1;
    
    }
    
    }
    #pageContent{

        opacity:0;
        
        transform:translateY(20px);
        
        transition:
        
        opacity .7s,
        
        transform .7s;
        
        }
        
        #pageContent.show{
        
        opacity:1;
        
        transform:none;
        
        }