@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
/*AVENGER98TH*/
:root {
  --main: #af69ef;
}
html,
body {
  width: 100%;
  overflow-x: hidden !important;
  min-height: 100vh !important;
  font-family: "Kanit", sans-serif;
  overflow-x: hidden;
}
/*HUBSLOT*/
.hubslotxo {
  background: #181818;
}
.btn-hubslotxo {
  background: #f8d20c;
}
.hubjoker888 {
  background: #181818;
}
.btn-hubjoker888 {
  background: #00b900;
}
.hubpgslot {
  background: #181818;
}
.btn-hubpgslot {
  background: #af69ef;
}
/*HUBSLOT*/

/*MABUU*/
.mabuuslot {
  background: linear-gradient(180deg, #1c165e 0%, #f7276c 100%) !important;
}
.btn-mabuuslot {
  background: #ffc107;
}
.mabuuxo {
  background: linear-gradient(180deg, #a21a00 0%, #f8d20c 100%) !important;
}
.btn-mabuuxo {
  background: #33b5e5;
}
/*MABUU*/

/*joker24h*/
.joker24h {
  background: radial-gradient(50% 50% at 50% 50%, #363636 0, #181818 78.65%);
}
.btn-joker24h {
  background: #ffde30 !important;
}
/*joker24h*/

/*gucci casino*/
.guccicasino {
  background: #090909 !important;
}

.btn-guccicasino {
  background: linear-gradient(180deg, #ff0039, #600016);
}
/*gucci casino*/

/*hub88th*/
.hub88th {
  background-color: #000;
}
.btn-hub88th {
  background: linear-gradient(180deg, #ffe600, #e8a700);
}
/*hub88th*/

/*joker123bet*/
.joker123bet {
  background: #141414 !important;
}
.btn-joker123bet {
  background: #ba8600 !important;
}
/*joker123bet*/

/*maneemeslotpgslot*/
.maneemeslot {
  background: #b3d236 !important;
}
.btn-maneemeslot {
  border: 3px;
  border-radius: 10px;
  border-style: solid;
  border-color: grey;
  background: #00b900;
  color: #000;
}
/*maneemeslotpgslot*/

/*sanook96*/
.sanook96 {
  background: #191919 !important;
}
.btn-sanook96 {
  background-color: #361571;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 21px #9d00ff, inset 0 4px 4px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 21px #9d00ff, inset 0 4px 4px rgba(0, 0, 0, 0.25) !important;
}
/*sanook96*/

/*sexy222*/
.sexy222 {
  background: #181818 !important;
}
.btn-sexy222 {
  background: linear-gradient(97.95deg, #522b7e 1.16%, #be2b61) !important;
  -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25) !important;
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25) !important;
}
/*sexy222*/

/*slot008*/
.slot008 {
  background: linear-gradient(180deg, #eb5757, #f2c94c);
}
.btn-slot008 {
  background: #ed4848;
}
/*slot008*/

/*slotimjoker*/
.slotimjoker {
  background: #060606;
}
.btn-slotimjoker {
  background-color: #fac549 !important;
  border-radius: 1px;
  border: 1.2px solid #f5f4f4;
}
/*slotimjoker*/

/*slotimpussy888*/
.slotimpussy888 {
  background: #060606;
}
.btn-slotimpussy888 {
  background-color: #fac549 !important;
  border-radius: 1px;
  border: 1.2px solid #f5f4f4;
}
/*slotimpussy888*/

/*slotxo899*/
.slotxo899 {
  background: #060606;
}
.btn-slotxo899 {
  border: 5px solid rgb(255, 215, 51);
  box-sizing: border-box;
  border-radius: 15px;
}
/*slotxo899*/

/*slotxo899*/
.vip69th {
  background-color: #000 !important;
}
.btn-vip69th {
  background: linear-gradient(180deg, #ffe600, #e8a700) !important;
  box-shadow: 0 0 2px 2px #f3c600, inset 3px 2px 3px hsla(0, 0%, 100%, 0.57) !important;
}
/*vip69th*/

/*win222*/
.win222 {
  background-color: #141414 !important;
}
.btn-win222 {
  background: linear-gradient(97.95deg, #ff6d00 1.16%, #ffea31);
  -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);

  border: 0.1px solid #ff6d00 !important;
}
/*win222*/
/*tiger999*/
.tiger999 {
  background: #050505 !important;
}
.btn-tiger999 {
  background: linear-gradient(
    180deg,
    #ffdf46,
    #ffdc42 23.96%,
    #feeb52 49.48%,
    #fbc316 71.87%,
    #f69b09
  ) !important;
  box-shadow: inset 0 4px 4px 2px rgb(255 255 255 / 25%) !important;
  border-radius: 20px !important;
}
/**/
/*winbet789*/
.winbet789 {
  background: linear-gradient(180deg, #000c2c, #00e0ff);
}
.btn-winbet789 {
  background: #000c2c !important;
}
.btn-LASLOTXO {
  box-shadow: 0px 0px 10px 0px #00f0ff;
  border: 2px solid #00f0ff !important;
}
.LASLOTXO {
  background: linear-gradient(180deg, #1d007f 0%, #3b0150 100%) !important;
}
.SLOTKING77 {
  background: linear-gradient(180deg, #00ea7b, #ffd041) !important;
}
/*richie999*/
.richie999 {
  background-color: #000 !important;
}
.btn-richie999 {
  background: linear-gradient(180deg, #ffe600 0%, #e8a700 100%) !important;
  border-radius: 3px !important;
  color: #000 !important;
}
.btn-SLOTKING77 {
  background: linear-gradient(
    180deg,
    #ffdf46 0%,
    #ffdc42 23.96%,
    #feeb52 49.48%,
    #fbc316 71.87%,
    #f69b09 100%
  ) !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25),
    0px 5px 5px rgba(0, 0, 0, 0.25) !important;
  border-radius: 22px !important;
  color: #000 !important;
}
/*winbet789*/
.btn-main {
  /* background: var(--main) !important; */
  box-shadow: -1px -1px 15px 2px var(--shadow) !important;
  border-radius: 20px;
}
.btn-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px var(--main);
  outline: 1px solid;
  outline-color: var(--main);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px var(--secondary), 0 0 20px var(--secondary);
  outline-color: var(--main);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px var(--shadow);
}
/* Firefox old*/
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
.bounce:hover {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation: bounce 0.25s infinite alternate;
}

.box:hover {
  -moz-animation: 3s ease 0s normal none infinite swing;
  -moz-transform-origin: center top;
  -webkit-animation: swing 3s infinite ease-in-out;
  -webkit-transform-origin: top;
}

@-moz-keyframes swing {
  0% {
    -moz-transform: rotate(-3deg);
  }
  50% {
    -moz-transform: rotate(3deg);
  }
  100% {
    -moz-transform: rotate(-3deg);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
  }
}