* {
    scrollbar-width: thin;
    scrollbar-color: #CCCCF5 transparent;
}

.m-header h6{
    width: fit-content;
    background: linear-gradient(to right, #4a90e2, #a355b9, #ff6b6b);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 1.1rem;
    font-weight: 600;
}

.g-text {
    background: linear-gradient(to right, #95c6fe, #e497f9, #ff9292);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.g-shadow {
    /* border-radius: 2.5px;
    border-left: 5px solid #635BFF; */
    background: linear-gradient(to top, rgba(99, 91, 255, 0.175)8%, rgba(99, 91, 255, 0)38%);
    /* margin-left:-1.45rem */
}

.nk-body.bg-lighter:before {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    margin-top: 4.5rem;
    width: 100%;
    height: 311px;
    background: #1e1e1e;
}
.loading .loader { position: unset; }
            
.loading {
    position: fixed;
    z-index: 9999;
    background: #000000d1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex ;
    align-items: center;
    justify-content: center;
}

.loading_none {
    display: none;
}

.loader {
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after, .loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #4ba4db #4ba4db;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

.loader::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@media (max-width: 570px) {
    .mobile-none {
        display: none;
    }
}