@import url(https://fonts.googleapis.com/css?family=Baloo+Thambi|Open+Sans|Nunito:wght@400;600;700;800;900);

            abbr,
            acronym,
            address,
            article,
            aside,
            b,
            big,
            blockquote,
            body,
            canvas,
            caption,
            cite,
            code,
            dd,
            del,
            details,
            dfn,
            div,
            dl,
            dt,
            em,
            embed,
            fieldset,
            figcaption,
            figure,
            footer,
            form,
            header,
            hgroup,
            html,
            i,
            iframe,
            img,
            ins,
            kbd,
            label,
            legend,
            li,
            mark,
            menu,
            nav,
            object,
            ol,
            output,
            p,
            pre,
            q,
            ruby,
            samp,
            section,
            small,
            strike,
            strong,
            sub,
            summary,
            sup,
            table,
            tbody,
            td,
            tfoot,
            th,
            thead,
            time,
            tr,
            tt,
            u,
            ul,
            var {
                margin: 0;
                padding: 0;
                border: 0;
                vertical-align: baseline;
                list-style-type: square
            }

            body {
                height: 100%;
                margin: 0;
                padding: 0;
                min-width: 680px;
                text-decoration: none
            }

            a {
                color: #01ffff;
                text-decoration: none
            }

            a:hover {
                color: #ffe000
            }

            html {
                box-sizing: border-box;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

            *,
            ::after,
            ::before {
                box-sizing: inherit
            }

            body {
                color: #fff;
                margin: 0;
                font-size: .875rem;
                font-family: Nunito, verdana, sans-serif;
                font-weight: 400;
                line-height: 1.43;
                background: #1d1834
            }

            @media print {
                body {
                    background-color: #bdcdd5
                }
            }

            body::backdrop {
                background-color: #33505e
            }

            h1 {
                color: #fff;
                font-weight: 200
            }

            .a378 {
                position: relative;
                background: #100e1d;
                background: linear-gradient(302deg, #100e1d 36%, #42dbca 73%)
            }

            .a379 {
                top: 0;
                left: 0;
                width: 100%;
                border: 0;
                height: 100%;
                margin: 0;
                padding: 0;
                position: absolute
            }

            @media(min-width: 1082px) {
                .a405 {
                    display: none
                }
            }

            .a343 {
                background: 0
            }

            .a522 {
                color: #fff;
                font-size: .7em;
                font-weight: 700;
                background-color: #253a45
            }

            .a522:hover {
                background-color: #253a45
            }

            .a523 {
                width: 15px
            }

            .a481 {
                color: #fff;
                padding: 16px;
                background: #100e1d;
                background: linear-gradient(302deg, #100e1d 36%, #42dbca 73%)
            }

            @media(min-width: 1082px) {
                .a481 {
                    margin-top: 8px
                }
            }

            @media(min-width: 600px) {
                .a483 {
                    max-width: 400px
                }
            }

            @media(max-width: 599.95px) {
                .a483>div {
                    padding: 0;
                    margin-right: 8px;
                    margin-bottom: 8px
                }

                .a484 {
                    width: unset
                }

                .a485 {
                    width: unset
                }
            }

            .a487 {
                color: #ffffffab
            }

            .a488 {
                color: #fff
            }

            .a488:hover .a487 {
                color: #fff
            }

            .a489 {
                color: #fff
            }

            .a490 {
                color: #fff;
                font-size: 1.5rem;
                text-shadow: 2px 2px 4px #000
            }

            .a491 {
                margin-right: 16px
            }

            .a551 {
                color: #000;
                text-decoration: none
            }

            .a553 {
                margin-left: 4px;
                margin-right: 4px;
                margin-bottom: 8px;
                background-color: #100e1d
            }

            .a553 span {
                font-size: .9em;
                font-weight: 700
            }

            .a553:hover {
                background-color: #42dbca
            }

            .a539 {
                margin-bottom: 0
            }

            @media(min-width: 1082px) {
                .a539 {
                    margin-left: -25px
                }
            }

            @media(max-width: 599.95px) {
                .a539 {
                    margin-top: 8px
                }
            }

            .a524 {
                color: #fff;
                padding: 8px 0 24px 24px;
                line-height: 1.5
            }

            .a524 a {
                color: #35fdff;
                font-weight: 700;
                text-decoration: none
            }

            @media(min-width: 1082px) {
                .a524 {
                    padding: 8px 24px 24px
                }
            }

            @media(max-width: 1081.95px) {
                .a524 {
                    padding: 32px
                }
            }

            .a524 a:hover {
                color: #25b1b2
            }

            .a532 {
                font-size: .9em;
                margin-top: 20px
            }

            @media(max-width: 599.95px) {
                .a534 {
                    display: none
                }
            }

            @media(min-width: 1082px) {
                .a536 {
                    flex: 1;
                    padding-right: 20px
                }
            }

            .a537 {
                margin-right: -25px
            }

            @media(min-width: 1082px) {
                .a537 {
                    margin-top: 16px
                }
            }

            .a305 {
                width: 100%;
                z-index: 1;
                position: relative;
                background-color: transparent
            }

            @media(min-width: 1082px) {
                .a305 {
                    min-width: 800px
                }
            }

            @media(max-width: 1081.95px) {
                .a305 {
                    width: 100%;
                    padding: 0
                }
            }

            .a308 {
                width: 100%;
                padding: 0;
                position: relative
            }

            .a294 {
                width: 300px
            }

            .a294>div {
                float: left;
                margin-right: 10px;
                margin-bottom: 8px
            }

            .a295 {
                margin-right: 0 !important
            }

            .a287>div {
                margin-bottom: 8px
            }

            .a263 {
                position: relative !important;
                flex-wrap: nowrap !important
            }

            .a272 {
                width: 160px;
                display: none;
                min-height: 250px;
                margin-left: 8px !important;
                padding-top: 8px !important;
                margin-bottom: 32px !important
            }

            @media(min-width: 1082px) {
                .a272 {
                    display: block
                }
            }

            .a273 {
                min-height: 250px;
                padding-top: 8px !important;
                margin-right: 8px !important;
                margin-bottom: 32px !important
            }

            @media(min-width: 1082px) {
                .a273 {
                    display: block
                }
            }

            .a274 {
                width: 300px;
                min-height: 250px
            }

            @media(min-width: 1082px) {
                .a274 {
                    display: block
                }
            }

            .a275 {
                width: 160px
            }

            .a276 {
                width: 160px
            }

            .a17 {
                padding-top: 10px;
                padding-bottom: 8px;
                overflow-x: hidden
            }

            .a647 {
                color: #fff;
                width: 100%;
                position: relative;
                padding-top: 16px;
                background-color: #0a0911
            }

            .a671 {
                padding: 16px;
                text-align: center;
                line-height: 25px
            }

            .container-games {
                max-width: 1860px;
                display: flex;
                width: 100%;
                padding-top: 10px;
                margin-bottom: 20px
            }

            .box-games {
                margin-left: 15px;
                margin-right: 15px;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                align-self: flex-start
            }

            .right-games {
                width: 300px;
                margin-right: 15px
            }

            .right-games ul {
                margin-bottom: 15px
            }

            .right-games li {
                list-style-type: none;
                font-size: 13px;
                display: flex
            }

            .right-games h3 {
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                margin: 0;
                padding: 0;
                font-weight: 400;
                font-size: 20px
            }

            .right-games a {
                padding: 3px;
                width: 100%;
                display: flex;
                bkit-align-items: center;
                align-items: center
            }

            .right-games span {
                padding-left: 15px
            }

            .right-games a:hover {
                background: #361c41;
                color: #fff;
                border-radius: 25px
            }

            .right-games img {
                width: 40px;
                height: 40px;
                flex-grow: 0;
                flex-shrink: 0;
                object-fit: cover;
                border-radius: 50%
            }

            .new {
                background-color: #ffc109;
                color: #fff;
                display: inline-block;
                position: absolute;
                padding: 2px;
                right: 0;
                border-bottom-left-radius: 5px;
                border-top-right-radius: 4px;
                font-size: 11px;
                z-index: 9
            }

            .new strong {
                margin-right: 3px;
                margin-left: 2px;
                letter-spacing: 1px
            }

            .thumb-game_l {
                margin: 8px
            }

            .thumb-title {
                display: none
            }

            .thumb-game {
                width: 220px;
                height: 115px;
                overflow: hidden;
                position: relative;
                border-radius: 15px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .bTv:hover,
            .thumb-game:hover,
            .thumb-w:hover {
                -webkit-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                -moz-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1)
            }

            .thumb-game:hover .th-title {
                opacity: 1;
                z-index: 10
            }

            .thumb-game a {
                color: #fff;
                text-decoration: none;
                width: 220px;
                padding-left: 15px;
                padding-right: 12px
            }

            .thumb-game:hover img {
                -webkit-filter: brightness(90%);
                filter: brightness(90%)
            }

            .thumb-title {
                font-family: baloo thambi, cursive;
                color: #fff;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                height: 22px;
                overflow: hidden;
                font-size: 13px;
                font-weight: 200;
                display: block;
                line-height: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-align: center;
                text-transform: uppercase
            }

            .th-title {
                transition: .5s ease;
                transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 110%);
                padding-top: 115px
            }

            .alt {
                position: absolute;
                width: 100%;
                height: 140%;
                top: 0;
                left: 0;
                text-decoration: none;
                z-index: 10;
                opacity: 0
            }

            .crop {
                position: relative;
                left: 50%;
                transform: translate(-50%, 0)
            }

            .thumb-game_l1 {
                margin: 2px
            }

            .thumb-game1 {
                width: 160px;
                height: 90px;
                overflow: hidden;
                position: relative;
                border-radius: 10px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19);
                margin-bottom: 9px
            }

            .thumb-game1 img,
            .thumb-game1 video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px
            }

            .thumb-game1 img {
                transition: opacity .3s ease
            }

            .thumb-game1 video {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
                opacity: 0;
                transition: opacity .3s ease
            }

            .thumb-title1 {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 10px;
                box-sizing: border-box;
                background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
                color: #fff;
                text-align: center;
                opacity: 0;
                font-family: baloo thambi, cursive;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                overflow: hidden;
                font-size: 12px;
                font-weight: 200;
                display: block;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-transform: uppercase;
                z-index: 1
            }

            .thumb-game1:hover .thumb-title1 {
                opacity: 1
            }

            .thumb-game1:hover video {
                opacity: 1
            }

            .thumb-title2 {
                display: none
            }

            .thumb-game2 {
                width: 160px;
                height: 131px;
                overflow: hidden;
                position: relative;
                border-radius: 15px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .thumb-game2:hover .th-title2 {
                opacity: 1;
                z-index: 10
            }

            .thumb-game2 a {
                color: #fff;
                text-decoration: none;
                width: 160px;
                padding-left: 15px;
                padding-right: 12px
            }

            .thumb-game2:hover img {
                -webkit-filter: brightness(90%);
                filter: brightness(90%)
            }

            .thumb-title2 {
                font-family: baloo thambi, cursive;
                color: #fff;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                height: 22px;
                overflow: hidden;
                font-size: 13px;
                font-weight: 200;
                display: block;
                line-height: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-align: center;
                text-transform: uppercase
            }

            .th-title2 {
                transition: .5s ease;
                transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                background: linear-gradient(179deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 35%, #000 110%);
                padding-top: 100px
            }

            .alt2 {
                position: absolute;
                width: 100%;
                height: 110%;
                top: 0;
                left: 0;
                text-decoration: none;
                z-index: 10;
                opacity: 0
            }

            video {
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%, 0);
                width: auto;
                height: auto;
                min-width: 100%;
                min-height: 100%;
                top: -1px
            }

            .a500 {
                margin: 20px;
                margin-top: 20px;
                padding: 20px 20px 5px;
                border-radius: 15px;
                background: #241d41;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .a500 p {
                margin-bottom: 20px
            }

            .a500 h2 {
                padding: 0;
                margin: 0;
                font-family: baloo thambi, cursive;
                font-weight: 200;
                font-size: 22px
            }

            .a500 ul {
                margin-left: 50px;
                margin-bottom: 15px
            }

            .a500 strong {
                color: #ffe000
            }

            .a501 {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: stretch;
                align-content: flex-start;
                margin: 20px;
                height: 150px;
                overflow: hidden;
                padding-top: 23px;
                margin-bottom: 50px
            }

            .a501>.r-categories {
                width: 120px;
                text-align: center;
                margin-bottom: 10px;
                margin-right: 8px
            }

            .a501>.r-categories a:hover {
                color: #ffe000
            }

            .r-categories img {
                width: 100px;
                height: 100px;
                border-radius: 50%;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .r-categories img:hover {
                -webkit-filter: brightness(110%);
                filter: brightness(110%);
                box-shadow: 0 0 27px 0 #0ff
            }

            .r-categories span {
                width: 120px;
                height: 25px;
                overflow: hidden;
                position: relative;
                display: block;
                font-weight: 700;
                height: 22px;
                line-height: 20px;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-align: left;
                font-size: 12px;
                text-align: center
            }

            .a502 {
                justify-content: left;
                height: 50px;
                display: flex;
                align-items: left;
                padding-left: 5px;
                padding-top: 20px
            }

            .a502 h1 {
                padding: 0;
                margin: 0;
                margin-left: 15px;
                font-family: baloo thambi, cursive
            }

            .a503 h1 {
                padding: 0;
                margin: 0;
                font-family: baloo thambi, cursive
            }

            .a502 img {
                height: 40px;
                width: 4px;
                border-radius: 50%
            }

            .fa-search {
                display: block;
                position: relative;
                width: 22px;
                height: 22px;
                background: url(https://img.apkgosu.fun/svg/search.svg);
                background-size: 22px 22px;
                right: -3px
            }

            .pagination {
                width: 100%;
                height: 20px;
                margin-top: 70px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                align-content: center;
                margin-bottom: 15px
            }

            .live-link {
                background: #292547;
                color: #fff;
                border-radius: 50%;
                height: 60px;
                width: 60px;
                justify-content: center;
                align-items: center;
                align-content: center;
                display: flex;
                font-size: 19px;
                font-family: baloo thambi, cursive;
                margin-right: 10px
            }

            .dead-link {
                background: #141124;
                color: #fff;
                border-radius: 50%;
                height: 60px;
                width: 60px;
                justify-content: center;
                align-items: center;
                align-content: center;
                display: flex;
                margin-right: 7px
            }

            .pagination a:hover {
                background: #42dbca;
                color: #fff
            }

            .current-link {
                background: #141124;
                color: #fff;
                border: #01ffff 3px solid
            }

            .arr {
                border: solid #fff;
                border-width: 0 3px 3px 0;
                display: inline-block;
                padding: 3px
            }

            .r1 {
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                left: -2px;
                position: relative
            }

            .l1 {
                transform: rotate(135deg);
                -webkit-transform: rotate(135deg);
                left: 2px;
                position: relative
            }

            .ar {
                border: solid #fff;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 2px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                margin-right: 4px
            }

            .we {
                color: #b9c9ff;
                font-size: 13px
            }

            .upt a {
                font-size: 14px;
                line-height: 1.75
            }

            .fa-home {
                display: inline-flex;
                width: 15px;
                height: 15px;
                background: url(https://img.apkgosu.fun/svg/home-run.svg);
                background-size: 15px 15px
            }

            .fa-home:hover {
                -webkit-filter: invert(0) sepia(1) hue-rotate(0) saturate(0) contrast(150%);
                filter: invert(0) sepia(1) hue-rotate(0) saturate(25) contrast(250%)
            }

            .home {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                align-self: flex-start;
                margin-bottom: 20px
            }

            .a511 a {
                font-size: 14px
            }

            .a515 {
                margin-left: 20px;
                margin-right: 20px
            }

            .a512 {
                margin: 20px;
                background-color: #891fc2;
                padding: 5px 5px 5px 15px;
                border-radius: 15px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .lists {
                position: relative;
                top: 7px;
                right: 0;
                z-index: 999;
                margin-right: 15px
            }

            .lists ul {
                padding: 5px;
                margin: 0;
                position: absolute;
                top: -2px;
                background: #0a0911;
                width: 100%;
                max-height: 500px;
                overflow: auto;
                border-bottom-right-radius: 10px;
                border-bottom-left-radius: 10px
            }

            .lists ::-webkit-scrollbar {
                width: 5px
            }

            .lists ::-webkit-scrollbar-track {
                box-shadow: inset 0 0 5px grey;
                border-radius: 15px
            }

            .lists ::-webkit-scrollbar-thumb {
                background: #01ffff;
                border-radius: 10px
            }

            .lists li {
                list-style-type: none;
                font-size: 15px;
                display: flex
            }

            .lists span {
                margin-left: 10px
            }

            .lists img {
                width: 50px;
                height: 50px;
                flex-grow: 0;
                flex-shrink: 0;
                object-fit: cover;
                border-radius: 50%
            }


            .lists a {
                padding: 3px;
                width: 100%;
                display: flex;
                bkit-align-items: center;
                align-items: center
            }

            .lists a:hover {
                background: #361c41;
                color: #fff;
                border-radius: 40px;
                color: #ffe000
            }

            .recent {
                background: #51c2ce;
                height: 46px;
                width: 46px;
                margin-top: 10px;
                border-radius: 50%;
                margin-right: 10px;
                padding: 10px
            }

            .recent:hover {
                background: #ecce00
            }

            .a15 {
                background: #21f0e2;
                color: #15002f;
                border-radius: 50px;
                font-size: 28px;
                padding: 15px;
                font-family: baloo thambi, cursive;
                border: 0;
                cursor: pointer;
                width: 300px;
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
            }

            .a15:hover {
                background: #0fe6d6
            }

            .b15 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            .b16 {
                border-radius: 8px;
                margin-bottom: 10px
            }

            .swfblk {
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%)
            }

            button.btn-main,
            button.btn-main[type=submit] {
                background: #253a45;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                border-radius: 5px;
                font-size: 16px;
                padding: 16px 20px;
                transition: all .1s ease-in;
                min-width: 142px;
                border: 0;
                cursor: pointer;
                outline: 0
            }

            button.btn-main:hover:enabled {
                opacity: .8
            }

            button.btn-main:disabled {
                opacity: .3
            }

            .text-right {
                text-align: right
            }

            .contact-form button[type=submit] {
                background: #fff
            }

            .contact-form button[type=submit]:hover:enabled {
                background-color: #000;
                color: #fff;
                outline: 0
            }

            .modal {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, .6);
                z-index: 999
            }

            .modal-container {
                position: absolute;
                top: 20%;
                left: 50%;
                margin-left: -300px;
                width: 600px;
                background: #fff;
                border-radius: 10px;
                box-shadow: 0 0 10px rgba(0, 0, 0, .3);
                padding: 20px;
                color: #385867
            }

            .modal-close {
                color: #ccc;
                cursor: pointer;
                position: absolute;
                right: 15px;
                top: 2px;
                font-size: 26px;
                font-weight: 600
            }

            .modal-close:hover {
                color: #000
            }

            .game-feedback p {
                font-size: 18px
            }

            .game-feedback-option {
                margin-bottom: 15px
            }

            .custom-radio {
                display: block;
                position: relative;
                padding-left: 27px;
                cursor: pointer;
                font-size: 16px;
                user-select: none;
                line-height: 20px
            }

            .custom-radio input {
                position: absolute;
                opacity: 0;
                cursor: pointer
            }

            .custom-radio .checkmark {
                position: absolute;
                top: 0;
                left: 0;
                height: 20px;
                width: 20px;
                background-color: #eee;
                border-radius: 50%
            }

            .custom-radio:hover input~.checkmark {
                background-color: #ccc
            }

            .custom-radio input:checked~.checkmark {
                background-color: #ffe000
            }

            .custom-radio .checkmark:after {
                content: "";
                position: absolute;
                display: none
            }

            .custom-radio input:checked~.checkmark:after {
                display: block
            }

            .custom-radio .checkmark:after {
                top: 6px;
                left: 6px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #fff
            }

            .contact-form-msg-error {
                padding: 20px;
                background-color: #f8d7da;
                color: #8d1824;
                border-radius: 5px;
                margin-bottom: 20px
            }

            .thumb-container {
                box-shadow: 0 6px 10px rgba(0, 0, 0, .4)
            }

            .thumb-container:hover {
                box-shadow: 0 12px 20px rgba(0, 0, 0, .3)
            }

            .grid-2x2,
            .grid-w-double {
                grid-column: auto/span 2
            }

            .grid-2x2,
            .grid-h-double {
                grid-row: auto/span 2
            }

            .clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0
            }

            .clearfix {
                display: inline-block
            }

            * html .clearfix {
                height: 1%
            }

            .clearfix {
                display: block
            }

            .thumb-w {
                width: 377px;
                height: 310px;
                overflow: hidden;
                position: relative;
                border-radius: 15px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .video-div2 {
                transform: translatez(0);
                position: absolute;
                top: 0;
                bottom: -1px;
                left: -100%;
                right: -100%;
                margin: auto;
                min-width: 100%;
                min-height: 100%
            }

            .series {
                background-color: #3c1d6e;
                color: #fff;
                display: inline-block;
                position: absolute;
                padding: 4px;
                left: 0;
                border-bottom-right-radius: 6px;
                border-top-left-radius: 4px;
                font-size: 11px;
                z-index: 9
            }

            .series strong {
                margin-right: 3px;
                margin-left: 5px;
                letter-spacing: 1px
            }

            ::-webkit-scrollbar {
                width: 6px;
                height: 6px
            }

            ::-webkit-scrollbar-button {
                width: 0;
                height: 0
            }

            ::-webkit-scrollbar-thumb {
                background: #01ffff;
                border: 0 #fff;
                border-radius: 50px
            }

            ::-webkit-scrollbar-thumb:active {
                background: #01ffff
            }

            ::-webkit-scrollbar-track {
                background: #090d0f;
                border: 0 #fff;
                border-radius: 50px
            }

            ::-webkit-scrollbar-corner {
                background: 0
            }

            .install-as-app {
                background: #372e74;
                border-radius: 999px;
                box-shadow: #372e74 0 10px 20px -10px;
                box-sizing: border-box;
                color: #fff;
                cursor: pointer;
                font-size: 15px;
                line-height: 24px;
                opacity: 1;
                outline: transparent solid 0;
                padding: 8px 18px;
                user-select: none;
                -webkit-user-select: none;
                touch-action: manipulation;
                width: fit-content;
                word-break: break-word;
                border: 0;
                margin-right: 15px;
                font-family: baloo thambi, cursive
            }

            .install-as-app:hover {
                background: #3c1d6e
            }

            .share-1 {
                background: 0 0;
                color: #fff;
                height: 35px;
                width: 35px;
                border-radius: 50%;
                cursor: pointer;
                line-height: 2px;
                opacity: 1;
                outline: 0 solid transparent;
                border: 0;
                margin-right: 7px;
                margin-top: 3px
            }

            .share-1:hover {
                background: #371c42
            }

            button {
                outline: 0;
                cursor: pointer;
                font-weight: 500;
                border-radius: 4px;
                border: 2px solid transparent;
                transition: background .1s linear, border-color .1s linear, color .1s linear
            }

            .mod {
                display: none;
                position: fixed;
                z-index: 100;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #000;
                background-color: rgba(0, 0, 0, .4)
            }

            .popup {
                position: fixed;
                background: #1d1834;
                padding: 25px;
                border-radius: 15px;
                z-index: 1;
                left: 50%;
                top: 50%;
                z-index: 100;
                max-width: 480px;
                width: 100%;
                opacity: 0;
                pointer-events: none;
                box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
                transform: translate(-50%, -50%) scale(1.2);
                transition: top 0 .2s ease-in-out, opacity .2s 0 ease-in-out, transform .2s 0 ease-in-out;
                color: #c6c2d5
            }

            .popup.show {
                top: 50%;
                opacity: 2;
                pointer-events: auto;
                transform: translate(-50%, -50%) scale(1);
                transition: top 0 0 ease-in-out, opacity .2s 0 ease-in-out, transform .2s 0 ease-in-out
            }

            .popup :is(header, .icons, .field) {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

            .popup header {
                padding-bottom: 15px;
                border-bottom: 1px solid #8a2be2
            }

            header {
                font-size: 25px;
                font-weight: 600
            }

            .icons a,
            header .close2 {
                display: flex;
                align-items: center;
                border-radius: 50%;
                justify-content: center;
                transition: all .3s ease-in-out
            }

            header .close2 {
                color: #fe39a2;
                font-size: 20px;
                cursor: pointer
            }

            header .close2:hover {
                color: #891fc2
            }

            .popup .content {
                margin: 20px 0
            }

            .popup .icons {
                margin: 15px 0 20px
            }

            .content p {
                font-size: 16px
            }

            .content .icons a {
                height: 60px;
                width: 60px;
                font-size: 20px;
                text-decoration: none;
                border: 1px solid transparent
            }

            .icons a i {
                transition: transform .3s ease-in-out
            }

            .icons a:nth-child(1) {
                color: #fff;
                background: #039be5;
                padding-left: 3px
            }

            .icons a:nth-child(2) {
                background: #212121
            }

            .icons a:nth-child(2):hover {
                border-color: #303030
            }

            .icons a:nth-child(3) {
                color: #e1306c;
                background: #3bd776;
                padding-top: 3px;
                padding-left: 5px
            }

            .icons a:nth-child(4) {
                color: #fff;
                background: #198cb9;
                border-color: #198cb9
            }

            .icons a:nth-child(5) {
                color: #fff;
                background: #fe571a;
                padding-top: 6px;
                padding-left: 7px
            }

            .icons a:hover {
                color: #fff;
                border-color: transparent
            }

            .icons a:hover i {
                transform: scale(1.2)
            }

            .content .field {
                margin: 12px 0 -5px;
                height: 45px;
                border-radius: 4px;
                padding: 0 5px;
                background: #0a0911;
                border: 1px solid #8a2be2
            }

            .field.active {
                border-color: #69f200
            }

            .field i {
                width: 0;
                font-size: 18px;
                text-align: left
            }

            .field.active i {
                color: #69f200
            }

            .field input {
                width: 100%;
                height: 100%;
                border: 0;
                outline: 0;
                background: #0a0911;
                color: #eae8f4;
                font-size: 18px
            }

            .field button {
                color: #fff;
                padding: 5px 18px;
                background: #7d2ae8
            }

            .field button:hover {
                background: #8d39fa
            }

            .bkey,
            .closekey {
                border-radius: 50%
            }

            .keymoda {
                display: none;
                position: fixed;
                z-index: 1;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgba(0, 0, 0, .4)
            }

            .closekey,
            .key-content {
                position: absolute;
                right: 0
            }

            .key-content {
                height: 100px;
                margin: 0 auto;
                display: table;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 650px
            }

            .closekey {
                color: #891fc2;
                font-size: 30px;
                font-weight: 700;
                width: 35px;
                height: 35px;
                top: 10px;
                right: 10px;
                text-align: center
            }

            .bkey,
            .install-as-app2 {
                background: 0 0;
                color: #fff;
                height: 35px;
                width: 35px;
                cursor: pointer;
                line-height: 2px;
                opacity: 1;
                margin-right: 15px;
                margin-top: 3px;
                outline: transparent solid 0
            }

            .closekey:focus,
            .closekey:hover {
                color: #000;
                text-decoration: none;
                cursor: pointer
            }

            .bkey {
                border: 0
            }

            .bkey:hover,
            .install-as-app2:hover {
                background: #371c42
            }

            .install-as-app2 {
                border-radius: 50%;
                border: 0
            }

            .thumb .ribbon {
                text-align: center;
                position: absolute;
                padding-right: 3px;
                left: -4px;
                top: 16px;
                width: 28px;
                height: 28px;
                background-size: cover;
                z-index: 3;
                box-sizing: border-box;
                border-radius: 0 28px 28px 0;
                background: #fff;
                box-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
            }

            .thumb .ribbon:after {
                content: "";
                position: absolute;
                bottom: -4px;
                left: 0;
                width: 0;
                height: 0;
                border-top: 0 solid transparent;
                border-bottom: 4px solid transparent;
                border-right: 4px solid #bdc9db
            }

            .thumb .ribbon img {
                width: 16px;
                height: auto;
                display: inline;
                top: 5px;
                position: relative
            }

            .ribbon_box {
                position: relative;
                z-index: 100
            }

            .ribbon3:after,
            .ribbon3:before {
                content: '';
                width: 5px;
                height: 5px;
                display: block;
                position: absolute;
                top: 100%;
                left: 0
            }

            .ribbon3 {
                position: absolute;
                top: 15px;
                left: -5px;
                color: #fff;
                background: #fff;
                height: 34px;
                padding: 7px;
                border-top-left-radius: 5px;
                border-top-right-radius: 3px;
                border-bottom-right-radius: 10px;
                box-shadow: -1px 2px 3px rgba(0, 0, 0, .3);
                font-size: 11px
            }

            .ribbon3:before {
                background: #fff;
                border-bottom-left-radius: 5px
            }

            .ribbon3:after {
                background-color: #ccc;
                border-radius: 6px 0 0 6px
            }

            .video-preloader {
                z-index: 100;
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            :root {
                --color-blue: #21f0e2;
                --color-text: #fff;
                --color-dark: #15002f;
                --color-text-80: rgba(255, 255, 255, .8);
                --color-text-60: rgba(255, 255, 255, .6);
                --color-text-40: rgba(255, 255, 255, .4);
                --rad-blocks: .75rem
            }

            figure {
                display: block
            }

            figure {
                margin: 0 0 1rem
            }

            svg {
                overflow: hidden;
                vertical-align: middle
            }

            .s-blue {
                transition: box-shadow .2s ease, color .2s ease
            }

            .s-blue {
                background-color: var(--color-blue);
                box-shadow: 0 0 .75rem 0 var(--color-blue)
            }

            button.s-blue:hover {
                box-shadow: 0 0 1rem 0 var(--color-text)
            }

            .fit-cover {
                position: relative;
                display: flex;
                overflow: hidden;
                flex-direction: column;
                flex-grow: 1
            }

            .fit-cover img {
                position: absolute;
                top: 0;
                left: 50%;
                display: block;
                min-width: calc(100% + 1px);
                width: 100%;
                height: 100%;
                transform: translateX(-50%);
                object-fit: cover;
                object-position: center center;
                -o-object-position: center center;
                -o-object-fit: cover
            }

            .uppercase {
                text-transform: uppercase
            }

            .muted {
                opacity: .5
            }

            .title {
                line-height: 1.3;
                font-family: baloo thambi, cursive
            }

            .title {
                margin: 0
            }

            .btn {
                font-family: Nunito, Arial, sans-serif;
                height: 2.5rem;
                line-height: 1.5rem;
                padding: .5rem 8rem;
                border-radius: 1.5rem;
                white-space: nowrap;
                text-align: center;
                display: inline-block;
                vertical-align: top;
                border: 0;
                cursor: pointer;
                outline: 0;
                text-decoration: none !important;
                color: var(--color-dark) !important
            }

            .btn:active {
                opacity: .8
            }

            .btn-lg {
                text-transform: capitalize;
                height: 3rem !important;
                padding: .75rem 1.25rem !important;
                font-size: 1.7em;
                font-weight: 800;
                transform: perspective(1px) translateZ(0);
                transition-duration: .2s
            }

            @media(min-width: 992px) {
                .str-main {
                    width: 100%;
                    flex: 0 1 auto;
                    min-width: 0;
                    max-width: 75.25rem
                }
            }

            .game-img {
                margin: 0;
                max-height: 0;
                padding-top: calc(9/16 * 100%);
                border-radius: inherit
            }

            @media(max-width: 575px) {
                .game-img {
                    padding-top: 50%
                }

                .game-plug-video {
                    margin-right: 0
                }
            }

            .game-img::after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                width: 100%;
                opacity: 0;
                background-color: var(--color-purple);
                transition: opacity .2s ease
            }

            @media(min-width: 992px) {
                .game-img::after {
                    top: 0;
                    opacity: 0;
                    background-color: var(--color-purple);
                    transition: opacity .2s ease
                }
            }

            .game-block {
                background-color: var(--color-purple);
                border-radius: var(--rad-blocks);
                margin-top: 0 !important
            }

            #game {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                display: block;
                margin: 0;
                overflow: hidden !important;
                background: #141124
            }

            .game-plug-video {
                position: relative;
                width: 100%;
                height: 100%
            }

            .video_play {
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .video-overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(20, 17, 36, .8);
                backdrop-filter: blur(8px);
                z-index: 1
            }

            .game-plug-cont {
                position: absolute;
                top: 46%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-align: center;
                z-index: 2
            }

            .imgp {
                border-radius: 10px;
                object-fit: cover;
                object-position: center;
            }

            .game-plug-cont h1 {
                padding: 0;
                margin: 0;
                font-size: 30px;
                font-family: baloo thambi, cursive;
                margin-top: 10px
            }

            .game-plug-cont h2 {
                font-size: 11px;
                color: #cecee1;
                padding: 0;
                margin: 0;
                margin-top: 10px
            }

            .game-plug-cont .btn {
                margin-top: 20px
            }

            .rate {
                margin-top: 10px;
                font-size: 14px
            }

            .rate svg {
                margin-right: 10px;
                line-height: 20px
            }

            #game,
            #game iframe {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                display: block;
                margin: 0;
                overflow: hidden !important
            }

            .play-game .game-plug {
                display: none !important
            }

            .lds-ring {
                display: inline-block;
                position: relative;
                width: 80px;
                height: 80px
            }

            .lds-ring div {
                box-sizing: border-box;
                display: block;
                position: absolute;
                width: 64px;
                height: 64px;
                margin: 8px;
                border: 8px solid #fff;
                border-radius: 50%;
                animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
                border-color: #fff transparent transparent transparent
            }

            .lds-ring div:nth-child(1) {
                animation-delay: -.45s
            }

            .lds-ring div:nth-child(2) {
                animation-delay: -.3s
            }

            .lds-ring div:nth-child(3) {
                animation-delay: -.15s
            }

            @keyframes lds-ring {
                0% {
                    transform: rotate(0)
                }

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

            .lodr {
                animation: shimmer 3s;
                animation-iteration-count: infinite;
                background: linear-gradient(to right, #21f0e2 5%, #10ddcf 25%, #21f0e2 35%);
                background-size: 1000px 100%
            }

            @keyframes shimmer {
                from {
                    background-position: -1000px 0
                }

                to {
                    background-position: 1000px 0
                }
            }

            .my-games {
                font-family: baloo thambi, cursive;
                background-color: Transparent;
                color: #fff;
                font-size: 19px;
                fill: #01ffff;
                margin-right: 7px
            }

            .my-games:hover {
                color: #ffe000;
                fill: #ffe000
            }

            @media(max-width: 992px) {
                .my-games span {
                    display: none
                }
            }

            .icofavmen {
                width: 20px;
                height: 20px;
                margin-right: 8px
            }

            .favlist {
                font-family: Baloo thambi, cursive;
                z-index: 99999;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, .6);
                display: flex;
                justify-content: center;
                align-items: center;
                backdrop-filter: blur(1px)
            }

            .favlist-content {
                background: #1d1834;
                background: linear-gradient(180deg, rgba(29, 24, 52, 1) 64%, rgba(168, 48, 129, 1) 100%);
                text-align: center;
                padding: 20px;
                width: 380px;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                overflow-y: auto
            }

            .tab-header {
                position: relative;
                display: flex;
                justify-content: space-between;
                border-bottom: 1px solid #fff
            }

            .tab-option {
                background: 0;
                border: 0;
                outline: 0;
                cursor: pointer;
                padding: 15px 20px;
                font-size: 17px;
                width: 200px;
                text-align: center;
                color: #01ffff;
                font-family: baloo thambi, cursive;
                font-weight: lighter;
                fill: #01ffff
            }

            .tab-option.active {
                font-family: baloo thambi, cursive;
                color: #ffe000;
                fill: #ffe000
            }

            .tab-line {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 5px;
                width: 50%;
                background-color: #ffe000;
                border-radius: 5px;
                transition: left .3s ease
            }

            .tab-content {
                padding-top: 20px
            }

            .tab-pane {
                display: none
            }

            .tab-pane.active {
                display: block
            }

            .hidden {
                display: none
            }

            .t_all_g {
                font-size: 20px;
                text-align: center;
                margin-bottom: 20px
            }

            .close-fav {
                position: absolute;
                right: 20px;
                cursor: pointer;
                background: #0a0911;
                color: #fff;
                font-size: 22px;
                font-family: baloo thambi, cursive
            }

            .close-fav:hover {
                color: #ccc
            }

            body.no-scroll {
                overflow: hidden
            }

            .favgame {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                align-items: stretch
            }

            .svg-h {
                width: 130px;
                height: 130px;
                fill: #fff;
                padding: 10px
            }

            .svg-h2 {
                width: 110px;
                height: 110px;
                fill: #fff;
                padding: 10px
            }

            .favicon {
                width: 100%;
                display: flex;
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: center;
                align-items: center;
                align-content: center
            }

            .favgame p {
                font: 300 15px/1.73 'Open Sans', sans-serif;
                color: #ccc
            }

            .icofav {
                margin-right: 10px;
                width: 20px;
                height: 20px
            }

            .boxclose {
                position: absolute;
                z-index: 12;
                background: #fff;
                width: 23px;
                height: 23px;
                top: 5px;
                right: 5px;
                border-radius: 50%;
                content: 'x';
                text-align: center;
                color: #43697b;
                font-size: 15px;
                font-weight: 700;
                padding-top: 0;
                cursor: pointer
            }

            .boxclose:hover {
                background: red;
                color: #fff
            }

            .taddfav {
                font-size: 22px;
                font-weight: lighter
            }

            @keyframes pulse {
                0% {
                    transform: scale(.7)
                }

                50% {
                    transform: scale(1.5)
                }

                100% {
                    transform: scale(.7)
                }
            }

            .pulse {
                color: #ffe000;
                fill: #ffe000;
                border-radius: 40px;
                animation: pulse .6s linear infinite
            }

            .lodr2 {
                animation: shimmer infinite 2s linear;
                background: #2f1838;
                background: radial-gradient(circle, rgba(47, 24, 56, 1) 0, rgba(29, 24, 52, 1) 100%);
                background-size: 1000px 100%
            }

            @keyframes shimmer {
                from {
                    background-position: -1000px 0
                }

                to {
                    background-position: 1000px 0
                }
            }

            img {
                font-size: 0
            }

            .m1 {
                justify-content: space-between;
                align-items: center;
                height: 65px;
                background: #141124;
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                display: flex;
                width: 100%;
                top: 0;
                z-index: 99999;
                position: -webkit-sticky;
                position: sticky;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .m1 {
                color: #fff
            }

            .m1 .logo {
                width: 130px;
                padding-left: 17px
            }

            .search-container {
                width: 500px
            }

            @media(max-width: 800px) {
                .search-container {
                    width: 300px
                }
            }

            .search-box .input-container {
                position: relative;
                width: 96%
            }

            .search-box input {
                font-family: Nunito, Arial, sans-serif;
                background: #36224f;
                width: 100%;
                border-radius: 25px;
                height: 50px;
                padding: 10px;
                margin-top: 2px;
                border: 0;
                color: #fff;
                font-size: 18px;
                padding-left: 20px;
                padding-right: 60px
            }

            .search-box ::placeholder {
                color: #d0cce6;
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                opacity: .3
            }

            .search-box button {
                color: #fff;
                height: 40px;
                width: 40px;
                border-radius: 50%;
                background: 0;
                justify-content: center;
                align-items: center;
                border: 0;
                position: absolute;
                top: 7px;
                right: 8px;
                cursor: pointer;
                font-size: large
            }

            .search-box button:hover {
                background: #ffc109
            }

            .search-box input:focus {
                outline: 0;
                background-color: #3e285b
            }

            .m-left {
                display: flex
            }

            .m-right {
                margin-right: 20px
            }

            ::placeholder {
                color: #fff
            }

            .list-games {
                width: 215px;
                margin-right: 15px
            }

            .list-games ul {
                margin-bottom: 15px
            }

            .list-games li {
                list-style-type: none;
                font-size: 13px;
                padding-bottom: 5px;
                padding-left: 8px;
                display: flex
            }

            .list-games a {
                padding: 3px;
                width: 100%;
                display: flex;
                color: #f3f2f9;
                bkit-align-items: center;
                align-items: center
            }

            .list-games span {
                padding-left: 15px
            }

            .list-games a:hover {
                background: #361c41;
                color: #fff;
                border-radius: 25px
            }

            .imgs {
                width: 37px;
                height: 37px;
                flex-grow: 0;
                flex-shrink: 0;
                padding: 3px;
                object-fit: cover;
                border-radius: 50%
            }

            .msvg {
                margin-left: 5px
            }

            .imgs a:hover {
                border: 2px solid #ffe000
            }

            .svg-g {
                margin: 5px;
                margin-left: 10px
            }

            .l-g2 {
                margin-bottom: 10px;
                padding-left: 15px
            }

            .l-g2 h2 {
                margin: 0;
                padding: 0;
                padding-left: 10px
            }

            .l-g2 h2 a {
                color: #fff
            }

            .l-g2 h2 a:hover {
                color: #ffe000
            }

            .clear-button {
                position: absolute;
                display: none;
                top: 12px;
                right: 55px
            }

            .close-button {
                background-color: #fff;
                color: #000;
                border: 0;
                cursor: pointer;
                font-size: 16px;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: background-color .3s
            }

            .close-button:hover {
                background-color: #ccc
            }

            .close-button:focus {
                outline: 0
            }

            .modal-background {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, .7);
                z-index: -1;
                display: none
            }

            .content-wrapper {
                display: flex;
                background: #141124;
                align-items: flex-start;
                color: #fff;
                gap: 20px;
                padding: 35px;
                margin-bottom: 30px
            }

            .content-image {
                width: 400px;
                height: auto
            }

            .text-container {
                max-height: 300px;
                overflow: hidden;
                position: relative
            }

            .text-container2 {
                max-height: 300px;
                overflow: hidden;
                position: relative
            }

            .text-container2::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 150px;
                background: linear-gradient(transparent, #241d41)
            }

            .text-container2.expanded::after {
                background: 0;
                height: 1px
            }

            .text-container::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100px;
                background: linear-gradient(transparent, #141124)
            }

            .text-container.expanded::after {
                background: 0
            }

            .read-more-btn {
                display: block;
                margin-top: 10px;
                cursor: pointer
            }

            .txt h1 {
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                padding: 0;
                margin: 0
            }

            .txt {
                color: #e0deef
            }

            .select-arrow {
                position: absolute;
                right: 10px;
                transition: transform .3s ease;
                display: inline-block
            }

            .select-selected.active .select-arrow {
                transform: rotate(180deg)
            }

            .l-g2 h2 {
                font-family: Baloo Thambi, Arial, Helvetica, sans-serif;
                font-size: 24px;
                font-weight: 300
            }

            .btn-h {
                display: flex;
                justify-content: center;
                margin-top: 10px
            }

            .lists .lc a {
                color: #fff
            }

            .btn-h a {
                color: #15002f
            }

            #main-container {
                transition: margin-left .7s;
                padding: 0;
                margin-left: 60px
            }

            .cdisplay {
                transition: margin-left .7s
            }

            .sidebar {
                padding-top: 80px;
                width: 60px;
                height: 100%;
                position: fixed;
                left: 0;
                top: 0;
                overflow-x: hidden;
                overflow-y: hidden;
                background-color: #141124;
                transition: width .5s ease;
                z-index: 1000;
                border-right: 1px solid #403573;
                font-family: baloo thambi, Arial, Helvetica, sans-serif
            }

            .sidebar:hover {
                width: 230px;
                overflow-y: auto
            }

            #rating {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: center;
                align-items: center;
                align-content: center;
                font-size: 18px;
                height: 20px;
                padding-top: 20px
            }

            .icon-bt5 {
                cursor: pointer
            }

            .icon-bt5:hover {
                color: #b030f7
            }

            .icon-bt5:hover svg {
                stroke: #b030f7;
                color: #b030f7
            }

            .bt5 span,
            .dd1 {
                margin-left: 7px
            }

            .bt5,
            .icon-bt5,
            .sbu {
                display: flex
            }

            .bt5 span,
            .icon-bt5 {
                font: 300 12px/1.73 'Open Sans', sans-serif;
                font-weight: 600
            }

            .icon-bt5,
            .thumbs-down,
            .thumbs-up {
                color: #dfdcef
            }

            .bt5 span,
            .icon-bt5,
            header span {
                font-weight: 600
            }

            .bt5 {
                justify-content: center;
                align-items: center
            }

            .icon-bt5 {
                flex-direction: row;
                align-items: center;
                margin: 0 10px
            }

            .icon-bt5 svg {
                stroke: #dfdcef
            }

            .fa-thumbs-o-up {
                fill: #dfdcef
            }

            .fa-thumbs-o-down {
                fill: #dfdcef
            }

            .thumbs-down.selected,
            .thumbs-down.selected svg {
                stroke: #fa6867;
                color: #fa6867;
                font-weight: 700
            }

            .thumbs-up.selected,
            .thumbs-up.selected svg {
                stroke: #62e67a;
                color: #62e67a;
                font-weight: 700
            }

            .fa-thumbs-o-down.selected {
                fill: #fa6867;
                stroke: #fa6867
            }

            .fa-thumbs-o-up.selected {
                fill: #62e67a;
                stroke: #62e67a
            }

            .bfav,
            .favorite,
            .favorite svg {
                stroke: #ff0094;
                fill: #ff0094;
                color: #e7ee50
            }

            .favorite:hover svg {
                stroke: #ff0094
            }

            .bfav {
                border: 0
            }

            .control-game {
                background: #1d1834;
                padding: 20px;
                border-radius: 15px
            }

            .control-game2 {
                padding: 10px
            }

            .control-game2 p {
                padding: 5px
            }

            .t-c {
                font-size: 24px;
                text-align: center;
                font-family: baloo thambi, cursive
            }

            .divider {
                width: 27px;
                border-bottom: 1px solid #403573;
                margin-bottom: 10px;
                margin-left: 15px
            }

            .sidebar:hover .divider {
                width: 190px
            }

            .sidebar ul li {
                position: relative
            }

            .amod::before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 5px;
                border-radius: 7px;
                height: 30px;
                background-color: #adff00;
                z-index: -1
            }

            .info-cat {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                margin-top: 20px
            }

            .c1 {
                flex: 1;
                margin-left: 20px
            }

            .c1 h1 {
                font-family: baloo thambi, cursive;
                margin: 0;
                padding: 0
            }

            .c1 p {
                font: 300 13px/1.73 'Open Sans', sans-serif;
                color: #cdcae6;
                margin-right: 40px
            }

            .c2 {
                flex: 0;
                margin-left: auto
            }

            .img-avatar,
            .tag-text {
                vertical-align: middle
            }

            .img-avatar,
            .tag-text,
            .tags {
                display: inline-block
            }

            .tags {
                margin-right: 5px;
                padding-right: 1px;
                margin-bottom: 25px
            }

            .tags a {
                border-radius: 20px;
                background-color: #100e1d;
                padding: 9px 10px 10px 6px;
                color: #fff;
                font: 700 12px/1.73 'Open Sans', sans-serif
            }

            .tags a:hover {
                background: #42dbca;
                color: #1c1732
            }

            .img-avatar {
                margin-right: 5px;
                padding-top: 5px
            }

            .img-avatar img {
                border-radius: 50%;
                width: 23px;
                height: 23px
            }

            .control-game2 p {
                padding: 5px
            }

            .custom-select {
                position: relative;
                font-size: 18px;
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                width: 220px;
                right: 20px
            }

            .select-selected {
                padding: 10px;
                background: #301b3f;
                border: 2px solid #39214b;
                border-radius: 5px;
                cursor: pointer
            }

            .select-selected.active {
                border-color: #01ffff
            }

            .select-items {
                font-size: 16px;
                border-radius: 10px;
                position: absolute;
                background-color: #39214b;
                top: 100%;
                left: 0;
                right: 0;
                z-index: 1000;
                border-top: 0;
                display: none;
                margin-top: 10px;
                fill: #fff;
                stroke: #fff
            }

            .select-item {
                padding: 10px;
                cursor: pointer
            }

            .select-item:hover {
                background-color: #141124;
                color: #fff
            }

            .select-item.selected {
                background: #39214b;
                color: #00febf;
                stroke: #00febf;
                fill: #00febf
            }

            .select-item:first-child {
                border-radius: 10px 10px 0 0
            }

            .select-item:last-child {
                border-radius: 0 0 10px 10px
            }

            .feedback {
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                font-weight: 400;
                display: none;
                position: fixed;
                right: 0;
                top: 0;
                width: 400px;
                height: 100%;
                background: #141124;
                box-shadow: -5px 0 5px rgba(0, 0, 0, .2);
                z-index: 100000;
                transition: right .5s ease;
                border-left: 1px solid #403573
            }

            .feedback ::placeholder {
                color: #61577d;
                font-family: baloo thambi, Arial, Helvetica, sans-serif;
                font-size: 15px
            }

            .feedback.show {
                display: block;
                right: 0
            }

            .feedback-content {
                padding: 40px;
                height: 100%
            }

            .close {
                color: #aaa;
                float: right;
                font-size: 28px;
                font-weight: 700
            }

            .close:focus,
            .close:hover {
                color: #ff0094;
                cursor: pointer
            }

            .feedback-overlay {
                display: none;
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, .5);
                z-index: 99999
            }

            .feedback.show+.feedback-overlay {
                display: block
            }

            .tfbk {
                font-size: 25px;
                text-align: center
            }

            .iss1 {
                width: 100%;
                background: #2e234b;
                height: 40px;
                border-radius: 20px
            }

            .iss2 {
                width: 100%;
                background: #2e234b;
                height: 140px;
                border-radius: 10px
            }

            .iss1:hover {
                background: #3f3067
            }

            .iss2:hover {
                background: #3f3067
            }

            .feedback input,
            .feedback textarea {
                border: 0;
                width: 100%;
                height: 40px;
                resize: none;
                color: #fff;
                padding: 10px;
                font-size: 18px
            }

            .feedback textarea {
                border: 0;
                width: 100%;
                height: 150px;
                resize: none;
                color: #fff
            }

            .feedback button:disabled {
                background: #2e234b;
                color: #1a142b;
                cursor: context-menu
            }

            .feedback button {
                background: #8e28de;
                width: 100%;
                padding: 20px;
                border-radius: 35px;
                margin-top: 30px;
                font-size: 18px;
                color: #fff
            }

            .feedback p {
                margin-top: 15px;
                margin-bottom: 5px;
                font-size: 15px
            }

            .body-no-scroll {
                overflow: hidden;
                height: 100%
            }

            #email,
            #message {
                border: 2px solid #8a2be2;
                transition: border .3s ease-in-out;
                outline: 0
            }

            #email:focus,
            #message:focus {
                border-color: #8a2be2
            }

            .input-alert {
                border-color: red !important
            }

            .input-normal {
                border-color: #8a2be2 !important
            }

            .slkt {
                font-size: 16px;
                width: 320px;
                position: absolute;
                border-radius: 5px;
                cursor: pointer;
                user-select: none;
                left: 40px
            }

            .slkt-header {
                border: 2px solid #8a2be2;
                border-radius: 15px;
                padding-top: 6px;
                padding-left: 20px;
                height: 40px;
                background: #2e234b;
                color: #b0aad7
            }

            .slkt-header:hover {
                background: #3f3067
            }

            .slkt-option {
                display: none;
                padding: 15px;
                background: #3f3067
            }

            .slkt-option:first-child {
                border-radius: 10px 10px 0 0
            }

            .slkt-option:last-child {
                border-radius: 0 0 10px 10px
            }

            .slkt-option:hover {
                background-color: #523f85
            }

            .slkt-header::after {
                content: "";
                position: absolute;
                right: 20px;
                top: 25px;
                transform: translateY(-50%);
                border: 8px solid transparent;
                border-top-color: #c745fe
            }

            .show {
                display: block
            }

            .drp-op {
                margin-top: 15px;
                border-radius: 20px
            }

            .a509 {
                font: 300 15px/1.73 'Open Sans', sans-serif
            }

            .a509 b {
                color: #ffd55b;
                font-weight: 700
            }

            .farrow {
                position: absolute
            }

            .sfbk {
                font-size: 25px;
                color: #0f7;
                text-align: center;
                margin-top: 140px;
                margin-bottom: 20px
            }

            .sfb {
                font-size: 20px
            }

            .iss10 {
                display: none
            }

            .names {
                background: #2e234b;
                width: 320px;
                height: 50px;
                z-index: -6;
                border: #8a2be2 2px solid;
                border-radius: 10px;
                padding-left: 50px;
                padding-top: 12px
            }

            .names:hover {
                background: #3f3067
            }

            .popg ul {
                list-style-type: none;
                counter-reset: game-number;
                padding: 0
            }

            .popg li {
                list-style-type: none;
                counter-increment: game-number;
                margin-bottom: 5px
            }

            .popg li::before {
                content: counter(game-number) ". ";
                font-weight: 700
            }

            footer {
                margin-top: 40px;
                display: flex;
                flex-wrap: wrap;
                background-color: #0a0911;
                color: #fff;
                padding: 10px 60px 10px 60px;
                font: 300 13px/1.73 'Open Sans', sans-serif
            }

            .footer-left,
            .footer-right {
                display: flex;
                align-items: center
            }

            .footer-right {
                width: 60%;
                display: flex;
                justify-content: space-between
            }

            .column {
                width: 150px;
                display: flex;
                flex-direction: column;
                padding: 0 10px
            }

            .column a {
                display: block;
                color: #ccc;
                text-decoration: none;
                padding: 5px 0;
                transition: color .3s
            }

            .column a:hover {
                color: #00ffea;
                text-shadow: 0 0 5px #00ffea
            }

            .footer-base {
                width: 100%;
                display: flex;
                justify-content: space-between;
                border-top: 1px solid rgba(255, 255, 255, .1);
                margin-top: 20px;
                padding-top: 10px
            }

            .footer-left {
                width: 40%;
                justify-content: flex-start
            }

            .copyright,
            .languages {
                padding: 5px 10px;
                text-align: right
            }

            .langue-select-container {
                position: relative;
                width: 150px
            }

            .langue-selected {
                border-radius: 10px;
                padding: 10px;
                background-color: #292547;
                border: 2px solid #9917cc;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .langue-arrow {
                transition: transform .3s ease
            }

            .langue-arrow.up {
                transform: rotate(0)
            }

            .langue-arrow.down {
                transform: rotate(180deg)
            }

            .langue-options-container {
                bottom: -120px;
                position: absolute;
                bottom: 100%;
                width: 100%;
                display: none;
                box-shadow: 0 -1px 5px rgba(0, 0, 0, .2);
                z-index: 1000;
                max-height: 300px;
                overflow-y: auto;
                margin-bottom: 10px;
                border-radius: 5px
            }

            .langue-option {
                background-color: #322d55;
                padding: 10px;
                border-bottom: 1px solid #262240;
                cursor: pointer;
                text-align: left
            }

            .langue-option:hover {
                background-color: #9917cc
            }

            .ext250 {
                width: 250px
            }

            @media(max-width: 800px) {

                .footer-left,
                .footer-right {
                    width: 100%
                }

                .footer-left {
                    flex-direction: column;
                    align-items: center;
                    margin-bottom: 15px
                }

                .footer-right {
                    flex-direction: column
                }

                .footer-base {
                    flex-direction: column;
                    align-items: center
                }

                .copyright,
                .languages {
                    text-align: center;
                    padding: 10px 0
                }

                .ext250 {
                    width: 150px
                }
            }

            .opmode {
                display: none;
                position: fixed;
                z-index: 100000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                background-color: rgba(0, 0, 0, .6)
            }

            .modal-content {
                min-width: 370px;
                background-color: #0a0911;
                padding: 40px;
                width: 30%;
                height: 100%;
                overflow-y: auto;
                border-right: 1px solid #403573;
                position: relative
            }

            .close {
                color: #fff;
                float: right;
                font-size: 28px;
                font-weight: 700
            }

            .close:focus,
            .close:hover {
                color: #ff0094;
                text-decoration: none;
                cursor: pointer
            }

            #preloader {
                display: none;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 20px;
                color: #000
            }

            .succes-send {
                font-size: 22px;
                color: #0f7;
                position: absolute;
                top: 40%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            .closebutton {
                background: #ff7301;
                padding: 17px;
                border-radius: 15px;
                color: #fff;
                font-size: 20px;
                position: absolute;
                top: 65%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            .closebutton:hover {
                background: #be5601
            }

            .img-cont {
                position: relative
            }

            .img-cont .transition {
                transition: opacity .5s ease-in-out;
                z-index: 1
            }

            .img-cont .video-div {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: opacity .5s ease-in-out;
                z-index: 2
            }

            .img-cont .video-div.show {
                opacity: 1
            }

            .img-cont:hover .transition {
                opacity: 0
            }

            .img-cont:hover .video-div {
                opacity: 1
            }

            .spinner {
                width: 37px;
                aspect-ratio: 1;
                border-radius: 50%;
                background: radial-gradient(farthest-side, #c6ffff 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, #c6ffff);
                -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
                animation: l13 1s infinite linear
            }

            @keyframes l13 {
                100% {
                    transform: rotate(1turn)
                }
            }

            .c_dis {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                align-items: stretch;
                align-content: flex-start;
                margin: 20px;
                height: 160px;
                overflow: hidden;
                padding-top: 23px;
                margin-bottom: 50px;
                margin-top: 50px
            }

            .c_title {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 5px
            }

            .c_t1:hover {
                -webkit-filter: brightness(110%);
                filter: brightness(110%);
                box-shadow: 0 0 27px 0 #0ff
            }

            .round_img {
                border-radius: 50%
            }

            .r_img {
                overflow: hidden;
                border-radius: 0 0 48% 48%
            }

            .c_color {
                width: 100px;
                height: 100px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .purple {
                background: #400b6a;
                background: linear-gradient(0, rgba(64, 11, 106, 1) 0, rgba(174, 49, 227, 1) 100%)
            }

            .yellow {
                background: #587928;
                background: linear-gradient(0, rgba(88, 121, 40, 1) 0, rgba(166, 253, 41, 1) 100%)
            }

            .blue {
                background: #3b7e72;
                background: linear-gradient(0, rgba(59, 126, 114, 1) 0, rgba(85, 255, 225, 1) 100%)
            }

            .c_ti {
                text-transform: uppercase;
                width: 118px;
                overflow: hidden;
                position: relative;
                display: block;
                font-weight: 700;
                line-height: 30px;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-align: left;
                font-size: 12px;
                text-align: center
            }

            .r_img2 {
                overflow: hidden;
                border-radius: 0 0 48% 48%
            }

            .c_c1 {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .p1 {
                background: #400b6a;
                background: linear-gradient(0, rgba(64, 11, 106, 1) 0, rgba(174, 49, 227, 1) 100%)
            }

            .a504 li {
                list-style-type: inherit
            }

            .a504 ol li {
                list-style-type: none;
                margin-left: 50px
            }

            .a504 ol {
                margin-bottom: 40px
            }

            .a504 li strong {
                color: #ddd
            }

            .svg_media svg {
                width: 28px;
                height: 28px;
                border: 2px solid #37325f;
                border-radius: 50%;
                padding: 4px;
                fill: #37325f;
                color: #37325f;
                margin: 3px
            }

            .svg_media:hover svg {
                border: 2px solid #9917cc;
                fill: #9917cc;
                color: #9917cc
            }

            .ribbon_e:after,
            .ribbon_e:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0
            }

            .ribbon_e {
                z-index: 20;
                position: absolute;
                top: 15px;
                left: -6px;
                width: 59px;
                height: 51px;
                background: url(https://img.apkgosu.fun/svg/newPink02.svg) no-repeat center center/cover;
                transform: scale(.7);
                transform-origin: top left
            }

            .ribbon_u:after,
            .ribbon_u:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0
            }

            .ribbon_u {
                z-index: 20;
                position: absolute;
                top: 15px;
                left: -10px;
                width: 125px;
                height: 72px;
                background: url(https://img.apkgosu.fun/svg/updated02.svg) no-repeat center center/cover;
                transform: scale(.6);
                transform-origin: top left
            }

            .ribbon_t:after,
            .ribbon_t:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0
            }

            .ribbon_t {
                z-index: 20;
                position: absolute;
                top: 15px;
                left: -10px;
                width: 125px;
                height: 72px;
                background: url(https://img.apkgosu.fun/svg/topRated01.svg) no-repeat center center/cover;
                transform: scale(.6);
                transform-origin: top left
            }

            .ribbon_h:after,
            .ribbon_h:before {
                content: '';
                display: block;
                position: absolute;
                top: 100%;
                left: 0
            }

            .ribbon_h {
                z-index: 20;
                position: absolute;
                top: 15px;
                left: -8px;
                width: 59px;
                height: 51px;
                background: url(https://img.apkgosu.fun/svg/hot02.svg) no-repeat center center/cover;
                transform: scale(.7);
                transform-origin: top left
            }

            .ribbon_e,
            .ribbon_h,
            .ribbon_t,
            .ribbon_u {
                transition: opacity .5s ease, visibility .5s ease
            }

            .hidden2 {
                opacity: 0;
                visibility: hidden
            }

            .home-recent-games {
                display: flex;
                align-items: center;
                overflow: hidden;
                position: relative;
                margin-left: 25px;
                margin-top: 10px
            }

            .svg-container {
                width: 50px;
                height: 40px;
                left: -10px;
                top: -10px;
                position: relative;
                flex-shrink: 0;
                margin-right: 2px
            }

            .svg-container.hidden {
                display: none
            }

            .carousel-container {
                flex: 1;
                position: relative;
                overflow: hidden
            }

            .home-recent-carousel {
                display: flex;
                transition: transform .3s ease-in-out
            }

            .home-recent-slide {
                min-width: 70px;
                flex-shrink: 0
            }

            .thumb-recent {
                width: 85px;
                height: 45px;
                overflow: hidden;
                position: relative;
                border-radius: 8px;
                margin-right: 7px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .19)
            }

            .thumb-recent:hover {
                -webkit-box-shadow: 0 0 4px 2px rgba(152, 24, 203, 1);
                -moz-box-shadow: 0 0 4px 2px rgba(152, 24, 203, 1);
                box-shadow: 0 0 4px 2px rgba(152, 24, 203, 1)
            }

            .img-cont {
                position: relative;
                width: 100%;
                height: 100%;
                z-index: 1
            }

            .thumb-recent img,
            .thumb-recent video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 8px
            }

            .thumb-recent video {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10
            }

            .home-recent-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, .5);
                color: #fff;
                border: none;
                padding: 10px;
                cursor: pointer;
                z-index: 20;
                opacity: 0;
                transition: opacity .3s ease, background-color .3s ease;
                font-size: 51px
            }

            .carousel-container:hover .home-recent-arrow {
                opacity: 1
            }

            .home-recent-left-arrow {
                left: 0
            }

            .home-recent-right-arrow {
                right: 0;
                transform: rotate(180deg) translateY(50%)
            }

            .hidden {
                display: none
            }

            .series_carousel_wrapper {
                font-family: baloo thambi, cursive;
                padding-left: 15px;
                margin-bottom: 40px;
                text-align: center;
                width: 100%
            }

            .series_carousel_wrapper span {
                display: flex;
                font-size: 24px;
                font-weight: 300;
                margin-bottom: 20px;
                padding-left: 10px
            }

            .series_carousel {
                display: flex;
                align-items: center;
                position: relative;
                width: 100%;
                overflow: hidden
            }

            .series_carousel-inner {
                display: flex;
                transition: transform .5s ease-in-out
            }

            .series_image-wrapper {
                position: relative;
                min-width: 230px;
                box-sizing: border-box;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 10px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
                margin: 0 7px
            }

            .series_image-wrapper img {
                width: 230px;
                height: 346px;
                object-fit: cover;
                border-radius: 10px;
                margin-bottom: -6px
            }

            .series_image-wrapper .play-button {
                cursor: pointer;
                display: block;
                opacity: 0;
                position: absolute;
                top: 80%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: #fff;
                color: #8800c7;
                width: 200px;
                height: 40px;
                padding-top: 8px;
                border-radius: 20px;
                font-size: 18px;
                text-align: center;
                transition: opacity .5s ease-in-out
            }

            .play-button:hover {
                background-color: #f1e8e6
            }

            .series_image-wrapper:hover .play-button {
                opacity: 1
            }

            .series_next,
            .series_prev {
                position: absolute;
                width: 80px;
                padding: 20px;
                color: #fff;
                font-weight: 700;
                font-size: 25px;
                cursor: pointer;
                background-color: rgba(0, 0, 0, .7);
                z-index: 1
            }

            .series_prev {
                left: 0;
                display: none;
                border-radius: 0 35px 35px 0
            }

            .series_next {
                right: 0;
                border-radius: 35px 0 0 35px
            }

            .bg1 {
                background-color: #fc0
            }

            .bg2 {
                background-color: #f66
            }

            .bg3 {
                background-color: #6cf
            }

            .bg4 {
                background-color: #9f9
            }

            .bg5 {
                background-color: #f9f
            }

            .bg6 {
                background-color: #fc9
            }

            .bg7 {
                background-color: #0cc
            }

            .bg8 {
                background-color: #fc6
            }

            .bg9 {
                background-color: #39f
            }

            .bg10 {
                background-color: #f9c
            }

            .bg11 {
                background-color: #8800c7
            }

            .bg12 {
                background-color: #e090df
            }

            .bg13 {
                background-color: #fbbede
            }

            .bg14 {
                background-color: #fb7756
            }

            .bg15 {
                background-color: #f96
            }

            .top-games-carousel {
                position: relative;
                background: #29234b;
                width: 100%;
                margin: 0 auto;
                overflow: hidden;
                padding-left: 5px;
                margin-top: 5px;
                border-bottom: 2px solid #501f78
            }

            .arrowTOP {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, .5);
                border: none;
                color: #fff;
                height: 92%;
                width: 60px;
                cursor: pointer;
                opacity: 0;
                font-size: 130px;
                transition: opacity .3s ease;
                z-index: 3
            }

            .left-arrowTOP {
                text-align: center;
                padding-top: 30px;
                left: 0
            }

            .right-arrowTOP {
                right: 0;
                padding-top: 30px;
                text-align: center
            }

            .left-arrowTOP:hover,
            .right-arrowTOP:hover {
                background-color: rgba(0, 0, 0, .8)
            }

            .top-games-carousel:hover .arrowTOP {
                opacity: 1
            }

            .image-group {
                display: flex;
                align-items: center;
                margin-right: 0
            }

            .top-games-grid {
                display: grid;
                grid-template-columns: repeat(2, 220px);
                grid-template-rows: repeat(2, 125px);
                gap: 9px;
                margin: 12px
            }

            .top-games-item {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
                border-radius: 8px
            }

            .top-games-item img,
            .top-games-item video {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block
            }

            .small-image-container {
                width: 220px;
                height: 115px;
                flex-shrink: 0
            }

            .large-image-container {
                width: 420px;
                height: 260px;
                flex-shrink: 0
            }

            .games-container {
                display: grid;
                gap: 15px;
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                margin: 20px
            }

            .game {
                position: relative;
                width: 100%;
                max-width: 250px;
                aspect-ratio: 250/150;
                border-radius: 9px;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .game img,
            .game video {
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover
            }

            .game video {
                display: none
            }

            @media (max-width: 1920px) and (min-width:1750px) {
                .games-container {
                    grid-template-columns: repeat(8, 1fr)
                }
            }

            @media (max-width: 1750px) and (min-width:1550px) {
                .games-container {
                    grid-template-columns: repeat(7, 1fr)
                }
            }

            @media (max-width: 1550px) and (min-width:1250px) {
                .games-container {
                    grid-template-columns: repeat(6, 1fr)
                }
            }

            @media (max-width: 1250px) and (min-width:1060px) {
                .games-container {
                    grid-template-columns: repeat(5, 1fr)
                }
            }

            @media (max-width: 1060px) and (min-width:880px) {
                .games-container {
                    grid-template-columns: repeat(4, 1fr)
                }
            }

            @media (max-width: 880px) and (min-width:720px) {
                .games-container {
                    grid-template-columns: repeat(3, 1fr)
                }
            }

            .game .title-game {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 10px;
                box-sizing: border-box;
                background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
                color: #fff;
                text-align: center;
                opacity: 0;
                font-family: baloo thambi, cursive;
                color: #fff;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                overflow: hidden;
                font-size: 13px;
                font-weight: 200;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-align: center;
                text-transform: uppercase
            }

            .game:hover .title-game {
                opacity: 1
            }

            .game .title-game a {
                color: #fff;
                text-decoration: none
            }

            .game:hover {
                -webkit-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                -moz-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1)
            }

            .top-games-title {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 10px;
                box-sizing: border-box;
                background: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
                color: #fff;
                text-align: center;
                opacity: 0;
                font-family: baloo thambi, cursive;
                text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                overflow: hidden;
                font-size: 13px;
                font-weight: 200;
                display: block;
                text-overflow: ellipsis;
                white-space: nowrap;
                transition: all .3s;
                text-transform: uppercase;
                z-index: 1
            }

            .top-games-item:hover .top-games-title {
                opacity: 1 !important
            }

            .top-games-title a {
                color: #fff;
                text-decoration: none
            }

            .top-games-item:hover {
                -webkit-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                -moz-box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1);
                box-shadow: 0 0 10px 3px rgba(152, 24, 203, 1)
            }

            .cat-carousel-container {
                position: relative;
                display: flex;
                align-items: center;
                overflow: hidden;
                width: 100%;
                margin: 0 auto;
                box-sizing: border-box;
                margin-bottom: 20px
            }

            .cat-scrollable {
                display: flex;
                overflow-x: hidden;
                scroll-behavior: smooth;
                width: 100%;
                gap: 0;
                box-sizing: border-box
            }

            .cat-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, .5);
                border: none;
                color: #fff;
                width: 60px;
                cursor: pointer;
                opacity: 0;
                font-size: 110px;
                transition: opacity .3s ease;
                z-index: 3
            }

            .cat-left-arrow {
                text-align: center;
                left: 0;
                padding-bottom: 20px
            }

            .cat-right-arrow {
                right: 0;
                text-align: center;
                padding-bottom: 20px
            }

            .cat-left-arrow:hover,
            .cat-right-arrow:hover {
                background-color: rgba(0, 0, 0, .8)
            }

            .cat-carousel-container:hover .cat-arrow {
                opacity: 1
            }

            .cat-carousel-item {
                padding-top: 20px
            }

            .wrapper {
                position: relative;
                display: flex;
                justify-content: center
            }

            .scrollable {
                width: 100%;
                display: inline-flex;
                justify-content: flex-start;
                align-items: flex-start;
                overflow-x: auto;
                scrollbar-width: none;
                -ms-overflow-style: none
            }

            .scrollable::-moz-scrollbar {
                display: none
            }

            .scrollable::-webkit-scrollbar {
                display: none
            }

            .caro-item {
                flex-shrink: 0;
                width: 180px;
                margin: 7px
            }

            .arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background-color: rgba(0, 0, 0, .5);
                border: none;
                color: #fff;
                height: 92%;
                width: 60px;
                cursor: pointer;
                opacity: 0;
                font-size: 80px;
                transition: opacity .3s ease;
                z-index: 3
            }

            .left-arrow {
                text-align: center;
                left: 0
            }

            .right-arrow {
                right: 0;
                text-align: center
            }

            .left-arrow:hover,
            .right-arrow:hover {
                background-color: rgba(0, 0, 0, .8)
            }

            .wrapper:hover .arrow {
                opacity: 1
            }