html,
body {
    font-family: "Sarabun";
    font-size: 14px;
    background-color: #151515;
    color: #FFF;
}

body {
    padding-top: 65px;
}

.header {
    background: linear-gradient(0deg, #2E2E2E 0%, #2E2E2E 100%);
    height: 60px;
}

.navbar-toggle:focus {
    outline: 0;
}

.btn-warning {
    background: #FEAE09 !important;
    border-color: transparent !important;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 3px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
    display: block;
    width: 34px;
    height: 5px;
    border-radius: 4px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-toggle {
    border: none;
    background: transparent !important;
}

.navbar-toggle:hover {
    background: transparent !important;
}

.navbar-toggle .icon-bar {
    width: 34px;
    transition: all 0.2s;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 6% 6%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 6% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

.navbar-toggle {
    position: absolute;
    top: 0px;
    z-index: 200000;
}

.offcanvas-collapse {
    position: fixed;
    top: 60px;
    bottom: 70px;
    right: 100%;
    width: 100%;
    max-width: 400px;
    overflow-y: auto;
    visibility: hidden;
    background-color: #131313;
    transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    z-index: 1024;
}

.offcanvas-collapse.open {
    visibility: visible;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}


.side-menu-1 {
    background: #151515;
}

.side-menu-1 li {
    padding: 5px 15px;
}

.side-menu-1 li a {
    color: rgba(255, 255, 255, .80);
    padding-right: 15px !important;
    padding-left: 15px !important;
    border-radius: 23px;
    padding: 10px;
}

.side-menu-1 li.active a {
    background: rgba(49, 49, 49, .56);
    color: #FFF;
}

.side-menu-1 li:first-of-type {
    background: linear-gradient(180deg, #2E2E2E 0%, #1A1A1A 100%);
}

.side-menu-2 li {
    padding: 5px 15px;
}

.side-menu-2 li a {
    padding-right: 15px !important;
    padding-left: 15px !important;
    color: rgba(255, 255, 255, 0.80);
}

.blog-header-logo {
    position: absolute;
    background: linear-gradient(180deg, #2E2E2E 0%, #2E2E2E 80%);
    width: 88px;
    height: 65px;
    border-radius: 27px;
    top: 0;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 0.35rem 0.75rem;
}

.menu-main .nav-item {
    padding: 5px 0;
    background: linear-gradient(180deg, #4A4A4A 0%, #2E2E2E 100%);
    border-radius: 10px;
}

.menu-main .nav-item a {
    color: #FFFFFF;
    padding: 5px 0;
    border-radius: 13px;
}

.swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.66);
    width: 15px;
    height: 15px;
}

.swiper-pagination-bullet-active {
    background-color: #FEAE09;
}

.icon {
    height: 20px;
    width: 20px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px auto;
}

.icon-slot {
    background-image: url('../images/icons/slot.svg');
}

.icon-casino {
    background-image: url('../images/icons/casino.svg');
}

.icon-shooting {
    background-image: url('../images/icons/shooting.svg');
}

.icon-sport {
    background-image: url('../images/icons/sport.svg');
}

.icon-favorite {
    background-image: url('../images/icons/favorite.svg');
}


.icon-banking {
    background-image: url('../images/icons/banking.svg');
}

.icon-buyspin {
    background-image: url('../images/icons/buyspin.svg');
}

.icon-tournament {
    background-image: url('../images/icons/tournament.svg');
}


.icon-jackpot {
    background-image: url('../images/icons/jackpot.svg');
}

.icon-hot {
    background-image: url('../images/icons/hot.svg');
}

.text-head {
    font-size: 16px;
}

.slideSwiper {
    padding: 0px 0 35px 0;
}

.slideSwiper .swiper-slide img {
    border-radius: 10px;
}


.gameBox {
    position: relative;
    padding: 5px;
}

.gameBox .box {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.gameBox .box:before {
    border-radius: 10px;
    content: '';
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%);
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.gameBox img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    border-radius: 10px;
}

.gameBox p.name-game {
    position: absolute;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    z-index: 2;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0;
}

.gameBox .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background: linear-gradient(180deg, #F6BA3E 0%, #FEAE09 100%);
    width: 90%;
    border-radius: 40px;
    align-items: center !important;
    display: flex;
    justify-content: center !important;
    z-index: 2;
    color: #FFF;
    padding: 8px;
    text-decoration: none;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.45);
}

.btn-favorite:hover,
.btn-favorite:focus {
    color: #FFF;
}

.btn-favorite {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 3;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    text-align: center;
}

.btn-favorite.active {
    color: rgba(255, 255, 255, .70);
}

.gameBox .middle i {
    font-size: 20px;
    margin-right: 10px;
    color: #FEAE09
}

.gameBox:hover .box:before {
    opacity: .8
}


.brand {
    height: 37px;
    width: 37px;
    background: #1E1E1E;
    border-radius: 50%;
    align-items: center !important;
    display: flex;
    justify-content: space-around !important;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 1;
    z-index: 2;
}

.brand i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icon-top-favorite>.fa-solid,
.icon-top-rating>.fa-solid {
    font-size: 22px;
}

.icon-top-rating>.fa-solid {
    color: #FEAE09;
}

.icon-top-favorite>.fa-solid {
    color: #FFFFFF;
}


.icon-top-rating {
    height: 37px;
    width: 37px;
    background: rgba(255, 255, 255, .95);
    align-items: center !important;
    display: flex;
    justify-content: space-around !important;
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    z-index: 3;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
}


.gameBox:hover .middle,
.gameBox:hover p.name-game,
.gameBox:hover .icon-top-rating,
.gameBox:hover .btn-favorite {
    opacity: 1
}

.gameBox:hover .brand {
    z-index: 0
}


.modal-header>.panel-head {
    padding: 0;
    width: 100%;
}

.panel-head {
    background: #2D2D2D;
    padding: 15px;
}

.panel-head h1 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
}

.panel-head a {
    position: absolute;
}

.panel-head a .fa-solid {
    padding: 10px 0;
}


@media (max-width: 575px) {
    .lastPlaySwiper .gameBox .middle {
        padding: 5px;
        font-size: 12px;
    }

    .lastPlaySwiper .brand {
        height: 24px;
        width: 24px;
    }

    .lastPlaySwiper .brand i {
        height: 16px;
        width: 16px;
    }

    .lastPlaySwiper .icon-top-rating {
        height: 24px;
        width: 24px;
    }

    .lastPlaySwiper .icon-top-favorite>.fa-solid,
    .lastPlaySwiper .icon-top-rating>.fa-solid {
        font-size: 16px;
    }

    .lastPlaySwiper .gameBox p.name-game,
    .lastPlaySwiper .btn-favorite {
        font-size: 10px;
    }
}

.brand-pragmatic {
    background-image: url(../images/providers/svg/PPlogo.svg);
}

.brand-yggdrasil {
    background-image: url(../images/providers/svg/Yggdrasil.svg);
}

.brand-mgs,
.brand-microgaming {
    background-image: url(../images/providers/svg/Microgaming.svg);
}

.brand-pgsoft {
    background-image: url(../images/providers/svg/PGSoft.svg);
}

.brand-leapgaming {
    background-image: url(../images/providers/svg/LeapGaming.svg);
}


.brand-1x2gaming {
    background-image: url(../images/providers/svg/1x2Gaming.svg);
}

.brand-ainsworthgames {
    background-image: url(../images/providers/svg/AinsworthGames.svg);
}

.brand-playson {
    background-image: url(../images/providers/svg/Playson.svg);
}

.brand-wazdan {
    background-image: url(../images/providers/svg/Wazdan.svg);
}

.brand-gamevy {
    background-image: url(../images/providers/svg/Gamevy.svg);
}

.brand-boominggames {
    background-image: url(../images/providers/svg/BoomingGames.svg);
}

.brand-irondog,.brand-irondogstudio {
    background-image: url(../images/providers/svg/IronDog.svg);
}

.brand-pariplay {
    background-image: url(../images/providers/svg/Pariplay.svg);
}


.brand-dragoonsoft {
    background-image: url(../images/providers/svg/DragoonSoft.svg);
}


.brand-blueprintgaming {
    background-image: url(../images/providers/svg/BlueprintGaming.svg);
}


.brand-augustgaming {
    background-image: url(../images/providers/svg/AugustGaming.svg);
}


.brand-booongo {
    background-image: url(../images/providers/svg/Booongo.svg);
}

.brand-sagaming {
    background-image: url(../images/providers/svg/SAGaming.svg);
}

.brand-evoplay {
    background-image: url(../images/providers/svg/Evoplay.svg);
}

.brand-gamefishglobal {
    background-image: url(../images/providers/svg/GamefishGlobal.svg);
}

.brand-habanero {
    background-image: url(../images/providers/svg//Habanero.svg);
}


.brand-hacksawgaming {
    background-image: url(../images/providers/svg/HacksawGaming.svg);
}

.brand-kalambagames {
    background-image: url(../images/providers/svg/KalambaGames.svg);
}


.brand-mobilots {
    background-image: url(../images/providers/svg/Mobilots.svg);
}

.brand-nolimit,
.brand-nolimitcity,
.brand-nlc {
    background-image: url(../images/providers/svg/NolimitCity.svg);
}

.brand-omigaming {
    background-image: url(../images/providers/svg/OMIGaming.svg);
}

.brand-onetouch {
    background-image: url(../images/providers/svg/OneTouch.svg);
}

.brand-playpearls {
    background-image: url(../images/providers/svg/PlayPearls.svg);
}

.brand-pushgaming {
    background-image: url(../images/providers/svg/PushGaming.svg);
}

.brand-quickspin {
    background-image: url(../images/providers/svg/Quickspin.svg);
}

.brand-realtime {
    background-image: url(../images/providers/svg/RealtimeGaming.svg);
}

.brand-redtiger,
.brand-evortg {
    background-image: url(../images/providers/svg/RedTiger.svg);
}

.brand-revolvergaming {
    background-image: url(../images/providers/svg/RevolverGaming.svg);
}

.brand-slotmill {
    background-image: url(../images/providers/svg/Slotmill.svg);
}

.brand-spearheadstudios {
    background-image: url(../images/providers/svg//SpearheadStudios.svg);
}

.brand-splitrockgaming {
    background-image: url(../images/providers/svg/SplitrockGaming.svg);
}

.brand-thunderkick {
    background-image: url(../images/providers/svg/Thunderkick.svg);
}

.brand-woohoogames {
    background-image: url(../images/providers/svg/WoohooGames.svg);
}


.brand-elkstudios {
    background-image: url(../images/providers/svg/ElkStudios.svg);
}


.brand-relaxgaming {
    background-image: url(../images/providers/svg/RelaxGaming.svg);
}

.brand-joker {
    background-image: url(../images/providers/svg/Joker.svg);
}

.brand-redrake {
    background-image: url(../images/providers/svg/RedRake.svg);
}

.brand-allwayspin {
    background-image: url(../images/providers/svg/AllwaySpin.svg);
}

.brand-aristocrat {
    background-image: url(../images/providers/svg/Aristocrat.svg);
}

.brand-gclubslot {
    background-image: url(../images/providers/svg/GClubSlot.svg);
}

.brand-scientificgames {
    background-image: url(../images/providers/svg/ScientificGames.svg);
}

.brand-eagaming {
    background-image: url(../images/providers/svg/EAGaming.svg);
}

.brand-apollo {
    background-image: url(../images/providers/svg/Apollo.svg);
}

.brand-mrslotty {
    background-image: url(../images/providers/svg/MrSlotty.svg);
}

.brand-netgame {
    background-image: url(../images/providers/svg/Netgame.svg);
}

.brand-spadegaming {
    background-image: url(../images/providers/svg/Spadegaming.svg);
}

.brand-playngo,.brand-play\’ngo  {
    background-image: url(../images/providers/svg/Playngo.svg);
}

.brand-maverick {
    background-image: url(../images/providers/svg/Maverick.svg);
}

.brand-bgaming {
    background-image: url(../images/providers/svg/BGaming.svg);
}

.brand-7mojosslots {
    background-image: url(../images/providers/svg/7MojosSlots.svg);
}

.brand-fazi {
    background-image: url(../images/providers/svg/Fazi.svg);
}

.brand-bet2tech {
    background-image: url(../images/providers/svg/Bet2tech.svg);
}

.brand-ctgaming {
    background-image: url(../images/providers/svg/CTGaming.svg);
}

.brand-felix {
    background-image: url(../images/providers/svg/Felix.svg);
}

.brand-gamshy {
    background-image: url(../images/providers/svg/Gamshy.svg);
}

.brand-gamzix {
    background-image: url(../images/providers/svg/Gamzix.svg);
}

.brand-platipus {
    background-image: url(../images/providers/svg/Platipus.svg);
}

.brand-tomhorn {
    background-image: url(../images/providers/svg/Tomhorn.svg);
}

.brand-tpg {
    background-image: url(../images/providers/svg/Tpg.svg);
}

.brand-truelab {
    background-image: url(../images/providers/svg/Truelab.svg);
}

.brand-virtualgeneration {
    background-image: url(../images/providers/svg/VirtualGeneration.svg);
}

.brand-simpleplay {
    background-image: url(../images/providers/svg/Simpleplay.svg);
}

.brand-greenjade {
    background-image: url(../images/providers/svg/GreenJade.svg);
}

.brand-fantasmagames {
    background-image: url(../images/providers/svg/FantasmaGames.svg);
}

.brand-gamefishglobal {
    background-image: url(../images/providers/svg/GamefishGlobal.svg);
}

.brand-pushgaming {
    background-image: url(../images/providers/svg/PushGaming.svg);
}

.brand-revolvergaming {
    background-image: url(../images/providers/svg/RevolverGaming.svg);
}

.brand-rtgslots {
    background-image: url(../images/providers/svg/RTGSlots.svg);
}

.brand-spearheadstudios {
    background-image: url(../images/providers/svg/SpearheadStudios.svg);
}

.brand-splitrockgaming {
    background-image: url(../images/providers/svg/SplitrockGaming.svg);
}

.brand-woohoogames {
    background-image: url(../images/providers/svg/WoohooGames.svg);
}

.brand-kironinteractive {
    background-image: url(../images/providers/svg/KironInteractive.svg);
}

.brand-betradar {
    background-image: url(../images/providers/svg/Betradar.svg);
}

.brand-ladyluck {
    background-image: url(../images/providers/svg/LadyLuck.svg);
}

.brand-espresso {
    background-image: url(../images/providers/svg/Espresso.svg);
}

.brand-netent {
    background-image: url(../images/providers/svg/NetEnt.svg);
}

.brand-gameart {
    background-image: url(../images/providers/svg/GameArt.svg);
}

.brand-evolutiongaming,
.brand-evolution {
    background-image: url(../images/providers/svg/Evolution.svg);
}

.brand-ezugi {
    background-image: url(../images/providers/svg/Ezuki.svg);
}

.brand-betgames,.brand-betgames\.tv {
    background-image: url(../images/providers/svg/Betgames.svg);
}

.brand-playtech {
    background-image: url(../images/providers/svg/PlayTech.svg);
}

.brand-skywindlive {
    background-image: url(../images/providers/svg/Skywind.svg);
}

.brand-skywindcasino {
    background-image: url(../images/providers/svg/Skywind.svg);
}


.brand-cqnine {
    background-image: url(../images/providers/svg/CQNine.svg);
}

.brand-funkygames {
    background-image: url(../images/providers/svg/Funky.svg);
}

.brand-gamatron {
    background-image: url(../images/providers/svg/GamaTron.svg);
}

.brand-worldmatch {
    background-image: url(../images/providers/svg/WorldMatch.svg);
}

.brand-creativegaming {
    background-image: url(../images/providers/svg/CreativeGaming.svg);
}

.brand-gamomat {
    background-image: url(../images/providers/svg/GAMOMAT.svg);
}

.brand-goldenhero {
    background-image: url(../images/providers/svg/GOLDENHERO.svg);
}

.brand-fugaso {
    background-image: url(../images/providers/svg/Fugaso.svg);
}

.brand-gamesinc {
    background-image: url(../images/providers/svg/GamesInc.svg);
}

.brand-inbet {
    background-image: url(../images/providers/svg/InbetGames.svg);
}

.brand-kagaming,.brand-kagaming2 {
    background-image: url(../images/providers/svg/KAGaming.svg);
}

.brand-mancala {
    background-image: url(../images/providers/svg/Mancala.svg);
}

.brand-spinmatic {
    background-image: url(../images/providers/svg/Spinmatic.svg);
}

.brand-zeusplay {
    background-image: url(../images/providers/svg/Zeusplay.svg);
}

.brand-ebet {
    background-image: url(../images/providers/svg/Ebet.svg);
}

.brand-smartsoft {
    background-image: url(../images/providers/svg/SmartSoft.svg);
}

.brand-justplay {
    background-image: url(../images/providers/svg/JustPlay.svg);
}


.brand-onlyplay {
    background-image: url(../images/providers/svg/OnlyPlay.svg);
}

.brand-spribe {
    background-image: url(../images/providers/svg/Spribe.svg);
}

.brand-cogg {
    background-image: url(../images/providers/svg/COGG.svg);
}

.brand-novomatic {
    background-image: url(../images/providers/svg/Novomatic.svg);
}

.brand-igt {
    background-image: url(../images/providers/svg/Igt.svg);
}

.brand-amatic {
    background-image: url(../images/providers/svg/Amatic.svg);
}

.brand-egt {
    background-image: url(../images/providers/svg/Egt.svg);
}

.brand-apex {
    background-image: url(../images/providers/svg/Apex.svg);
}

.brand-igrosoft {
    background-image: url(../images/providers/svg/Igrosoft.svg);
}

.brand-vegas {
    background-image: url(../images/providers/svg/Playgon.svg);
}

.brand-allbet {
    background-image: url(../images/providers/svg/Allbet.svg);
}

.brand-biggaming {
    background-image: url(../images/providers/svg/BigGame.svg);
}

.brand-greendragon {
    background-image: url(../images/providers/svg/GreenDragon.svg);
}

.brand-sbo {
    background-image: url(../images/providers/svg/Sbo.svg);
}

.brand-sexy {
    background-image: url(../images/providers/svg/Sexy.svg);
}

.brand-n2live {
    background-image: url(../images/providers/svg/N2live.svg);
}

.brand-betgames\.tv {
    background-image: url(../images/providers/svg/Betgames.svg);
}

.brand-aux,.brand-avatarux {
    background-image: url(../images/providers/svg/AvatarUX.svg);
}

.brand-ruby {
    background-image: url(../images/providers/svg/Ruby.svg);
}

.brand-beterlive {
    background-image: url(../images/providers/svg/BeterLive.svg);
}

.brand-cq9casino {
    background-image: url(../images/providers/svg/CQ9.svg);
}


.brand-reloadedgaming {
    background-image: url(../images/providers/svg/Reload.svg);
}

.brand-mannaplay {
    background-image: url(../images/providers/svg/Mannaplay.svg);
}

.brand-igs {
    background-image: url(../images/providers/svg/igs.svg);
}

.brand-printstudios {
    background-image: url(../images/providers/svg/PrintStudios.svg);
}

.brand-elysium {
    background-image: url(../images/providers/svg/Elysium.svg);
}

.brand-turbogames {
    background-image: url(../images/providers/svg/TURBO.svg);
}

.brand-prospectgaming {
    background-image: url(../images/providers/svg/PROSPECT.svg);
}
.brand-bigtimegaming {
    background-image: url(../images/providers/svg/BTG.svg);
}
.brand-galaxsys {
    background-image: url(../images/providers/svg/Galaxsys.svg);
}
.brand-hogaming {
    background-image: url(../images/providers/svg/HoGaming.svg);
}
.brand-gamingcorps {
    background-image: url(../images/providers/svg/Gamingcorps.svg);
}
.brand-kingmaker {
    background-image: url(../images/providers/svg/kingmaker.svg);
}
.brand-onlyplay {
    background-image: url(../images/providers/svg/Onlyplay.svg);
}
.brand-568wingames {
    background-image: url(../images/providers/svg/568wingames.svg);
}
.brand-aviatrix {
    background-image: url(../images/providers/svg/aviatrix.svg);
}
.brand-rivalpowered {
    background-image: url(../images/providers/svg/RivalPowered.svg);
}
.brand-s4gaming {
    background-image: url(../images/providers/svg/S4Gaming.svg);
}
.brand-endorphina{
    background-image: url(../images/providers/png/endorphina.png);
}
.brand-fachai{
    background-image: url(../images/providers/svg/fachai.svg);
}
.brand-mascotgaming{
    background-image: url(../images/providers/svg/MascotGaming.svg);
}
.brand-nagagames{
    background-image: url(../images/providers/svg/nagagames.svg);
}
.brand-slotopia{
    background-image: url(../images/providers/svg/slotopia.svg);
}
.brand-bng{
    background-image: url(../images/providers/svg/BNG.svg);
}
.brand-iconic21{
    background-image: url(../images/providers/svg/iconic21.svg);
}
.brand-voltent{
    background-image: url(../images/providers/svg/VoltEnt.svg);
}
.brand-rawigaming{
    background-image: url(../images/providers/svg/rawigaming.svg);
}
.brand-clawbuster{
    background-image: url(../images/providers/svg/clawbuster.svg);
}
.brand-adlunam{
    background-image: url(../images/providers/svg/adlunam.svg);
}
.brand-jili{
    background-image: url(../images/providers/svg/JILI.svg);
}
.brand-fatpanda{
    background-image: url(../images/providers/svg/FatPanda.svg);
}
.brand-18peaches{
    background-image: url(../images/providers/svg/18peaches.svg);
}
.brand-peter\&sons{
    background-image: url(../images/providers/svg/petersons.svg);
}
.brand-shadylady{
    background-image: url(../images/providers/svg/shadylady.svg);
}
.brand-bigpotgaming{
    background-image: url(../images/providers/svg/bigpotgaming.svg);
}
.brand-77gaming{
    background-image: url(../images/providers/svg/77gaming.svg);
}
.brand-kitsune{
    background-image: url(../images/providers/svg/kitsune.svg);
}
.brand-bullshark{
    background-image: url(../images/providers/svg/bullshark.svg);
}
.brand-backseatgaming{
    background-image: url(../images/providers/svg/backseatgaming.svg);
}
.brand-tada{
    background-image: url(../images/providers/svg/tada.svg);
}
.brand-amigogaming{
    background-image: url(../images/providers/svg/amigogaming.svg);
}
.brand-jdb{
    background-image: url(../images/providers/svg/jdb.svg);
}
.brand-popiplay{
    background-image: url(../images/providers/svg/popiplay.svg);
}
.brand-wildsheep{
    background-image: url(../images/providers/svg/wildsheep.svg);
}
.brand-avanti{
    background-image: url(../images/providers/svg/avanti.svg);
}
.brand-vagaming{
    background-image: url(../images/providers/svg/vagaming.svg);
}
.brand-elbet{
    background-image: url(../images/providers/svg/elbet.svg);
}
.brand-nownow{
    background-image: url(../images/providers/svg/nownow.svg);
}
.brand-reelplay{
    background-image: url(../images/providers/svg/reelplay.svg);
}
.brand-gamebeat{
    background-image: url(../images/providers/svg/gamebeat.svg);
}
.swiper-scrollbar-drag {
    background: linear-gradient(180deg, #F6BA3E 0%, #FEAE09 100%);
}

.bg-gray {
    background: #DFDFDF;
}

.menu-brand-games {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}

.menu-brand-games li {
    float: left;
    padding: 5px;
}

.menu-brand-games li img {
    max-width: 100%;
    height: auto;
}

.menu-brand-games li a {
    background: rgba(213, 213, 213, .19);
    text-decoration: none;
    color: #FFFFFF;
    padding: 7px;
    border-radius: 5px;
    display: block;
    text-align: left;
    margin: auto;
    height: 50px;
    border: 2px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    overflow: hidden;
    position: relative;
}


.form-search input {
    border: unset !important;
    border-radius: 5px !important;
    color: #fff;
}

.input-group-text {
    border: 1px solid transparent !important;
}

.form-search .input-group {
    border-radius: 5px !important;
    border: 1px solid #E3E3E3 !important;
}

.btnFilter {
    cursor: pointer;
    pointer-events: all !important;
    padding: 10px 15px;
}

.btnSearch {
    padding: 8px 0;
    margin-left: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


.menu-bottom li a {
    padding: 6px 5px;
}

.menu-bottom ul li.active a {
    color: #FFF;
}

.menu-bottom a:focus,
.menu-bottom a:hover {
    color: #FFF;
}

.menu-bottom .icon {
    display: block;
    margin: 8px auto;
}

.menu-bottom {
    background: linear-gradient(#2E2E2E, #1A1A1A);
}


.menu-bottom ul li a img {
    display: block;
    margin: 0 auto;
}

.menu-bottom ul li a {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    text-align: center;
}

.menu-bottom .icon {
    height: 20px;
    width: 20px;
}

.menu-bottom .nav-item.active {
    background: #131313;
}

.menu-bottom .nav-item.active a {
    color: #FEAE09;
    background-color: transparent !important;
}


/* .menu-bottom .nav-item.active .icon-slot {
    background-image: url('../images/icons/icon-slot-active.svg');
}

.menu-bottom .nav-item.active .icon-livedealer {
    background-image: url('../images/icons/icon-casino-active.svg');
}

.menu-bottom .nav-item.active .icon-sport {
    background-image: url('../images/icons/icon-sport-active.svg');
}

.menu-bottom .nav-item.active .icon-shooting {
    background-image: url('../images/icons/icon-shooting-active.svg');
}

.menu-bottom .nav-item.active .icon-favorite {
    background-image: url('../images/icons/Favorite-on.svg');
} */

.footer {
    padding-bottom: 5rem;
    text-align: center;
    padding-top: 1rem;
}


img.lazy {
    width: 100%;
    height: auto;
    display: block;
    background-image: url(../images/NewGame.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    background-size: cover;
    max-height: 280px;
}


.modal-header {
    border-bottom: none !important;
}

.modal-content {
    background-color: #151515;
    color: #fff;
}

.modal-header {
    background: #2D2D2D;
}

.modal-header>.panel-head {
    background: #2D2D2D;
    padding: 0;
    width: 100%;
}

#modalFilter .modal-body {
    padding: 0rem;
}

#modalFilter .bg-white {
    color: #1A1A1A;
}

#modalFilter .bg-white .text-head {
    color: rgba(26, 26, 26, 0.57);
}


.filterBoxTop .menu-brand-games li a {
    background: #ECEAEA;
    color: #1A1A1A;
}

.filterBoxTop .menu-brand-games li a.active {
    background-image: linear-gradient(180deg, #F6BA3E 0%, #FEAE09 100%);
    color: #fff;
    border-color: unset;
}

.filterBoxProviders .menu-brand-games li a {
    /* font-size: 0px; */
}

.modal-footer {
    border-top: unset;
}

.filterBoxProviders .menu-brand-games li a.active {
    border: 2px solid #F8B62C;
}


.imgRating {
    max-height: 130px !important;
    border-radius: 5px !important;
    width: auto !important;
    margin: 0 auto;
}

.main-star {
    margin: 0 auto;
    margin-left: 25px;
}

.rating-star {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    display: inline-block;
}

.rating-star input {
    opacity: 0;
    position: relative;
    left: -21px;
    z-index: 2;
    cursor: pointer;
}

.rating-star span.star:before {
    color: rgba(255, 255, 255, 0.3);
}

.rating-star span.star {
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    position: relative;
    z-index: 1;
}

.rating-star span {
    margin-left: -10px;
}

.rating-star span.star:before {
    color: #DBDBDB;
    content: "\f005";
}

.rating-star input:hover+span.star:before,
.rating-star input:hover+span.star~span.star:before,
.rating-star input:checked+span.star:before,
.rating-star input:checked+span.star~span.star:before {
    color: #F6BA3E;
    content: "\f005";
}


#rating-form .is-invalid {
    color: #ff0015 !important;

}

.form-control {
    background: rgba(236, 234, 234, .22) !important;
    border-color: #707070;
    color: #FFFFFF !important;
    padding: 10px;
}

#ratingBackdrop .modal-body {
    padding: 0;
}

.form-small {
    max-width: 500px;
}

label.is-invalid {
    text-align: right;
    color: #ff0015 !important;
    width: 100%;
}

.head-winlose {
    background: #2e2e2e;
    color: #fff;
    font-size: 16px;
}