:root {
    --primary-font: "Poppins", sans-serif, Arial, Helvetica;
    --secondary-font: "K2D", sans-serif;
    --dark-gray: #161717;
    --dark-gray-1: #343434;
    --dark-blue: #18181b;
    --orange: #fe8529;
    --orange-1: #e57124;
    --light-orange: #fea04a;
    --light-orange-1: #fa7b27;
    --pink: #fd6b6e;
    --light-pink: #fe9394;
    --navy-blue: #0a293c;
    --violet: #4a1f82;
    --light-violet: #af7be8;
}
.pixiu .slider-item {
    padding-right: 15px;
}
.pixiu .slider-item img {
    border: 1px solid var(--orange);
    border-radius: 10px;
}
.a-link {
    color: var(--orange);
    text-decoration: underline;
    text-transform: uppercase;
}

.panel-bal {
    background-color: var(--pink);
    margin-right: -544px;
}
.panel-bal .btn-balance {
    left: -47px;
    box-shadow: none;
}
.bala {
    padding: 4% 4% 7% 0%;
    width: 497px;
}

@media only screen and (max-width: 767px) {
    .panel-bal {
        margin-right: -328px;
        width: 328px;
    }
    .panel-bal .btn-balance {
        left: -40px;
        box-shadow: none;
    }
}
.clickable{
    cursor: pointer;
}

.pagination { width: fit-content; }
.game-modal{
    position: absolute !important;
}
.game-modal-content{
    justify-content: center!important;
}
.game-modal-image{
    width: 55%;
}
.avatar-image{
    border-radius: 50%;
}
.active-rotate{
    background-color: #FE8529 !important;
}