.forange {
    color: #FFA500!important;
}

.gamelist img {
    border-radius: 14px;
}

.listtag {
    list-style: none;
    display: inline-flex;
    padding: 0;
}

.sec-listtag {
    padding-top: 100px;
}

.tag {
    background: #74747494;
    padding: 10px 17px;
    border-radius: 21px;
    margin-right: 5px;
    line-height: 4;
    font-weight: 400;
}

.tag:hover {
    background: orange;
    color: #222;
    cursor: pointer!important;
}

.gammer span {
    font-weight: 400;
}

.online {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    display: inline-block;
    background-color: #3FDD04;
}

.ofline {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    display: inline-block;
    background-color: #9F9F9F;
}

.gammer a:hover .user-gammer {
    transform: scale(1.1, 1.1);
    cursor: pointer;
    opacity: .9;
}

.news-list .news-item:hover .imgnew {
    transform: scale(1.1, 1.1);
    cursor: pointer;
    opacity: .9;
}

.news-list .news-item:hover a {
    color: #fff!important;
}

.news-list .news-item:hover p {
    color: #fff!important;
}

.modal-open .modal {
    background: #000000e6;
}

a:hover {
    color: orange;
}

.imgnew {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
}

.slick-slider {
    height: max-content;
}

.box-game {
    padding: 10px 10px;
    background: #3a4048;
    border-radius: 7px;
    margin-bottom: 15px;
}

.box-game img {
    width: 75px;
    border-radius: 8px;
}

.box-game:hover {
    background: #444a52;
    cursor: pointer!important;
}

.user-gammer {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s all;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.index .pagination .page-link {
    border-color: #787878;
}

.index .page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background: orange!important;
}

.f16 {
    font-size: 16px;
}

.btn-cancel {
    background-color: #9D9D9D;
    border-color: #9D9D9D;
    color: #fff;
}

.btn-approve {
    background-color: #2CA4D0;
    border-color: #2CA4D0;
    color: #fff;
}

.f15 {
    font-size: 15px;
}

.footer-dark {
    background-color: #151515!important;
}

.menu .active a,
.readmore-btn {
    color: orange!important;
}

.carousel,
.carousel-inner,
.carousel-inner .item {
    height: max-content;
}

hr {
    border-top: 1px solid rgb(255 255 255 / 10%);
    margin-bottom: 30px;
    margin-top: 30px;
}

.h100vh {
    height: 80vh!important;
}

.h80 {
    height: 80%!important;
}

.h70vh {
    height: 65vh!important;
}

@media (max-width: 576px) {
    .small-1 {
        font-size: 13px!important;
    }
    .small-2 {
        font-size: 12px!important;
    }
    .chat-cat-list.sVH {
        height: 400px!important;
    }
    .border-nav {
        width: 100%;
        position: fixed;
        z-index: 999;
    }
    .main-content {
        padding-top: 30px;
    }
}