/*==================================================
 MANSIDH PREMIUM LOADER
==================================================*/

#siteLoader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:linear-gradient(145deg,#06281d,#0A3D2E);
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    transition:.8s ease;
    }
    
    #siteLoader.hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    }
    
    .loader-wrapper{
    position:relative;
    text-align:center;
    z-index:10;
    }
    
    .loader-logo{
        width:180px;
        height:180px;
        margin:auto;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:rgba(255,255,255,.04);
        backdrop-filter:blur(15px);
        border:1px solid rgba(255,255,255,.08);
        animation:logoFloat 2s ease infinite;
        }
    
        .loader-logo img{
            width:150px;
            height:auto;
            border-radius:50%;
            }
    
    .loader-ring{
    
    position:absolute;
    
    width:220px;
    height:220px;
    
    border-radius:50%;
    
    border:2px solid rgba(201,168,76,.15);
    
    top:50%;
    left:50%;
    
    transform:translate(-50%,-50%);
    
    animation:ringRotate 6s linear infinite;
    
    }
    
    .loader-ring:before{
    
    content:"";
    
    position:absolute;
    
    inset:10px;
    
    border-radius:50%;
    
    border:2px solid transparent;
    
    border-top-color:#C9A84C;
    
    animation:ringRotateReverse 2s linear infinite;
    
    }
    
    .loader-title{
    
    margin-top:35px;
    
    font-size:32px;
    
    font-family:'Playfair Display',serif;
    
    font-weight:700;
    
    letter-spacing:3px;
    
    color:#fff;
    
    }
    
    .loader-sub{
    
    margin-top:8px;
    
    font-size:14px;
    
    letter-spacing:5px;
    
    text-transform:uppercase;
    
    color:rgba(255,255,255,.65);
    
    }
    
    .loader-progress{
    
    margin:28px auto 0;
    
    width:260px;
    
    height:5px;
    
    background:rgba(255,255,255,.08);
    
    border-radius:100px;
    
    overflow:hidden;
    
    }
    
    .loader-progress span{
    
    display:block;
    
    height:100%;
    
    width:0%;
    
    background:linear-gradient(90deg,#C9A84C,#f6df8d);
    
    border-radius:100px;
    
    transition:width .2s linear;
    
    }
    
    .loader-percent{
    
    margin-top:18px;
    
    font-size:18px;
    
    font-weight:700;
    
    color:#fff;
    
    }
    
    .loader-bg{
    
    position:absolute;
    
    width:700px;
    height:700px;
    
    background:radial-gradient(circle,#C9A84C20,transparent 70%);
    
    filter:blur(40px);
    
    animation:bgPulse 5s ease infinite;
    
    }
    
    @keyframes ringRotate{
    
    100%{
    
    transform:translate(-50%,-50%) rotate(360deg);
    
    }
    
    }
    
    @keyframes ringRotateReverse{
    
    100%{
    
    transform:rotate(-360deg);
    
    }
    
    }
    
    @keyframes logoFloat{
    
    0%,100%{
    
    transform:translateY(0);
    
    }
    
    50%{
    
    transform:translateY(-12px);
    
    }
    
    }
    
    @keyframes bgPulse{
    
    0%,100%{
    
    transform:scale(1);
    
    opacity:.5;
    
    }
    
    50%{
    
    transform:scale(1.2);
    
    opacity:1;
    
    }
    
    }