.customize-modal{
    display: none;
}


.customize-modal-box{
    background-color: rgba(34, 33, 33, 0.8);
    position:fixed;
    display: grid;
    grid-template-columns: 1fr;
    width:100%;
    height:100vh;
    z-index: 9999;
}


.page-loader-box{
    background-color: rgba(255, 255, 255, 1);
    position:fixed;
    display: grid;
    grid-template-columns: 1fr;
    width:100%;
    height:100vh;
    z-index: 9999;
}


.customize-modal-content{
    margin: auto;
    position: relative;
}


.page-loader-content{
    margin: auto;
    position: relative;
}



.customize-modal-content img{
    width:100%;
    height:100%;
    border-radius: 100%;
}
.customize-modal-content h1{
    font-size: 30px;
    background: -webkit-linear-gradient(bottom right,transparent, white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    width:100%;
    padding:10px;
}

/*  */
@media only screen and (max-width: 600px) {
    .customize-modal-content{
        width:100%;
        padding:15%;
    }
}


/*  GILI LOADER  */

#loadercircle{
    border: 10px dotted #0091ea;
    border-top: 10px dotted transparent;
    border-right: 10px dotted transparent;
    animation: loader 1.5s linear infinite;
}

.loadercontainermodal #loadercircle{
    border: 15px dotted #0091ea;
    border-top: 15px dotted transparent;
    border-right: 15px dotted transparent;
    animation: loader .5s linear infinite;
}



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

.loadercontainermodal{
    background-color: transparent;
}
/*  GILI LOADER  */